/*



Theme Name: HerbBlog 



Theme URI: http://herbblog.com.cn/372.html 



Description: Inspired by Aleksandar(urosevic.net),created by herbblog.Based on 960grid and 16px. line height system



Tags: white, light, two-columns, right-sidebar, fixed-width, microformats



Version: beta



Author: HerbBlog Lee



Author URI: http://herbblog.com.cn/







*/







@import url("960/960.css");



@import url("960/reset.css");



@import url("960/text.css");







body {



	padding: 0;



	margin: 0;



	font-size: 100%;



	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;



	background: #fff;



	line-height: 18px; }



p { line-height: 18px; margin-bottom: 18px; font-size: 10px;}



il, ol { margin-bottom: 18px; }



ul li ul, ol li ol, li { line-height: 18px; margin-top: 0; margin-bottom: 0; }



h3, h4, h5, h6 { line-height: 18px; margin-bottom: 18px; }







blockquote {



	background: #ffffc5 url(images/blockquote.gif) repeat-x top left;



	margin-bottom: 18px;



	border-left: 10px solid #FFFF88;



	padding: 36px 36px 18px 36px;



	}







code, pre {



	background: #fff url(images/box-bg.gif) repeat-x top left;



	color: #008C00;



	padding: 17px 10px;



	border: 1px solid #008C00;



	font: normal 10px/18px "Luxi Mono", "Courier New", monospaces;



	display: block; }







/* Page wrapper */



#page {



	background: #fff;



	color: #111111; }







/* Boxes */



.box {



	padding: 0 10px;



	border: 1px solid #DEDBD1;  /* U can try #111111 */



	background: #fff url(images/box-bg.gif) repeat-x top left;



	margin-bottom: 17px; }



.box .more {



	line-height: 18px;



	height: 18px;



	text-align: right;



	display: block;



	margin-bottom: 17px;



	font-size: small; }



.pagination {



	margin-bottom: 5px;



	display: block;



	min-height: 12px;



	padding: 10px 10px;



	border: 0px solid #DEDBD1; }



.widget {



	padding: 15px 10px;



	border: 1px solid #DEDBD1;



	background: #fff url(images/box-bg.gif) repeat-x top left;



	margin-bottom: 18px;



}



	



/* Header */



#header h1 {



	margin: 18px 0 0 0;



	line-height: 36px;



	font-size: 26px;



	font-weight: bold;



	color: #111111; /* #008C00; Techcrunch green */ }



#header p {



	position:relative;



	line-height: 15px;



	font-size: 12px;



	color: #111111; }



#header #search-form {



	float: right;



	margin-top: 2px;



	text-align: right; }



#header #search-form #s { width: 248px; }



#header #search-form input {



	color: #111111; }







/* Top Menu */



#topmenu {



	height: 36px;



	line-height: 18px; }



#topmenu ul {



	position: relative;



	padding: 0;



	margin: 0;



	text-align: left;



	display: block;



	border-bottom: 1px solid #111111;



	height: 20px; }



#topmenu ul li {



	display: inline;



	margin: 0;



	padding: 0; }



#topmenu ul li a {



	margin: 0;



	padding: 2px 10px;



	display: inline;



	text-decoration: none;



	font-weight: bold;



	background: #111111; }



#topmenu ul li a:link,



#topmenu ul li a:visited {



	color: #fff; }



#topmenu ul li.current_page_item a:link,



#topmenu ul li.current_page_item a:visited {



	background: #848484;  /* #3a3a3a is flickr pink */



	color: #fff; }



#topmenu ul li.page_item a:hover,



#topmenu ul li.current_page_item a:hover {



	background: #848484;  /* if u want to use techcrunch green，change it with #008C00 */



	color: #fff; }







/* Content */



