ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
margin:0;
padding:0;
}
ul{
list-style:none;
}
a{
color:#7f7f7f;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a img{
border:0;
}
.clear{
clear:both;
}
body{
margin:0px;
padding:0px;
font-family:simsun, Verdana, Lucida, Arial, Helvetica, sans-serif;
font-size:12px;
background:#dadada;
color:#000000;
}
#body_page{
}
#page{
width:1000px;
margin:0px auto;
}
/* HEADER */
#header{
width:100%;
height:79px;
}
#header_title{
float:left;
width:55%;
}
#header_rss{
float:right;
width:21%;
padding-top:14px;
padding-right:44px;
}
#header_rss img{
float:right;
}
#header_title h1{
color:#000000;
font-size:41px;
padding-top:20px;
padding-left:40px;
font-weight:normal;
font-family:Cambria, serif;
}
#header_title h1 a{
color:#000000;
text-transform:capitalize;
}
.description{
font-size:14px;
top:-5px;
color:#7f7f7f;
font-style:normal;
/*
font-style:italic;
position:relative;
*/
}
/* menu */
#menu{
width:100%;
height:65px;
background:url(images/menu_bg.gif) no-repeat;
}
#menu ul{
padding-left:40px;
padding-top:32px;
float:left;
}
#menu ul li{
float:left;
background:url(images/menu_li.gif) no-repeat right;
padding-right:15px;
padding-left:15px;
}
#menu ul li a{
color:#212121;
display:block;
font-size:16px;
font-family: Georgia,"Times New Roman",Times,serif;
}
/* SEARCH */
#right_search{
float:right;
}
#searchform_top{
font-size:11px;
color:#aeaeae;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-right:40px;
padding-top:13px;
}
#searchform_top_text{
width:280px;
border:0px;
background:none;
color:#000000;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#gosearch{
text-align:right;
position:relative;
top:11px;
}
/* BODY */
#body{
width:100%;
float:left;
background:url(images/body_bg.gif) repeat-y;
}
#body_top{
width:100%;
float:left;
background:url(images/body_top_bg.gif) no-repeat;
}
#body_left{
width:629px;
float:left;
padding-bottom:40px;
}
#body_right{
width:371px;
float:right;
}
/* left contact */
#body_left_content{
width:548px;
padding-top:20px;
margin-left:59px;
}
.post{
background:url(images/post-top_bg.png) no-repeat;
width:100%;
}
.post-title{
}
.post-title h2{
font-size:18px; font-family:"Microsoft YaHei",Verdana;
color:#000000;
font-weight:bold;
}
.post-title h2 a{
color:#000000;
}
.post-title h3{
font-weight:normal;
background:url(images/dotted_black.gif) repeat-x bottom left;
padding-bottom:5px;
color:#8e8e8e;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.post-title h3 a{
color:#0054a6;
font-weight:bold
}
.post-title h3 b{
color:#0054a6;
font-weight:bold
}
.post-title h3.tags{
color:#000000;
font-weight:bold;
padding-bottom:7px;
padding-top:5px;
padding-left:5px;
}
.post-title h3.tags span{
color:#000000;
font-weight:normal;
}
.post-title h3.tags a{
color:#000000;
font-weight:normal;
}
.entry{
line-height:28px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding-top:15px;
padding-left:6px;
padding-right:5px;
padding-bottom:10px;
}
.entry p{
padding-bottom:15px;
}
.postmetadata{
margin-bottom:30px;
height:23px;
background:#fafafa;
border:1px solid #f1f1f1;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom:2px;
}
.postmetadata a{
font-size:10px;
font-weight:bold;
color:#000000;
background:url(images/post_comm_a.gif) no-repeat left 2px;
padding-left:15px;
padding-bottom:10px;
line-height:19px;
}
.postmetadata a span{
color:#000000;
}
a.readmore{
background:url(images/readmore_a.gif) no-repeat left 4px;
padding-left:10px;
color:#f26522;
margin-left:10px;
}
a.readmore span{
color:#f26522;
}
.postmetadata .alignleft{
padding-top:2px;
padding-left:10px;
}
.postmetadata .alignright{
padding-top:2px;
padding-right:10px;
}
.post-page{
}
.post-page h2{
font-size:18px;
color:#000000;
padding-bottom:4px;
background:url(images/dotted_grey.gif) repeat-x left bottom;
font-weight:normal;
}
.post-page .entry{
padding-top:10px;
padding-left:0;
}
.post-page .entry a{
color:#000000;
text-decoration:underline;
font-weight:bold;
}
.entry a{
color:#0054A6;
text-decoration:underline;
}
/* uncomment it if you want use STRONG tag like title h1,h2 ...
.post-page strong{
font-size:18px;
color:#000000;
padding-bottom:4px;
background:url(images/dotted_grey.gif) repeat-x left bottom; padding:0 0 5px 0;
margin:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
display:block;
} */
/* right content */
#body_right_content{
padding-top: 15px;
}
/* ADS */
#right_ads{
padding-top:10px;
margin-left:30px;
}
#right_ads img{
margin-left:10px;
padding-bottom:10px;
}
/* TAGS */
.main_tags{
margin-bottom:20px;
width:334px;
}
.main_tags a{
color:#3d3d3d;
margin-left:5px;
}
.main_tags h2{
font-size:19px;
color:#3d3d3d;
margin-bottom:5px;
padding-left:10px;
padding-top:4px;
text-transform:capitalize;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
background:url(images/main_tags_bg.gif) no-repeat bottom left;
width:324px;
height:30px;
}
#sidebars{
}
#sidebar{
width:163px;
float:left;
margin-right:5px;
}
#sidebar_right{
width:163px;
float:left;
}
#sidebars h2{
font-size:19px;
color:#474747;
margin-bottom:5px;
padding-left:10px;
padding-top:4px;
text-transform:capitalize;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
background:url(images/sidebars_bg.gif) no-repeat bottom left;
width:153px;
height:30px;
}
#sidebars ul{
color:#7f7f7f;
}
#sidebars li ul{
background:none;
margin-bottom:20px;
}
#sidebars li ul li ul{
padding-left:5px;
background:none;
margin:0px 0px 0px 5px;
}
#sidebars li ul li ul li ul{
padding-left:0px;
}
#sidebars li{
margin-bottom:0px;
}
#sidebars li li{
margin-bottom:0px;
padding-bottom:0px;
background:url(images/dotted_grey.gif) repeat-x left bottom;
padding-top:4px;
padding-bottom:8px;
padding-right:3px;
padding-left:3px;
width:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#sidebars li.widget_categories li, #sidebars li.widget_archives li{
background:none;
border-bottom:1px solid #e5e5e5;
}
#sidebars li.widget_categories li li, #sidebars li.widget_archives li li{
background:none;
border-bottom:0;
}
#sidebars li li li{
background:none;
border:0px;
padding-bottom:3px;
}
#sidebars li a{
color:#0054A6;
}
#sidebars li.widget_categories ul li{
font-weight:bold;
color:#39b54a;
}
#sidebars li.widget_categories ul li a{
background:url(images/sidebar_li_cat.gif) no-repeat left 5px;
font-weight:normal;
padding-left:10px;
}
#sidebars li.widget_categories ul li ul li a{
background:url(images/sidebar_li_cat.gif) no-repeat left 5px;
font-weight:normal;
padding-left:10px;
}
#sidebars li.widget_archives ul li a{
background:url(images/sidebar_li_ar.gif) no-repeat left 5px;
font-weight:normal;
padding-left:10px;
}
#sidebars li.linkcat ul li a{
background:url(images/sidebar_li_br.gif) no-repeat left 5px;
font-weight:normal;
padding-left:10px;
color:#666666;
}
#sidebars li.widget_meta ul li a{
background:url(images/sidebar_li_meta.gif) no-repeat left 5px;
font-weight:normal;
padding-left:10px;
color:#666666;
}
#sidebars .textwidget{
padding:5px;
}
/* FOOTER */
#footer{
width:100%;
height:124px;
background:url(images/footer_bg.gif) no-repeat;
clear:both;
margin:0px auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer_text{
color:#ffffff;
padding-right:40px;
padding-top:21px;
line-height:18px;
text-align:right;
}
#footer_text a{
color:#0072bc;
font-weight:bold;
}
#footer_copyrights{
text-align:right;
color:#ffffff;
padding-right:40px;
padding-top:5px;
}
#footer_copyrights a{
color:#8dc63f;
font-weight:bold;
}
#footer_copyrights a span{
color:#ffd700;
}
/* Begin Typography & Colors */
#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 99%;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 10px 10px; color: #7f7f7f;
padding-left: 15px;
background:url(images/blockquote_bg.gif) repeat-y;
}
blockquote blockquote{
background:url(images/blockquote2_bg.gif) repeat-y;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
font-weight:bold;
clear:both;
}
/* End Various Tags & Classes*/
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
.entry ul {
margin: 0 0 10px 0;
list-style: none;
padding:0 20px 10px 20px;
background:url(images/entry_ul.gif) repeat-y;
}
.entry li {
padding-bottom:5px;
padding-top:5px;
}
#body_left .entry li a{
color:#7a96af;
font-weight:normal;
text-decoration:none;
}
#body_left .entry li a:hover{
text-decoration:underline;
}
.entry ul li:before{
content: url(images/entry_before.gif);
}
.entry ol {
margin: 0 0 10px 0;
padding:0 20px 10px 40px;
background:url(images/entry_ol.gif) repeat-y;
}
.entry ol li {
margin: 0;
padding: 0;
padding-bottom:5px;
padding-top:5px;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
ol li{
list-style: decimal outside;
}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform{
width:500px;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 350px;
padding: 2px;
}
#commentform #submit {
margin: 0;
height:25px;
}
/* End Form Elements */
/* Begin Comments*/
h2#comment_title{
font-size:19px;
color:#000;
margin-left:20px;
padding-bottom:5px;
font-weight:normal; font-family: Georgia,"Times New Roman",Times,serif;
}
h3#comments{
font-size:14px;
color:#3d3d3d;
margin-left:20px;
font-weight:normal;
background:url(images/comments_bg.gif) no-repeat left bottom;
padding-bottom:10px;
}
.commentlist {
padding: 0px;
text-align: justify;
margin-left:20px;
}
.commentlist li{
margin: 15px 0 5px;
display:block;
padding:10px 10px 10px 2px;
background:#f6f6f6 url(images/comm_items_bg.gif) no-repeat;
border:1px dashed #b2b2b2;list-style-type: none;
}
.commentlist p {
margin: 10px 5px 10px 0;
line-height:18px;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.vcard {
padding:9px 0 3px 43px;
display: block;
color:#000000;
text-transform:capitalize;
font-weight:bold;
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.commentmetadata {
margin: 0 0px 5px 0px;
padding:0 0px 10px 43px;
text-transform:capitalize;
font-size:12px;
}
.commentmetadata a{
color:#7F7F7F;
}
.commentmetadata span{
color:#000000;
}
.comment div p{
padding:0 10px 0 15px;
}
.reply{
padding:0 10px 0 15px;
}
.reply a{
color:#0054a6;
}
.cancel-comment-reply{
margin-left: 20px;
}
.cancel-comment-reply a{
font-size: 12px;
}
.children li{
margin: 10px 0px 10px 20px;
}
.commentmetadata_end{
color:#000000;
font-weight:bold;
padding:10px 5px 5px 20px;
font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.commentmetadata_end a{
color:#000000;
}
.commentmetadata_end span{
color:#000000;
}
#respond{
margin-top:40px;
padding-bottom:60px;
}
#respond h3{
font-size:19px;
color:#000000;
padding-bottom:8px;
margin-bottom:25px;
margin-left:20px;
font-weight:normal; font-family: Georgia,"Times New Roman",Times,serif;
background:url(images/respond_box_bg.gif) no-repeat left bottom;
}
#commentform{
margin-left:55px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#commentform a{
color:#000000;
}
#commentform input{
font-size:12px;
padding:3px;
}
#commentform textarea{
background:#ffffff url(images/input_bg.gif) repeat-x;
border:1px #cacaca solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:3px;
color:#828587;
}
#commentform input#submit{
cursor: pointer;
}
/* End Comments */
/* Archives page */
.page_archives_div{
padding-bottom:60px;
}
.ar_panel{
width:100%;
}
.ar_panel2{
width:100%;
}
.ar_panel3{
}
.page_archives_div h2{
font-size:18px;
color:#000000;
font-weight:normal;
padding-left:25px;
padding-bottom:4px;
padding-top:2px;
background:#f6f6f6 url(images/page_archives_div_1.gif) no-repeat 5px 5px;
border:1px solid #eaeaea;
}
.ar_panel2 h2{
background:#f6f6f6 url(images/page_archives_div_2.gif) no-repeat 7px 8px;
}
.ar_panel3 ul{
}
.page_archives_div ul h2{
}
.page_archives_div ul{
margin:0px;
padding:0px;
padding-top:5px;
margin-bottom:40px;
}
.page_archives_div ul li{
margin:0px;
padding:0px;
list-style:none;
background:none;
padding-left:15px;
}
.page_archives_div ul li ul{
margin:0px;
padding:0px;
padding-left:10px;
}
.page_archives_div ul li a{
font-weight:normal;
color:#7e7e7e;
font-size:13px;
}
.page_archives_div ul li a:hover{
}
.page_archives_div ul li{
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #e9e9e9;
}
.page_archives_div ul li ul li{
border:0px;
}