/*  
Theme Name: YoBlue
Theme Master URI: http://eachSite.org/
Description: The WordPress theme "YoBlue" has been designed by <a href="http://www.yofox.net" title="狐狸的破窝">Yofox</a> and Modify by <a href="http://www.108blog.net">108blog</a>.
Version: ver 1.0
Author: Yofox,eachSite and 108blog
Tags: Gravatars, Hooks, SEO, Theme Options, Two Columns, Valid XHTML, Valid CSS
*/

/* Common Part */
* { margin:0; padding:0; }
html, body { font:13px/160% "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,Sans-Serif;color:#424242; background:#FFFFFF url('images/yoblue_h.jpg') repeat-x;background-attachment: fixed; }
body { padding:20px 0;}
h1, h2, h3, em, dl, dt, dd, p, cite { list-style:none; font-style:normal;}
h1 {font-size:200%;}
h2 {font-size:15px;}
h3 {font-size:150%;}
h4 {font-size:130%;}
h5 {font-size:110%;}
h6 {font-size:100%;}
img, a img { border:0; }
img.shadow { border:1px solid #E6E6E6; background:#FFFFFF; padding:3px;}
a {color:#006699;text-decoration:none;}
a:hover {color:#FF6E00; text-decoration:underline;}
.fixed { height:100%; overflow:hidden;}
.clearfixed { clear:both; margin:0; padding:0; line-height:0;}
.nodis {display:none;}
blockquote, pre {background:#F4F5F7;border:1px dashed #CCC;padding:8px 12px 8px 12px;margin:5px 0;}
pre {	overflow:scroll;}
.related_post h3 { background:#EDF8FF;height:26px; line-height:26px; text-indent:10px; border-top:1px dashed #C7E1EF;border-bottom:1px dashed #C7E1EF; font-size:14px;}
.related_post ul{ margin:10px 0px 5px 0px; }
.related_post ul li{ text-align:left; text-indent:18px; height:22px;line-height:22px; font-size:12px; background:url(images/spot.gif) no-repeat 10px 10px; overflow:hidden; }

/* Layout style */
/*#wrapper { width:950px; margin:0 auto; background:#FFFFFF; max-width:1280px; min-width:950px;} */
#wrapper { width:950px; margin:0 auto;}
#header #logo { padding:0px  0px; }
  #top { border-top-width: 0px; margin-top: -15px; overflow:hidden; height:100%;}
  #top #logo { float:left;}
  #top #notice { float:right;  padding-top:25px; overflow:hidden; height:100%;}
  #top #notice p { float:left;}
  #top #notice  p.notice-text { background:url(images/notice-bg.gif) no-repeat 0 0;}
  #top #notice p.notice-text span { line-height:34px; padding:0 25px; background:url(images/notice-bg.gif) no-repeat 100% 100%; display:block;}
  #top #notice p.auther-img { padding:0 10px;}
  #topnotice { padding:0px 10px 0px 30px; line-height:31px;   border:1px solid #B4CDDC; background:url(images/notice-ico.gif) no-repeat 10px 9px #F7FEFF; margin-top:15px;}
 #nav { height:100%; overflow:hidden;  background:url(images/menu-bg.gif) repeat-x 0 0; border-left:1px solid #0085EB; border-right:1px solid #0085EB; padding:0 10px;}
  #nav searchbar { float:right;  text-align:right; padding:30px 10px 0px 0px;} 
  .searchbar #searchbox .search-button { width:82px; height:26px; background:url(images/search-bg.gif) no-repeat; border:0; cursor: pointer;}
  .searchbar #searchbox .search-text { padding:4px 2px;}
    #nav ul { list-style:none;float:left;}
	#nav ol { list-style:none;float:right;}
	#nav ol li { float:right; line-height:29px;background:url(images/feed.png) no-repeat 0 50%;padding-left:3px;}
    #nav ul li.page_item, #nav ol li.isbg { line-height:29px; background:url(images/menu-bg.gif) no-repeat 0 -30px; float:left;}
    #nav ul li.page_item  a,  #nav ol li a { color:#FFFFFF; padding:0 20px; display:block;}
	#nav ul li.page_item  a:hover,  #nav ol li a:hover { text-decoration:none; color:#FFFF33;}
    #nav ul li.current_page_item span a, #nav li.page_item  a:hover {  background:url(images/menu-bg.gif) no-repeat  50% -60px; }
	#nav ul li.nobg { background:none;}
  #container { height:100%; overflow:hidden; padding:10px 0;}
  #content {float:left; width:100%; margin-right:-360px;}
  #content-inner { margin-right:360px;}
	 #pageinfo, .archivelist, .searchlist { width: 640px; padding:10px; border:1px solid #B4CDDC;}
	 #single-page { padding-right: 10px; width: 655px; padding:2px 1px;  border:1px solid #B4CDDC;}
	 .post-topic { border:1px solid #B4CDDC;}
     .navigation { overflow:hidden;height:100%;}
	 .navigation .older { float:left;}
	 .navigation .newer { float:right;}
  #sidebar { float:right; width:280px;}
  #sidebar-inner { border:1px solid #B4CDDC; background:#F8FDFF; padding:2px 1px;}
  #sidebar br { line-height:10px;}
    .sect h2 { line-height:27px;padding-left:10px;font-size:12px;background:url(images/comment-title-bg.gif) repeat-x 0 100% #EDF8FF;}
    .sect ul {list-style:none;padding:5px 8px; overflow:hidden; height:100%;}
    .sect a { color:#535353;}
    .sect a:hover { color:#FF6E00;}
  .recentpost  li, .poppost li { line-height:24px; height:24px; overflow:hidden;}
  .recentpost  li small, .poppost li small { float:right; color:#7F7F7F;}
	.side-tab ol {list-style:none;overflow:hidden;height:100%;}
    .side-tab ol li { float:left; line-height:27px; padding:0 10px; cursor: pointer;}
    .side-tab ol li.current { background:#F8FDFF; border:1px solid #B4CDDC; border-bottom:none;}
  
    .cat li, .link-list li { float:left; width:49%;}
  #footer { background:url(images/footer-bg.gif) no-repeat -10px 2px; border-top:1px solid #B4CDDC; clear:both;}
  #footer p { padding:8px 10px 10px 90px;}
  #footer p em { color:#FF6400;}
  #footer p span { float:right;  font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; color:#555555;}
  #footer p span a { padding:0 5px; color:#555555;}
  #footer p span a:hover { color:#FF6E00; text-decoration:none;}

  /* Post style */
  .topicindex{  padding-right: 10px; width: 640px; padding:10px; margin-bottom:10px; border:1px solid #B4CDDC; } 
  .topic { overflow: hidden;height: 100%; padding:10px; }
  .topictitle h2 {padding-top: 0px; padding-right: 0px; margin-left: 5px; margin-top: 5px; padding-bottom:5px; background:url(images/blue-ico.gif) no-repeat 0 -48px; padding-left:18px;}
  .topictitle h2, .topictitle h2 a {color:#434343;font-size:18px; }
  .topictitle h2 a:hover {color: #A10101;}
  .topictitle h2 span { float:right;}
  .topictitle h2 span a { font-size:12px; font-weight:100;}
  .topictitle h3 { padding-left: 5px;color:#7F7F7F; font-size:11px; font-weight:100; background: url(images/line-bg.gif) repeat-x 0 0;}
  .topictitle h3 span { padding:2px 10px 2px 0px;}
  .topicinfo { padding-left: 5px; padding-right: 5px;}
  .topicinfo p {padding-bottom:5px;}
  .topicinfo a { background:url(images/line-link-bg.gif) repeat-x 0 100%;}
  .topicinfo a:hover { background:url(images/line-link-over-bg.gif) repeat-x 0 100%;text-decoration:none;}
  /*.topicinfo a[href^="http:"] { padding-right: 12px;background:url(images/out-link.gif) right top no-repeat;} */
  .topicinfo a[href^="http://108blog.net"] { background-image:none;padding-right: 0;} 
  .topicinfo ul, .topicinfo ol { padding-bottom:10px;}
  .topicinfo ul li, .topicinfo ol li { list-style-position:inside;padding-left:5px;}
  .topicinfo img { border:1px solid #E6E6E6; background:#FFFFFF; padding:3px; margin:10px 5px;}
  .topicbot {padding: 3px 2px;}
  .topicbot span { float: right;padding-left: 17px; font-size:12px; font-weight:100; background:url(images/blue-ico.gif) no-repeat 0 -144px;}
  .topicbot  em { font-size:12px; padding-left:16px; font-weight:100; background:url(images/blue-ico.gif) no-repeat 0 -98px;}
 .postmetadata { background:#EDF8FF;border:1px dashed #C7E1EF; padding:8px; margin:10px;}
  .postother{ padding:5px 10px; text-align:right; background:#EDF8FE;}
  #pageinfo  h2 { width: 640px; color:#434343;font-size: 14px; background:url(images/line-bg.gif) repeat-x 0 100%; padding-bottom:5px;}
  .pagetext { padding-top:5px;}

/* Comments style */
 .comments-header { padding:10px 8px; border-top:1px solid #B4CDDC; font-size:14px; }
 .commenttitle { padding:5px 0px 15px 0px;}
 .commenttitle h3 { font-size:12px; font-weight:100; background:url(images/comment-title-bg.gif) repeat-x 0 100%; line-height:33px; padding:0 10px;}
 .commenttitle h3 span#gotocomment {background:url(images/blue-ico.gif) no-repeat 0 -250px; padding:3px 10px 3px 20px;}
 .commenttitle h3 span#gotoaddtrackback {background:url(images/blue-ico.gif) no-repeat 0 -300px; padding:3px 10px 3px 20px;}
 .commenttitle h3 ul { list-style:none;float:right; padding-top:5px;}
 .commenttitle h3 ul li { float:left;  line-height:27px; padding:0 8px; cursor: pointer;}
 .commenttitle h3 ul li.current {background:#FFFFFF;  border:1px solid #B4CDDC; border-bottom:none;}
 #commentlist { padding:5px 1px; overflow:hidden; height:100%; }
 #commentlist ul.parents { background:#FFFFEF;}
 #commentlist li.depth-1{ border-top:1px solid #C7E1EF;border-bottom:1px solid #C7E1EF; background:#F9FDFF; margin-bottom:8px; padding:6px 8px; } 
 #commentlist dl { overflow:hidden;height:100%;padding-bottom:2px;}
 #commentlist dt { float:left; width:42px; }
 #commentlist dt img { border:1px solid #DDEDF0;  background:#FFFFFF; padding:2px;}
 #commentlist dd { margin-left:42px; padding-top:2px;}
 #commentlist dd .num { float: right;color: #FF6200;font-size: 16px;line-height: 24px;}
 #commentlist dd h3 { font-size:12px; font-weight:100;}
 #commentlist dd h3 cite { font-weight:bold;}
 #commentlist dd h4 { font-size:10px; font-weight:100; color:#7F7F7F;}
 #commentlist .commenttext {margin-left:42px;padding-top:8px;}
 #commentlist ul.children {overflow:hidden; height:100%; margin:6px;}
 #commentlist li ul.children li.depth-2, #commentlist li ul.children li.depth-3, #commentlist li ul.children li.depth-4,#commentlist li ul.children li.depth-5
 { background:#EDF8FF;border:1px dashed #C7E1EF; padding:8px; margin-bottom:8px; }
#commentlist li ul.children li.depth-3, #commentlist li ul.children li.depth-5 {background:#FFFFFF;}
#commentlist li ul.children li dl { background-image:none;}
 .errortip, .msgtip {background:#EDF8FF;border:1px dashed #C7E1EF; padding:8px 10px;}
 .msgbox { margin:0 10px 5px 10px;}
 #commentnavi  { padding:5px 10px 6px 30px; margin-bottom:20px; font-size:12px; font-weight:100; border-top:1px solid #C7E1EF;border-bottom:1px solid #C7E1EF; background:url(images/blue-ico.gif) no-repeat 8px -192px;}
 #commentnavi  em {padding:2px 8px; border:1px solid #B4CDDC; margin-right:10px;}
 #commentnavi a { padding:2px 6px;text-decoration:none;border:1px solid #FFF;margin:0 3px; }
 #commentnavi span.current {background:#EDF8FF;border:1px solid #B4CDDC;padding:2px 6px;font-weight:bold;} 
  #commentnavi a:hover {background:#F5FBFF;border:1px solid #B4CDDC;text-decoration:none;}
  .commentnavi .floatleft { float:left;}
  .commentnavi .floatright { float:right;}
 #trackbacklist { padding:5px 1px;}
 #trackbacklist li { border-top:1px solid #C7E1EF;  border-bottom:1px solid #C7E1EF; background:#F9FDFF; margin-bottom:8px; padding:6px 8px; }
 #trackbacklist li small { float:right; color:#7F7F7F;}
.postcomment {border-top:1px solid #B4CDDC; padding:8px 10px 10px 10px;background:#FFFFFF;}
#postcommenttitle { overflow:hidden; height:100%;  background:url(images/line-bg.gif) repeat-x 0 100%; padding-bottom:5px;}
#postcommenttitle #commentreply { float:left;  font-weight:bold;  }
#postcommenttitle #cancelcommentreply { float:right; }
#postcommentbody{ overflow:hidden; height:100%;  padding-top:10px;}
  .logintitle { padding-left:3px; padding-bottom:5px;}
  .userinfo ul { padding-left:3px;}
  .userinfo li { padding-bottom:5px; border:0; }
  .textfield, #postcommenttext textarea { border-right:1px solid #DDEDF0; border-bottom:1px solid #DDEDF0; border-top:1px solid #ADC9D9; border-left:1px solid #ADC9D9; padding:2px 1px;  background:#FBFFFF;}
  #postcommenttext { padding-left:3px; padding-bottom:5px;}
  #postcommenttext textarea { width:99%; overflow:auto;}
  #submitbox { padding:0px 3px; overflow:hidden; height:100%;}
  #submitbox span { float:right;}
   .postcommentbutton { width:90px; height:27px; border:0; background:url(images/postcomment-submit.gif) no-repeat; cursor: pointer;}
   .wp-post-image {
   float:left;
   padding-right 15px;
   padding-top 15px;
   width:100px;
   height:100px;

  #wpcf label {
clear: both;
display: block;
float: left;
width: 150px;
}
#wpcf input {
float: left;
width: 200px;
padding: 1px;
margin: 2px 5px 2px 0;
}
#wpcf textarea {
width: 350px;
height: 100px;
padding: 1px;
margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
margin-left: 250px;
width: 100px;
}