/*  
Theme Name: Js O4w
Description: Js O4w is a beautiful orange-white color WordPress theme without any plugins needed, widgets ready. Valid CSS & HTML. Visit the <a href="http://www.saywp.com/work/js-o4w">theme released page</a> for more details. 
Theme URI: http://www.saywp.com/work/js-o4w
Version: 1.0.4
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
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,del,dfn,em,font,img,ins,kbd,q,s,samp,acronym,address,big,cite,code,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,input
{
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

caption,th,td
{
	font-weight:normal;
	text-align:left;
}

table
{
	border-collapse:separate;
	border-spacing:0;
}

.post blockquote p
{
	background-color:#f9e74f;
	color:#333;
	font-style:italic;
	margin-left:2em;padding:2px 10px;
	width:460px;
}

.aligncenter
{
	display:block;
	margin:0 auto!important;
}

.alignright
{
	float:right;
	margin-left:1em;
}

.alignleft
{
	float:left;
	margin-right:1em;
}

ul
{
	list-style:none;
}

fieldset
{
	border:0;
}

a,a:link,a:visited,a:hover
{
	background-color:#fff;
	color:#ff9900;
	text-decoration:none;
}

a:focus,a:hover
{
	text-decoration:underline;
}

a img
{
	border:0;
}

.clear{
	clear:both;
}

body
{
	background:#f5efdf;
	color:#333;
	font:62.5% Arial,Helvetica,sans-serif;
	margin:60px 0 0;
	position:relative;
}

#header
{
	font-size:14px;
	height:49px;
	width:915px;
}

#header p
{
	background-color:#fff;
	color:#525961;
	display:none;
	position:absolute;
	right:18px;top:14px;
}

#header span
{
	background-color:#fff;
	color:#bababa;
}

#header ul
{
	display:none;
	position:absolute;
	right:2px;top:10px;
}

#header ul li
{
	background:#fff url(images/header_navi_bg.gif) left bottom no-repeat;
	color:#333;
	float:left;
	margin:0px 12px 0px 0px;
	padding:0px 0px 0px 12px;
}

#header ul li.no_bg
{
	background:none;
}

#header ul li a
{
	background-color:#fff;
	color:#888;
}

#headerlogo
{
	height:34px;
}

#logo
{
	background:url(images/logo.jpg) no-repeat 0 0;
	clear:both;display:inline-block;
	height:34px;
	left:22px;
	position:absolute;
	text-indent:-9999px;
	top:28px;
	width:500px;
}

form
{
	float:right;
}

form#search_form
{
	position:absolute;
	right:10px;top:34px;
}

input#s
{
	background:#fff url(images/allbgs-w.png) no-repeat -282px 0;
	border:none;color:#a0a4a8;float:left;
	font-size:12px;
	height:17px;
	outline:none;padding:6px 0 4px 10px;
	width:165px;
}

input#submit-s
{
	background:url(images/allbgs-w.png) no-repeat -465px 0;
	cursor:pointer;
	display:inline;
	float:left;height:27px;
	margin:0px 5px 0 0;
	width:27px;
}

.searchio
{
	background:#FFFFFF;
	cursor:pointer;
	display:inline;
	float:left;
	height:27px;
	margin:0px 5px 0 0;
	width:27px;
}

#banner
{
	background:#fff url(images/main.jpg) no-repeat 0 0;
	color:#333;
	float:left;
	height:250px;
	margin:0;
	padding:0;width:930px;
}

#banner img
{
	float:left;
}

#navigation
{
	background-color:#f9f9f9;
	color:#333;
	float:left;
	height:52px;
	padding:12px 0px 0px 15px;
	width:915px;
}

#navigation ul li
{
	display:block;
	float:left;
	height:41px;
	margin-left:9px;
}

#navigation ul li a
{
	background-color:#f9f9f9;
	color:#555;
	display:inline-block;
	font-size:14px;
	height:27px;
	padding:14px 0 0;
	text-align:center;
	text-transform:uppercase;
	width:118px;
}

#navigation ul li a:hover,#navigation ul li.current_page_item a
{
	background:#f9f9f9 url(images/allbgs-w.png) no-repeat 0 -34px;
	color:#fff;
	text-decoration:none;
}

#navigation ul li.active a
{
	background:#f9f9f9 url(images/allbgs-w.png) no-repeat 0 -34px;
	color:#fff;
	text-decoration:none;
}

#content
{
	background:#fff;
	color:#222;
	float:left;
	width:930px;
}

#left_column
{
	float:left;
	width:620px;
	overflow:hidden;
}

.post
{
	float:left;
	list-style:none;
	margin:0;
	padding:26px 38px 30px 30px;
	width:552px;
}

.date
{
	color: #8dc4d7;
	font-size:28px;
	font-style:bold;
	float:right;
	list-style:none;
	margin:0;
	padding:5px 5px 5px 5px;
	width:552px;
}



.post h2,.post h2 a
{
	background-color:#fff;
	color:#f47a0e;
	font-size:22px;
	font-weight:400;
	margin:0px 0px 12px 0px;
}

.post h2 a:hover
{
	background-color:#fff;
	color:#f47a0e;
	text-decoration:none;
}

.post h3
{
	background-color:#fff;
	color:#ff9900;
	font-size:18px;
	font-weight:400;
	margin:1em 0;
}

.post ul
{
	float:none;
}

.post ol
{
	margin-bottom:2em;
}
.post ul li
{
	background-color:#fff;
	color:#666;
	font-size:12px;
	letter-spacing:1px;
	line-height:18px;
	list-style:circle;
	margin-left:12px;
}

.post ol li
{
	background-color:#fff;
	color:#666;font-size:12px;
	letter-spacing:1px;
	line-height:18px;
	margin:0 0 5px 18px;
}

.post p
{
	background-color:#fff;
	color:#222;
	font-size:13px;
	line-height:20px;
	margin-bottom:1em;
	width:552px;
}

.post p.imgbg
{
	text-align:center;
}

.post p strong
{
	background-color:#fff;
	color:#333;
	font-weight:700;
}

.post p code
{
	background-color:#F7F7F7;
	color:#333;
	display:block;
	font-family:"Courier New",Courier,monospace;
	font-size:12px;
	padding:1em;
}

.post p img,.post p a img
{
	border:1px solid #ccc;
	margin:2px 5px;
	padding:4px;
}

img.wp-smiley
{
	border:none!important;
	margin:0!important;
	padding:0!important;
}

.post a img:hover
{
	border:1px solid #888;
	padding:4px;
}

.post p a
{
	background-color:#fff;
	color:#f47a0e;
}

.post .index-meta
{
	background-color:#fff;
	color:#999;float:left;
}

.post .index-meta a,#postmeta a
{
	background-color:#fff;
	color:#f47a0e;padding:0 4px;
}

.post a.continue
{
	background-color:#fff;
	clear:left;color:#f47a0e;
	float:left;font-size:15px;
	margin:10px 0 0;
	position:relative;
}

.alternative{}

#right_column
{
	float:left;
	padding:18px 18px 0px 17px;
	width:275px;
	overflow:hidden;
}

.heading
{
	background:url(images/side_title_bg.jpg) no-repeat;
	float:left;
	height:29px;
	margin:0px 0px 18px 0px;
	padding:5px 34px 7px 5px;
	width:250px;
}

.heading h2
{
	background-color:transparent;
	color:#00392a;
	float:left;
	font-size:17px;
	font-weight:400;
}

.heading h2 a
{
	background-color:transparent;
	color:#fff;
}

.lookmore2
{
	display:none;
}

.widget
{
	clear:both;
}

.heading img
{
	float:right;
	margin:3px 0px 0px 0px;
}

.heading ul
{
	margin:25px 0 10px -12px;
}

ul
{
	float:left;
	margin:0px 0px 12px 0px;
}

ul li#cat-item{
	clear: both; 
}

#right_column ul li
{
	background-color:#fff;
	color:#888;
	font-size:13px;
	line-height:140%;
	margin:4px 0 4px 4px;
}

#right_column ul li a
{
	background-color:#fff;
	color:#666;
}

#right_column ul li ul li,#right_column ul li ul li ul li
{
	margin:4px 0 4px 1em;
	width:246px;
}

.right_btn img{
	margin:0 0 8px 0;
}

#footer
{
	background:#f5efdf;
	clear:both;
	float:left;
	margin:0;
	padding-bottom:5em;
	width:100%;
}

#footer_content
{
	background:#FFFFFF;
	color:#888;
	height:150px;
	margin:auto;
	padding:0;
	width:930px;
}

#footer_content ul
{
	float:right;
	margin:20px 0 10px;
	padding-right:30px;
}

#footer_content ul li
{
	background:#FFFFFF;
	float:left;
	margin:0px 0px 0px 12px;
	padding:0px 0px 0px 12px;
}

#footer_content ul li.no_bg
{
	background:none;
}

#footer_content ul li a
{
	background-color:transparent;
	color:#555;
	font-size:14px;
}

#footer_content p
{
	clear:right;
	float:right;
	font-size:12px;
	margin:0px;
	padding-right:30px;
	text-align:right;
	width:400px;
}

#footer_content p a
{
	background-color:transparent;
	color:#666;
}

.replace
{
	margin:0;
	overflow:hidden;/* */ padding:0;/* \*/ position:relative;
}

