/*  
Theme Name: Black And White
Theme URI: http://www.liurongxing.com
Description: A black and white WordPress Theme, simple and elegant design, widget ready with right sidebar. Fixed the sidebar bug. With control panel, you can set your own RSS feed and header logo. Wordpress 2.7 compatible, Supporting threaded (nested) comments, sticky-post and comment pages.
Version: 1.0.0
Author: JavasBoy
Author URI: http://www.liurongxing.com/
Tags: black, white, two-columns, fixed-width, threaded-comments, sticky-post
Chang Log: 
14/Aug/2009: Control panel added.
21/Jul/2009: Upgrade to WordPress 2.8 (Supporting threaded (nested) comments, sticky-post and comment pages)
06/Nov/2008: Fixed the little bug of sidebar in single page.

   This theme, including the CSS, XHTML and design, is released under the
   GPL: http://www.opensource.org/licenses/gpl-license.php

*/
body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	text-align: center;
	background: #000;

}

#header h1 a {
color:#F75342;
font:bold 23px "Century Gothic", Arial, Sans-serif;
}

h1 a:hover{
	text-decoration: none;
	color: #f75342;
}

a,a:link, a:visited{
	text-decoration: none;
	color: #2786c2;
	outline:none;
	cursor:pointer;
}

a:hover{
	color: #f75342;
	cursor:pointer;
	text-decoration:none;
}

p{
	padding: 10px 0 0 0;
}

#wrapper{
	margin: 0 auto 0 auto;
	width: 990px;
	text-align: left;
}

#header{
        background: #000 url("images/header_logo.jpg") no-repeat center top;
	float: left;
	width: 990px;
	height: 136px;
}

#logo{
	float: left;
}

h1{
	float: left;
	margin: 27px 10px 0 10px;
}

#desc{
	float: left;
	color:#FFFFFF;
	margin: 35px 10px 0 10px;
}

#navmenu{
	float:left;
	min-height:32px;
	background-color: #A2AAB4;
	width: 990px;
	margin-bottom: 4px;
	padding: 0px;
	background-image: url(images/nav-bg.jpg);
	background-repeat: repeat-x;
}

.navigation1 {
	width:700px;
	height:30px;
	float: left;
	position: relative;
	z-index: 50;
        margin:0;
	padding: 0px;
	font:bold 13px Arial, Helvetica, sans-serif;
}

/* Styles & controls the HTML */
.navigation1 ul {
	padding:0px;
	margin:0px 0px 0px 0px;
	list-style-type:none;
	position:absolute;
	white-space:nowrap;
}

.navigation1 ul li {
	float:left;
	display:block;
	height:24px;	
}

/* These make the vertical drop menu appear when rolled over + set the distance sub menus are from the selected item */
.navigation1 ul :hover ul{visibility:visible; height:auto; padding:0px; margin:0px;}

/* Styles the Horizontal/Top Level list */
.navigation1 a, .navigation1 a:visited, .navigation1 a:active, .navigation1 a:link {
	display:block;
	height:100%;
	text-decoration:none;
	color:#FFF;
	padding:8px 15px 0px 15px;
	margin:0px 0px 0px 0px;
	text-transform:uppercase;
}
* html .navigation1 a, * html .navigation1 a:visited {
	width:auto; w\idth:0;}

/* TABLE styles - for IE only */
.navigation1 table {
	border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; z-index:1;}


/* Hover States */
* html .navigation1 a:hover a:active {
	color:#FFF;
	position:relative;
	z-index:100;
	text-decoration:none;
	background-color: #B0BFBF;
}
.navigation1 li:hover {position:relative;}
.navigation1 :hover > a {
	color:#FFF;
	border-top-width: 1px;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	background-color: #B0BFBF;
}

#searchbox {
	background: url(images/searchbox.gif) no-repeat;
	width:209px;
	height:23px;
	display:block;
	float:left;
	margin-top:4px;
	margin-right:0px !important;
	margin-right:5px;
	padding:2px;
	color: #069;
}
#searchbox .textfield {
	background:none;
	border:0px;
	width:185px;
	float:left;
	margin-right:2px;
	padding-left:2px;
	color: #A2AAB4;
}
#searchbox .button {
	background:none;
	border:0px;
	width:18px;
	height:18px;
	cursor:pointer;
	float:left;
	margin-top:1px;
}
#searchbox .searchtip {
	color:#A2AAB4;
}
#searchbox-r {
	width:70px;
	height:30px;
	margin: 0px;
	float:right;
	padding: 0px;
	
}
#searchbox-wrap {
	height:30px;
	margin-right: 10px;
	float:right;
	padding: 0px;
	
}


#navigation {
	background:#f3f8ff url(../images/navigation-background.gif) repeat-x bottom;
	border-top:3px solid #e2e9ed;
	bottom:0;
	float:left;
	padding:0 0 2px;
	position:absolute;
	width:100%;
}


#container{
	float: left;
	width: 700px;
	margin: 0 15px 0 0;
}

