/*  

Theme Name: Js O1

Description: Js O1 is a beautiful orange-grey color WordPress theme without any plugins needed, widgets, threaded-comments and sticky-post functions 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/js-o1/

Version: 1.7.0

Author: Jinwen CEN

Author URI: http://www.saywp.com/

Tags: orange, light, fixed-width, two-columns, right-sidebar, threaded-comments, sticky-post

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;

}



ul.children .gravatar_a img{

	left: 510px!important;

}



#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;

}



.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/quote-bg.png) no-repeat left top;

	color: #666;

	margin-top: 30px;

	padding: 1px 0 0 35px;

}



#content .entry blockquote p{

	text-indent: 0em;

}



fieldset{

	border: 0;

}



body{

	background: #ececec url(img/bg-o.png) repeat-y center 0;

	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: #bf8b00;

}



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: 800px;

}



#navigation{

	background: transparent;

	font-family: 'Lucida Grande',Geneva,Arial,Verdana,sans-serif;

	margin: 0 0 0 10px;

	overflow: hidden;

	position: relative;

	text-align: left;

	width: 98%;

}



html #navigation{

	height: 1%;

}



#navigation ul li{

	float: right;

	list-style: none;

	margin: 0;

}



#navigation ul li a{

	background-color: #f9f9f9;

	color: #666;

	display: block;

	font-size: 12px;

	font-weight: 400;

	letter-spacing: 0;

	margin-right: 4px;

	padding: 2px 10px;

	text-decoration: none;

}



#navigation ul li a:hover,#navigation ul li a:active,#navigation ul li.current_page_item a{

	background: #f9f9f9;

	border: none;

	color: #bf8b00;

}



#navigation ul li.rss a{

	background-color: #f9f9f9;

	color: #bf8b00;

	font-size: 12px;

	font-weight: 400;

	letter-spacing: 0;

	text-decoration: none;

}



#navigation ul li.rss a:hover{

	background-color: #f9f9f9;

	color: #bf8b00;

}



.header{

	clear: both;

	float: right;

	margin: 10px 20px;

	width: 200px;

}



.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: #fff url(img/header.png) no-repeat 0 0;

	clear: both;

	color: #fff;

	height: 195px;

	margin: 10px;

}



html #headerimage{

	margin-top: 2px;

}



#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;

}



#respond h3{

	clear: both;

	color: #333333;

	font-size: 20px;

	font-weight: 400;

	margin: -2px 0 10px;

	padding: 0 12px;

}



#content h3#comments {

	background: #f9f9f9 url(img/clist-bg.png) left top no-repeat;

	margin: 5em 0 0 0;

}



#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{

	margin: 0 1em;

	padding: 0 1em;

}



ul.children {

	margin: 0 0 0 1em!important;

	padding: 0 0 0 1em!important;

}



#content-main 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: 538px;

}



html #section-index #content-main{

	margin-right: 20px;

}



#content .post{

	margin-bottom: 2em;

	padding: 0 0 2em 0;

}



#content .sticky {

	background: #f9f9f9 url(img/sticky-bg.png) 0 0 no-repeat;

}



#content .sticky h2{

	background: none!important;

}



#content .sticky .posttitle,#content .sticky p {

	margin-left: 5px;

	margin-right: 5px;

}



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

	text-transform: uppercase;

}



li#sidelinks ul{

	margin: 0;

	padding: 0;

}



#sidebar li.sidebox p img{

	background: none;

	border: #ccc 1px solid;

	margin: 0;

	padding: 3px;

}



#footer{

	background-color: #ddd;

	clear: both;

	margin: 0 auto;

	text-align: left;

	width: 800px;

}



html #footer{

}



#footer p{

	float: left;

	font-size: 12px;

	line-height: 1.2em;

	margin: 10px;

	padding: 5px;

}



#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;

}



.commentlist ul.children li {

	background: #f9f9f9 url(img/c-bg-c.png) no-repeat right top;

	padding: 10px 0 10px 10px!important;

}



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

	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 left;

	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 #84a0b6;

	color: #84a0b6;

}



.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: #b5cb4c;

	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;

}



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

}



#respond{

	background: #f9f9f9 url(img/respond-bg.png) left top no-repeat;

	clear: both;

	margin: 0 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: #84a0b6;

	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;

}



.reply a {

	background: #f9f9f9 url(img/reply-bg.png) 0 0 no-repeat;

	padding: 0 0 0 20px;

}



a#cancel-comment-reply-link{

	background: #ffffcc url(img/cancel-bg.png) 1px 1px no-repeat;

	padding: 2px 2px 2px 20px;

}



#cancel-comment-reply {

	margin: 20px 0 0 10px;

}