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

/* Common Part */
* { margin:0; padding:0; }
/* html, body { font:12px/160% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;color:#424242; background:#FFFFFF; }*/
html, body { font:12px/160% "Georgia", "Bitstream Charter", serif; color:#424242; background:#FFFFFF; }
body { padding:20px 0;}
p { margin:8px 0;}
h1, h2, h3, em, dl, dt, dd, p, cite { list-style:none; font-style:normal;}
h1 {font-size:200%;}
h2 {font-size:170%;}
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 {background:#F4F5F7;border:1px dashed #CCC;padding:8px 12px 8px 12px;margin:5px 0;}
pre {line-height: 0;}
.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:97%; margin:0 auto; background:#FFFFFF; max-width:1280px; min-width:950px;}
 #header #logo { padding:0px 0px 20px 10px; }
  #top { overflow:hidden; height:100%;}
  #top #logo { float:left;}
  #top #ad { float:right;}
  #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;}
  #nav {height:40px; border:1px solid #B4CDDC; -moz-border-radius:3px;}
  #nav li {list-style:none;float:left;position:relative; line-height:40px;}
  #nav li a {display:block;text-align:center;text-decoration:none;width:85px;color:#006699;font-weight:700;font-size:120%;line-height:40px;}
  #nav li a:hover {position:relative; color:#FF6E00; width:85px;}
  #nav #rssfeed {float:right; margin-top:8px; margin-right:5px;}
  #nav #searchbar {float:right; text-align:right; margin-top:8px; margin-right:5px; border: 1px solid #63BEE7; width: 310px; height:24px; -moz-border-radius:3px;}
  #nav #searchbar #searchbox .search-button { width:24px; height:22px; margin-top:1px; background:url(images/features_icons.png) no-repeat 2px -52px; border:0; cursor: pointer; }
  #nav #searchbar #searchbox .search-text { float:left; width:277px; margin:2px 0px 0px 2px; border: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 { padding:10px; border:1px solid #B4CDDC; -moz-border-radius:3px;}
     #single-page {  padding:2px 1px;  border:1px solid #B4CDDC; -moz-border-radius:3px;}
     .post-topic { border:1px solid #B4CDDC; -moz-border-radius:3px;}
     .navigation { overflow:hidden;height:100%;}
     .navigation .older { float:left;}
     .navigation .newer { float:right;}
  #sidebar { float:right; width:350px;}
  #sidebar-inner { border:1px solid #B4CDDC; background:#F8FDFF; padding:2px 1px; -moz-border-radius:3px;}
  #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; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;}
    .sect ul {list-style:none;padding:5px 8px; overflow:hidden; height:100%;}
    .sect a { color:#535353;}
    .sect a:hover { color:#FF6E00;}
  .recentcomment ul li { clear:both; padding-top:4px; padding-bottom:4px; }
  .recent-comment-avatar { margin-right:4px; padding-top:3px; float:left; }
  .recent-comment-author { color:#006699; }
  .recent-comment-content {}
  .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; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;}
    .cat li, .arc 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 8px;}
  #footer p em { color:#FF6400;}
  #footer p span { float:right; 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:2px 1px; margin-bottom:10px; border:1px solid #B4CDDC; -moz-border-radius:3px;}
  .topictitle { background:#EDF8FF; padding:5px 10px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;}
  .topictitle h2 {padding-bottom:5px;}
  .topictitle h2, .topictitle h2 a {color:#434343;font-size:14px; }
  .topictitle h3 { color:#7F7F7F; font-size:12px; font-weight:100; background: url(images/line-bg.gif) repeat-x 0 0;}
  .topictitle h3 span { float:right; margin-left:5px; margin-right:5px;}
  .topicinfo { line-height:24px; padding: 5px 10px;}
  .topicinfo a[href^="http:"] { padding-right: 12px;background:url(images/out-link.gif) right top no-repeat;} 
  .topicinfo ul, .pagetext ul, .topicinfo ol, .pagetext ol { padding-bottom:10px;}
  .topicinfo ul li, .pagetext ul li, .topicinfo ol li, .pagetext ol li { list-style-position:inside;padding-left:5px;}
  .topicinfo img { border:1px solid #E6E6E6; background:#FFFFFF; padding:3px; margin:10px 20px;}
  .postmetadata { background:#EDF8FF;border:1px dashed #C7E1EF; padding:8px; margin:10px; -moz-border-radius:3px;}
  .postother{ padding:5px 10px; text-align:right; background:#EDF8FE; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px;}
  #pageinfo  h2 { 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;  -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;}
 #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;  -moz-border-radius:3px;}
#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; border: 1px solid #B4CDDC; -moz-border-radius: 3px;}
  #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;}