/*
Theme Name: RBcss
Theme URI: http://marslau.com/archives/330.html
Description: WordPress theme Designed by <a href="http://marslau.com/" title="MarsLau's blog">MarsLau</a> 
Version: 1.0
Author: Mars Lau
Author URI: http://marslau.com/
Tags:red,black,fixed width,two columns,right sidebar,widgets,valid XHTML,valid CSS
*/

body{margin:0; padding:0; font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;font-size:12px; color: #000; background: url(images/bg.gif) repeat #572000;}
h1{ font-family:Arial, Helvetica, sans-serif; font-size: 24px;padding: 0 0 0px 0;}
body, h1, h3, h4, h5, h6, blockquote, dd, dl, hr, p, form{margin: 0;padding: 0;}
h4{ font-size:13px; font-weight:bold; margin:5px;}
a:link, a:visited{text-decoration:none ;color: #da0000;}
img{max-width:600px; overflow:hidden; border:0px;  }
input, table, select{  font-size: 12px;  font-family: Verdana, Arial, 'Lucida Grande', Sans-Serif;}
.center{ margin:10px 0; text-align:center; }
.clearboth{ clear:both; }

#wrapper{ margin:0px auto; padding:0px; width:900px; border-left:3px solid #e5e5e5; border-right:3px solid #e5e5e5; background-color:#FFFFFF;}
#loading {
  z-index:1;
  position:fixed !important;
  position:absolute; /* I hate IE6 */
  left:0;
  top:0;
  padding:5px 9px;
  background:#463737;
  color:#fff;
}
#header{ margin:0px; padding:0px;width:100%; height:91px; background-color:#eaeff5;}
#menu{ margin:0px; padding:5px 10px; height:24px; background: url(images/header_banner.gif) repeat #463737; text-align:right; font-weight:bold}
#menu a{ color:#f4f4f4; }
#menu li{ margin:0px; padding:0px 8px; line-height:24px; display:inline;}
#top-title{ height:51px; background-color:#000; }
#top-title h1{ float:left; margin:12px 0 0 35px;  display:inline;  }
#top-title h1 a{ color:#FFFFFF;  }
#top-title h1 a:hover{ color:#fff; text-decoration:underline; }
#digu{ float:left; margin:20px 10px 10px 20px; color:#999999; display:inline;}
#line{ height:3px; background-color:#d80000; font-size:0px; border-bottom:1px solid #d6dfeb; border-top:1px solid #ff6600;}

/*--content--*/
#content { float: left; padding: 0px 0; margin: 5px; width: 634px; display:inline; }
.post{ margin:0 0 15px 0;}
.title{ margin:0px 0 15px 0; padding:0px;  height:26px; line-height:26px; background:#f4f4f4; border-left:4px solid #e9e9e9;border-bottom:1px solid #e9e9e9;  }
.title h2{ float:left; margin:0px; padding:0px 15px; font-family:"microsoft yahei"; font-size:18px; font-weight:bold;color:#d80000}
.title .title-time{ padding:0 5px; background:#ccc; font-size:14px; font-weight:bold; font-style:italic;line-height:26px;  color:#FdFdFd; float:right }
.entry{ margin:10px 10px 0px 10px; line-height:22px;color:#535353; font-size:12px}
.entry a{border-bottom: 1px dashed #da0000; color:#810101}
.entry a:hover{ text-decoration:none;color:#fff; background-color:#810101}
.entry p{ margin:5px 0px 0px 0px; line-height:22px; }
.entry img { border: #999999 1px solid;padding: 6px; }
.agonehead {
	width:153px;
	height:169px;
	display:block;
	background:url("images/about_agonehead.png") no-repeat center 0px;
	margin:0px auto;
	float:right;
}
.agonehead:hover {
	background:url("images/about_agonehead.png") no-repeat center -169px;
}
.tag{ margin:2px 10px; line-height:20px;color:#535353; }
.tag a{color:#535353; font-weight:normal;}
.tag a:hover{ text-decoration:underline;color:#535353;}
.postmetadata{ margin:2px 10px 5px 10px; line-height:18px; color:#535353;}
.postmetadata a{ color:#535353; }
.postmetadata a:hover{ text-decoration:underline;color:#535353;}
.navigation{ margin:3px 10px; line-height:24px;color:#810101}
.navigation a:hover{ text-decoration:underline;color:#c40303;}
.navigation .alignleft{ float:left; }
.navigation .alignright{ float:right; }
.related { margin:20px 0 20px 0; padding:0;}
.related h4{margin:0px; padding:0px 10px 10px 10px; font-size:14px; font-weight:bold; color: #da0000; }
.related ul { margin:0; padding:0;}
.related ul li{ margin:0 0 0 30px;; padding:0px; line-height:22px;  }
.related ul li a{color:#7B7B7B;}

.archive-title{ margin:0 0 5px 0; background: #d80000; border:1px solid #ff6600;  height:29px; }
.archive-title h2{ margin:0 0 0 10px; font-size:14px; line-height:28px; color:#FFFFFF;}

/*--comments--*/
.comments-template{ margin:20px 30px 20px 30px;}
#comments{  margin:0 ;  padding:0px 0px 0px 0px;}
#comments a:hover{ text-decoration:underline;}
#comments h2{margin: 10px 0 5px 0px; font-size:14px; height:24px; line-height:24px; font-weight:bold; color:#da0000; padding:0 0 0 10px;}
#comments h2 .comment-go{padding:0 20px 0 6px ;margin-left:10px;  font-size:12px; font-weight: 100;  color:#da0000;}
#comments h4{  color:#7B7B7B; font-size:14px; font-weight:bold; margin:30px 0 0 10px; display:block;}
#comments h4 a:hover{ text-decoration:none;}
#comments ul{ margin:0px; padding:0;}
#comments li{	clear:both; margin-bottom:10px; background: #ffffff; border:1px solid #e9e9e9; list-style:none; }
#comments li p{ margin:0px; padding:12px 15px; line-height:24px; }
#comments .header{ margin: 0px;  padding:0px 0 0 0px; line-height:24px; background: #f4f4f4; border-left:3px solid #e9e9e9;  }
.waiting{ background: #FFEEF8;}
#gravatarbox{ border-left:3px solid #FFADAD; padding:5px 0 0 0;height: auto;}
#gravatar { float:right; height:36px; width:36px; padding: 3px;border: 1px solid  #CCCCCC;background: #fafafa;margin:0 5px 5px 5px; }

#comments form{position:relative;padding:6px 0; background:#fafafa; border:1px solid #e6e6e6; }
#commentform{margin-bottom:18px}
form fieldset{ border:0px solid; margin:0 ; padding:0 20px;}
form p{ padding:3px 0; line-height:24px; }
form label{ display: inline; float:left; width:35px; color:#7B7B7B;margin:0; padding:0}
#commentform label{ margin:0;}
form em{ margin-left:5px; font-size:12px; font-style:normal;color:#7B7B7B; }
form input{ padding:0px 0 0 3px; border:1px solid #e6e6e6; line-height:21px; height:21px;}
form textarea{ padding:0px; width:200px; border:1px solid #e6e6e6;line-height:21px;font-size:12px;overflow:auto;}
#commentform input{width:200px; color:#525454;}
#commentform textarea{width:425px; color:#525454; height:180px;}
form .button{ width:80px !important; height:27px; border:1px solid #aaa; font-weight:100; color:#5D5D5D; background:#f3f6f8}
#commentform .button{margin-left:38px; }

.editComment, .editableComment, .textComment{
	display: inline;
}
.comment-childs{
	border: 1px solid #e9e9e9;
	margin: 5px 2px 2px 4px;
	padding: 4px 2px 2px 4px;
	background-color: white;
}
.chalt{
	background-color: #F8F8F8;
}
.chalt img {
    border:1px solid #ccc;
	padding:3px 3px;
}
#newcomment{
	border:1px dashed #777;width:90%;
}
#newcommentsubmit{
	color:red;
}
.adminreplycomment{
	border:1px dashed #777;
	width:99%;
	margin:4px;
	padding:4px;
}
.mvccls{
	color: #999;
}
			
/*archives widget */
#archives li{
	background: url("images/mini-monthly-archive.gif") no-repeat !important;
	padding-left: 20px !important;list-style:none;
}
/*--sidebar--*/
#sidebar { padding: 5px 0; margin: 0 0 0 645px; width: 250px;color:#666; }
#sidebar a{ color:#7B7B7B;}
#sidebar a:hover{ color:#ff6600; }
#sidebar ul{ margin:0px; padding:0px;}
#sidebar ul li{ margin: 0px 0px 5px 0px; padding:0px; list-style:none;}
#sidebar ul li h3{ margin:0px; padding:0px 15px; height:24px; line-height:24px; border-top:2px solid #7b7b7b; border-bottom:1px solid #7b7b7b; border-left:1px solid #7b7b7b;border-right:1px solid #7b7b7b; background:#404040; font-size:12px; font-weight:bold; color:#FFFFFF}
#sidebar ul ul{ margin:0px; padding:5px 10px;  border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7; background:#fbfbfb;}
#sidebar ul ul li{ margin:0px; padding:0px; line-height: 22px; list-style:none;}
#sidebar .douban_tab{ text-align:center;padding:1px;}
#sidebar .douban_tab img { border:1px solid #e7e7e7; padding:1px;}
/*--footer--*/  
#footer{ clear:both; margin:0px 0 0 0; padding:20px 0 0 0; height:37px; border-top:8px solid #3f3f3f; background:#212121; color:#e8e8e8;}
#footer a{ color:#FFFFFF; text-decoration: none;}
#footer a:hover{ color:#fff; text-decoration:underline}
#footer span{ margin:0px 20px 0 20px; padding:20px 0 0px 0px ;}
#footer .CopyRight{ margin: 0px 20px;}
#footer .CopyRight a:hover{ color:#fff; text-decoration:underline}
#footer .tool { position:relative;float:right;margin:-18px 20px 0px 20px}
/*--search--*/ 
#searchform {  text-align: center;  margin: 0; padding: 0; }
#searchform div{ text-align: left; margin: 0px auto 5px auto ; padding: 4px 8px 3px;  background: #d80000; border:1px solid #ff6600;  }
#searchform #s { margin: 0; padding: 2px;  width: 195px;  background: #fff;  border: none; height: 14px;  line-height: 14px;  }
#sidebar #searchform{ text-align: left;}
#searchsubmit { margin: 0; padding: 0 0 0 2px; color: #fff; width: 28px; background: #d80000; border: none; line-height: 14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
/*--linkcat--*/
#linkcat-2{ overflow:hidden;}
#linkcat-2 ul{ clear:both;height:170px;}
#linkcat-2 ul li{ position:relative; float:left;}
#linkcat-2 img{ padding:2px;border:1px solid #fbfbfb;background:#fff;}
#linkcat-2 a:hover img{ padding:2px;border:1px solid #fbfbfb;background:#404040;}
/*--pages--*/
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 2px 6px 2px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #3F3F3F;
	color: #3F3F3F;
	background-color: #fff;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #114477;
	color: #114477;
	background-color: #FFFFFF;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.blockquote {
	color:#666666;
	margin: 0px 10px 10px 10px;
	overflow:hidden;
}
.blockquote p{
	padding-left: 20px;
	background-color:#F4F4F4;
	padding:10px;
	border-left:5px solid #E9E9E9;
	margin-left:12px;
}
.blockquote cite {
	margin: 5px 0 0;
	display: block;
}
/***************calendar****************/
#wp-calendar-li{
	display:block;
	padding-top:10px;
}
#wp-calendar {
	empty-cells: show;
	width: 250px;
	padding:5px;
}
#wp-calendar thead{
	height:25px;
}
#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;
	color:#990000;
}
#wp-calendar caption {
    visibility:hidden;display:none;
	text-align: center;
	font-size:11pt;
	font-weight:bold;
	height:25px;
	width: 100%;
	padding-top:5px;
	background:#525252;
	color:white;
}
#wp-calendar td {
	border:1px solid #F0F0F0;
	padding: 2px 0;
	text-align: center;
}
/*--digu--*/
#wudishow_List{list-style:none;margin:10px 0;padding:0;}
#wudishow_List li{background:url(images/diguico.png) no-repeat 0 0;padding-left:17px;line-height:16px;margin-bottom:8px;margin-left:-8px;}
.wudishow_time{color:#999;}