/*----------------------------------------------------------------------------------------------------------
Theme Name: oMagazine
Theme URI: http://www.pennychen.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(The image on the left of the post), please chectout this post...
Version: 1.1
Author: PENNYCHEN
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:3px;
}
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:"Times New Roman", 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:Georgia, "Times New Roman", 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:#333;
}
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 Georgia, "Times New Roman", 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 Georgia, "Times New Roman", 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:Georgia, "Times New Roman", 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 Georgia, "Times New Roman", 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:300px;
background:url(images/bg.jpg) norepeat left top;
margin:0 auto;
padding-left:0px;
}
.hcenter {
width:973px;
height:60px;
margin:0 auto;
}
#header h1 a {
float:left;
display:block;
text-indent:-9999em;
background:url(images/logo.gif) no-repeat left bottom;
width:980px;
height:300px;
}
.ad-728px {
height:90px;
width:728px;
padding-top:10px;
float:right;
}
/*<-------------------> TopNav <------------------->*/
#topnav {
height:50px;
color:#fff;
text-transform:uppercase;
font:15px "Times New Roman", Times, serif;
}
#topnav a {
color:#fff;
}
#topnav a:hover{color:#9c0;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:#adff2f;
}
/*<-------------------> 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:460px;
}
#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:Georgia, "Times New Roman", 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:3px 0;
}
.sidebar ul ul li {
margin:0;
border:none;
padding:0 0 0 6px;
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:#adff2f;
}
span.ilogin {
color:#f30;
position:absolute;
right:50px;
top:5px;
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;
}