/*  
Theme Name: ReadWriteWeb
Theme URI: http://www.yeeyan.org/
Description: yeeyan rww china
Version: 1.0
Author: Yeeyan
Author URI: http://www.yeeyan.org/
*/


.red, .red a, a.red {
color:#FF0000 !important;
}

*{
margin:0;
padding:0;
}

body{
font-family: Tahoma, Helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
}

img{
border:0 none;
max-width: 610px;
}

.clear {
clear: both;
}

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

a:hover {
color:#333;
}

h4 {
font-weight: normal;
font-size: 18px;
margin: 0 0 10px;
}

#topbar {
width:100%;
background:#B80103;
}

.left {
float:left;
}

.right {
float:right;
}

#header{
width:973px;
margin:0 auto;
}

#header a{color:#FFF}

#header a:hover{color:#333}

#header #head_1 {
margin: 0;
padding: 5px 0 0;
height: 25px;
width: 973px;
}

#header #head_1 .right {
height: 25px;
float: right;
padding-right: 40px;
width: 300px;
}

#header #head_1 .right ul {
list-style: none;
float: right;
}

#header #head_1 .right ul li {
font-size: 12px;
height: 25px;
float: left;
padding: 0 10px;
line-height: 25px;
}

#header #head_1 .right ul li:hover {
background: white;
}

#header #head_1 .right ul li:hover a {
color: black;
}

#header #head_2 {
margin: 0;
padding: 0;
width: 973px;
height: 110px;
clear: both;
background: #fff url(images/bottom-corners.png) no-repeat bottom;
}

#header #logo {
width:973px;
height: 96px;
background: #fff url(images/top-corners.png) no-repeat top;
}

#header #logo .left {
padding: 24px 20px 10px;
width: 600px;
float: left;
}

#header #logo .right {
width: 300px;
float: right;
padding: 10px 0 0;
}

#header #logo .right p {
font-size: 12px;
margin: 5px 0;
}

#header #logo .right ul {
margin: 0;
padding: 0;
list-style: none;
}

#header #logo .right ul li {
float: left;
padding-right: 10px;
}

#header #head_3 {
height: 40px;
}

#header #head_3 .left {
width: 600px;
float: left;
padding: 12px 10px 0 15px;
height: 28px;
}

#header #head_3 .left ul {
margin: 0;
padding: 0;
list-style: none;
height: 28px;
}

#header #head_3 .left ul li {
float: left;
color: #fff;
height: 28px;
line-height: 28px;
}

#header #head_3 .left ul li a {
height: 28px;
line-height: 28px;
padding: 5px 10px;
background: url(images/line-fade.png) right no-repeat;
}

#header #head_3 .left ul li a:hover {
background: white;
}

#header #head_3 .left ul li:hover {
background: #fff;
color: black;
}

#header #head_3 .right {
float: right;
width: 297px;
}

#header form{
float:left;
width:280px;
padding-top:10px;
}

#header input.text{
width:200px;
line-height:20px;
font-size: 14px;
float:left;
display:block;
border: 1px #ccc solid;
height: 20px;
}

#header input.submit{
float:left;
margin-left:5px;
border: none;
padding: 2px 5px 3px;
}

/** wrapper **/

#wrapper{
width:960px;
margin:0 auto;
margin-top:10px;
}

#wrapper h2{
font-size:22px;
padding-right:15px;
line-height:1.2em;
}

#wrapper #main_left{
width:620px;
float:left;
border-right:1px solid #ccc;
padding-right:10px;
min-height:300px;}

#wrapper #top_left{
width:367px;
float:left;
border-right:1px solid #ccc;
margin:10px 0;
}

#wrapper #top_left .entry {
padding-right: 10px;
}

#wrapper #top_left p.postmetadata, #wrapper #container p.postmetadata{
font-size:12px;
color:#999;
clear:both;
margin: 5px 0;
}

.tag {
font-size: 12px;
color: #999;
float: right;
}

#wrapper #container .entry_content {
border-bottom: 1px #ccc solid;
}

#wrapper #container .entry_content ul, .entry_content ol {
margin: 0 15px 15px;
padding: 0 15px;
}

#wrapper #container .entry_content ul li {
list-style: square;
}

hr {
height: 3px;
color: #b80103;
background: #b80103;
border: none;
padding-bottom: 3px;
margin-bottom: 10px;
}

#wrapper #container .related {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px #ccc solid;
}

#wrapper #container .related ul {
list-style: none;
margin: 0;
padding: 0;
}

#wrapper #container .related ul li {
color: #666;
}

