﻿/* 
	Theme Name: Weisay Sail
	Theme URL: http://www.weisay.com/blog/first-wordpress-theme-weisay-sail.html
	Description: 获得更多主题<a href="http://www.weisay.com/">weisay.com</a>。
	Author: Weisay
	Author URI: http://www.weisay.com
	Version: 1.0
*/
* {
    border: 0 none;
    margin: 0;
    outline: medium none;
    padding: 0;
}
body {
    background:#eaeaea;
    color: #585858;
    font: 13px 微软雅黑,Arial,Helvetica,sans-serif;
}
a:link, a:visited{color: #007dbe;text-decoration: none;}
a:hover{color:#333;text-decoration:underline}
p.clr, .clr {
    background: none repeat scroll 0 0 transparent;
    clear: both;
    margin: 0;
    padding: 0;
}
input, select, textarea {
    border: 1px solid #CFCFCF;
    color: #404040;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 13px;
    padding: 3px;
}
li {
    list-style: none outside none;
}
h1, h2 {
    color: #2E2E2E;
    font: bold 24px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 8px 0;
}
h3 {    color: #2E2E2E;
    font: bold 18px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 8px 0;
}
h4 {color: #2E2E2E;
    font-size:15px;
	font-weight: bold;
    margin: 10px 0}
p {
    padding: 0 0 1.3em;
}
.clear{clear: both;}
#page, #page2 {
    background: url("images/page_bg.png") repeat-x;
    margin: 0 auto;
}
#page-bot {
    margin: 0 auto;
    padding: 0;
}
#header {
    margin: 0 auto;
    width: 970px;
}
#blogname{
	float: left;
	font-size: 23px;
	width: 500px;
	height: 75px;
	padding: 20px 0 2px 10px;
	}
#blogname a:link,#blogname a:visited{color:#00a0f3;}
#blogname a:hover {
	color:#0095e2;
	text-decoration: none;
	}
#blogtitle {padding-top:4px;color:#f1f1f1;
	font-size: 13px;
	font-weight:normal;
	}
#header h1 {
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 330px;
}
#header h1 a {
    display: block;
    height: 126px;
}
#header h1 a:hover {
    text-decoration: none;
}
p.rss {
    color: #353535;
    float: right;
    font: 14px/1.5em Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 350px;
}
p.rss img {
    border: medium none;
    margin: 0 0 0 13px;
    padding: 0;
}
p.rss img.icon {
    margin: 0 3px 13px 2px;
}
.topnav {
    float: left;
    height: 42px;
    padding: 0;
}
.topnav ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    width: auto;
}
.topnav li,ul.menu li {
    color: #FFFFFF;
    float: left;
	position: relative;
}
.topnav li a:link,.topnav li a:visited {
    color: #FFFFFF;
    display: block;
    float: left;
    font: 14px/1.2em Arial,Helvetica,sans-serif;
    padding: 0 16px 0 16px;
	height: 41px;
	line-height:41px;
    text-decoration: none;
}
.topnav li img{_padding-top:17px;}
.topnav li a:hover, .topnav li.current_page_item a ,.topnav li.current-cat a{
    background: url("images/menu_bg.gif") repeat-x scroll right center transparent;
    text-decoration: none;
	line-height:41px;
}

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;}
ul.topnav li ul.children {
	list-style: none;
	position: absolute; 
	left: 0; top: 41px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 120px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.children li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; 
	border-bottom: 1px solid #444; 
	clear: both;
	width: 140px;
}
ul.topnav li ul.children li a {
	float: left;
	width: 104px;
	background: #333 url("dropdown_linkbg.gif") no-repeat 10px center;
	padding-left: 20px;
}
ul.topnav li ul.children li a:hover {
	background: #222 url("dropdown_linkbg.gif") no-repeat 10px center; 
}

