html, body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: black;
	background: #fff; /*#f1f1f1;*/
}



/* HEADER 
 * **************************************************************/

#header {
	margin: 0;
	padding: 12px 5px 12px 58px;
	min-height: 35px;
	background: #222 url(/static/logo_white_48x48.png) 5px center no-repeat;
	border-bottom: #3d8ad7 solid 5px;
}


#header h1 {
	margin: 0;
	padding: 0;
	font-size: 32px;
	font-weight: normal;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
}

#header span {
	color: #aaa;
}

#browselink a {
	color: #999;
	font-size: 10pt;
	margin: 0 0 0 5px;
	text-decoration: none;
}

#browselink a:hover {
	color: #444;
}


/* MENU
 * **************************************************************/

#content #menu {
	margin: 30px -2px;
}

#content #menu table {
	margin: 0;
	width: 100%;
	table-layout: fixed;
}

#content #menu table th {
	text-shadow: 1px 1px 0 #f1f1f1;
}

#content #menu table th.project { color: #3d89d6; }
#content #menu table th.involve { color: #7c52ce; }
#content #menu table th.support { color: #6cb326; }

#content #menu table td {
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	border: #e1e1e1 solid 1px;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content #menu ul {
	margin: 0;
	padding: 2px 0;
	list-style-type: none;
	list-style-image: none;
}

#content #menu ul li {
	margin: 3px;
	padding: 0;
}

#content #menu ul li a {
	display: block;
	padding: 5px;
	color: #777;
	text-shadow: 1px 1px 0 #fff;
}

#content #menu ul li.active a {
	font-weight: bold;
}

#content #menu ul li a:hover {
	text-decoration: none;
}

#content #menu td.project ul li a:hover { color: #3d89d6; }
#content #menu td.involve ul li a:hover { color: #7c52ce; }
#content #menu td.support ul li a:hover { color: #6cb326; }

#content #menu ul li a img {
	float: left;
	margin: -3px 2px 0 -2px;
	border: none;
}



/* CONTENT
 * **************************************************************/

#content {
	margin: 0 auto;
	width: 780px;
}

#content a {
	text-decoration: none;
	color: #213c64;
}

#content a:hover {
	text-decoration: underline;
	color: #2459ae;
}

#content p, #content ul {
	margin: 15px 0;
	padding: 0;
}

#content ul {
	padding: 0 0 0 35px;
	list-style-image: url(/static/bullet.png);
}

#content h2 { 
	color: #555;
	font-weight: lighter;
	margin: 30px 0 20px 0;
}

#content h3 { 
	color: #999;
	font-weight: normal;
	margin: 20px 0 10px 0;
}

#content h2 span, #content h3 span {
	float: right;
}

#content h2 a img, #content h3 a img {
	border: none;
	opacity: .5;
}

#content h2 a:hover img, #content h3 a:hover img {
	opacity: 1;
}


#content .project h2 { color: #3d89d6; }


/* viewtext */

.viewtext {
	clear: both;
}


/* viewbloc */

#content .viewbloc {
	padding: 5px;
	margin: 20px 0;
	border: #e1e1e1 solid 1px;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 11pt;
	clear: both;
	box-shadow: 1px 1px 2px #eaeaea;
	-o-box-shadow: 1px 1px 2px #eaeaea;
	-moz-box-shadow: 1px 1px 2px #eaeaea;
	-khtml-box-shadow: 1px 1px 2px #eaeaea;
	-webkit-box-shadow: 1px 1px 2px #eaeaea;
}

#content .viewbloc p, #content .viewbloc ul, #content .viewbloc dd,
#content .viewbloc dt, #content .viewbloc h4 {
	margin: 15px 7px;
}

#content .viewbloc dt, #content .viewbloc h4 {
	font-weight: normal;
	font-size: 12pt;
	color: #666;
}

#content .viewbloc pre {
	margin: 15px 7px;
	border: #e1e1e1 solid 1px;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px 5px;
	color: #333;
	font-size: 10pt;
}

#content .viewbloc h2, #content .viewbloc h3 {
	margin: -5px -5px 5px -5px;
	padding: 5px 5px 3px 5px;
	border-bottom: #e1e1e1 solid 1px;
	font-size: 12pt;
	font-weight: bold;
	color: #555;
	background: #f1f1f1;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */
	border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	text-shadow: 1px 1px 0 #fff;
}

#content .viewbloc h2 span, #content .viewbloc h3 span {
	color: #777;
	font-weight: normal;
}


/** Project Infos **/

#content #project_infos {
	float: right;
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 20px 20px;
	padding: 0;
	width: 33%;
}

