/*
Theme Name: Rthemes
Theme URI: http://www.rooyu.com/
Description: Welcome to visit  <a href="http://www.rooyu.com/">Rooyu.com</a>.

Version: 1.0
Author: Rooyu Liu
Author: http://www.rooyu.com/
Tags: Rooyu,Black and white,

*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form, input{ margin: 0; padding: 0; }

body{
    font-family: Microsoft YaHei, Lucida Grande,Verdana, Arial, Sans-Serif;
	font-size: 12px;
	text-align: center;
	color: #ccc;
	background-image: url(images/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #181818;
}
.none {display:none;}
h1{
	font-size: 16px;
	float: left;
}
h2, h3{ font-size: 16px; }

a img{ border: 0; }
a {
	text-decoration: none;
}
address, dl, p{ padding: 10px 0 5px; }

small{ font-size: 11px; }

.alignleft{float: left;}
.alignright{float: right;}

.clear{margin: 0; padding: 0; clear: both;}
.description{margin: 0; padding: 0; clear: both;}
.red{
	color: #FF0000;
}

.tl, .tr, .bl, .br{
	width: 10px;
	height: 10px;
	overflow: hidden;
}

.tl, .bl{float: left; clear: left;}
.tr, .br{float: right; clear: right;}

#wrapper{
	width: 830px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
}

#container{
	float: left;
	width: 830px;
	text-align: left;
	margin-top: 0px;
	padding-top: 10px;
}

.maincolumn{
	float: left;
	width: 620px;
	display: inline;
	margin-left: 10px;
}

#styleswitcher {
	float: right;
	margin-right: 20px;
	padding-top: 6px;
	display:inline;
}
#blogtop{
	font-size: 11px;
	width: 820px;
	color: #CCCCCC;
	height: 13px;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
#blogtop a{
	color: #CDCDCD;
}
#blogtop a:hover{
	color: #F7F7F7;
}
#blogtopl{
	width: 400px;
	text-align: left;
	float: left;
	text-indent: 28px;
	font-weight: 300;
	color: #BFBFBF;
}
#blogtopr{
	width: 300px;
	text-align: right;
	float: right;
}

#banner{
	height: 100px;
}
#index {
	float: left;
	margin-top: 26px;
	margin-left: 60px;
	display:inline;
}
#index a {
	display:block;
	color: #FFF;
}
#index a:hover {
	color: #CCC;
}
#content_top{
	height: 11px;
}

.post{
	margin: 0 10px;
}
.readmore{
	display: block;
	float: right;
	background-image: url(images/readmore.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 20px;
	padding-right: 10px;
}

.sidebar{
	float: left;
	width: 180px;
	display: inline;
	font-size: 11px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sidebar ul a{
	color: #CCCCCC;
	width: 165px;
	display: block;
}
.sidebar ul a:hover{
	color:#FFFFFF;
}
.sidebar ul li{
	margin-bottom: 3px;
}

.sidebar ul li#search form{
	height: 29px;
	overflow: hidden;
	background: url(images/bg_searchform.gif);
	
}

.sidebar ul li#search form input#s{
	border: 0;
	background-color: transparent;
	color: #999999;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 34px;
	font-size: 11px;
}

.sidebar ul li h3{
	font-size: 11px;
	text-transform: capitalize;
	color: #CCCCCC;
	background: url(images/bg_sidebar_title.gif) no-repeat;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}

.sidebar ul ul{
	line-height: 18px;
	padding-top:3px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 11px;
	text-indent: 6px;
	background-color: #333333;
	background-image: url(images/bg_sidebar_block.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.sidebar ul ul li{
	margin: 0;
}

.sidebar ul ul ul{
	background-color: transparent;
	background-image: none;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10px;
}
.navigation{
	font-size: 12px;
	line-height: 18px;
	padding: 10px;
}
.next_post{
	text-align:left;
	width: 300px;
	float: left;
}
.previous_post{
	text-align: right;
	width: 300px;
	float: right;
}
.navigation a{
	color: #666666;
}
.navigation a:hover{
	color: #000000;
}
/* Sidebar Widgets */

#calendar_wrap{
	padding: 8px;
	background: #404040 url(images/bg_sidebar_block.gif) no-repeat left bottom;
}

#calendar_wrap table{
	width: 100%;
}

#calendar_wrap th, #calendar_wrap table td{
	padding: 3px 0;
}


.dropdown {
	float:left;
	width:180px;
	margin-top: -6px;
}
.dropdown dt {
	font-weight:bold;
	cursor:pointer;
	text-indent: 10px;
	background-image: url(images/bg_tool.GIF);
	background-repeat: no-repeat;
	height: 27px;
}

.dropdown dd {
	position:absolute;
	overflow:hidden;
	display:none;
	width:180px;
}
.dropdown ul {
}
.dropdown li {
	display:inline;
}
.dropdown a, .dropdown a:active, .dropdown a:visited {
	display:block;
	color:#CCCCCC;
	text-decoration:none;
}


#footer{
	width: 820px;
	background-image: url(images/bg_footer.gif);
	height: 150px;
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 10px;
	margin-right: 0px;
	float: left;
}
#footer a{
	color: #5A5A5A;
}
#footer a:hover{
	color: #999999;
}
#footer_t{
	margin-top: 8px;
	font-size: 11px;
	color: #5A5A5A;
	text-align: left;
	text-indent: 220px;
}
#top_page {
	float: right;
	margin-top:-4px;
	#margin-top:-18px;
	_margin-top:-20px;
}
#top_page a {
	display:block;
	width:24px;
	height:25px;
	background-image: url(images/top_page.gif);
	background-repeat: no-repeat;
	background-position:left top;
}
#top_page a:hover { 
    background-position:bottom left;
	}
#feed {
	position:relative;
	top:-22px;
	float: right;
	margin-right: 8px;
	}
#feed a {
	display:block;
	width:16px;
	height:16px;
	background-image: url(images/feed.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#feed a:hover {background-position:bottom left;}

#navigation {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 16px;
}

#white {
	float: left;
	margin-right: 9px;
	}
#white a {
	display:block;
	width:13px;
	height:13px;
	background-image: url(images/switch_white.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#white a:hover {background-position:bottom left;}
#black {
	float: left;
	}
#black a {
	display:block;
	width:13px;
	height:13px;
	background-image: url(images/switch_black.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#black a:hover {background-position:bottom left;}