@charset "utf-8";
/* CSS Document */

/*  
Theme Name: Js O1
Description: Js O1 is a beautiful orange-grey color WordPress theme without any plugins needed, widgets supported. Valid CSS & HTML. Language localization supported, zh_CN, en_US etc. Visit the <a href="http://www.saywp.com/">author's site</a> for more details. 
Theme URI: http://www.saywp.com/work/
Version: 1.6.1
Author: Jinwen CEN
Author URI: http://www.saywp.com/
Tags: orange, light, fixed-width, two-columns, right-sidebar
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
*{ margin: 0; padding: 0; }
p{ line-height: 1.6em; margin: 0.7em 0; }
dl{ margin: 1em 0; }
dt{ font-weight: bold; }
dd{ margin: 0.5em; padding: 0; }
.gravatar_a img{ left: 520px; margin-top: 12px; position: absolute; }
#sidebar img{ background: none; border: none; padding: 0; }
.entry img{ border: 1px solid #ccc; margin: 5px 0 0 0; padding: 2px; }
#content .entry img a{ border-bottom: none; }
#contentwithoutsidebar .entry img a{ border-bottom: none; }
.entry img.wp-smiley{ border: none; margin: 0; padding: 0; }
img.right{ float: right; margin: 10px 0 0 10px; }
img.left{ float: left; margin: 0 10px 10px 0; }
.clear{ clear: both; height: 20px; }
blockquote{ background: url(img/blockquote.gif) no-repeat left top; color: #666; padding: 5px 0 0 50px; }
#content .entry blockquote p{ text-indent: 0em; }
#contentwithoutsidebar .entry blockquote p{ text-indent: 0em; }
fieldset{ border: 0; }
body{ background: #ececec url(img/bg-o.png) repeat-y center; color: #666; font: 76%/1.6em Arial, Helvetica, sans-serif; margin-top: 0; text-align: center; }
a{ text-decoration: none; }
a:link,a:visited{ color: #ff6600;}
a:hover,a:active{ }
h1{ font-family: 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; }
h2,h3,h4,h5,h6{ font-family: Georgia,Verdana,Arial,Serif; }
h2 a{ font-weight: bold; }
#container{ margin: 0 auto; position: relative; text-align: left; width: 1024px; }
#navigation{ background-image:url(img/navmain.png);background-repeat: repeat-x; font-family: 'Lucida Grande',Geneva,Arial,Verdana,sans-serif; margin: 0 0 0 0px; overflow: hidden; position: relative; text-align: left; width: 100%; display:block;}
html #navigation{ height: 1%; }

#navigation ul li
{background-image:url(img/navmain.png);background-repeat: repeat-x; color: #ffffff; float: left; list-style: none; margin: 0;display:block;
  }

#navigation ul li a
{ padding: 2px 10px; color: #ffffff; display: block; font-size: 12px; font-weight: 400; letter-spacing: 0; margin-right: 0px;  text-decoration: none; display:block; }


#navigation ul li a:hover,#navigation ul li a:active,#navigation ul li.current_page_item a
{background-image:url(img/navon.png);background-repeat: repeat-x; border: none; color: #ff6600; display: block;}

#navigation li li {
background-image:url(img/navmain.png);background-repeat: repeat-x; float: left; list-style: none; margin: 0;  display:block;  }
   


#navigation ul li.rss a
{ background-image:url(img/navmain.png);background-repeat: repeat-x;color: #ff6600; font-size: 12px; font-weight: 400; letter-spacing: 0; text-decoration: none; display:block;}

#navigation ul li.rss a:hover
{ background-image:url(img/navmain.png);background-repeat: repeat-x; color: #ff6600; display:block;}

/* Top navigation */
#navbar {
    background-image:url(img/navmain.png);
    height:2em;
    margin: 0px;
    padding: 0px ;
}

#nav {
    margin:0 1%;
    padding-left:0.5em;
    padding-bottom:0.5em;
    color: #ffffff;
    list-style: none;
    }
   
#nav ul {

    margin:0;
    color: #ffffff;
    list-style: none;
    background:transparent;
    }

#nav a {
    color: #ffffff;
    display: block;
    font-weight: none;
    padding-top: 0.2em;
    padding-left:0.25em;
    padding-right:0.25em;


    }
   
#nav a:hover {
background-image:url(img/navon.png);
    color: #fff;
    display: block;
    text-decoration: none;
    padding-bottom: 0.2em;

}

#nav li {
    float: left;
    margin: 0;
    padding: 0 2em 0 0;

}

   
#nav li li {
    float: left;
    margin: 0;
    padding: 0;
    width: 14em;
    }
   
#nav li li a, #nav li li a:link, #nav li li a:visited {
background-image:url(img/navmain.png);
    color: #c6c8c9;
    width: 14em;
    float: none;
    margin: 0;

    border-bottom: 1px solid #aaa;
    }
   