#content #project_infos li {
	margin: 0 0 2px 0;
	padding: 5px;
	font-size: 9pt;
	color: #444;
	border: #e1e1e1 solid 1px;
	border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 1px 1px 2px #eaeaea;
	-o-box-shadow: 1px 1px 2px #eaeaea;
	-moz-box-shadow: 1px 1px 2px #eaeaea;
	-khtml-box-shadow: 1px 1px 2px #eaeaea;
	-webkit-box-shadow: 1px 1px 2px #eaeaea;
}

#content #project_infos li strong {
	color: #3d89d6;
	text-shadow: 1px 1px 0 #fff;
}

#content #project_infos li span {
	display: block;
	width: 100%;
	overflow: hidden;
}

#content #project_infos li span img {
	vertical-align: middle;
}

#content #project_infos li span a img {
	border: none;
}


/** Screenshots **/

#content #project_screenshot div {
	text-align: center;
	margin: 10px;
	width: 45%;
	float: left;
	clear: none !important;
}

#content #project_screenshot div a {
	display: block;
	width: 100%;
	max-height: 250px;
	overflow: hidden;
}

#content #project_screenshot div a img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
}


/** Project List **/

#project_list table {
	width: 100%;
	border-collapse: collapse;
}

#project_list table tr {
	border-bottom: #e1e1e1 dashed 1px;
}

#project_list table tr:hover {
	background: #f1f1f1;
}

#project_list table tr td {
	vertical-align: top;
	padding: 5px;
}

#content #project_list table tr td h3, #content #project_list table tr td h3 a {
	margin: 7px 0;
	color: #333;
	font-size: 12pt;
	font-weight: bold;
	background: transparent;
	border: none;
}

#project_list table tr td.ico64 {
	width: 65px;
	text-align: center;
}

#project_list table a img {
	border: none;
}

#content #project_list table tr td p {
	margin: -5px 0 0 6px;
	padding: 0;
	color: #666;
}


/* Download latest */
#project_dllatest ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin-top: 0px;
	display: table;
	width: 100%;
}

#project_dllatest ul li {
	float: left;
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	border: #e1e1e1 solid 1px;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 10px 0 0;
}

#project_dllatest ul li a {
	display: block;
	border: #fff solid 1px;
	padding: 6px 6px 6px 33px;
	font-size: 16px;
	border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #666;
	text-shadow: 1px 1px 0 #fff;
}

#project_dllatest ul li a em {
	color: gray;
	font-size: 9pt;
	margin-left: 5px;
}

#project_dllatest ul li a span, #project_dllatest ul li a em {
	display: none;
}

#project_dllatest ul li a:hover span, #project_dllatest ul li a:hover em {
	display: inline;
}

#project_dllatest ul li a:hover {
	color: #444;
	text-decoration: none;
}

#project_dllatest ul li:hover {
	border-color: silver;
	background: #f1f1f1;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */
}

#project_dllatest ul li.source a {
	background: url(/static/icon/24/source.png) 5px center no-repeat;
}

#project_dllatest ul li.linux a {
	background: url(/static/icon/24/linux.png) 5px center no-repeat;
}

#project_dllatest ul li.windows a {
	background: url(/static/icon/24/windows.png) 5px center no-repeat;
}

#project_dllatest ul li.macos a {
	background: url(/static/icon/24/macos.png) 5px center no-repeat;
}


/* Download list */
#project_dllist table {
	width: 100%;
	border-collapse: collapse;
}

#project_dllist table td a {
	display: block;
	padding: 2px 5px;
}

#project_dllist table td a img {
	border: none;
	text-align: middle;
}

#project_dllist table tr:hover {
	background: #f1f1f1;
}

#project_dllist table td {
	border-bottom: #e1e1e1 dashed 1px;
	padding: 0;
}

#project_dllist table td.ico {
	width: 35px;
}

#project_dllist table td.size {
	width: 100px;
	color: gray;
	text-align: right;
}


/* Banner */

#banner h1.banner {
	text-align: center;
	margin: 30px 0;
}

#banner > img {
	float: left;
	margin: 0 10px 0 0;
}

#banner h1 {
	font-size: 26pt;
	color: #444;
	text-shadow: 2px 2px 2px #ccc;
	margin: 30px 0 0 0;
}

#content #banner p {
	margin: 0 0 30px 0;
	font-size: 12pt;
	color: #666;
}



/* FOOTER 
 * **************************************************************/

#footer {
	margin: 20px 0;
	text-align: center;
	color: gray;
	font-size: 9pt;
	clear: both;
}

#footer p {
	margin: 5px;
}

#footer a {
	color: gray;
}

#footer a:hover {
	color: #333;
}