.replace span
{
	display:block;
	left:0;
	position:absolute;
	top:0;z-index:1;
}

#wrapper
{
	background:#FFF;
	color:#333;
	margin:0 auto;
	padding:0;width:930px;
}

#wrapper .tl
{
	background:#FFFFFF;
}

#wrapper .tr
{
	background:#FFFFFF;
}

#footer_content .bl
{
	background:#FFFFFF;
}

#footer_content .br
{
	background:#FFFFFF;
}

.encadre
{
	margin:0;
	padding:0;position:relative;
}

.encadre .tl,.encadre .tr,.encadre .bl,.encadre .br
{
	font-size:0px;
	height:9px;
	line-height:1px;
	overflow:hidden;
	position:absolute;
	width:9px;
}

.encadre .tl
{
	background-position:left top;
	left:0;top:0;
}

.encadre .tr
{
	background-position:right top;
	right:0;top:0;
}

.encadre .br
{
	background-position:right top;
	bottom:0;right:0;
}

.encadre .bl
{
	background-position:left top;
	bottom:0;left:0;
}

#commentlist li
{
	background-color:#f7f7f7;
	color:#555;
	font-size:12px;
	line-height:23px;
	list-style:none;
	margin:0 10px 25px 32px;
	width:575px;
}

#commentlist li.thread-alt
{
	background-color:#e5e5e5;
	color:#555;
}

