/*  
Theme Name: veryhost
Theme URI: http://www.veryhost.info
Description: A theme for technical blogs
Author: LIU Zhen
Author URI: http://www.veryhost.info
Tags: blue, white, gray, two-columns, flexible-width
Version: 1.0
License: http://www.opensource.org/licenses/gpl-license.php
*/

.clear {
	clear:both; height:1px;
}

::selection {background:#FFFDC6; color:#000;}

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

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

body {
	-webkit-font-smoothing: subpixel-antialiased;
}

:focus { outline:0; }

body, form, p, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, cite, code  {
	margin: 0px; padding: 0px;
}

ul, ol, li {
	list-style:none;
}



form {
	display: inline;
}

acronym, abbr, span.caps {
	cursor: help;
}

/*--------------------top_container start--------------------*/
.top_container, .top_left, .top_right, .top_logo, .top_description, .top_meta, .sitemeta {
	margin: 0px; padding: 0px;
	font-size: 12px; color: #333;
}
.top_container {
	margin: auto; width: 980px;
	font-family: Arial, Helvetica, sans-serif; 
}
.top_right { float: left; width: 100%; display: block;}
.top_meta {
	float: right; width: 100%;
}
.sitemeta {
	float: right; width: auto;
}
.sitemeta li, .sitemeta li {
	float: left; list-style:none; margin: 6px 0px 0px 10px; 
}
.sitemeta li a {
	text-decoration: none; color: #505050; font-size: 11px; border-bottom: 1px #666 solid;
}
.sitemeta li a:hover {
	color: #06F; border-bottom: none;
}
.top_left {
	float: left; width: 100%; margin: 10px 0px 10px 0px;
}
.top_logo {
	float: left; margin: 0px 0px 10px 0px;

}

.top_description {
	float: left; color: #666; clear: both; margin: 4px 0px 10px 0px;
}

.top_line {
	width: 100%; clear: both; background-color: #ccc; height: 1px; margin: 0px 0px 1px 0px;
}
.top_line_dot {
	width: 100%; clear: both; background: url(images/dot-line.gif) 0 0 repeat-x; height: 1px;
}
.rss a {
	background: url(images/rss.gif) 0 0 no-repeat; padding: 0px 0px 0px 15px;
}
/* --------------------Menu-------------------------- */
.blank10 { float:left; width: 100%; height: 0px; margin: 0 0 10px 0;}



/*--------------------top_container end--------------------*/

/*--------------------main_container start--------------------*/
.main_container, .main_right, .main_left, .post, .type-page, .main_date, .main_info {
	margin: 0px; padding: 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #505050;
}
.main_container {
	margin: auto; width: 980px; margin-top: 10px;
	_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1366?"1366px":"90%");
}
.main_right {
	float: right; width: 300px; line-height: 150%; margin-bottom: 20px;

}
.main_left {
	float: left; background: url(images/dot-line-v.gif) right 0 repeat-y; padding-right: 10px;
	min-height: 700px;
	width: 660px; _margin-left: 0px; 
}
.widget {
	_margin-left: 0px;
}
.main_right a {
	color: #505050; text-decoration: none;
}
.main_right a:hover {
	color: #fff; background-color: #505050;
}
.post, .type-page {
	float: left; width: 100%; color: #505050;
	_width: 99%;
}
.post p, .type-page p {
	line-height: 180%; font-family:Arial, Helvetica, sans-serif; font-size: 13px;
}
.post li {
	margin: 4px 0px 0px 10px;
}
.main_date {
	font-size: 11px; color: #999; width: auto; padding: 0px 0px 0px 0px; margin-bottom: 6px;
}
.main_line_dot {
	width: 100%; background: url(images/dot-line.gif) 0 0 repeat-x; height: 1px; margin: 10px 0px 10px 0px;
}
.main_tag, .main_info {
	margin: 8px 0px 0px 0px;
}
.post p a, .type-page p a, .post table a {
	color: #06F; text-decoration: none;
}
.post a:hover, .type-page a:hover, .post table a:hover {
	color: #069; text-decoration: none;
}
.post li a {
	color: #06F; text-decoration: none; border: 0px;
}
.post li a:hover {
	color: #fff; background-color: #06F;
}
.post p img {
	margin: 4px 6px 6px 6px;
}
.main_info a  {
	color: #06F; text-decoration: none;  line-height: 160%;
}
.main_info a:hover {
	color: #fff; background-color: #06F;
}
.main_title, .type-page h2 {
	font-size: 14px; font-weight: normal; padding: 0px 0px 0px 0px;
	margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;
}
.main_title a, .type-page h2 a {
	color: #030303; text-decoration: none;
}
.main_title a:hover, .type-page h2 a:hover, .page h2 a:hover {
	color: #06C; 
}
.main_tag a {
	color: #666; background-color: #f2f2f2; border: 0px; padding: 2px 4px 2px 4px; text-decoration: none;
	-moz-border-radius: 2px; line-height: 200%;
	-webkit-border-radius: 2px;
	overflow: hidden;  
}