.da-com {


	display: block;



	clear: both;



	position: relative;



	height: 18px;



	line-height: 18px;



	padding: 0 0 5px 0;



	border-bottom: 1px solid #efefef; }



.da-com .desno a { /* comment icon */



	background: url(images/comment.gif) no-repeat left 4px;



	padding-left: 18px; }



.da-com .desno a.mild {



	background: url(images/comment-mild.gif) no-repeat left 4px;



	padding-left: 18px; }



.da-com .desno a.hot {



	background: url(images/comment-hot.gif) no-repeat left 4px;



	padding-left: 18px; }

p	{
	font-size: 10px;	}

h2 {



	font-size: 16px;



	line-height: 18px;



	display: block;



	clear: both;



	margin: 15px 0;



	padding: 0; }



.featured h2 {



	font-size: 16px;



	line-height: 18px;



	margin:18px 0;



	padding: 0;



}







.single-post h2 {



	font-size: 16px;



	line-height: 26px;



	height: 26px;



	margin-top: 10px;



	color: #111111;



}



.single-post a:link,



.single-post a:visited{



	color:#111111;



	}



.single-post a:hover{



	color:#848484;



	}







.search-result h2 {



	font-size: 10px;



	line-height: 18px;



	display: block;



	clear: both;



	margin: 18px 0;



	padding: 0;



}







div.singlepostinfo {



	display: block;	



	font-size: 11px;



	min-height: 20px;



}







.douban9{



	float:right;



	}







.date { float: left; 



		background:url(images/date.png) no-repeat;

		font-size: 10px;

		padding-left:20px;



		}



.category{



	background:url(images/category.png) no-repeat;

	font-size: 10px;

	padding-left:20px;



	}



.tags{



	background:url(images/tag.png) no-repeat;

	font-size: 10px;

	padding-left:20px;



	}



.share{



	background:url(images/share.png) no-repeat;



	padding-left:58px;



	}



.desno { float: right; font-size: 11px;}



.levo{float: left;}







/* Comments */



.comment { padding: 17px 10px; margin-bottom: 17px; }



.comment-avatar { float: left; font-size: 36px; font-weight: bold;}



.comment-content { margin-left: 60px; font-size: 12px;}



.comment-info { margin-bottom: 17px; line-height: 18px; }



.comment-info .author { padding-left: 20px; background: url(images/author.png) no-repeat top left; }



.comment-info .date { padding-left: 20px; background: url(images/date.gif) no-repeat 1px 3px; }



.box .comments-title { margin-top: 17px; margin-bottom: 18px; line-height: 18px; }







#comments div.comment,



#comments div.author {



 	padding: 17px 10px 0 10px;



	border: 1px solid #DEDBD1;



	background: #fff url(images/box-bg.gif) repeat-x top left;



	margin-bottom: 17px; }



#comments div.author { 



	border: 1px solid #111111; }  /* U can try #DEDBD1 */ 



/*#comments div.comment .prvi { margin-top: 17px; }*/







/* Comment Form */



form, fieldset { margin: 0; padding: 0; border: none; }



input, textarea {



	background: #fff url(images/box-bg.gif) repeat-x top left;



	border: 1px solid #DEDBD1; }



textarea { padding: 10px; }



#commentform fieldset p small code { border: none; background: #fff; color: #111111; margin: 0; padding: 0; display: inline; }







/* Sidebar widgets */



#sidebar .pagenav { list-style: none; margin-left: 0; }



.widget h2, #sidebar .widgrt h2, #sidebar .widgrt h3 {



	line-height: 18px;



	margin: 0 0 18px 0;



	padding: 0;



	color: #888888; /* Ruby on Rails blue */ }



.widget ul, .ppc ul {

	font-size: 13px;
	
	

	list-style: none;



	margin: 0;



	padding: 0; }



.widget ul li, .ppc ul li {



	line-height: 18px;



	margin: 0;



	padding: 0;



	padding-left: 15px;



	background: url(images/bullet.gif) no-repeat left top;



	}



.widget ul li ul li {



	background: url(images/bullet2.gif) no-repeat left top;



}







/* Footer */



#footer {



	background: #fff;



	color: #111111;



	height: 54px;



	padding-bottom: 18px;



	text-align: center;



	border-top: 1px solid #848484; }



#footer p { line-height: 18px; margin-top: 18px; }







/* Links */



a { text-decoration: none; }



a:link, a:visited { color: #848484; /* Flock blue */ }



.widget a:link, .widget a:visited { color: #848484; /* Flock blue */ }



a:hover, .post a:hover, .widget a:hover { color: #848484; /* Technorati green */ }







/* Ads in post */



.ads {



	background: #fff;



	height: 72px; 



	margin-bottom: 18px;



	text-align: center; }







/* Generic WordPress styles */







/* Begin Images */



p img {



	padding: 0;



	max-width: 100%;



	}







img.centered, img.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



	margin-top: 18px;



	}







img.alignright {



	padding: 4px;



	margin: 0 0 2px 7px;



	display: inline;



	}







img.alignleft {



	padding: 4px;



	margin: 0 7px 2px 0;



	display: inline;



	}







.alignright {



	float: right;



	}







.alignleft {



	float: left



	}



/* End Images */







/* Captions */



.aligncenter,



div.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



}







.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: 11px;



	line-height: 17px;



	padding: 0 4px 5px;



	margin: 0;



}



/* End captions */