#nav li li a:hover, #nav li li a:active {
background-image:url(img/navon.png);
  color: #fff;
    }

#nav li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    }

#nav li:hover ul {
    left: auto;
    display: block;
    }
   
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
    }

.header{ clear: both; float: right; padding: 10px 0 0 0; }
.header h1 { font-size: 32px; margin: 10px 5px; }
.header h1 a { background-color: transparent; color: #f9f9f9!important; }
.header h1 a:hover { background-color: transparent; border: none; color: #fff!important; }
.header h2{ font-family: Tahoma,Verdana,Arial,Serif; font-size: 1em; font-weight: normal; letter-spacing: 0; margin: 0 8px; }
   
#feedarea{ float: right; padding: 0 10px 0 0; text-align: right; }
html #feedarea{ padding-top: 0; }
#feedarea dl dt{ height: 45px; margin-right: 5px; }
#feedarea dl dd{ background: url(img/icon_feed.gif) no-repeat left center; height: 45px; margin-right: 5px; padding-left: 16px; }
#headerimage{ background: #000 url(img/header.png) no-repeat 0 0; clear: both; color: #000; width: 800; height: 195px; margin: 0px; }
html #headerimage{ margin-top: 0px; }
#content{ margin: 10px 10px 10px 18px; }
html #content{ height: 1%; }
#content h3{ clear: both; color: #333; font-size: 18px; font-weight: 400; margin: 2em 0 0; padding: 10px 12px; }
#content h3#comments { background: #f9f9f9 url(img/clist-bg.png) left top no-repeat; margin: 5em 0 0 0; }
#content h8{ color: #444444; font-weight: bold; height: 14px; margin: 10px 0 20px;  }
#content h4{ color: #444444; font-size: 1.6em; height: 28px; margin: 10px 0 20px; padding: 10px 0 0 4px; }
#content h4.apg{ background: #f9f9f9 url(img/apg-bg.png) left top no-repeat; }
#content h4.spg{ background: #f9f9f9 url(img/spg-bg.png) left top no-repeat; }
#content h5{ font-size: 1em; margin: 1em 0; }
#content-main ul{ list-style: url(img/bullet.png); margin: 0 1em; padding: 0 1em; }
#content-main-no-sidebar ul{ list-style: url(img/bullet.png); margin: 0 1em; padding: 0 1em; }
#content-main ul.asides{ border-bottom: #ddd 1px solid; margin: 0; padding: 2em; }
#content-main-no-sidebar ul.asides{ border-bottom: #ddd 1px solid; margin: 0; padding: 2em; }
#content ol{ list-style: decimal; margin: 1em; padding: 0 1em; }
#content-main{ float: left; margin-right: 20px; width: 750px; }
#content-main-no-sidebar{ float: left; margin-right: 20px; width: 980px; }
html #section-index #content-main{ margin-right: 20px; } #content-main-no-sidebar{ margin-right: 20px; }
#content .post{ margin-bottom: 2em; padding: 0 0 2em 0; }
#content .post-sin{ border-bottom: none; margin-bottom: 1em; padding: 0 0 2em 0; }
#content .post h2,#content .post-sin h2{ background: url(img/h2-bg.png) no-repeat left bottom; font-size: 23px; font-weight: bold; letter-spacing: 0; line-height: 1.4em; margin: 12px 0 0; }
.index-meta { color: #999; font-size: 11px; }
#content .entry{ font-size: 13px; margin: 1em 0; }
#content .entry p{ }
#content .entry a:link,#content .entry a:visited{ }
#content .entry a:hover,#content .entry a:active{ }
#content .post-info,#content .postmetadata{ color: #999; font-size: 0.9em; margin: 0; padding: 0; }
#content .post-info,#content h2.pagetitle{ }
#sidebar{ float: left; font-size: 0.9em; width: 210px; }
#sidebar ul{ list-style: none; margin: 0; padding: 0; }
#sidebar li{ font-size: 12px; margin-bottom: 5px; }
#sidebar ul ul{ list-style: none; margin: 1em 0 0; }
#sidebar ul ul ul{ margin: 0 0 0 1em; }
li.sidebox, li.widget{ background: #f9f9f9 url(img/entry-bg.png) left top no-repeat; margin: 10px 0 2em!important; padding: 10px; }
li.slideshowbox, li.widget{ background: #f3f3f3 url(img/entry-bg-tour.png) left top no-repeat; margin: 0px 0 2em!important; padding: 10px; }
.slideshow { padding: 0px 0px 500px 0px; color: #f9f9f9; float:left; }
li.search { background: #f9f9f9 url(img/entry-bg-s.png) left top no-repeat; }
li.comment,li.widget_recent_comments { background: #f9f9f9 url(img/entry-bg-cm.png) left top no-repeat; }
li.tags,li.widget_tag_cloud { background: #f9f9f9 url(img/entry-bg-tgs.png) left top no-repeat; }
li.cats,li.widget_categories { background: #f9f9f9 url(img/entry-bg-cats.png) left top no-repeat; }
li.cats ul select#cat { border: 1px solid #ccc; width: 190px; }
li.widget_categories select#cat { border: 1px solid #ccc; margin: 1em 0 0 0; width: 190px; }
li.rel { background: #f9f9f9 url(img/entry-bg-rel.png) left top no-repeat; }
li.rec,li.widget_recent_entries { background: #f9f9f9 url(img/entry-bg-rec.png) left top no-repeat; }
li.cal,li.widget_calendar { background: #f9f9f9 url(img/entry-bg-cal.png) left top no-repeat; }
li.arcs,li.widget_archive{ background: #f9f9f9 url(img/entry-bg-arcs.png) left top no-repeat; }
li.link,li.widget_links{ background: #f9f9f9 url(img/entry-bg-link.png) left top no-repeat; }
li.meta,li.widget_meta{ background: #f9f9f9 url(img/entry-bg-meta.png) left top no-repeat; }
li.widget div { margin: 1em 0 0 0; }
html li.sidebox{ padding-bottom: 10px; }
li.sidebox h2,li.widget h2{ color: #444; font-size: 16px; letter-spacing: 0; text-align: left; }
li#sidelinks ul{ margin: 0; padding: 0; }
#sidebar li.sidebox p img{ background: none; border: #ccc 1px solid; margin: 0; padding: 3px; }

html #footer{ }

#footer{ background-color: #262626; clear: both; margin: 0 auto; width: 1024px; }

html #footer{ }
.blockiu{background: #262626 url('img/block_iu.jpg') 1px 5px no-repeat; }
#footer p{ float: right; color: #ffffff; font-size: 12px; text-align: left; line-height: 1.2em; margin: 10px; padding: 0px; }


#comments,#respond{ margin: 0; padding: 1em 0 0 0; }

#commentform{ margin: 0; padding: 10px; }
.commentnum{ color: #999999; font-size: 12px; margin: 0 5px 0 0; }
#container .commentlist{ margin: 1em 0; padding: 0; }
.commentlist li{ background: #f9f9f9 url(img/c-bg.png) no-repeat left top; list-style: none; margin-top: 20px; padding: 10px; }
.cmtinfo { background-color: transparent; color: #888; }
.cmtinfo a { font-weight: 700; }
.commentlist .mine{ }
.metalinks{ }
.commentsrsslink{ background: url('img/icon_feed.gif') left top no-repeat; height: 16px; margin-right: 5px; padding: 0 0 2px 20px; }
.trackbacklink{ background: url('img/arrow_refresh.png') left top no-repeat; height: 16px; padding: 0 0 2px 20px; }
.emaillink{ background: url('img/email.png') left top no-repeat; height: 16px; padding: 0 0 2px 20px; }
#container .commentlist li img{ }
.gravatar_a{ float: right; margin: -18px 0px 0 5px; }
#content .commentsfeed{ background: url(img/icon_feed.gif) no-repeat left center; padding-left: 16px; }
#content .trackback{ background: url(img/link.gif) no-repeat left center; padding-left: 20px; }
input.textbox,textarea{ background: #fff url(img/shadow_top.gif) repeat-x top; border: #d7d7d7 1px solid; font: 1em Verdana,Arial,Serif; padding: 4px 2px; width: 150px; }
textarea{ height: 10em; line-height: 2em; padding: 10px; width: 90%; }
input.textbox:focus,textarea:focus{ background: #fff url(img/shadow_top.gif) repeat-x top; border: #999 1px solid; }
#submit{ padding: 3px 5px; }
.post h4{ font-family: Verdana,Tahoma,Arial,Serif; font-size: 1em; font-weight: normal; }
.post h4 em{ float: right; font-style: normal; font-weight: normal; }
#header,#content,#sidebar,#footer,.widget{ overflow: hidden; }
.navi-single{ background: #eee url(img/entry-bg.png) right top no-repeat; clear: both; height: 20px; margin: 5px 0 5px 0; padding: 8px 2px 5px 2px; }
.navi-single a{ }
.navi-single a:hover{ }
.previous-entries{ background: url(img/mini-nav-left.gif) no-repeat left center; float: left; padding-left: 18px; }
.next-entries{ background: url(img/mini-nav-right.gif) no-repeat right center; float: right; padding-right: 18px; }
.postspace{ height: 2px; }
.clear-home-con{ clear: both; height: 10px; }
#bodyimage{ background: url(img/sundown.jpg) no-repeat 0 0; clear: both; height: 220px; margin-left: 5px; }
.new{ line-height: 200%; }
.plugins-list{ border: 1px solid #eee; }
.plugins-list td{ padding: 1px 5px 1px 5px; }
.alternate-plug-row{ background: #ededed; }
.plug-row{ }
#navigation ul li.fade-hover a{ background: #f9f9f9; color: #333; }
.footline{ border-bottom: 1px solid #CCCCCC; height: 1px; }
.post-cat{ background: url(img/tag_blue.png) no-repeat left center; color: #999999; font-size: 0.9em; margin-left: 5px; padding: 4px 0 0 20px; }
.post-date{ background: url(img/calendar.png) no-repeat left center; color: #999999; font-size: 0.9em; margin-left: 5px; padding: 4px 0 0 20px; }
.post-comt{ background: url(img/comment.png) no-repeat left center; color: #999999; font-size: 0.9em; padding: 0px 0 0 20px; }
.post-autr{ background: url(img/pencil.gif) no-repeat left center; color: #999999; font-size: 0.9em; padding: 2px 0 0 20px; }
.postspace-sin{ height: 10px; }
.feedsky{ float: right; margin: -1px 10px 0 0; padding: 0; }
.feedsky a img{ background-image: none; border: 0px none; padding: 0; }
.feedsky a:hover,#footer .cc a:hover{ border: none; }
.wp-pagenavi{ margin-bottom: 5px; }
.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:active{ background-color: #FFFFFF; border: 1px solid #cccccc; color: #cccccc; margin: 2px; padding: 2px 4px 2px 4px; text-decoration: none; }
.wp-pagenavi a:hover{ background-color: #FFFFFF; border: 1px solid #ff6600; color: #ff6600; }
.wp-pagenavi span.pages{ background-color: #FFFFFF; border: 1px solid #ccc; color: #ccc; margin: 2px 2px 2px 2px; padding: 2px 4px 2px 4px; }
.wp-pagenavi span.current{ background-color: #FF9900; border: 1px solid #ccc; color: #ffffff; font-weight: bold; margin: 2px; padding: 2px 4px 2px 4px; }
.wp-pagenavi span.extend{ background-color: #FFFFFF; border: 1px solid #ccc; color: #ccc; margin: 2px; padding: 2px 4px 2px 4px; }
.st-related-tags a{ text-decoration: none; }
.st-related-tags{ background-color: #EFF6FE; border-bottom: 1px solid #9EC9FE; border-top: 1px solid #9EC9FE; margin: 2px 0 30px 0; padding: 2px 2px 2px 5px; width: 99%; }
#content-main .post .entry .sca .postspermonth{ list-style: none; margin: 5px 0 10px 0; padding-left: 25px; }
#content-main-no-sidebar .post .entry .sca .postspermonth{ list-style: none; margin: 5px 0 10px 0; padding-left: 25px; }
.blank{ height: 10px; }
.blank5{ height: 5px; }
.feedmail a img{ margin: 0 5px 8px 0; }
.addrss{ background-color: #EFF6FE; border-bottom: 1px solid #9EC9FE; border-top: 1px solid #9EC9FE; margin: 0 0 15px 0; padding: 2px 2px 2px 5px; width: 99%; }
.more-link { background: url(img/readmore-bg.png) no-repeat left top; display: block; font-size: 12px; font-weight: 700; height: 25px; margin: 1em 0 0; padding: 5px 0 0 44px; width: 200px; }
.nav-left { }
.nav-previous a { background: url(img/left-bg.png) no-repeat left top; display: block; float: left; font-size: 12px; font-weight: 700; height: 25px; padding: 5px 0 0 44px; width: 200px; }
.nav-next a{ background: url(img/right-bg.png) no-repeat right top; display: block; float: right; font-size: 12px; font-weight: 700; height: 25px; padding: 5px 44px 0 0; text-align: right; width: 200px; }
input#s { border: 1px solid #d7d7d7; color: #999; height: 18px; padding: 2px; width: 182px; }
#cfarea{ background: #f9f9f9 url(img/cfarea-bg.png) left top no-repeat; clear: both; margin: 4em 0 0 0; }
#wp-calendar{ background-color: transparent; clear: both; color: #666; font-size: 12px; width: 100%; }
#wp-calendar td{ text-align: center; }
#wp-calendar tbody td a{ background-color: transparent; color: #ff6600; font-weight: 700; text-decoration: underline; }
#wp-calendar td#prev{ text-align: left; }
#wp-calendar td#next{ text-align: right; }
#wp-calendar td#today{ background-color: transparent; color: #333333; font-weight: 700; text-decoration: underline; }
#wp-calendar caption,#wp-calendar th,#wp-calendar td{ text-align: center; }
.commentlist em { background-color: transparent; color: red; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.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;
}