.main_tag a:hover {
	color: #fff; background-color: #06F;
}
.widget li, .main_right li li, .post li {
	line-height: 180%; background: url(images/h2-li-head.gif) 0 0 no-repeat; padding-left: 10px;
}
.main_right li h2 {
	font-size: 14px; margin: 20px 0px 4px 0px; color: #666; border-bottom: 1px #ccc solid; padding-bottom: 2px;
}
.widget label {
	font-size: 14px; margin: 20px 0px 4px 0px; color: #666; font-weight: bold;
}
.widget #s {
	width: 96%;
}
input, textarea {
	border: 1px #ccc solid;
}
input:focus, textarea:focus {
	border: 1px #06c solid;
}
.respond input, .respond textarea, .post input[type="password"] {
	padding: 4px;
}
.widget_search input[type="text"] {
	padding: 4px 0px 4px 0px;
}
.main_nav {
	width: 100%; margin: 0px 0px 20px 0px; padding-bottom: 20px;
}
.main_nav_left {
	float: left;
}
.main_nav_right {
	float: right;
}
.main_nav a, #submit, #searchsubmit, .post input[type="submit"] {
	color: #505050; text-decoration: none;  padding: 4px 4px 4px 4px;  border: 0px; background-color: #f2f2f2;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}
.main_nav a:hover, #submit:hover, #searchsubmit:hover, .post input[type="submit"]:hover {
	color: #fff; background-color: #06C; 
}
#submit, #searchsubmit {
	cursor: pointer;
}
blockquote, pre {
	border: 1px #eee solid; padding: 6px; margin: 10px 0px 10px 10px;
}
blockquote p {
	margin: 0px; padding: 0px;
}

code, kbd, tt, address{
	font-family: "Courier New", Courier, monospace; color: #666; font-size: 12px;
}
pre {
	font-size: 14px;
}
address {
	font-size: 14px; border-left: 2px #ccc solid; margin: 6px 0px 4px 6px; padding: 0px 0px 0px 10px;
}
#search-3 {
	margin-top: 10px;
}

.post tr th,
.post thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}


.post h1, .post h2,.post h3,.post h4,.post h5,.post h6,.post h7 {
	margin: 8px 0px 6px 0px; font-family: Arial, Helvetica, sans-serif;
}
.page h3, .post h3 {
	font-size: 12px; margin: 0px 0px 8px 0px; font-weight: normal; color: #000;
}
.portfolio img {
	padding: 5px; border: 1px #f2f2f2 solid;
}
.portfolio img:hover {
	border: 1px #06F solid;
}
/*--------------------main_container end--------------------*/

.sin_code {font: 14px Verdana, Geneva, sans-serif; font-weight: bold;color: #999; margin: 5px 0 5px 0; float:left;}
.sin_code span { float: left;}
.sin_code .code_title { margin-top: 5px; margin-right: 10px;}
.sin_code .code {background: url(images/carbonad_bg.png); padding: 5px; color: #666; border: 1px solid #999;
-webkit-border-radius: 3px;}

.sin_date { color: #999; font-family: Tahoma, Geneva, sans-serif; }
.sin_date span {background: url(images/comments.png) 0 -540px no-repeat; padding: 2px 0 0 20px; margin-right: 20px;}

.shop_list li { float:left; margin: 10px 10px 0 0;}

/*--------------------search--------------------*/

#searchform{
     }

input#s{
     }

input#searchsubmit{
}

/*--------------------comments_container end--------------------*/

