/*  
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
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
   =DO NOT CHANGE
-------------------------------------------------------------- */
html, body {height:100%}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* --- End Reset --- */

#wrapper {
 background: url(img/bgrepeat.png) repeat-x;
 background-color: #f7f7f7;
 width: 100%;
 max-width: 100%;
 min-width: 800px;
 min-height: 100%;
 margin: 0 auto;
 margin-bottom : -50px;
 position: relative;
 overflow: hidden;
}

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: 4px;
 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 {
 color: #666;
 font: 76%/1.6em Arial, Helvetica, sans-serif;
 margin-top: 0;
 text-align: center;
 height: 100%;
}

a { text-decoration: none }

a:link,
a:visited { color: #a201ff }

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;
 width: 800px;
 text-align: left;
}

#navigation {
 background: #f7e7ce;
 font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
 margin: -10px auto 0;
 border-top: 2px solid #8b4513;
 border-bottom: 2px solid #8b4513;
 float: left;
 width: 800px;
 display: block;
 margin: 0;
 padding: 0;
}

#navigation ul {
 margin: 0;
 padding: 0;
}

#navigation li {
 margin: 0 8px;
 list-style: none;
 float: left;
}

#navigation li a {
 display: block;
 text-transform: none;
 text-decoration: none;
 background: url("img/menu_hover_ie.png") top left repeat;
 padding-top: 2px;
 color: #000;
}

#navigation li a:hover {
 background: transparent;
 color: #8b4513;
}

#navigation li ul { display: none }

#navigation li:hover ul,
#navigation li.hover ul {
 display: inline;
 line-height: 1.48em;
 margin: 0;
 padding: 0;
 position: absolute;
 border-bottom: 2px solid #8B4513;
}

#navigation li:hover li,
#navigation li.hover li {
 float: left;
 list-style: none;
}

#navigation li:hover li a,
#navigation li.hover li a { color: #000 }

#navigation li li a:hover { color: #a201ff }

#navigation .sfhover { display: none }

.header {
 clear: both;
 float: left;
 margin: 30px 10px;
 width: 450px;
}

.header p {
 font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
 color: #cccccc;
 font-size: 16px;
 font-weight: bold;
 margin-top: 16px;
}

.header p a:link,
.header p a:visited { color: #cccccc }

.header h1 {
 font-size: 32px;
 margin-top: -15px;
}

.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: url(img/header.png) no-repeat 0 0;
 clear: both;
 color: #fff;
 height: 195px;
}

#headerimage h1 {
 margin-right: 120px;
 line-height: 1em;
 font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
 font-size: 30px;
 font-weight: bold;
}

#content {
 clear: both;
 float: left;
 margin: 20px 10px 0 20px;
 height: 100%;
}

#content h2 a:link,
#content h2 a:visited { color: #000 }

#content h3 {
 clear: both;
 color: #333;
 font-size: 18px;
 font-weight: 400;
 margin: 0;
 padding: 10px 0;
}

#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: 0 20px 70px 0;
 width: 540px;
 height: 100%;
}

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

#cformbox {
 margin-top: 30px;
 border-top: 3px double #000!important;
 width: 100%;
}

#greatgive {
 width: 100%;
 height: 100%;
 overflow: hidden;
}

#greatgive p {
 width: 100%;
 margin-left: -60px;
}

#sidebar {
 background-color: #DDD;
 float: right;
 font-size: 0.9em;
 width: 190px;
 padding: 0 10px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

#sidebar h2 {
 text-align: center;
 font-size: 14px;
}

#sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

#sidebar li {
 font-size: 14px;
 margin-bottom: 5px;
 color: #8c39bb;
}

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

#spacer {
 height: 50px;
 clear: both;
}

#footer {
 position: relative;
 height: 50px;
 background-color: #8b4513;
 clear: both;
 margin: 0 auto;
 margin-top: -69px;
 text-align: left;
 width: 800px;
 color: #FFF;
}

#footer p {
 float: left;
 font-size: 12px;
 line-height: 1.2em;
 margin: 10px;
 padding: 5px;
}

#footer a {
 color: #d5e79a;
 font-weight: bold;
}

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

.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: #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 }

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