/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author:Richard Clark - http://richclarkdesign.com
*/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
ul,ol{list-style:none outside none;}

/*clearfix*/
.clearfix:after, #content:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
*.clearfix, *#content {zoom:1;} /* IE6/7 */

/*let's start from here*/
body{background:#444 /*url(../img/totoro.png) no-repeat right bottom*/;font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;color:#ccc;}

#wrap{width:503px;margin:0px auto 20px;background:url(../img/bgBody.jpg) no-repeat center top;padding:30px 72px 0;}

/*header*/
header{text-shadow:0 1px 0 #000;margin-bottom:10px;/*width:321px;padding-left:45px;*/}
header img{float:left;margin-right:10px;border:1px solid #666;}
h1{color:#fff;font-size:24px;letter-spacing:2px;text-shadow:3px 3px 3px #000;}
header p{font-size:14px;}
/*.loading{float:right;}*/
.loading{border:none 0;float:right;margin-top:8px;}

/*nav*/
nav{color:#333;text-shadow:0 1px 0 #fff;}
nav a{color:#333;text-decoration:none;display:block;background:url(../img/bgTab-inactive.png) no-repeat;}
nav li{float:left;width:122px;height:35px;line-height:35px;text-align:center;margin-right:5px;}
nav .spec{margin-right:0;}
nav .current{background:url(../img/bgTab-current.png) no-repeat;}
nav li:hover a{color:#666;}

/*content*/
#content{background-color:#d0d0d0;padding:10px;border:1px solid #252525;border-top:none 0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;}
#content li{padding:10px;border-bottom:1px solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;overflow:hidden;color:#999;text-shadow:0 1px 0 #fff;zoom:1;overflow:hidden;}
#content li:hover {background-color:#ddd;color:#333;}
#contact li img{width:32px;height:32px;float:left;margin-right:10px;}
#content li a{color:#999;text-decoration:none;display:block;}
#content li:hover a{color:#333;}
#content strong{display:block;color:#333;}
#content .description{background-color:#ddd;color:#333;margin-bottom:10px;}
#content li p{padding:10px;}
#content .description a{display:inline;}
#douban li img{float:left;margin-right:10px;}
/*#twitter ul{padding-bottom:10px;}*/

/*footer*/
footer{background-color:#494949;color:#ccc;margin-top:10px;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;text-align:center;text-shadow:0 1px 0 #000;}