.search { width:255px;padding:4px 0; margin:0 auto; float:right}
.search span { width:250px; display:block; background:#fff; height:32px; margin:0;border-radius: 7px 7px 7px 7px;-moz-border-radius: 7px 7px 7px 7px;}
.search input#s { float:left; width:200px; padding:9px 5px; margin:0; border:0; background:none; color:#000305; font:normal 12px Arial, Helvetica, sans-serif; line-height:14px; height:14px;}
.search .btn { float:left; padding:0; margin:0; border:0; width:auto;}

.pages {width:980px;padding:0; margin:0 auto;font:normal 13px 微软雅黑, Verdana, Arial, Helvetica, sans-serif}
.pages h2 { font:bold 16px 微软雅黑, Arial, Helvetica, sans-serif; color:#222222; padding:0 10px 8px 10px; margin:8px 0; border-bottom:1px dashed #bebebe;}
.pages h3 { font:bold 15px 微软雅黑, Verdana, Arial, Helvetica, sans-serif; color:#333; padding:0 10px 8px 10px; margin:8px 0; border-bottom:1px dashed #bebebe;}
.pages p {color:#252525; padding:5px 10px; margin:0; line-height:1.8em;}
.pages img.leeft { float:left; margin:10px; padding:0;}
/*left*/
.article{width:695px;float:left;}
.place {line-height:30px;}
.left, .place { width:685px; margin:5px 0 5px 0; float:left;padding:5px; background:#fff;border-radius: 7px 7px 7px 7px;-moz-border-radius: 7px 7px 7px 7px;}
.place span{line-height:28px; padding-left:10px}
.c_prev{display: block;white-space:nowrap; width:324px;text-overflow:ellipsis;-moz-text-overflow: ellipsis; overflow:hidden}
.c_next{float:right; text-align:right;margin-right:5px;display: block;width: 324px;overflow: hidden;white-space: nowrap;-moz-text-overflow: ellipsis;text-overflow: ellipsis;}
.excerpt{border:1px dashed #bebebe; }
.new{float:right;
	margin:-1px -1px 0 0}
.context{overflow:hidden;width:668px;margin-left:10px}
.post-commets { text-align:center; padding:10px 0 0 0; width:51px; height:49px; float:left; margin:12px 10px 0 -16px;_margin:12px 10px 0 -10px;color:#fff; background:url(images/comm.gif) top no-repeat;position:relative}
.post-commets a:link,.post-commets a:visited{ padding:0 3px; color:#fff; font-weight:bold; font-size:22px; }
.post-commets a:hover { background:none; color:#f9f9f9;text-decoration: none;}
.info{font-size:12px; padding-bottom:10px}

.thumbnail_box {
	float: left;
	width: 140px;
	height:100px;
	margin: 17px 10px 8px 10px;
	padding: 4px;
	border:1px solid #ccc;
	}
.thumbnail img{
	position:absolute;
	z-index:3;
	}
.thumbnail_a {
	background:#fff;
	position:absolute;
	z-index:3;
	}
.thumbnail_t img{
	position:absolute;
	width: 140px;
	height:100px;
	}
.thumbnail_b img{
	position:absolute;
	z-index:1;
	}
.entry_post{height:136px;}
.more_b{margin:8px}
.tags a:link,.tags a:visited{padding:0 3px}
.more{float:right; font-size:13px; }
.entrymeta{padding:8px}
.authorbio {
	float:left;
	width:110px;
	text-align:center;
	}
.author_pic{
	width:48px;
	margin:0px auto;
	}
.author_pic img{
	border: 0;
	}
.spostinfo{color:#666;}
.spostinfo a:link, .spostinfo a:visited{color: #007dbe;}
.spostinfo a:hover{color:#393939;text-decoration:underline}

#respond { clear:both;	background:#fff;
margin:10px 0 10px 0;
	padding: 5px;border-radius: 7px 7px 7px 7px;-moz-border-radius: 7px 7px 7px 7px;}

#comments { clear:both;
	margin:10px 0;
	font-weight:bold;
	}
.commentlist {}
.commentlist .comment {
	margin: 21px 0 0 0;
	padding: 5px;
	list-style: none;
	background:#fafafa;
border-radius: 7px 7px 7px 7px;-moz-border-radius: 7px 7px 7px 7px;}
.commentlist li {
	position: relative;
	}
.commentlist .alt {
	background:#fff;
	}
.commentlist p {
	margin: 0 0 0 50px;
	line-height:23px;
	}
ol.commentlist li div.vcard img.avatar {
position:relative;
			float: left;
			margin: -21px 8px 0 10px;
			padding: 2px;
			border:1px dashed #bebebe;
			background: #ffffff;
}
ol.commentlist li div.vcard img.photo {
	padding: 2px;
	background: #fff;
	border:1px dashed #bebebe;
	}
ol.commentlist li div.vcard cite.fn {
	font-style: normal;
	color: #006feb;
	}
.reply {
	position:relative;
	float:right;
	margin:-15px 5px 0 0;
	display:none;
	}
.datetime, .datetime a {
	padding:0 0 5px 0;
	color:#888;
	}
#comment {background:#fff url(images/comment.gif) no-repeat center;}
#commentform p {
	color: #222;
	}
#commentform label {
	color: #868686;
	}
#commentform input {
	width: 210px;
	margin: 1px 5px 1px 0;
	padding: 3px;
	}
#commentform input:focus {
	border: 1px solid #ccc;
	}
#commentform textarea {
	width: 72%;
	height: 120px;
	font-size:13px;
	padding:4px;
	margin:15px 0 0 0;
	border: 1px solid #ccc;
	}
#commentform textarea:focus {
	border: 1px solid #ccc;
	}
#commentform input#submit {border-radius: 7px 7px 7px 7px;-moz-border-radius: 7px 7px 7px 7px;
	width:87px;	
	height:26px;
 	color: #393939;
	text-align:center;
	text-shadow: 0px 1px 0px #fff;
	border: 1px #ccc dashed;
	}
#commentform #submit:hover {
border: 1px solid #ccc;
	 font-weight:bold;
	}
#commentform input#reset {
	border: 1px #ccc dashed;
border-radius: 7px 7px 7px 7px;-moz-border-radius: 7px 7px 7px 7px;
	width:87px;
	height:26px;
 	color: #393939;
	text-align:center;
	text-shadow: 0px 1px 0px #fff;
	}
#commentform #reset:hover {
border: 1px solid #ccc;
	 font-weight:bold;
	}