#wrapper #container .entry_content h2 {
font-size: 18px;
margin: 20px 0 10px;
font-weight: normal;
}

#wrapper #container .entry_content p {
margin: 0 0 15px;
}

#wrapper #container .entry_content .share {
padding-top: 15px;
clear: both;
height: 30px;
}

#wrapper #container .entry_content .share p {
float: left;
}

#wrapper #container .entry_content .share ul {
margin: 3px 0 0;
padding: 0;
list-style: none;
}

#wrapper #container .entry_content .share ul li {
float: left;
list-style: none;
margin-left: 10px;
}

#wrapper #container .entry_content img {
max-width: 600px;
}

#wrapper #container .entry_content img.alignleft {
float: left;
padding-right: 10px;
}

#wrapper #container .entry_content img.alignright {
float: right;
padding-left: 10px;
}

#wrapper ul#sidebar{width:309px;float:left;padding:0 10px;list-style:none}
#wrapper ul#sidebar li{margin:10px 0 20px;font-size:12px;}
#wrapper ul#sidebar li h2{font-size:14px;color:#999999;margin-bottom:10px;}
#wrapper ul#sidebar li ul{list-style:none}
#sidebar .rss{
float: left;
}

#sidebar .mail {
float: right;
}


#wrapper ul#popular_posts_right{
width:220px;
float:left;
list-style:none;
padding:0 0 0 20px;
margin-top:10px;
}

#wrapper ul#popular_posts_right h2{font-size:16px;clear:both}
#wrapper ul#popular_posts_right li{background:url(images/grey-dot.png) no-repeat 0px 5px;padding-left:20px;font-size:12px;line-height:1.5;margin:10px 0;}
#wrapper #featured_posts_outside{clear:both;padding:5px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}

#wrapper #featured_posts_inside{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px 0;
margin-top: 5px;}

#wrapper #featured_posts_inside ul.leftpost{
width:360px;
float:left;
list-style:none;
border-right:1px solid #ccc;
padding-right:7px;
}

#wrapper #featured_posts_inside ul.leftpost h2{font-size:16px;}
#wrapper #featured_posts_inside ul.leftpost li{margin:5px 0; font-size: 14px;}
#wrapper #featured_posts_inside ul.leftpost li img{width:80px;height:80px;border:1px solid #ccc;margin-right:10px;}
#wrapper #featured_posts_inside ul.rightcomment{width:220px;float:left;padding:0 0 0 20px;list-style:none}
#wrapper #featured_posts_inside ul.rightcomment h2{font-size:16px;}
#wrapper #featured_posts_inside ul.rightcomment li{background:url(images/grey-dot.png) no-repeat 0px 5px;padding-left:20px;font-size:12px;line-height:1.5;margin:10px 0;}
#wrapper #container{padding:10px 0}

#wrapper #container h2{
font-size:22px;
padding-right:15px;
line-height:1.2em;
margin: 10px 0;
}

#wrapper h2 a{color:#000}#wrapper h2 a:hover{color:#b80103}
#wrapper #container p.postmetadata b{display:block;float:left;background:#F9F9F9;padding:2px 5px;margin-right:5px;font-weight:100}
#wrapper #container p.postmetadata b a{color:#666}
#wrapper #container .entry{font-size:14px;line-height:1.5;}

#wrapper #container .entry p{
margin:0 0 10px;
font-size: 14px;
line-height: 22px;
}

img.wp-post-image {
float: left;
padding-right: 10px;
max-width: 150px;
height: auto;
}

#wrapper ul#earlier{margin:10px 0;padding:0 10px;list-style:none}
#wrapper ul#earlier h2{font-size:16px;margin-bottom:8px;}
#wrapper ul#earlier a{color:#000}#wrapper ul#earlier a:hover{color:#b80103}
#wrapper ul#earlier li{line-height:1.5;font-size:14px;}
#footer{width:960px;margin:0 auto;clear:both;border-top:1px solid #ccc;}
#footer p{line-height:1.8;font-size:12px;margin:10px 0;padding:0 20px}

ol.commentlist{margin-left:20px;}
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}
.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}
ol.commentlist li{margin:10px 0;border-bottom:1px solid #ccc;}
ol.commentlist li p{margin:20px 0}
.guestphoto{float:left}
.guestphoto img{width:50px;height:50px;}
.commentmetadata{float:left;padding-left:10px;}
#commentform{margin:20px 0;}
#commentform p{margin:10px 0}
#author,
#email{height:25px;width:160px;font-size:14px;}

.gray {
color: #666;
}