/*----------------------------------------------------------------------------------------------------------
	Theme Name: oMagazine
	
	Theme URI: http://www.happinesz.cn/
	
	Description: Another sofished free wordpress theme,width 2 widgetted ready sidebars and a CMS looking, If you don't know how to use the CUSTOM FILE(<em>The image on the left of the post</em>), please chectout <a href="http://www.happinesz.cn/archives/508/">this post</a>...  
	
	Version: 1.1
	
	Author: <a href="http://www.happinesz.cn/">sofish Lin</a>
	
	Update 1: 2008.9.8 fix the #comments position on IE6 and Change the word "what" to "want" on the comments.php
	
------------------------------------------------------------------------------------------------------------*/

#container {
	float: left;
	margin: 0 -320px 0 0;
	width: 100%;
}
#content {
	margin: 0 320px 0 0;
	line-height:150%;
}
#otheme {
	float:left;
	width:468px;
}
#sofished {
	float:right;
	width:160px;
}
.sidebar {
	float: right;
	overflow: hidden;
	width: 300px;
}
#sidebar {
	border-left:0 solid #fff;
	padding-left:10px;
}
#footer {
	clear: both;
	width: 100%;
}
/*<-------------------> Main Element Reset  <------------------->*/
img, img a {
	border:none;
}
p {
	margin-bottom:15px;
}
blockquote {
	margin:0 37px 0 0;
	padding-left:30px;
	background:url(images/quote.jpg) no-repeat left top;
}
blockquote blockquote {
	margin:0 0 0 25px;
}
code {
	font-size:14px;
	line-height:130%;
	font-family:"Arial", Times, serif;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}
input, textarea, select {
	font-family:Arial, "Arial", Times, serif;
	color:#777;
	font-size:13px;
}
.post ul {
	margin:0 41px 15px 26px;
}
.post ol {
	margin:0 41px 15px 45px;
}
.post ul, .post ol {
	padding-right:0;
}
.post ul li {
	list-style:none;
	background:url(images/li.gif) no-repeat left 2px;
	padding-left:16px;
}
.entry-content a {
	color:#333;
	border-bottom:1px dotted #c30;
}
.entry-content a:hover {
	color:#f30;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	padding-bottom:15px;
}
.entry-content h1 {
	font-size:21px;
}
.entry-content h2 {
	font-size:19px;
}
.entry-content h3 {
	font-size:17px;
}
.entry-content h4 {
	font-size:16px;
}
.entry-content h5 {
	font-size:15px;
}
.entry-content h6 {
	font-size:14px;
}
a.rssli {
	color:#f60;
}
a.grli {
	color:#06f;
}
a.xgli {
	color:#f30;
}
a.zxli {
	color:#9c0;
}
a.ydli {
	color:#f36;
}
a.zxli:hover {
	color:#0ff;
}
a.rssli:hover, a.grli:hover, a.xgli:hover, a.ydli:hover, #comments-list span.itrackback a:hover, .ilogin a:hover{
	color:#9c0;
}
/*<-------------------> Entry Info Style  <------------------->*/
.entry-info {
	color:#ddd;
	margin:5px 0;
}
.entry-info a {
	color:#777;
}
.icolor {
	color:#ddd;
}
.idate, .icard, .icomment, .ifolder, .iadd, .itrackback, .icommentfeed {
	padding-left:19px;
	color:#777;
}
.idate {
	background:url(images/date.gif) no-repeat left center;
}
.icard {
	background:url(images/author.gif) no-repeat left center;
}
.icomment {
	background:url(images/comment.gif) no-repeat left center;
}
.ifolder {
	background:url(images/folder.gif) no-repeat left center;
}
.iadd {
	background:url(images/addcomment.gif) no-repeat left center;
}
.itrackback {
	background:url(images/trackback.gif) no-repeat left center;
	position:absolute;
	top:3px;
	right:0;
	font:normal 14px Arial, "arial", Times, serif;
	color:#ddd;
}
.icommentfeed {
	background:url(images/commentfeed.gif) no-repeat left center;
}
/*<-------------------> Comment LI Style  <------------------->*/

