@charset "utf-8";
/* CSS Document */

body { background: url(../images/defaultbg.jpg) repeat-x center top #000; font-family: Verdana, Arial, Helvetica, sans-serif;}


.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f17 { font-size:17px;}
.f19pt { font-size:19pt;}
.f22pt { font-size:22pt;}
.f40pt { font-size:40pt;}

.w500 { width:500px;}

.ff_microsoftYahei { font-family:"Microsoft YaHei";}
.ff_Georgia { font-family: Georgia; font-style:italic;}

.lh22 { line-height:22px;}
.lh26 { line-height:26px;}

.black { color:#000;}
.white { color:#000;}


/*************************************    header    **************************************/

#header { background:#333; text-align:center; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; position: relative; width:100%; color:#fff;}
#innerheader { margin:0 auto; padding:15px;}
#innerheader span { float:left; margin: 0 12px 0 0;}
#innerheader p a { float:left; width:200px; color:#fff; font-style: italic;}
#innerheader p a:hover { text-decoration:underline;}
#innerheader h1 a { float:left; width:200px; color:#fff; font: 400 italic 19pt Georgia, "Microsoft YaHei"; letter-spacing:-1px;}
#innerheader h1 a:hover { text-decoration:underline;}
#innerheader .search_i { text-align:right;}


/*************************************    content    **************************************/
#content { width:100%;}
#innercontent { margin:100px auto 0; width:480px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; position: relative;}

#nav { width:100%; float:left;}
#nav ul { list-style:none; margin:0 auto; width:480px !important; width:490px;}
#nav li { float:left; width:150px; height:150px; background:#000; color:#fff; margin: 0 5px; -moz-border-radius: 20px 0; -webkit-border-top-left-radius:20px; -webkit-border-bottom-right-radius:20px;}
#nav li a { float:left; width:150px; height:150px; color:#fff;}
#nav li a:hover { background:#f30; -moz-border-radius: 20px 0; -webkit-border-top-left-radius:20px; -webkit-border-bottom-right-radius:20px;}
#nav li span {  margin:20px 0 0 20px; border-bottom:1px dotted;}
#nav li em { display:block; margin:20px 0 0 20px; font-family: Georgia; font-style:italic;}
#nav li p { display:block; margin:20px; text-align:right;}


/*************************************    footer    **************************************/
#footer { margin: 100px auto 0; position:relative; display:block; width:100%; float:left; text-align:center; color:#666;}
#footer p { text-align:center;}
#footer em { text-align:center; font-style:italic; font-weight:700; font-family:Georgia;}
#footer a { color:#666; text-decoration:none;}
#footer a:hover { text-decoration: underline;}


/*************************************    update    **************************************/
#update { margin:100px auto 0; float:left; width:100%;}
#innerupdate { margin:0 auto; width:800px; background:#000; -moz-border-radius: 20px 20px 0 0; -webkit-border-top-left-radius:20px; -webkit-border-top-right-radius:20px; filter:alpha(opacity=65); -moz-opacity:0.65; opacity: 0.65; position: relative;}
#innerupdate h3 { color:#fff; padding:20px;}
#innerupdate h4 { color:#fff; }
#innerupdate p { text-indent:20px; margin:0; color:#fff;}
#innerupdate em { display:block; font-family: Georgia; font-style:italic;}
#innerupdate ul { float:left; background:#000; width:800px;}
#innerupdate li { float:left; margin:50px 0 0 20px;}
#innerupdate li a:link,#innerupdate li a:visited { color:#fff; font-weight:700; padding:2px 5px; border-bottom:1px dotted #fff;}
#innerupdate li a:hover { border-bottom:1px solid #f30;}
#innerupdate .up_left { float:left; width:200px;}
#innerupdate .up_right { float:left; width:500px; border-top:1px solid #ccc;}


/*************************************    update    **************************************/
#tags { float:left; width:100%; margin:200px 0 0;}
#innertags {margin: 0 auto; text-align:center; background:#000;}


/*************************************    twitter    **************************************/
#twitter_div { float:left;}
#twitter_div ul { float:left; width:550px;}
#twitter_div li { float:left; margin:0; padding:0;}
#twitter_div li span { color:#fff; font-size:12px; font-weight:700;}
#twitter_div li a { font-size:12px !important; font-weight:400 !important;}
#twitter_update_list { float:left; list-style: decimal;}
#twitter_update_list li { float:left; margin: 0 0 0 20px; width:500px;}