#commentlist li a
{
	background-color:transparent;
	color:#f47a0e;
}

#commentlist .avatarbg
{
	background:#FFFFFF;
	float:left;
	height:44px;
	margin:-22px 5px 0 10px;
	width:44px;
}

#commentlist li.thread-alt .avatarbg
{
	background:#FFFFFF;
	float:left;
	height:44px;
	margin:-22px 5px 0 10px;
	width:44px;
}

.avatar,.avatarbg img
{
	margin:4px 0 0 4px;
}

h3#comments
{
	background:#fff url(images/allbgs-w.png) no-repeat scroll 0 -248px;
	color:#555;
	font-size:16px;
	font-weight:400;
	margin:0 0 2em 30px;
	padding-top:50px;
	width:580px;
}

h3#comments a
{
	background-color:#fff;
	color:#f47a0e;
}

p.message_head
{
	clear:both;
	font-weight:700;
	height:20px;
	margin:0 0 5px 74px;
}

p.message_head cite
{
	float:left;
	font-style:normal;
}

.message_body p
{
	margin:0 0 0 74px;
	padding-right:2em;
}

.message_body p a
{
	background-color:#fff;
	color:#ff9900!important;
}

.timestamp
{
	background-color:transparent;
	color:#999;
	font-size:11px;
	font-weight:400;
	height:16px;
	margin-left:5px;
}

.comments_posted_top
{
	background:#fff url(images/comment.png) 0 0;
	float:left;
	height:10px;
	width:100%;
}

.comments_posted_bottom
{
	background:#fff url(images/comment.png) left bottom;
	float:left;
	height:10px;
	width:100%;
}

#commentlist li.thread-alt .comments_posted_top
{
	background:#fff url(images/comment-alt.png) 0 0;
}

#commentlist li.thread-alt .comments_posted_bottom
{
	background:#fff url(images/comment-alt.png) left bottom;
}

ul.children .comments_posted_top,ul.children .comments_posted_bottom
{
	display:none;
}

ul.children .timestamp
{
	display:none;
	float:none;
	letter-spacing:-1px;margin-left:-4px;
}

#commentblock
{
	clear:both;
}

#commentblock p.nocomments,p.alert,#left_column ul p.nopost
{
	margin:10px 0 0 30px;
	font-size:16px;
	font-style:italic;
	color:#ccc;
	background-color:#fff;
}

#respond
{
	margin:6em 0 2em 36px;
}