#comments h3 .itrackback a {
	color:#c30;
}
#comments-list li {
	font-weight:600;
}
#comments-list li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
#comments-list cite, #comments-list cite a {
	font-weight: 600;
	font-style: normal;
	font-size: 1.1em;
}
#comments-list p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
.commentmetadata {
	font:12px Arial, "arial", Times, serif;
	color:#777;
}
.commentmetadata a {
	color:#777;
}
/*<-------------------> Sidebar and Content Search Form  <------------------->*/
#isearchform {
	width:290px;
	margin-bottom:15px;
}
#is, #noresults-s {
	width:180px;
	padding:6px 5px;
	height:17px;
	background:#fffff0 url(images/is.gif) no-repeat left center;
	border:none;
}
#isearchsubmit, #noresults-searchsubmit {
	width:91px;
	height:29px;
	text-align:center;
	background:#000 url(images/submit.jpg) no-repeat left center;
	border:none;
	color:#9c0;
	font-weight:700;
}
.noresults ol li h3 {
	font-weight:500;
	font-size:15px;
	padding:2px 0;
	margin:0;
}
.noresults ol li h3 a {
	font-family:Arial, "arial", Times, serif;
	color:#c30;
}
.noresults ol li h3 a:hover {
	color:#379931;
}
p.inote {
	margin-top:15px;
}
.noresults {
	border-bottom:none;
}
.noresults .entry-content a {
	border-bottom:none;
}
/*<-------------------> Links and Font  <------------------->*/

