@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,500&subset=latin,latin-ext);
body,div,h1,h2,h3,p,ul,ol,li,dl,dt,dd{margin:0;padding:0;cursor:default}
body{font-family:arial,helvetica,clean,sans-serif;color:#111}
a{text-decoration:none;color:#07c}
a:hover{text-decoration:underline}
h1,h2,h3,header,input[type="submit"],.os{font-family:'open sans',helvetica,sans-serif;font-weight:500}
ul{list-style:none}
h1,h2,h3,ul li,dt,dd,header ul,#content ul,#content img{float:left}
h1+dl,h2+p,h3+ol,h3+p,dt,.man,#content img{clear:both}
#content .close img,#sidebar{float:right}
#wrapper{margin:0 auto}
header{width:100%;overflow:auto}
header li a{display:block;font-weight:500;color:#fff;background-color:#e11900}
header li a:hover,header a.select{text-decoration:none;background-color:#e20}
header li.nm{margin-right:0px}
#content{overflow:auto}
#content img{background:transparent url('/static/img/sprite.png') no-repeat 0 0}
#content dl{margin:0 auto}
#content dd a:after{display:inline-block;width:10px;height:10px;content:url('/static/img/pixel.png');background:transparent url('/static/img/sprite.png') no-repeat -30px 0}
#content dt{width:100%;padding:5px 0 5px 25px;margin:0 1px 1px 0}
#content dd{background-color:#f5f5f5}
#content .close img{background:transparent url('/static/img/sprite.png') no-repeat -10px 0;cursor:pointer}
#content .close img:hover{background-position:-20px 0}
#content .spacer{margin:5px 0}
form{text-align:center}
input[type="text"]{font-weight:bold;color:#111}
input[type="submit"]{color:#fff;border:none;background-color:#e11900;cursor:pointer}
input[type="submit"]:hover{background-color:#e20}
.results,.close,.man{display:none}
#content .results img{float:none;display:block;margin:15px auto}
.results p{text-align:center}
.os li{background-color:#e5e5e5;cursor:pointer}
.os li.select{color:#fff;background-color:#e11900;cursor:default}
.db li{background-color:#e5e5e5}
.db li a{text-decoration:none}
.man ol{margin:0 auto}
footer{text-align:center}
body{font-size:12px}
h1,h2{font-size:18px;margin:10px 0}
h3{font-size:16px;margin:0 0 10px 0}
#adsensetop{width:100%;height:15px;background-color:#f7f7f7;border:1px solid #dedede;border-radius:2px;padding:9px;margin-bottom:10px;overflow:hidden}
#adsensebottom{width:100%;height:90px;background-color:#f7f7f7;border:1px solid #dedede;border-radius:2px;padding:9px;margin-bottom:10px;overflow:hidden}
#wrapper{width:100%;padding:10px 20px}
header{font-size:11px;margin:20px auto 25px auto}
header nav{width:100%}
header li{margin-right:2px}
header li a{padding:5px 20px}
#content{float:left;width:50%;min-height:450px;margin:0 20px 20px 0}
#content img{margin-top:21px}
#content dl{width:100%;font-size:14px}
#content dd a:after{margin-left:5px}
#content dd{width:100%;padding:5px 0 5px 15px;margin-bottom:1px;overflow: auto}
#content .close img{margin:10px 5px 0 0}
input[type="text"]{width:80%;font-size:14px;border:1px solid #ccc;background-color:#f5f5f5;padding:7px}
input[type="submit"]{font-size:11px;padding:5px 15px;margin:15px 0}
.os,.db{margin-top:15px}
.os li,.db li{font-size:10px;padding:3px 15px;margin-left:1px}
.man img{margin-top:10px !important}
.man ol{width:100%}
.man h3+p{margin-bottom:5px}
.man ol+p{margin:5px 0}
#sidebar{width:45%}
#sidebar dl{width:100%;color:#999;margin-top:15px;overflow:auto}
#sidebar dt{width:35px;font-size:11px;font-weight:bold;color:#333}
#sidebar dd{width:100%}
#sidebar dd strong{font-weight:normal;color:#07c}
#buttons{height:62px}
#buttons li{width:50px;height:62px;margin-right:12px}
#buttons .facebook{width:44px !important}
#buttons .twitter{width:58px !important}
#buttons .addthis{margin-right:0 !important}
#ad{width:100%;height:250px;margin:15px 0}
footer{font-size:12px}
@media screen and (max-width: 399px) {
	header nav{width:50%}
}
@media screen and (max-width: 599px) {
	#content{float:left;width:100%;min-height:450px;margin:0 20px 20px 0}
	#sidebar{width:100%}
}
@media screen and (min-width: 800px) {
	header{width:800px;overflow:auto}
	#adsensetop{width:728px;height:15px;background-color:#f7f7f7;border:1px solid #dedede;border-radius:2px;padding:9px;margin-bottom:10px;overflow:hidden}
	#adsensebottom{width:728px;height:90px;background-color:#f7f7f7;border:1px solid #dedede;border-radius:2px;padding:9px;margin-bottom:10px;overflow:hidden}
	#wrapper{width:800px;padding:10px 20px}
	header nav{width:480px}
	#content{float:left;width:480px;min-height:450px;margin:0 20px 20px 0}
	#content dl{width:430px;font-size:12px}
	#content dt{width:104px;padding:5px 0 5px 25px;margin:0 1px 1px 0}
	#content dd{width:285px;padding:5px 0 5px 15px;margin-bottom:1px}
	.man ol{width:400px}
	#sidebar{width:300px}
	#sidebar dl{width:300px;color:#999;margin-top:15px;overflow:auto}
	#sidebar dd{width:265px}
	#ad{width:300px;height:250px;margin:15px 0}
	input[type="text"]{width:400px;font-size:14px;border:1px solid #ccc;background-color:#f5f5f5;padding:7px}
}