/*
Theme Name: zhutoo
Theme URI: http://zhutoo.com/
Author: zhutoo
Version: 1.0
Tags: black, white, two-columns,
*/
* {
margin:0;
padding:0;
}

body {
text-align:center;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#2D2D2D;
background:none;
}

a {
color:#000;
text-decoration:none;
}


img { max-width:570px; max-height:auto; }
  *html img { width: expression(this.width > 570 && this.width > this.height ?  570 : auto); height: expression(this.height > 570 ? 570 : auto); }


img {
border:0;
}

.break {
font-size:0;
width:0;
height:0;
clear:both;
}

.alignleft {
float:left;
margin:4px 10px 5px 0;
}

.alignright {
float:right;
margin:4px 0 5px 10px;
}

.aligncenter {
text-align:center;
}

.hidden {
display:none;
}

/** BEGIN wrapper **/
#wrapper {
width:950px;
margin:auto;
text-align:left;
}

/** END wrapper **/
/** BEGIN header **/
#header {
height:118px;
background:url(images/header.gif) repeat-x 0 bottom;
padding-top:5px;
}

#header ul {
list-style-type:none;
height:37px;
margin-top:3px;
background:url(images/rightround.gif) no-repeat right 0;
}

#header ul li {
float:left;
text-transform:uppercase;
padding-left:1px;
background:url(images/divider.gif) no-repeat 0 11px;
}

#header ul li.f {
background:url(images/leftround.gif) no-repeat 0 0;
padding-left:10px;

}

#header ul li a {
font-size:12px;
text-decoration:none;
color:#fff;
display:block;
padding:10px 12px;
}

#header ul li a:hover{
color:#999;
}

#header .logo {
float:left;
padding-left:15px;
}

#header .logo h1 {
font-size:0;
}

#header .logo h1 a {
display:block;
outline:none;
text-indent:-9999px;
background:url(images/logo.gif) no-repeat 0 0;
width:324px;
height:78px;
overflow:visible;
}

#header .logo p {
display:none;
}

#header li.item_right {
float:right;
background:url(images/feed.gif) no-repeat scroll left center;
position:relative;
padding-right:5px;
}

#header .ad468x60 {
float:right;
margin:-10px 0 10px;
}

/** END header **/
/** BEGIN body **/
#body {
border-width:0 1px;
border-style:solid;
border-color:#D7D7D7;
background:url(images/body.gif) repeat-y 615px 0;
}

/** END body **/
/** BEGIN content **/
#content {
width:615px;
float:left;
padding-bottom:20px;
}

#content p {
margin-bottom:10px;
}

#content h3 {
margin-bottom:10px;
font-size:13px;
font-weight:400;
}

#content blockquote {
margin-bottom:10px;
padding:10px 10px 5px;
background-color:#eee;
border-width:1px 0;
border-style:solid;
border-color:#ccc;
}

#content ul {
margin:0 0 10px 18px;
}

#content ol {
margin:0 0 10px 16px;
padding-left:10px;
}

#content li {
padding:2px 0;
}

#content .title {
background-color:#EFEFEF;
border-bottom:1px solid #E1E1E1;
padding:13px;
color:#666;
font-size:12px;
text-transform:uppercase;
}

#content .post {
clear:both;
padding:15px;
}

#content .post .time {
float:right;
font-size:11px;
font-weight:400;
color:#717171;
}

#content .f {
font-size:14px;
border-top:0;
line-height:1.5em;
border-bottom:1px solid #ECECEC;
}

#content .post h2 {
font-family:'Microsoft Yahei',Arial;
font-size:15px;
line-height:1.5em;
margin-bottom:10px;
}

#content .post h2 a {
color:#333;
}

#content .post h2 a:hover {
color:#cc0033;
}

#content .post p {
margin-bottom:10px;
line-height:1.4em;
}

#content .post p a{
color:#cc0033;
}

#content .post p a:hover{
color:#cc0033;
text-decoration:underline;
}

#content .post .details {
font-weight:700;
color:#63777F;
padding-top:10px;
}

#content .post .details a {
margin:0 5px;
}

#content .other {
border-bottom:1px solid #ECECEC;
clear:both;
height:233px;
overflow:hidden;
}

#content .other a{
color:#2D2D2D;
}
#content .other a:hover{
color:#cc0033;
}

#content .other h3 {
font-weight:700;
font-size:11px;
text-transform:uppercase;
}

#content .other li {
font-size:13px;
line-height:1.7em;
margin:0 0 0 -18px;
padding:0;
}

#content .other .l {
float:left;
width:280px;
border-right:15px solid #FFF;
overflow:hidden;
white-space:nowrap;
display:inline;
margin:9px 0 0 15px;
}

#content .other .r {
float:left;
width:280px;
border-right:15px solid #FFF;
overflow:hidden;
white-space:nowrap;
display:inline;
margin:9px 0 0;
}