* {
	padding:0;
	margin:0;
}
body {
	font:16px Arial, "arial", Times, serif;
	color:#333;
	margin: 0 auto;
}
.iborder{padding:2px;border:1px solid #ddd;}
a {
	text-decoration:none;
	color:#c30;
}
a:hover {
	color:#379931;
}
#wrapper, .vcenter {
	width:973px;
	margin:0 auto;
}
.ishome{background:url(images/home_wrapper.gif) repeat-y left top;}
.nothome{background:url(images/nothome_wrapper.gif) repeat-y left top;}
.iclear {
	clear:both;
}
/*<-------------------> Header  <------------------->*/
#header {
	width:100%;
	height:150px;
	background:url(images/bg.jpg) repeat-x left top;
}
.hcenter {
	width:973px;
	margin:0 auto;
}
#header h1 a {
	float:left;
	display:block;
	text-indent:-9999em;
	background:url(images/logo.gif) no-repeat left bottom;
	width:243px;
	height:100px;
}
.ad-728px {
	height:90px;
	width:728px;
	padding-top:10px;
	float:right;
}
/*<-------------------> TopNav  <------------------->*/
#topnav {
	height:40px;
	color:#fff;
	text-transform:uppercase;
	font:15px "arial", Times, serif;
}
#topnav a {
	color:#fff;
}
#topnav a:hover{color:#38beea;text-decoration:underline;}
#topnav ul li {
	float:left;
	list-style:none;
}
#topnav ul li a {
	padding:0 10px;
	display:block;
	line-height:40px;
}
#topnav ul li#ihome a, #footer-box ul li#fhome {
	padding:0 10px 0 0;
	border:none;
}
#topnav ul li.current_page_item a {
	color:#38beea;
}
/*<-------------------> Content <------------------->*/
#content {
	font-size:14px;
}
#searchform {
	width:653px;
	height:123px;
	background:#fff url(images/searchbox.gif) no-repeat left top;
	clear:both;
	border-top:15px solid #fff;
	border-bottom:1px solid #ddd;
	position:relative;
	clear:both;
}
#s, #searchsubmit, .hot-tags {
	position:absolute;
	background:none;
	border:none;
}
#s {
	width:439px;
	top:26px;
	left:182px;
	padding:4px 5px;
}
#searchsubmit {
	width:91px;
	height:29px;
	top:62px;
	left:546px;
	color:#9c0;
	font-weight:600;
	text-align:center;
	background:url(images/submit.jpg) no-repeat left top;
	text-transform:uppercase;
}
input#searchsubmit:hover {
	color:#f60;
}
.hot-tags {
	color:#777;
	top:65px;
	left:181px;
	font-size:15px;
}
.hot-tags a {
	color:#f30;
	text-transform:capitalize;
	font-weight:100;
	margin-left:5px;
}
.post {
	border-bottom:1px dashed #ddd;
	margin-bottom:15px;
}
.isingle {
	border:none;
	margin-bottom:0;
}
.thepic {
	padding:2px;
	border:1px solid #eee;
	clear:both;
	float:left;
}
.ipost {
	float:right;
	width:360px;
}
#otheme {
	border-right:1px solid #fff;
	padding-right:13px;
}
#otheme .post {
	border-bottom:1px solid #ddd;
}
div.clear {
	clear:both;
	height:0;
}
.entry-title {
	font-size:19px;
	text-transform:uppercase;
}
.page-title {
	margin-top:15px;
	font-size:16px;
	color:#379931;
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
	text-transform:uppercase;
}
.page-content {
	margin-top:15px;
}
.navigation {
	height:33px;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.ad-160px {
	margin-bottom:15px;
}
/*<-------------------> Comment <------------------->*/
#comments {
	margin-top:15px;
	border-top:1px solid #ddd;
	width:653px;
}
#comments h3 {
	margin-top:15px;
	margin-bottom:15px;
	position:relative;
	color:#000;
	font-size:16px;
}
h3.itrackback {
	font:bold 16px Arial, Helvetica, sans-serif;
}
.comments {
	font-family:Arial, Helvetica, sans-serif;
}
.comments ol li p {
	font-family:Arial, "arial", Times, serif;
}
.comments ol {
	border-top:1px solid #ddd;
}
.comments ol li {
	list-style:none;
	border-bottom:1px solid #eee;
	padding:15px 0 0;
}
.ireq {
	width:43%;
	float:left;
}
.iarea {
	width:53%;
	float:right;
}
#formcontainer {
}
form#commentform {
	background:#eaf4ff;
	padding:20px 10px 0;
	margin-bottom:15px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.form-label input {
	width:90%;
	padding:3px 5px 3px 21px;
	border:1px solid #ddd;
}
input#author {
	background:#fff url(images/iauthor.gif) no-repeat left center;
}
input#email {
	background:#fff url(images/email.gif) no-repeat left center;
}
input#url {
	background:#fff url(images/iurl.gif) no-repeat left center;
}
input#submit {
	color:#9c0;
	font-weight:700;
	background:url(images/submit.jpg) no-repeat left center;
	height:29px;
	width:91px;
	text-align:center;
	line-height:29px;
	border:none;
}
input#submit:hover {
	color:#ff0;
}
textarea#comment {
	height:107px;
	margin-bottom:10px;
	width:97%;
	border:1px solid #ddd;
	padding:3px 5px;
}
/*<-------------------> Sidebar <------------------->*/
.sidebar, .post {
	margin-top:15px;
}
#sidebar h4, .sidebar h4 {
	background:url(images/side-300px-h4.gif) no-repeat left top;
	height:27px;
	padding:1px 7px 0;
	color:#fff;
}
.sidebar h4 {
	background:url(images/side-160px-h4.gif) no-repeat left top;
}
.sidebar {
	font-size:14px;
	line-height:150%;
}
.feedme {
	display:block;
	text-indent:-9999em;
	background:url(images/feedme.gif) no-repeat left top;
	width:300px;
	height:73px;
	margin-bottom:15px;
}
a.feedme:hover {
	background-position:bottom;
}
.sidebar ul li {
	list-style:none;
	border-top:1px solid #ddd;
	padding:10px 0;
}
.sidebar ul ul li {
	margin:0;
	border:none;
	padding:0 0 0 16px;
	background:url(images/li.gif) no-repeat left 2px;
}
/*<-------------------> Footer  <------------------->*/
#footer {
	background:#fff url(images/footer.gif) repeat-x left top;
	z-index:2;
}
#footer-box {
	position:relative;
	font-size:13px;
	height:110px;
	padding-top:30px;
}
#footer-box ul {
	width:100%;
	margin:0 auto;
}
#footer-box ul li {
	float:left;
	padding:0 10px;
	border-left:1px solid #ddd;
	list-style:none;
}
#footer-box ul li#fhome {
	padding-left:22px;
	background:url(images/trackback.gif) no-repeat left center;
}
span.ipower {
	background:url(images/omagazine.gif) no-repeat left center;
	padding-left:19px;
	position:absolute;
	bottom:10px;
	left:0;
	color:#fff;
	font-size:13px;
}
p.icopy {
	margin-bottom:0;
	line-height:45px;
}
span.ipower a {
	color:#38beea;
}
span.ilogin {
	color:#f30;
	position:absolute;
	right:50px;
	top:5px;
	background:url(images/logo.gif) no-repeat left center;
	display:block;
	width:73px;
	height:56px;
	padding:34px 0 0 220px;
	font-size:12px;
	text-transform:uppercase;
	line-height:15px;
}
span.ilogin a {
	color:#f30;
}
span.ilogin p {
	padding-left:15px;
	background:url(images/ilogin.gif) no-repeat left center;
	margin-bottom:0;
}
span.ilogin a.ifeed {
	padding-left:15px;
	background:url(images/ifeed.gif) no-repeat left center;
}