/*
Theme Name: Jauia's Debut
Theme URI: http://www.jauia.com
Description: White and simply, Designed and modify by Jauia. It is very simply, widget supported and doesn't require any plugin.
Version: 2.1
Author: Jauia
Author URI: http://www.jauia.com
Tags: Debut,white, two-columns, fixed-width, right-sidebar ,widgets

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* static START */
*{margin:0;padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;}
abbr[title], acronym[title] {border-bottom:thin solid;cursor:help;}
body{background:#F6F6F8;font:14px/19px "微软雅黑";color:#333;text-align:left;}
h1,h2,h3,h4,h5,h6{font-family:微软雅黑;font-weight:bold;}
h1{font-size:24px;line-height:30px;}
h2{font-size:20px;line-height:26px;}
h3{font-size:16px;line-height:24px;}
h4{font-size:14px;line-height:20px;}
h5{font-size:14px;line-height:20px;}
h6{font-size:14px;line-height:20px;}
small{font-size:10px;line-height:16px;}
a{color:#669933;text-decoration:none;position:relative;}
a:hover{color:#4a630f;text-decoration:none;}
fieldset,img{border:none;}
hr{display:none;}

/* wrapper */
#wrapper{margin:0 auto;width:960px;}

/* Header */
#header{z-index:1;position:relative;margin:10px auto 0;height:220px;}
#header h1{padding:20px 0 0;line-height:40px;text-shadow:1px 1px 2px #999;}
#header h1 a{color:#222;font-size:30px;border-bottom:1px solid #ccc;}
#header h2{color:#222;font-size:12px;padding-left:5px;}
/* If there are logo images, cancel remark
#header h1{line-height:70px;width:320px;background:url("images/logo.gif") no-repeat 0 bottom;}
#header h1 a{display:block;border:none;text-indent:-9999em;} 
#header h2{padding:0;text-indent:-9999em;} */

/* Nav*/
span#pages,span#categories{font-size:15px;text-shadow:1px 1px 2px #999;position:absolute;}
span#pages{top:120px;left:0;line-height:20px;width:850px;}
span#categories{background:url(images/headerbg.png) no-repeat;top:141px;left:0;line-height:20px;width:100%;}
span#pages a,
span#categories a{color:#222;}
span#pages a:hover,
span#categories a:hover{color:#ff4e00;}
span#pages li,
span#categories li{margin-top:1px;list-style:none;float:left;position:relative;padding: 0px 15px;border-right:1px solid #ccc;}
span#pages ul li:hover,
span#categories ul li:hover{}
span#pages ul li ul,
span#categories ul.children{display:none;overflow:hidden;z-index:100;position:absolute;left:-1px;width:160px;border:1px solid #ccc;}
span#pages ul li ul{bottom:20px;}
span#categories ul.children{top:20px;}
span#pages ul li li,
span#categories ul.children li{float:none;list-style:circle inside;text-align:left;margin-left:10px;padding:3px 8px;border-right:none;}
span#pages li:hover ul,
span#categories li:hover ul.children{display:block;}
span#pages li.current_page_item a,span#categories li.current-cat a{color:#ff4e00;}

/* Rss */
span#rss{text-shadow:1px 1px 2px #999;position:absolute;top:120px;right:0;line-height:20px;text-align:right;}
span#rss a{color:#777;padding-right:15px;}
span#rss a:hover{color:#222;}
span#rss a.feedburner{background:url('images/icons.gif') no-repeat 0 -20px;padding-left:18px;}
span#rss a.feedsky{background:url('images/icons.gif') no-repeat 0 0;padding-left:18px;}

/* Search */
span#search{position:absolute;right:-20px;top:20px;width:245px;height:1%;height:28px;overflow:hidden;}
span#search input#s{border:1px solid #ddd;background:transparent url(images/search-bg.gif) no-repeat scroll right 0;color:#999;padding:3px;font-size:12px;}
span#search input#searchsubmit{border:1px solid #e5e5e5;border-top:1px solid #fafafa;border-left:1px solid #fafafa;background:#f2f2f2;padding:3px 5px;font-size:12px;}

/* content */
#content{float:left;width:630px;padding:10px 0 20px 0;margin-left:60px;}

/* Post */
.post{position:relative;padding:0 0 5px 0;}
.title{background:url(images/titlebg.png) 0px 27px no-repeat;font-size:16px;font-family:微软雅黑;}
.post h2.title{text-shadow:1px 1px 2px #ccc;margin:0;padding:2px 40px 2px 0;}
.post h2.title a,.post h2.title-other a{font-size:16px;font-family:微软雅黑;color:#2894FF;}
.post h2.title a:hover,.post h2.title-other a:hover{color:#84C1FF;}
.post h2.title-other{background:url(images/titlebg.png) 0px 27px no-repeat;text-shadow:1px 1px 2px #ccc;font-size:16px;margin:0;padding-bottom:10px;}
.post h2.title-other a{border-bottom:none;}
.post ul,.post ol{margin:0 30px 18px;}
.post li{line-height:24px;}
.post hr{display: block;}
.post blockquote{color:#555;padding:10px;margin:0 0 20px;border:1px dashed #9aa915;background:#eee;}
.post p{font-size:15px;line-height:22px;margin:0 0 15px 0;}
.post h1{font-size:22px;line-height:30px;margin:0 0 18px 0;}
.post h2{font-size:18px;line-height:24px;margin:0 0 18px 0;}
.post h3,.post h4,.post h5,.post h6{font-size:16px;line-height:20px;margin:0 0 18px 0;}
.post h1,.post h2,.post h3,.post h4,.post h5,.post h6,.post b,.post strong{font-weight:bold;}
.post i,.post em{font-style:italic;}
.post .entry{font-size:16px;overflow:hidden;}
.post .entry img{border:none;}
.post .entry table{background:#fff;border:1px solid #ccc;border-width:2px;border-collapse:collapse;margin:5px 0 10px;}
.post .entry th,.post .entry td{border:1px solid #ccc;padding:3px 10px;text-align:left;vertical-align:top;}
.post .entry .entry tr.even td{background:#f7f7f7;}
.post .entry b{font-size:14px;}
.post .entry th{background:#edeff0;}
.post p.post-info{position:relative;padding:2px 120px 2px 0;color:#aaa;}
.post p.post-info a,.post p.post-under a{color:#777;font-size:12px;}
.post p.post-info a:hover,.post p.post-under a:hover{color:#4a630f;}
.post span.comments,.post span.addcomments{position:absolute;right:0;top:2px;text-align:right;}
.post p.post-under{color:#aaa;margin-bottom:20px;}
.post .entry p.read-more,.post .entry .more-link{padding-left:12px;background:url("images/icons.gif") no-repeat 0 -130px;}
.nav_link{}

.page-links{overflow:hidden;margin:24px 0;padding:0;border:1px dashed #ddd;}
.page-links h3{border-bottom:1px dashed #ddd;text-align:center;padding:5px 0;margin:0;}
.page-links ul li{float:left;width:160px;margin:0;padding:5px 10px 5px 0;list-style-type:square;}
/* jQuery */
.menuheader-open,.menuheader-closed{overflow:hidden;position:absolute;right:5px;top:0;width:19px;height:19px;cursor:pointer;}
.menuheader-open{background:url("images/icons.gif") no-repeat 0 -50px;}
.menuheader-closed{background:url("images/icons.gif") no-repeat 0 -70px;}
.toggle{display:none;}

/* Sidebar */
#sidebar{overflow:hidden;float:left;width:270px;padding-bottom:20px;}
#sidebar a{color:#555;}
#sidebar a:hover{color:#aaa;}
#sidebar h3{background:url(images/titlebg.png) 0px 32px no-repeat;text-shadow:1px 1px 2px #999;color:#222;font-size:14px;font-weight:bold;margin:0 0 5px;padding:5px 0;}
#sidebar li{line-height:20px;}
#sidebar li.widget{margin-bottom:20px;}
#sidebar ul{list-style:none;}
#sidebar ul li ul,#sidebar ul li div{}
#sidebar ul li ul.children{}
/* Sidebar */
#sidebar .zonce-links{overflow:hidden;}
#sidebar .zonce-links li{list-style-type:none;background:url(images/sidebarli.gif) 0 6px no-repeat;float:left;display:block;width:120px;padding-left:10px;line-height:20px;margin-top:2px;height:20px;}
#sidebar .ffox_most_active{overflow:hidden;}
#sidebar .ffox_most_active li{list-style:none;float:left;line-height:0;}
#sidebar .ffox_most_active img.avatar{width:26px;height:26px;border:1px solid #ddd;padding:2px;margin:0 1px 0 0;}
#sidebar .ffox_most_active{overflow:hidden;height:65px;}
#sidebar .ffox_most_active li{list-style:none;float:left;line-height:0;border:none;}
#sidebar .ffox_most_active img.avatar{width:26px;height:26px;border:1px solid #ddd;padding:2px;margin:0 1px 0 0;}

#sidebar .recentcomments img.avatar{width:25px;height:25px;float:left;position:relative;border:1px solid #ddd;padding:2px;margin:0 5px 0 0;}
#sidebar .recentcomments li{padding:2px 0;margin-bottom:3px;line-height:16px;}
#sidebar .zonce_comment_author{color:#aaa;}
/* #sidebar-tab{} */
#tab-title .current{font-family:微软雅黑;color:#222;border-left:1px dashed #ccc;border-right:1px dashed #ccc;border-top:1px dashed #ccc;}
#tab-title h3{margin-bottom:0;font-family:微软雅黑;}
#tab-1,#tab-2,#tab-3,#tab-4{font-family:微软雅黑;cursor:pointer;color:#777;padding:3px;border-left:1px dashed #fff;border-right:1px dashed #fff;border-top:1px dashed #fff;}
.tab-2,.tab-3,.tab-4{display:none;}
#tab-content ul{}
#tab-content ul li{}

/* Comments */
#comments{text-shadow:1px 1px 2px #999;text-align:right;margin:5px 0 20px;padding:5px 0;font-size:14px;font-weight:bold;border-bottom:1px solid #ccc;}

/* comments list style */
ol.commentlist li{position:relative;list-style:none;height:1%;margin:0 0 20px 0;padding-bottom:10px;border-bottom:1px solid #ddd;}
ol.commentlist li div.comment-author{margin-bottom:10px;}
ol.commentlist li div.vcard img.avatar{width:40px;height:40px;background:#fff;padding:2px;border:1px solid #ccc;}
ol.commentlist li div.vcard cite.fn{position:absolute;left:55px;top:5px;font-size:14px;font-weight:bold;}
ol.commentlist li div.vcard cite.fn a.url{color:#047;}
ol.commentlist li div.vcard cite.fn a.url:hover{color:#aaa;}
ol.commentlist li div.vcard span.says{position:absolute;text-indent:-9999em;}
ol.commentlist li div.comment-meta{position:absolute;left:55px;top:25px;font-size:10px;}
ol.commentlist li div.comment-meta a{color:#aaa;}
ol.commentlist li div.comment-meta a:hover{color:#222;}
ol.commentlist li p{padding:0 0 10px 55px;}
ol.commentlist li div.reply,ol.commentlist li div.atclass{position:absolute;right:5px;top:5px;}
ol.commentlist li div.reply a,ol.commentlist li div.atclass a{color:#999;}
ol.commentlist li div.reply a:hover,ol.commentlist li div.atclass a:hover{color:#222;}
ol.commentlist li ul.children li{margin:0 0 0 28px;padding-bottom:0;border-bottom:none;}
ol.commentlist li ul.children li.depth-2{margin:0 0 0 50px;}
ol.commentlist li ul.children li div.comment-author{padding-top:13px;border-top:1px dashed #ccc;}
ol.commentlist li ul.children li img.avatar{width:24px;height:24px;border:1px dashed #ccc;margin-top:-10px;}
ol.commentlist li ul.children li div.vcard cite.fn{left:38px;top:3px;}
ol.commentlist li ul.children li div.comment-meta{left:38px;top:18px;}
ol.commentlist li ul.children li p{padding:0 0 10px 38px;}

/* navigation */
#pagination{text-align:center;}
.navigation{padding:5px 0;text-align:right;}

/* respond */
#respond{margin:0 0 20px 0;}
#respond h2{text-shadow:1px 1px 2px #999;font-size:18px;font-weight:bold;margin-bottom:10px;}
#respond .cancel-comment-reply a{font-size:12px;color:#920017;}
#respond .cancel-comment-reply a:hover{color:#FF4E00;}
#commentform{margin:0;padding:0;}
#commentform p{margin:0 0 10px;padding:0;}
#commentform a{}
#commentform textarea{padding:3px;}
#commentform input{}
#comment{width:90%;}
#author{height:17px;padding-left:17px;background: url("images/id.png") no-repeat;border-style:solid;border-width:1px;color:#ABADB3;}
#email{height:17px;padding-left:17px;background: url("images/mail.png") no-repeat;border-style:solid;border-width:1px;color:#ABADB3;}
#url{height:17px;padding-left:17px;background: url("images/web.png") no-repeat;border-style:solid;border-width:1px;color:#ABADB3;}
#submit{background:#222;color:#ccc;padding:2px 5px;border:#555;}
#submit:hover{color:#fff;}

/* trackbacks-pingbacks */
.trackbacks-pingbacks h3{font-weight:bold;margin-bottom:10px;border-bottom:1px solid #ccc;color:#555;padding:3px 0;}
.trackbacks-pingbacks ul{margin:5px 20px 15px;list-style-type:circle;}
.trackbacks-pingbacks ul li{margin-bottom:4px;}

/* Footer */
#footer{clear:both;padding:5px 0;overflow:hidden;background:url(images/headerbg.png) no-repeat;text-align:center;color:#aaa;font-size:12px;}
#footer a{border-bottom:1px dashed #aaa;color:#aaa;}

/* Other */
.aligncenter,div.aligncenter{display:block;margin:auto;}
.alignleft{float:left;}
.alignright{float:right;}
/*.wp-caption{text-align:center;padding-top:4px;margin:10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border-radius:3px;} */
.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;}

/*my sidebar*/
#middle-left {width: 90px;padding-left:5px;float: left;}
#middle-right {width: 130px;float: right;padding-right:40px;}

.widgettitle{font-family:微软雅黑;}
#philna_say{font-family:微软雅黑;color:#1E947D;cursor:pointer;}

/* Pagenavi */
.wpagenavi{ margin:0px auto; padding:25px 0px; border-top:1px solid #E9E9E9; text-align:center;}
.wpagenavi a:link, .wpagenavi a:visited{ margin:0 3px; padding:3px 6px; text-decoration:none; border:1px solid #DDD; color:#333; white-space:nowrap;}
.wpagenavi a:hover, .wpagenavi a:active{ border:1px solid #9CC6FE; color:#036; }
.wpagenavi a.extend{ padding:3px 6px; color:#222;}
.wpagenavi a.extend:hover{ color:#036 !important;}
.wpagenavi a.current, .wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ border:1px solid #9CC6FE; font-weight:bold; color:#036 !important;}
.wpagenavi span{ margin:0 3px; padding:3px 6px;}
.postnavi{ padding:10px 0px; line-height:24px;}

/*mycss*/
.comment-title{font-family:黑体;}
.posttitle{}
.singletitle{text-shadow:1px 1px 2px #ccc;margin:0;padding:2px 40px 2px 0;border-bottom:1px dashed #ccc;}
/*上一篇下一篇*/
#frontback{overflow:hidden;background: url("images/backgo.jpg");border: 1px solid #C2DEF3;height: 24px;line-height: 22px;margin-bottom: 10px;margin-top: 10px;}
#frontback .f_left{float: left;}
#frontback .f_right{float: right;}
/*随机与相关*/
#rrpost{border:1px;height:130px;line-height: 22px;margin-bottom: 10px;margin-top: 10px;}
#rrpost .relatepost{float: left;}
#rrpost .randompost{float: right;padding-right:70px;}
/*管理员回复样式*/
#comment-admin{text-align:right;background: url("images/comm.png") repeat;}
#comment-admin .fn{position:absolute;right:55px;top:5px;font-size:14px;font-weight:bold;}
#comment-admin .comment-meta{position:absolute;right:55px;top:25px;font-size:10px;}
#comment-admin .reply{position:absolute;right:100px;top:6px;}

/*评论框背景图*/
#comment {background: url("images/comm.png") repeat scroll center top transparent;border: 1px solid #CCCCCC;font-size: 13px;height: 150px;margin: 3px 0;overflow: auto;padding: 3px;width: 390px;}

/*顶部轮换*/
#slider {position: relative;width:580px;float:right; padding-right:20px;height:230px;overflow: hidden;background: #CCC;border: 5px solid #CCC;display:block;}
#slider .slide {position: absolute;top: 0px;height:230px;width: 370px;overflow: hidden;border-left: #222 solid 1px;cursor: default;}
#slider .stitle {color: #F80;font-weight: bold;font-size: 1.2em;margin-right: 1.5em;text-decoration: none;}
#slider .backgroundText {position: absolute;width: 100%;height: 100%;top: 100%;background: #000;filter: alpha(opacity=40);opacity: 0.5;}
#slider .text {position: absolute;top: 1%;top: 100%;color: #FFF;font-family: verdana, arial, Helvetica, sans-serif;font-size: 12px;width: 320px;left: 10px;height:70px;overflow:hidden;}
#slider .diapo {position: absolute;filter: alpha(opacity=100);opacity: 1;visibility: hidden;}

#subnav{padding-top:20px;}

#sidemenu{width:90px;overflow:hidden;right:1px;top:10px;position:absolute;}
.sidenav li{float:left;display:block;margin-right:-1px;margin-bottom:10px;}
.sidenav li a{font-size:14px;text-align:center;color:#000;display:block;padding:2px 13px;white-space: nowrap;font-weight:bold;position:relative;}
.sidenav li a:hover{color:#f03;}


.twocol {font-family:微软雅黑;float:right;width:690px;padding:20px 0 20px 0;margin-right:-50px;}
.twocol .catbox-row {}
.twocol .catbox {width: 330px;float:left;padding: 0 0 30px 15px;}
.twocol .catbox-even .catbox-title {border-right: 1px solid #ECEDE8;}
.twocol .catbox li {list-style-type:none;background:url("images/libg.gif") 0 10px no-repeat;border-top: 1px solid #ECEDE8;padding: 5px 0 5px 15px;font-size:13px;}
.twocol .catbox .entry-title {font-size:15px;color:#669933;}
.twocol .catbox .entry-excerpt {display: block;}
.clear {display: inline-block;}

.display {float: right;width: 49px;height: 20px;background: url(images/display.gif) no-repeat 0 -20px;text-indent: -5555em;overflow: hidden;margin: 10px 5px 0 0;cursor: pointer;}
.display-grid {background: url(images/display.gif) no-repeat 0 0;}

.change{}
#smiley{width:390px;}
/*评论框广告*/
#commentad{width:630px;height:400px;}
#commentad .leftcomm{float:left;}
#commentad .rightad{float:right;width:220px;height:240px;border-style:dashed;border-width:1px;}
/*顶部广告*/
#headad{width:960px;height:90px;margin:0 0 0 0;}
#headerad{position:absolute;right:0;top:50px;width:370px;height:70px;}
#sad{border-style:dashed:border-width:1px;width:630px;height:90px;}
/*唠叨*/
#sidebar .laodao{text-shadow:2px 2px 5px #ccc;position:relative;border:1px solid #ccc;overflow:hidden;width:258px;height:80px;line-height:20px;margin:0 0 15px;padding:5px 5px 20px;font-size:14px;}
#sidebar .laodao span{color:#669933;display:none;}
#sidebar .laodao p{text-align:center;border-bottom:1px solid #aaa;margin:3px 0 0 0;}
#sidebar .laodao p#prev,#sidebar .laodao p#next{display:none;cursor:pointer;position:absolute;bottom:20px;width:16px;height:1px;border:none;font-size:20px;color:#777;}
#sidebar .laodao p#prev{left:5px;}
#sidebar .laodao p#next{right:5px;}
#sidebar strong{
font-weight: bolder;color:#21759b;
}

#cmbgleft{float:left;position:relative;margin:-200px 0 0 -10px;background:url(images/borderbg.png) no-repeat;width:1px;height:2160px;}
#cmbgright{float:right;position:relative;margin:-200px -22px 10px 20px;background:url(images/borderbg.png) no-repeat;width:1px;height:2160px;}
#cmbgmid{position:relative;margin:-50px 0 0 300px;background:url(images/midbg.png) no-repeat;width:1px;height:2160px;}
#contactme a{padding:0px 0px 5px 8px;}

/*read more*/

.readmore{float:right;text-indent:-9999em;width:210px;height:18px;background:transparent url(images/more.png) no-repeat 0px 0px;display:block;padding: 0px;margin-top:20px; clear:right; position:relative;}
.readmore{text-indent:-9999em;background-color:transparent;}
.readmore:hover{background-position:bottom;}