body{
background-color:#F1F1F1;
margin:0;
padding:0;
}
a{
text-decoration:none;
color:#36c;
}
#home{
width:100%;
height:100%;
background-color:transparent;
}
#header{
width:100%;
height:50px;
background:transparent;
display:block;
position:absolute;
top:0;
left:0;
z-index:10;
}
#navigator{
position:fixed;
top:0;
left:0;
width:100%;
height:30px;
background-color:#2D2D2D;
}
#navigator ul{
list-style:none;
margin:3px 0 0 -100px;
}
#navigator ul li{
float:left;
margin:3px 15px 3px 15px;
}
#navigator ul li a{
color:#f2f2f2;
font:bold 14px arial,sans-serif;
}
#navigator div.blogStats{
float:right;
margin-right: 10px;
padding-top:3px;
color:#ddd;
font:normal 13px arial,sans-serif;
}
#blogTitle{
width:80%;
max-width:1026px;
min-width:960px;
margin:45px auto;
font-family: arial,sans-serif;
}
#blogTitle:after{
content:"}";
font:bold 4em arial,sans-serif;
display:block;
float:right;
margin: -80px 0px 20px 30px;
}
#blogTitle a.headermaintitle{
color:#000;
-moz-text-shadow:2px 2px 5px #888;
-o-text-shadow:2px 2px 5px #888;;
-webkit-text-shadow:2px 2px 5px #888;
text-shadow:2px 2px 5px #888;
border-left:10px solid #DB4B39;
padding-left:10px;
}
#main{
width:100%;
height:100%;
position:relative;
}
#mainContent{
background:#fff;
width:80%;
max-width:1026px;
min-width:960px;
border:1px solid #D7D7D7;
-moz-border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
margin:150px auto;
margin-bottom:50px;
-moz-box-shadow:0 2px 2px #888;
-webkit-box-shadow:0 2px 2px #888;
box-shadow:0 2px 2px #888;
}
.dayTitle{
width:100%;
border-width:0 10px 0 10px;
border-style:solid;
border-color:#DB4B39;
line-height:41px;
background-color:#DB4B39;
margin:20px 0 20px -10px;
position:relative;
}
.dayTitle:before,.dayTitle:after{
display:block;
content:'\00A0';
width:0;
height:0;
border-width:10px 10px 10px 10px;
border-style:solid;
position:absolute;
bottom:-10px;
background:transparent;
z-index:-5;
}
.dayTitle:before{
border-color:transparent #aaa transparent transparent;
left:-20px;
}
.dayTitle:after{
border-color:transparent transparent transparent #aaa;
right:-20px;
}
.dayTitle a{
padding-left:20px;
color:#fff;
-moz-text-shadow:2px 2px 3px #fff;
-o-text-shadow:2px 2px 3px #fff;
-webkit-text-shadow:2px 2px 3px #fff;
text-shadow:2px 2px 3px #fff;
}
.postTitle{
height:25px;
padding-top:7px;
border-left:100px solid #6D6D6D;
border-bottom:2px solid #6D6D6D;
}
.postTitle a{
padding-left:10px;
font:bold 18px arial,sans-serif;
color:#000;
}
.postCon,.postBody{
padding:10px 15px;
}
.postCon ul,.postBody ul,#cnblogs_post_body ul{
list-style:none;
counter-reset:list;
}
.postCon ul li,.postBody ul li{
counter-increment:list;
margin-bottom:10px;
position:relative;
}
.postCon ul li:before,.postBody ul li:before{
content:counter(list);
text-align:center;
color:#fff;
font-size:1em;
font-weight:bold;
display:block;
width:1.2em;
height:1.2em;
line-height:1.2em;
background-color:#d2d2d2;
-moz-border-radius:0.6px;
-o-border-radius:0.6em;
-webkit-border-radius:0.6em;
border-radius:0.6em;
position:absolute;
top:0;
left:7px;
}
.postDesc{
width:100%;
padding-top:10px;
height:30px;
margin:20px 0 25px 0;
text-align:center;
background-color:#F5F5F5;
border-bottom:2px solid #6D6D6D;
}
#footer{
width:100%;
background-color:#2D2D2D;
padding:3px 0;
color:#fff;
font:normal 13px arial,sans-serif;
position:fixed;
bottom:0;
text-align:center;
}
#sideBar{
width:100%;
height:20px;
background-color:#888;
position:fixed;
z-index:20;
margin:0;
top:30px;
left:0px;
padding-left:-10px;
padding-bottom:5px;
}
h3.catListTitle{
display:none;
}
div.catListTag ul{
list-style:none;
float:left;
marign:0 0 0 -15px;
}
div.catListTag ul li{
float:left;
padding-top:-3px;
padding-bottom:3px;
margin:-10px 10px 0 10px;
color:#eee;
font:normal 13px arial,sans-serif;
}
div.catListTag ul li:hover{
color:#fff;
}
div.catListTag ul li:hover a{
color:#fff;
}
div.catListTag ul li a{
color:#eee;
font:normal 13px arial,sans-serif;
}
.postCon table{margin:0px auto;border: 1px solid #C0C0C0; border-collapse: collapse;}
.postCon th,.postCon td {border: 1px solid #C0C0C0; border-collapse: collapse; padding: 3px;}
#BlogPostCategory{display:none;}
#EntryTag{
color:#fff;
margin:10px 10px 10px 10px;
}
#EntryTag a{
width:4.8em;
height:1.2em;
padding-top:0.2em;
text-align:center;
display:block;
color:#A1A1A1;
float:left;
margin: 10px 10px;
}
#EntryTag:hover a{
left:-1px;
top:-1px;
background-color:#f2f2f2;
-moz-box-shadow:1px 1px 1px #888;
-webkit-box-shadow:1px 1px 1px #888;
box-shadow:1px 1px 1px #888;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#green_channel{
color:transparent;
background-color:#FCFCFC;
border:1px solid #DDDDDD;
width:75px;
height:auto;
position:fixed;
right:10px;
top:141px;
}
#green_channel a{
display:block;
margin:15px auto;
}
#author_profile{
display:none;
}
#blog-comments-placeholder{
width:98%;
background-color:#F8F8F8;
margin:0 auto;
}
.feedback_area_title{display:none;}
.feedbackItem{
margin-left:20px;
}
#comment_form_container{
width:500px;
margin:10px auto;
}