#commentlist li #respond
{
	margin:1em 0 0 76px;
}

#respond .form_line
{
	background-color:transparent;color:#bababa;font-size:12px;margin-bottom:12px;
}

#respond .form_line a
{
	background-color:transparent;color:#f47a0e;
}

#commentform
{
	float:none;
}

input#author,input#email,input#url,input#contactName,input#siteurl,input#c-email
{
	background:#fff url(images/allbgs-w.png) no-repeat -282px -419px;
	border:none;color:#555;font-size:12px;
	height:17px;
	margin-bottom:12px;
	outline:none;
	padding:6px 0 4px 10px;
	width:161px;
}

#comment-personaldetails small
{
	background-color:#fff;
	color:#bababa;
	font-size:12px;
	margin-left:5px;
}

#comment
{
	background:#fff url(images/allbgs-w.png) no-repeat 0 -75px;
	border:none;
	color:#555;
	font-size:12px;
	height:130px;margin-bottom:12px;outline:none;
	overflow:auto;
	padding:6px 8px 4px 10px;
	width:303px;
}

input#submit
{
	background:url(images/allbgs-w.png) no-repeat -492px 0;
	cursor:pointer;
	display:inline;
	float:left;
	height:27px;
	margin:0 0 35px;
	width:66px;
}

#commentload
{
	background:url('images/ajax-loader-w.gif') no-repeat center center;
	display:none;
	height:28px;
	left:110px;
	position:absolute;
	width:28px;
}

#commentlist li #commentload
{
	background:url('images/ajax-loader-wf7.gif') no-repeat center center;
	display:none;
	height:28px;
	left:180px;
	position:absolute;width:28px;
}

#commentlist li.thread-alt #commentload
{
	background:url('images/ajax-loader-we5.gif') no-repeat center center;
	display:none;
	height:28px;
	left:180px;
	position:absolute;
	width:28px;
}

.nav-left
{
	clear:both;
	height:6em;
	margin:0 3em;
}

.nav-previous a
{
	background:transparent url(images/allbgs-w.png) no-repeat scroll -200px -215px;
	cursor:pointer;
	display:block;
	float:left;
	height:32px;
	text-indent:-999em;
	width:100px;
}

.nav-previous a:hover
{
	background:transparent url(images/allbgs-w.png) no-repeat scroll -300px -215px;
}

.nav-next a
{
	background:transparent url(images/allbgs-w.png) no-repeat scroll -400px -215px;
	cursor:pointer;
	display:block;
	float:right;
	height:32px;
	text-indent:-999em;width:100px;
}

.nav-next a:hover
{
	background:transparent url(images/allbgs-w.png) no-repeat scroll -500px -215px;
}

.blank15
{
	clear:both;
	height:1em;margin:0;
}

.fspace
{
	height:10px;
}

.commentlist li.thread-alt ul.children li .message_body
{
	background:#e3e3e3 url(images/ulchildrenli-alt.png) repeat-y scroll 0px 0px;
	clear:left;
	color:#888;
	margin-left:62px;width:370px;
}

#comment-personaldetails label
{
	margin:8px 0 0;position:absolute;
}

p.archiveh
{
	font-size:16px;
	color:#135b35;
	margin:20px 0 0 30px;
	text-decoration:underline;
}

label
{
	cursor:pointer;
}

#wp-calendar
{
	background-color:#FFF;
	clear:both;color:#666;
	font-size:14px;margin-bottom:10px;
	width:270px;
}

#wp-calendar td
{
	text-align:center;
}

#wp-calendar tbody td a
{
	background-color:#fff;
	color:#ff6600;
	font-weight:700;
	text-decoration:underline;
}

#wp-calendar td#prev
{
	text-align:left;
}

#wp-calendar td#today
{
	background-color:#ffffcc;
}

#wp-calendar caption,#wp-calendar th,#wp-calendar td
{
	padding:2px 0;
	text-align:center;
}

#right_column div
{
	float:left;margin-bottom:10px;
}

ul#pinglist
{
	margin:0 0 30px 30px;
	width:500px;
}

.pinglisth
{
	font-size:16px;
	font-style:italic;color:#666;
	background-color:#fff;
	margin:0 0 10px 30px;
}

ul#pinglist li
{
	background-color:#FFF;
	color:#888;font-size:12px;
	font-style:italic;
	margin:4px 0;
}

ul#pinglist li a
{
	background-color:#FFF;
	color:#f47a0e;
}