#postcon{
	background: #FFFFFF;
}

.date{
	color:#97a500;
	font: normal 12px verdana,serif;
	margin-top:2px;
	cursor:default;
}
.post{
	padding: 10px 20px;
}

.post a{
	color: #1f71bf;
}

.post a:hover{
	color: #f75342;

}

.post h2{
	font-size: 22px;
}

.post h2 a{
	color: #3e3e3e;
}

.entry{
         line-height: 150%;
	margin-bottom:10px;
	display:block;
	clear:both;
         color:#3E3E3E;
}

.entry img{
    border:0;
}

.postmetadata{
	border-top: 1px solid #EEE;
	padding: 2px 0;
	color: #AAA;
}

.metabox{
	float: none;
	width: 99%;
	line-height: 20px;
	margin: 15px 0;
	padding: 5px 0 5px 5px;
	background: #EEE;
}

.navigation{
	clear: left;
	padding: 10px 10px;
	background: #333;
	color: #F8F8F8;

	height: 15px;
}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

table#wp-calendar{
	width: 100%;
}

.commentlink{
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-left: 10px;
}

.editcomment{
	padding: 2px 0 2px 20px;
	background: url('images/pencil.png') left center no-repeat;
	margin-left: 10px;
}

.catlink{
	padding: 2px 0 2px 20px;
	background: url('images/cat.png') left center no-repeat;
}

.taglink{
	display: block;
	padding: 2px 0 2px 20px;
	background: url('images/tag.png') left center no-repeat;
}
/*pagebar
-----------------------------------------------------*/
.pagebar {
	padding: 20px;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #9AAFE5;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar a:visited {
	border: 1px solid #9AAFE5;
	text-decoration: none;
	padding: 0.2em 0.5em;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	border: 1px solid #2E6AB1;
	padding: 0.2em 0.5em;
	font-weight: bold;
	background: #2E6AB1;
	color: #fff;
}

.pagebar a:hover {
	border-color: #2E6AB1;
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}
/*Sidebar
-----------------------------------------------------*/
.sidebar{
	float: left;
	width: 275px;
	display: inline;
	color: #F8F8F8;
	background: #333;
}

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

.sidebar ul li{
	padding: 10px 0 10px 0;
}

.sidebar ul li h2{
	font-family: Georgia, Sans-serif;
	font-size: 15px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #666;
}

.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
}

/*Tags
-----------------------------------------------------*/
.tags,
#tag_cloud {
	margin: 0 0 15px;
}
.tags {
  text-align: center;
}
.tags a,
#tag_cloud a {
	color: #AAA;
	margin: 0 2px;
}

.cle{
	clear: both;
}

/*Footer
-----------------------------------------------------*/
#footer{
	clear: both;
	float: left;
	text-align: left;
	width: 990px;
	line-height: 20px;
	margin: 15px 0;
	padding: 5px 0 5px 0;
	color: #AAA;
}

/* Begin Comments*/


.comments-template { width:660px; }
.comments-template ul.children { width:635px; }
.comments ul, .comments li { width: 440px; }
.comments li.reply { width: 415px; }
.comments li textarea, .new_comment textarea { width: 343px; }
.comments-template li div.rightside, .comments li.controls { width: 575px; }
.comments-template ul.children div.rightside { width: 555px; } 
.comments li.reply_controls textarea { width: 343px; } 
.comments li.reply textarea { width: 323px; }
.comments li div.rightside { overflow: hidden; }
.comments-template{
	margin: 10px 0 0 0;
}

.comments-template ul{
	margin: 0;
	padding: 0px 0px 15px 0px;
	list-style: none;
}

.comments-template ul li{
	line-height: 18px;
	padding: 10px 0px;
}

.comments-template h2{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

h3 {
	color: #ffffff;
	padding-bottom: 3px;
	margin-bottom: 10px;
	background-color: #da4d00;
	padding-left: 10px;
	font: bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 3px;
}

.comments-template li div.rightside{float: left;margin-left:10px;}
.comments-template li div.name,.new_comment .isay{color:#555555;font: normal 12px/12px verdana,serif;font-weight:bold;margin:0 0 5px 0;}
.comments-template li div.text{color:#3e3e3e;font: normal 12px/18px verdana,sans-serif;margin:5px 0 10px 0;}
.comments-template li div.text p{
	padding: 0px 0 0 0;
}
.comments-template li div span{color:#969696;font: normal 11px/12px verdana,serif;margin:0 0 5px 0;}
.comments-template ul.children li div.rightside{
background:none repeat scroll 0 0 #EFEFEF;padding:10px;
}
.comments-template ul.children{
margin:0 0 5px 25px !important;
padding:0 0 1px !important;
}

.comments-template li.reply_controls {
margin:0 0 7px 0px;
padding:0;
}

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

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 12px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
/* End Comments */

/*Avatar
-----------------------------------------------------*/
.commentlist li .avatar {
float: left;
}

.comments-template ul.children li img.avatar{
float: left;width:50px;height:50px;
}