* { margin: 0; padding: 0; }
html { height: 100%; font-size: 62.5% }

body {
height: 100%;
text-align: center;
font: 1.4em Verdana, Arial, Helvetica, sans-serif;
background: #F9FCF7;
color: #555555;
}

a:link, a:visited {
color: #3c9121;
text-decoration: none;
}

a img {
border: 0;
}

.sprite, .django, .gentoo, .ff, .wf, .jwo, #logo img, .star, .play {background:url('/media/sprite.png') no-repeat;}
.django {width:80px;height:15px;background-position:-1px -1px;}
.gentoo {width:80px;height:15px;background-position:-82px -1px;}
.ff {width:87px;height:31px;background-position:-93px -17px;}
.wf {width:110px;height:34px;background-position:-93px -49px;}
.jwo {width:91px;height:68px;background-position:-1px -17px;}
#logo img {width:78px;height:82px;background-position:-1px -86px;}
.star {width:16px;height:16px;background-position:-181px -32px;}
.play {width:16px;height:14px;background-position:-163px -2px;vertical-align: middle;}

.dslogo {
	background: #000;
	font-size: 0.7em;
	color: yellow;
	padding: 35px 7px 7px 7px;
	display: inline;
	clear:both;
}

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
line-height: 0;
}

.fr { float:right; }

.w100p {
width: 100%;
}

.greytip {
color: #888888;
font-size: 70%;
}

#wrapper {
width: 100%;
}

h1 {
font-size: 1.7em;
color: #555555;
position: relative;
z-index: 2;
}

h1 a:link, h1 a:visited {
text-decoration: none;
color: #9ECB64;
}

h2 {
border-top: 1px dashed #cccccc;
font-weight: normal;
color: #555555;
letter-spacing: 0.15em;
word-spacing: 2px;
margin: 5px 0;
padding: 10px 0 0;
font-size: 1.4em;
}

p {
line-height: 1.7;
margin: 10px;

}

#header {
text-align: left;
background: #C6F291;
height: 80px;
}

#title {
position: absolute;
top: 5px;
left: 99px;
color: #444;
font-size: 193%;
font-weight: bold;
text-transform: lowercase;
}

#search_result ul {
margin: 25px;
}

#search_result li {
margin: 10px;
list-style-type: square;
font-size: 120%;
}

#logo {
position: absolute;
top: 10px;
left: 10px;
opacity: 0.8;
}

/* Menu */
#menu {
position: absolute;
top: 40px;
left: 90px;
z-index: 3;
}

#menu li {
float: left;
display: inline;
list-style-type: none;
}

#menu li a {
display: inline;
list-style-type: none;
text-align: center;
color: #FFFFFF;
text-decoration: none;
background: #576942;
padding: 5px 10px;
height: 3px;
line-height: 30px;
margin-left: 8px;
-moz-border-radius: 6px;
}

#menu li a:hover, #menu li a.active  {
background: #465831;
text-decoration: none;
}

.content {
background: #F9FCF7;
margin: 0 15px;
}

.column-left {
background: #F9FCF7;
float: left;
width: 72%;
text-align: left;
margin-top: 5px;
}

.column-left li {
list-style-type: none;
margin-left: 15px;
}

.column-left ol li {
list-style-type: decimal;
margin-left: 25px;
}

.column-right {
background: #F9FCF7;
float: right;
width: 27%;
}

.column-left-in {
margin: 10px 0;
}

.howitworks {
font-size: 85%;
}

.column-right ul {
list-style-type: none;
}

.column-right ul li {
display: block;
}

.column-right ul li a, .column-right ul li a:visited {
color: #3A3A3A;
font-weight: normal;
text-decoration: none;
display: block;
padding: 4px 0;
}

.box {
background: #e8fcd1;
border: 2px solid #c6f291;
margin: 15px 10px;
padding: 10px;
-moz-border-radius: 7px;
}

.box-in {
margin: 0.4em 0.8em 1.3em 0.8em;
}

.box p {
line-height: 1.5;
}

.box h2 {
margin-top: 0;
border: 0;
}

.more {
float: right;
}

.box p.more a, .box p.more a:visited {
color: #005083;
}

#recomend a img {
margin: 5px 7px;
vertical-align: middle;
}

#footer {
height: 110px;
background: #333;
}

#footer a:link, #footer a:visited {
color: #FFFFFF;
font-weight: normal;
}

#footer ul {
list-style-type: none;
color: #FFFFFF;
padding: 13px 0 0 10px;
text-align: left;
font-size: 0.9em;
float: left;
}

#footer ul li {
float: left;
display: inline;
white-space: nowrap;
}

#footer ul li a, #footer ul li a:visited {
margin: 0 6px;
}

#footer p.cop {
font-size: 0.9em;
color: #FFFFFF;
float: right;
padding: 12px 16px 0 0;
margin: 0;
line-height: 1.6;
}

.release {
margin: 10px 0;
}

.release img {
max-width: 250px;
}

.release li {
list-style-type: none;
margin-left: 15px;
}

.player {
margin: 0 auto;
text-align: center;
padding: 10px;
font-size: 150%;
}

.player_releases {
margin: 0 auto;
width: 300px;
text-align: center;
padding: 10px;
margin-left: 10px;
float: right;
}

.player_releases object {
margin-top: 5px;
}

#broken {
	width: 40%;
	margin: 0 auto;
}

.cloud {
text-align: center; font-size: 12%;
}

.cloud li {
list-style: none;
display: inline;
vertical-align: middle;
white-space: nowrap;
float:right;
margin: 4px 10px;
}

.cloud ul:last {
clear:both;
}

.stats p {
text-align: left;
margin: 10px;
word-spacing: 6px;
font-size: 120%;
}

.stats_health {
width: 96%;
border: 1px solid #9ECB64;
background: #ffd0d0 url('/media/img/small-dg.png') repeat-x bottom;
font-size: 120%;
margin: 0 4px;
}

.stats_health div {
background: #E6FCCB url('/media/img/small-dg.png') repeat-x bottom;
padding: 3px 0;
}

.brt {
-moz-border-radius: 5px;
}

.smallstar {
vertical-align: text-top;
}

.action {
padding: 5px;
cursor: pointer;
}

.action img {
margin: 0 5px;
vertical-align: middle;
}

.blog_post {
margin: 10px 30px;
}

.blog_post h2 {
border: 0;
}

.blog_post_foot {
border-bottom: 1px dotted #2B2B2B;
margin: 10px 0;
padding: 3px;
text-align: right;
width: 100%;
background-color: #E6FCCB;
}

.blog_post_list ul {
text-align: left;
font-size: 11px;
margin: 0 0 10px 10px;
}

#abc p a {
margin-right: 7px;
font-size: 110%;
}

#abc img {
vertical-align: text-top;
}

#abc_index {
text-align: center;
}

#abc_index li {
display: inline;
margin: 3px;
font-size: 1.6em;
font-weight: bold;
letter-spacing: 3px;
}

#abc_index li a {
text-decoration: none;
}

.addthis_toolbox {
margin:5px 0 0 10px;
}

.statLeft {
width: 47%;
float: left;
}

.statRight {
width: 47%;
float: right;
}

p.mantis-a { color: #C0C0C0; font-size: 0.9em; margin: 7px 8px 10px 0; line-height: 1; text-align: right; }
p.mantis-a a, p.mantis-a a:visited { color: #C0C0C0; font-weight: normal; }
p.mantis-a a:hover { color: #FFFFFF; }