/** END content **/
/** BEGIN sidebar **/
#sidebar {
width:332px;
float:right;
padding-bottom:20px;
}

#sidebar h2 {
font-size:11px;
text-transform:uppercase;
padding:15px 15px 10px;
}

#sidebar ul {
font-size:12px;
list-style-type:none;
padding:0 15px 15px;
border-bottom:1px solid #ECECEC;
}

#sidebar ul li {
line-height:1.4em;
padding:2px 0;
}

#sidebar ul li a {
color:#565656;
}

#sidebar ul li a:hover {
color:#cc0033;
text-decoration:none;
}

#sidebar .l {
float:left;
width:165px;
}

#sidebar .r {
float:right;
width:165px;
}

#sidebar .l ul,#sidebar .r ul {
border-bottom:0;
}

#sidebar form {
border-bottom:1px solid #E1E1E1;
background:#EFEFEF url(images/search.gif) no-repeat 10px 8px;

padding:6px 11px;


}

#sidebar form input {
border:1px solid #fff;
width:222px;
font-size:12px;
margin:4px 7px 0 3px;
float:left;
}

#sidebar form button {
text-indent:-9999px;
border:0;
width:75px;
height:28px;
background-color:transparent;
}

#sidebar .photos {
padding:0 15px 15px;
border-bottom:1px solid #ECECEC;
text-align:center;
}

#sidebar .photos img {
margin:5px;
width:75px;
height:75px;
}

#sidebar .video {
padding:0 15px 15px 20px;
border-bottom:1px solid #ECECEC;
}

#sidebar .tags {
padding:0 15px 15px;
border-bottom:1px solid #ECECEC;
}

#sidebar .recentcomments img.avatar {
float:left;
position:relative;
border:1px solid #ddd;
padding:1px;
margin:0 5px 0 0;
}

#sidebar .recentcomments li {
padding:2px 0;
line-height:15px;
}

#sidebar .comment_author {
color:#999;
font-size:12px;
}

#sidebar .most_active {
overflow:hidden;
}

#sidebar .most_active li {
list-style:none;
float:left;
line-height:0;
}

#sidebar .most_active img.avatar {
width:30px;
height:30px;
border:1px solid #ddd;
padding:2px;
margin:3px 1px 0 0;
}

/** END sidebar **/
/** Begin footer **/
#footer {
font-size:12px;
clear:both;
background-color:#4c4c4c;
color:#ECECEC;
padding:10px 15px;
}

#footer a {
color:#ECECEC;
}

#footer .inner {
height:15px;
margin:0;
}

#footer #about {
float:left;
}

#footer ul#admin {
float:right;
display:block;
list-style-position:outside;
list-style-type:none;
}

#footer ul#admin li {
display:block;
float:left;
margin-left:12px;
}
/** End footer **/
/** BEGIN comments **/
#comments ol{
font-size:12px;
list-style-type:none;
clear:both;
margin:0;
padding:0;
}
#comments ol li{
border:1px solid #ccc;
margin-bottom:10px;
padding:10px;
}
#comments ol li .avatar{
float:right;
}
#comments ol li .comment-author .fn{
font-style:normal;
font-weight:700;
color:#2D2D2D;
}
#comments ol li .comment-author .fn a{
font-style:normal;
font-weight:700;
color:#2D2D2D;
}
#comments ol li .comment-meta a{
color:#999999;
}
#comments ol li .reply{
font-size:.9em;
padding-bottom:10px;
}

#comments .children {
list-style-type:none;
}

#comments .navigation {
font-size:.9em;
padding:10px 0 20px;
}

#comments .navigation a {
color:#999;
border:1px solid #ccc;
padding:3px 8px;
}

#comments .navigation a:hover {
color:#000;
text-decoration:none;
border-color:#000;
}

#content .postnav {
clear:both;
font-size:.9em;
padding:0 15px;
}

#content .postnav a {
border:1px solid #ccc;
color:#999;
padding:3px 8px;
}

#content .postnav a:hover {
border:1px solid #000;
color:#000;
text-decoration:none;
}

#comments {
padding:10px 15px;
}

#comments h2 {
font-size:12px;
font-weight:400;
margin:20px 0 5px;
}

#comments p {
margin-bottom:10px;
line-height:1.5em;
}

#comments form {
padding-top:20px;
font-size:12px;
}

#comments form p {
margin-bottom:5px;
}

#comments form input,textarea {
border:1px solid #ccc;
font-size:12px;

background-position:4px 4px;
background-repeat:no-repeat;
padding:4px;
}

#comments form input {
width:260px;
border:1px solid #ccc;
}

#comments form textarea {
width:350px;
border:1px solid #ccc;
}

#comments form button {
border:1px solid #909090;
background-color:#ccc;
font-size:1em;

width:120px;
height:23px;
}

.commentdetails {
margin-top:25px;
}

.commentauthor {
margin-bottom:5px;
font-weight:700;
}

.commentdate {
font-size:.8em;
margin-bottom:5px;
color:#909090;