#real-avatar .avatar{
	float:right;
	padding:2px;
	border:1px dashed #bebebe;
	margin-right:20px;_margin-right:10px;
}
.v_comment{
}
.v_comment ul{margin:10px;}
.v_comment ul li{list-style-type:none;display:inline;}
.v_comment li img{
	height:38px;
	height:38px;
	float:left;
	padding:1px;
	margin:1px;
	border: 1px solid #ddd;
	}
.weisaylink, .linkstandard {list-style:none;float:left;} 
.weisaylink ul, .linkstandard ul{
	padding:0 0 10px 16px; line-height:24px
}
.weisaylink ul li{float:left;height:28px;width:25%;overflow:hidden;} 
.weisaylink h2, .linkstandard h2 {clear:both;font-size:14px;}  


/*right*/
.right {
	width:255px; margin:5px 0 5px 0;
	padding:5px; float:right;
	background:#fff;border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	}
/* 侧边 */
#sidebar { float:right; width:278px;}
#sidebar li ul { }
#sidebar li ul li {}
#sidebar li ul.children li,#sidebar li ul.children li ul li {
	padding-left: 20px;
	background: url(images/tier.gif) 6px 5px no-repeat;
	}
#tab-title .selected{color:#f00;font-weight:bold} 
#tab-title span{padding:5px 13px 8px 1px;
	margin-left:-1px;
	cursor:pointer;}
#tab-content .hide{display:none;} 
#tab-content ul{padding:5px 10px;overflow:hidden;}
#tab-content ul li{line-height:25px;}

