html,div,map,dt,isindex,form{display:block} 
p,dl,multicol{display:block;margin:1em 0} 
dd{display:block} 
blockquote{display:block;margin:1em 40px} 
center{display:block;text-align:center} 
strong{font-weight:bold}  
h1{display:block;font-size:2.00em;font-weight:bold;margin:0.67em 0} 
h2{display:block;font-size:1.50em;font-weight:bold;margin:0.83em 0} 
h3{display:block;font-size:1.17em;font-weight:bold;margin:1.00em 0} 
h4{display:block;font-size:1.00em;font-weight:bold;margin:1.33em 0} 
h5{display:block;font-size:0.83em;font-weight:bold;margin:1.67em 0} 
h6{display:block;font-size:0.67em;font-weight:bold;margin:2.33em 0} 
ul, menu, dir {display:block;list-style-type:disc;margin:1em 0;padding:0 0 0 40px;} 
ol {display:block;list-style-type:decimal;margin:1em 0;padding:0 0 0 40px;} 
li {display:list-item;} 
/** HERE THE CSS RESETS ENDS, next line are the theme style **/

body{
font-family:Trebuchet, Tahoma, Arial, sans-serif;
font-size:12px;
margin:0;
background-color:#000000;
background-image:url(http://www.dingblog.com/static/blogs/img/featured/stina/body_background.jpg);
background-repeat:repeat-x;
background-position:0 23px;
color:#ffffff;
}
a{
color:#ff99cc;
text-decoration:none;
}
a:hover{
color:#ff99cc;
text-decoration:underline;
}
#header{
width:960px;
height:412px;
margin:0 auto;
background-image:url(http://www.dingblog.com/static/blogs/img/featured/stina/header_background.png);
background-repeat:no-repeat;
background-position:center bottom;
}
#logo{
display:block;
width:378px;
height:330px;
background-image:url(http://www.dingblog.com/static/blogs/img/featured/stina/stina_logo.png);
background-repeat:no-repeat;
background-position:left bottom;
}
#page{
width:900px;
margin:10px auto;
}
#blog{
float:left;
width:80%;
background-image:url(http://www.dingblog.com/static/blogs/img/featured/stina/title_blog.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:25px;
}
#pagination{
display:block;
height:20px;
margin:20px 25px 20px 0;
}
#pagination a.left{
display:block;
float:left;
height:12px;
width:106px;
background-image:url(http://www.dingblog.com/static/blogs/img/featured/stina/page_new.gif);
background-repeat:no-repeat;
background-position:left top;
}
#pagination a.right{
display:block;
float:right;
height:12px;
width:102px;
background-image:url(http://www.dingblog.com/static/blogs/img/featured/stina/page_old.gif);
background-repeat:no-repeat;
background-position:right top;
}
#sidebar{
float:left;
width:20%;
}
.bar{
margin-bottom:25px;
}
.bar h4{
display:block;
height:17px;
width:176px;
background-repeat:no-repeat;
background-position:left top;
margin:0 0 10px 0;
}
.about h4{
background-image:url(http://www.dingblog.com/static/blogs/img/featured/stina/title_about.gif);
}
.categories h4{
background-image:url(http://www.dingblog.com/static/blogs/img/featured/stina/title_categories.gif);
}
.archive h4{
background-image:url(http://www.dingblog.com/static/blogs/img/featured/stina/title_archive.gif);
}
.following h4{
background-image:url(http://www.dingblog.com/static/blogs/img/featured/stina/title_following.gif);
}
.hide{
visibility:hidden;
display:none;
}
#avatar{
border:1px solid #ff99cc;
padding:5px;
float:left;
margin:0 6px 6px 0;
}
#sidebar ul{
list-style-type:none;
margin:5px 0 10px 0px;
padding:0

}
#sidebar ul li{
list-style-type:none;
line-height:1.2em;
margin-left:10px;
padding:0
}
.feeds ul li, .feeds ul li{
float:left;
margin:0 0 4px 0;
}
.article{
margin:0 25px 25px 0;
}
.article .topic{
margin:0 0 5px 0;
font-size:1.36em;
}
.article .topic a h3{
color:#ff99cc;
}
.article .meta{
font-size:0.8em;
color:#b7b7b7;
}
.article .content{
color:#ffffff;
padding:5px 10px;
line-height:1.2em;
}
#read_comment{
font-size:1.0em;
font-weight:bold;
color:#ff99cc;
padding:5px 10px;
margin:10px;
border-bottom:1px solid #ff99cc;
}
.comment{
clear:left;
margin:10px;
background-color:#252525;
padding:5px;
}
.commentator{
font-weight:bold;
}
.commentar{
float:left;
margin:0 6px 6px 0;
padding:5px;
background-color:#252525;
border:1px solid #ff99cc;
}
.commentmeta{
font-size:0.8em;
}
.comtent{
margin-top:0.5em;
}
.b_quote{
color:#b9b9b9;
border:1px #141414 solid;
background:#0c0c0c;
padding:10px;
margin:10px 10px 10px 10px;
overflow:hidden;
}
.b_quote span {
 margin:5px 0 0 5px;
 color:#ffffff
}
#newcomment{
margin:10px;
}
input, textarea, select{
color:#ffffff;
background-color:#252525;
border:1px solid #ff99cc;
margin-bottom:10px;
}
input:focus, textarea:focus, select:focus{
border:1px solid #ff99cc;
}
label{
line-height:1.0em;
color:#ff99cc;
font-size:0.9em;
margin:0;
padding:0;
}
textarea{
width:100%;
}
.button{
float:right;
font-size:0.8em;
font-weight:bold;
color:#ffffff;
text-decoration:none;
background-color:#ff99cc;
border:1px solid #ff99cc;
padding:2px 4px;
text-shadow: 1px 1px 0px #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.button:hover{
color:#000000;
background-color:#ff99cc;
border:1px solid #ff99cc;
text-shadow: 0px 0px 0px #000;
}