#comments, .respond h3 {
	margin: 20px 0px 10px 0px; padding: 0px; font-size: 12px;
}
.commentlist {
	margin: 0px; padding: 0px;
}
.commentlist p {
	line-height: 180%;
}
.comment-body {
	margin-left: 70px; margin-bottom: 20px;
}
.comment-author {
	background-color: #f2f2f2; position: relative; margin: 0px 0px 0px 0px; height: 20px; padding-top: 4px;
	
}
.comment-author img {
	position: absolute; left: -70px; top: 0px;
}
.fn a, .commentmetadata a {
	color: #505050; text-decoration: none;
}
.fn a:hover, .commentmetadata a:hover {
	color: #fff; background-color: #06F;
}
.commentmetadata {
	float: right;
}
.commentmetadata a {
	font-size: 9px;
}
.reply {
	margin: 20px 0px 20px 0px;
}
.reply a {
	color: #505050; text-decoration: none;  padding: 4px 4px 4px 4px;  border: 0px; background-color: #f2f2f2;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}
.reply a:hover {
	color:#fff; background-color: #06F; 
}
.comment-author cite {
	margin-left: 10px; background: url(images/cite.gif) 0 0 no-repeat; padding-left: 20px;
}
.fn a {
	font-style: normal; font-weight: bold;
}
.nocomments {
	margin: 20px 0px 30px 0px;
}

.sin_img a img {border: 1px solid #ccc; padding: 2px; background-color: #f2f2f2; display: block; }
.sin_img a img:hover {background-color: #f60; }
/*--------------------comments_container end--------------------*/

/*--------------------end_container start--------------------*/
.footer_container, .footer_left, .footer_right {
	margin: 0px; padding: 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333;
}
.footer_container {
	margin: auto; width: 980px; display: block;
}
.footer_container a {
	color: #505050; text-decoration: none; border-bottom: 1px #333 dotted;
}
.footer_container a:hover {
	color: #fff; background-color: #06F; border-bottom-color: #333;
}
.footer_left {
	float: left; width: auto; margin: 20px 0px 0px 0px; height: 60px;
}
.footer_right {
	float: right; width: auto; margin: 20px 0px 0px 0px; text-align: right; line-height: 200%;
}
/*--------------------end_container end--------------------*/

.gg {
	width: 100%; margin: 0px 0px 20px 0px;
}
.ggleft {
	float: left; width: 120px; margin: 10px 0px 0px 0px;
}
.ggright {
	float: right; width: 120px; margin: 10px 0px 0px 0px;
}
.single_douban {
	float: right;
}
.single_douban a {
	 border-bottom: 0px; padding-bottom: 0px; margin: 0px;
}

.post-top, blockquote { float:left;border: 1px solid #f2f2f2; padding: 3px 6px 3px 6px; display:block; background-color:#EAF2FF; line-height: 2;}

.post-top a { text-decoration:none; color: #F60;}

.goshop { float: left; width: 100%; margin: 0px 0px 5px 0px;  }
.goshop span { float: right;height: 32px; width: 119px; display: block; text-indent: -999em; }
.goshop a { float: left; height: 32px; width: 119px; background: url(images/goshopnow.png) 0 0 no-repeat; }
.goshop a:hover { background: url(images/goshopnow.png) 0 -33px; no-repeat; }


/* Menu */
/* Menu */
#menu {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: #0A3576;
	width: 980px;
	height: 36px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin: auto;
	margin-top: 10px; margin-bottom: 10px;
	padding: 0 0px;
	display: block;
	line-height: 1;
}
#menu h1, #menu ul, #menu p, #menu img {
	margin: 0;
	padding: 0;
	border: 0;
}
#menu h1 {
	font-weight: normal;
}
#menu ul {
	list-style: none;
}
#menu a {
	text-decoration: none;
	color: #fafafa;
}
#menu .menu-label {
	font-weight: bold;
	text-transform: uppercase;
}
#menu .menu-dropdown p { line-height: 2;}

	/* Top buttons */
	#menu .menu-top > li {
		float: left;
		position: relative;
		text-align: center;
		-webkit-transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		-ms-transition: background-color 0.2s;
		-o-transition: background-color 0.2s;
		transition: background-color 0.2s;
	}
	#menu .menu-top > li:hover {
		background-color: #00aaff;
		-webkit-transition: background-color 0.2s;
		-moz-transition: background-color 0.2s;
		-ms-transition: background-color 0.2s;
		-o-transition: background-color 0.2s;
		transition: background-color 0.2s;
	}
	#menu .menu-top .menu-right {
		float: right;
	}
	#menu .menu-button {
		display: block;
		line-height: 36px;
		padding: 0 20px;
		color: #d0d0d0;
		-webkit-transition: color 0.2s;
		-moz-transition: color 0.2s;
		-ms-transition: color 0.2s;
		-o-transition: color 0.2s;
		transition: color 0.2s;
	}
	#menu li:hover .menu-button {
		color: #fafafa;
		-webkit-transition: color 0.2s;
		-moz-transition: color 0.2s;
		-ms-transition: color 0.2s;
		-o-transition: color 0.2s;
		transition: color 0.2s;
	}
	#menu .menu-drop {
		padding-right: 15px;
	}
	#menu .menu-drop .menu-label {
		padding-right: 20px;
		background: url("images/drop1.png") no-repeat right;
		-webkit-transition: background 0.2s;
		-moz-transition: background 0.2s;
		-ms-transition: background 0.2s;
		-o-transition: background 0.2s;
		transition: background 0.2s;
	}
	#menu li:hover .menu-drop .menu-label {
		background: url("images/drop2.png") no-repeat right;
		-webkit-transition: background 0.2s;
		-moz-transition: background 0.2s;
		-ms-transition: background 0.2s;
		-o-transition: background 0.2s;
		transition: background 0.2s;
	}
	
	/* Dropdown */
	#menu .menu-dropdown {
		text-align: left;
		background-color: #00aaff;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		-ms-border-radius: 0 0 5px 5px;
		-o-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		position: absolute;
		left: -5000px;
		opacity: 0;
		z-index: 100;
	}
	#menu li:hover .menu-dropdown {
		left: 0;
		opacity: 1;
		-webkit-transition: opacity 0.2s;
		-moz-transition: opacity 0.2s;
		-ms-transition: opacity 0.2s;
		-o-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}
	#menu .menu-right:hover .menu-dropdown {
		left: auto;
		right: 0;
	}
	#menu .menu-sub {
		margin: 5px 0;
	}
	
		/* Dropdown content */
		#menu .menu-sub li {
			white-space: nowrap;
			-webkit-transition: background-color 0.1s;
			-moz-transition: background-color 0.1s;
			-ms-transition: background-color 0.1s;
			-o-transition: background-color 0.1s;
			transition: background-color 0.1s;
		}
		#menu .menu-sub li:hover {
			background: #0A3576 url("images/select.png") no-repeat 10px;
			-webkit-transition: background-color 0.2s;
			-moz-transition: background-color 0.2s;
			-ms-transition: background-color 0.2s;
			-o-transition: background-color 0.2s;
			transition: background-color 0.2s;
		}
		#menu .menu-subbutton {
			display: block;
			padding: 7px 20px;
			line-height: 1.3;
			color: #fafafa;
			-webkit-transition: color 0.2s;
			-moz-transition: color 0.2s;
			-ms-transition: color 0.2s;
			-o-transition: color 0.2s;
			transition: color 0.2s;
		}
		#menu .menu-sub li:hover .menu-subbutton {
			color: #e0e0e0;
			-webkit-transition: color 0.2s;
			-moz-transition: color 0.2s;
			-ms-transition: color 0.2s;
			-o-transition: color 0.2s;
			transition: color 0.2s;
		}
		#menu .menu-desc {
			font-style: italic;
			color: #eaeaea;
			-webkit-transition: color 0.2s;
			-moz-transition: color 0.2s;
			-ms-transition: color 0.2s;
			-o-transition: color 0.2s;
			transition: color 0.2s;
		}
		#menu .menu-sub li:hover .menu-desc {
			color: #d0d0d0;
			-webkit-transition: color 0.2s;
			-moz-transition: color 0.2s;
			-ms-transition: color 0.2s;
			-o-transition: color 0.2s;
			transition: color 0.2s;
		}
		#menu .menu-row {
			display: inline-block;
		}
		#menu .menu-row .menu-sub {
			margin: 0;
		}
		#menu h1 {
			font-size: 2em;
			color: #e0e0e0;
		}
		#menu p {
			color: #f0f0f0;
		}
		#menu .emp {
			font-weight: bold;
		}
		#menu .quote {
			font-style: italic;
		}
		
		/* Dropdown 3 */
		#menu .menu-dropdown3 {
			padding-top: 5px;
			white-space: nowrap;
		}
		#menu .menu-dropdown3 h1 {
			margin: 0 0 5px 15px;
		}
		#menu .menu-dropdown3 .menu-row {
			border-right: 1px dotted #707070;
			margin: 5px 0;
		}
		#menu .menu-dropdown3 .menu-row:last-child {
			border-right: none;
		}
		
		/* Dropdown 4 */
		#menu .menu-dropdown4 {
			padding-top: 5px;
			white-space: nowrap;
		}
		#menu .menu-dropdown4 h1 {
			margin: 0 0 5px 15px;
		}
		#menu .menu-dropdown4 .menu-row div {
			border-right: 1px dotted #707070;
			margin: 5px 0 10px 0;
		}
		#menu .menu-dropdown4 .menu-row:last-child div {
			border-right: none;
		}
		#menu .menu-dropdown4 .menu-row div:last-child {
			margin-bottom: 5px;
		}
		
		/* Dropdown 6 */
		#menu .menu-dropdown6 img {
			margin-right: 5px;
			vertical-align: middle;
		}
		#menu .menu-dropdown6 .menu-label {
			vertical-align: middle;
		}
		#menu .menu-dropdown6 .menu-subbutton {
			padding: 5px 20px;
		}
		
		/* Dropdown 7 */
		#menu .menu-dropdown7 {
			padding: 10px;
			width: 210px;
		}
		#menu .menu-dropdown7 p {
			margin-top: 7px;
		}
		#menu .menu-dropdown7 h1 {
			color: #f0f0f0;
			padding-bottom: 3px;
			border-bottom: 1px solid #e0e0e0;
		}