.top_comment ul {margin-left:5px}
.top_comment ul li {list-style:none; display:inline;}
#sidebar .top_comment img.avatar{
	width:36px; height:36px;
	border:1px solid #ddd;
	padding:2px;margin:3px;}
#sidebar .top_comment img.avatar:hover{border:1px solid #999;}

 /** 侧边评论 **/ 
.r_comment {
	}
.r_comment ul {
	padding-left: 8px;
 	}
.r_comment li {
	line-height:20px; 
	margin: 0 0 6px 0;
	}
.r_comment ul li img {
	height:32px;
	float:left;
	padding:1px;
	margin:4px 4px 0 0;
	border: 1px solid #ddd;
	}
.r_statistics{
	}
.r_statistics ul {
	padding: 10px;
	color:#222
 	}
/** 翻页 **/
.navigation{
	float:right;
	text-align:right;
	}
.pagination {
	line-height:40px;
	}
.pagination span, .pagination a {
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	font-size:13px;
	margin: 2px 6px 2px 0;
	background:#fff;
	border:1px solid #bebebe;
	color:#787878;
	padding:2px 6px 2px 6px;
	}
.pagination a:hover {
	background: #007dbe;
	border:1px solid #003f79;
	color:#fff;
	}
.pagination .current {border:1px solid #003f79;
	background: #0089d0;
	color:#fff;
	font-size:13px;
	padding:2px 6px 2px 6px;
	}
	
.navigation_c {
	padding: 0 5px 0 5px;
	margin: 5px 0 10px 0;
	}
.previous {
	text-align:center;
	}
.page-numbers {
	padding: 0 5px 0 5px;
	border:1px solid #ccc;
	}
.relatedposts{overflow:hidden; margin-left:8px}
.relatedposts li{float:left;display:block;
	width:310px;height:20px;overflow:hidden;
	margin:0 10px 3px 0;}	
#sidebar .v-links{overflow:hidden;
	margin-left:8px}
#sidebar .v-links li{float:left;display:block;
	width:110px;height:20px;overflow:hidden;
	margin:0 10px 3px 0;}
.tag_s{margin:2px 8px 8px 8px}
.tag_s li{ line-height:20px}
.tag_s a{padding:0 2px; }
.v_avatar{float: left; width:70px; padding:0 0 10px 10px}
.v_avatar img {border: 5px #ddd solid}
.v_li{float:right; width:150px;line-height:19px}
#comment_mail_notify {border:none}
/** IE6抖动 **/
html body {
_background-image:url(about:blank);
_background-attachment:fixed;
}
/** 翻屏 **/
#roll_top,#fall,#ct {
	position:relative;
	cursor:pointer;
	height:40px;
	width:10px;
	}
#roll_top {
	background:url(images/roll.gif) no-repeat;
	}
#fall {
	background:url(images/roll.gif) no-repeat 0 -80px;
	}
#ct {
	background:url(images/roll.gif) no-repeat 0 -40px;
	}
#roll {
	display:block;
	width:15px;
	margin-right:-225px;
	position:fixed;
	right:50%;
	top:50%;
	_margin-right:-225px;
	_position:absolute;
	_margin-top:300px;
	_top:expression(eval(document.documentElement.scrollTop));
	}
/** 底部 **/
.footer {
    background: none repeat scroll 0 0 #d7d7d7;
    border-top: 1px solid #bebebe;
    margin: 0;
    padding: 0;
}
.footer .resize{width:960px; margin:0 auto}
.footer .resize div {
    color: #8D8D8D;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 20px 0;
    text-align: right;
    width: 50%;
}
.footer .resize div a {
    color: #8D8D8D;
    font: 12px Arial,Helvetica,sans-serif;
}
.footer .resize div.text_left{float:left;}
.footer .resize div.text_left li {
    text-align: left; float:left; list-style:none
}
.text_left a {
    padding: 0 5px;
}

