@charset "utf-8";

/*
Theme Name: iPost 2.7.1.1
Theme URI: http://ifire.cn/theme/ipost/
Description: iPost (Apple Theme) 2.7.1.1 for Wordpress 2.7
Version: 2.7.1.1
Author: iFire
Author URI: http://ifire.cn/
Artwork: Apple.com
Creative Commons Deed: Attribution-Noncommercial-Share Alike
*/

html, body, div, td, form, input {
font: 12px Tahoma, Arial, sans-serif;
color: #333;
margin: 0;
padding: 0;
}
body {
text-align: center;
background-color: #f8f8f8;
}
a:link, a:visited {
color: #36c;
}
a:hover, a:active, .pink {
color: #f06;
}
a {
text-decoration: none;
}
p {
margin: 8px 0;
}
img {
border: 0;
}
ol, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Trebuchet MS', Arial, Sans-Serif;
font-weight: bold;
}

/* head */
#hsub {
margin: 10px 0 0 0;
padding: 0 10px;
width: 830px;
height: 38px!important;
height: 40px;
background: url(img/imenu.gif) no-repeat center 0%;
text-align: left;
}
#hsub a {
font: bold 12px Arial, Sans-Serif;
vertical-align: middle;
text-align: center;
height: 38px;
line-height: 38px;
padding: 2px 10px;
color: #f8f8f8;
background: url(img/menua.gif) no-repeat right top;
}
#hsub a:hover {
background: url(img/menua.gif) no-repeat right bottom;
}
.hsubsdw {
margin: 0!important;
margin-top: -4px;
width: 850px;
height: 15px;
background: url(img/imsdw.gif) no-repeat top center;
}
#headline {
margin-bottom: -1px;
width: 850px;
height: 13px;
background: url(img/board_tp.gif) no-repeat top center;
clear: both;
}
/* body */
.iboard {
width: 850px !important;
width: 860px;
text-align: center;
padding: 0 0 10px 0;
display: table-cell;
background: url(img/ibg.gif) repeat-y center 0%;
}
#main {
margin: 0 0 0 10px!important;
margin: 0 0 0 8px;
float: left;
width: 600px;
text-align: left;
}
#sidebar {
margin: 0 10px 0 0!important;
margin: 0 8px 0 0;
float: right;
width: 220px;
}
.footer {
width: 850px;
height: 55px;
background: url(img/ifoot.gif) no-repeat center 0%;
}
.iftsdw {
width: 850px;
height: 50px;
font: bold 8px Verdana, Sans-Serif;
text-align: center;
color: #666;
line-height: 35px;
background: url(img/iftsdw.gif) no-repeat top center;
margin: 0 0 10px 0;
}
/* tpx */
#tpx {
margin: 0 0 5px 0;
padding: 5px 0 0 10px;
width: 590px;
height: 158px;
background: url(img/tpx.png) no-repeat top center;
}
#blogname {
font-size: 30px;
margin: 0;
padding :0;
}
.description {
font-size: 11px;
color: #aaa;
font-weight: bold;
}
/* main */
.ibar, .iibar, .iiibar {
margin: 5px 0;
color: #fff;
font-size: 16px;
font-weight: bold;
text-indent: 35px;
height: 36px;
line-height: 36px;
}
.ibar {
width: 600px;
background: url(img/ibar_ns.gif) no-repeat center 0%;
}
.iibar {
width: 600px;
background: url(img/ibar_600.gif) no-repeat center 0%;
}
.iibar h2{
font-size: 14px;
margin: 0;
}
.pagetitle {
margin: 5px 0;
font-family: 'Trebuchet MS', Arial, Sans-Serif;
color: #fff;
padding: 0 10px;
text-align: left;
width: 580px;
height: 33px;
line-height: 33px;
background: url(img/pagetitle.gif) no-repeat center 0%;
}
.pagetitle h2 {
color: #fff;
font-size: 12px;
margin: 0;
padding: 0;
}
.post, .page {
margin: 0 0 10px;
padding: 0 0 8px!important;
padding: 0;
clear: both;
}
.postitle {
padding: 0;
margin: 0;
font: bold 14px 'Trebuchet MS', Arial, Sans-Serif;
color: #555;
height: 33px;
line-height: 33px;
text-indent: 60px;
text-align: left;
}
.postitle {
width: 600px;
background: url(img/postitle.gif) no-repeat center 0%;
}
.postitle a {
color: #555;
}
.postitle a:hover, .postitle a:active {
color: #9cf;
}
.postime {
font-size: 11px;
color: #bbb;
margin: 0 10px;
height: 31px;
line-height: 31px;
padding: 6px 5px 6px 20px;
background: url(img/arrow.gif) no-repeat left center;
}
.itips, .cancel-comment-reply a {
color: #36c;
font: bold 11px Arial, Sans-Serif;
padding: 7px 20px;
height: 25px;
line-height: 25px;
background: url(img/author_time.gif) no-repeat right center;
border: none!important;
border-left: 1px solid #e5e5e5;
}
.atime {
margin: 5px 0 0 -20px;
}
.entry {
margin: 0;
display: block;
width: 558px;
padding: 5px 20px;
line-height: 22px;
text-align: justify;
text-justify: inter-ideograph;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.nextpage {
margin: 10px 0 5px;
}
.nextpage a {
color: #36c;
padding: 0 5px;
border: 1px solid #36c;
}
.nextpage a:hover {
color: #fff;
background-color: #36c;
border: 1px solid #36c;
}
.nextpage a:visited {
color: #ccc;
border: 1px solid #ccc;
background: none;
}
/* post is password protected */
.entry form input, .pagentry form input {
margin: 5px 0;
padding: 3px 5px;
border: 1px solid #ccc;
background-color: #fff;
}
/* ul ol li in post */
.entry ul li, .xoxo li {
margin: 5px 0;
list-style: inside circle;
}
.entry ol li {
margin: 5px 0;
list-style: inside decimal;
}
ul.wp_list li.linkcat {
list-style: none;
}
.linkcat h2 {
font-size: 14px;
}
/* wp_list loop*/
ul.wp_list {
margin: 20px 0;
line-height: 18px;
}
.gray {
color: #bbb; 
}
.underline {
padding: 0 0 3px 0;
background: url(img/line.gif) repeat-x bottom center;
}
.postend, .pagend {
margin: 0!important;
margin-top: -7px;
height: 8px;
clear: both;
}
.postend {
width: 600px;
background: url(img/postend.gif) no-repeat bottom center;
}
.erro {
margin: 10px 0 0 0;
width: 121px;
height: 100px;
background: url(img/404.gif) no-repeat center 0%;
}
.commentbotten {
display: block;
margin: 10px 0 0;
font: bold 10px 'Trebuchet MS', Arial, Sans-Serif;
float: right;
text-align: left;
width: 138px;
height: 31px;
line-height: 21px;
background: url(img/commenta.png) no-repeat top center;
text-indent: 12px;
line-height: 21px;
overflow:hidden;
}
.commentbotten a {
width: 138px;
height: 31px;
color: #666;
display: block;
}
.commentbotten a:link, .commentbotten a:visited {
background: url(img/commenta.png) no-repeat top center;
}
.commentbotten a:hover, .commentbotten a:active {
background: url(img/commenta.png) no-repeat bottom center;
}
.moreinfo {
padding:5px 0 10px;
clear: both;
color: #aaa;
text-align: left;
}
.moreinfo a, .moreinfo a:visited {
color: #aaa;
}
.moreinfo a:hover, .moreinfo a:active {
color: #036;
}
.moreinfo img {
margin-left: 3px;
}
.ileft, .more-link {
height: 30px;
line-height: 30px;
text-align: left;
padding-left:20px;
background: url(img/right.gif) no-repeat left center;
}
.itag {
height: 30px;
line-height: 20px;
text-align: left;
text-indent: 60px;
background: url(img/tag.gif) no-repeat left center;
}
/* Nav */
.nav, .inav {
height: 33px;
line-height: 33px;
display: table-cell;
}
.nav {
width: 580px;
padding: 0 10px;
background: url(img/nav.gif) no-repeat center 0%;
}
.navleft a, .navright a {
margin: 0 0 5px 0;
height: 33px;
line-height: 33px;
display: inline;
}
.navleft a {
text-align: left;
padding-left: 20px;
background: url(img/left.gif) no-repeat left center;
}
.navright a {
text-align: right;
padding-right: 20px;
background: url(img/right.gif) no-repeat right center;
}
.inav {
width: 558px;
}
/* Wide mode */
#ipage {
margin: 0 10px 10px;
width: 830px;
text-align: center;
}
#ptpx {
margin : 0 0 5px;
padding : 5px 0 0 10px !important ;
padding : 5px 0 0 20px;
width : 820px !important ;
width : 830px ;
height : 158px;
background : url(img/pagetpx.png) no-repeat top center;
text-align : left;
}
.iiibar {
margin: 0 0 10px 0 !important ;
margin: 0 -10px 10px 10px;
width: 830px;
background: url(img/ibar_830.gif) no-repeat center 0%;
}
#ipage .page, #ipage .post {
margin-left: 0 !important ;
margin-left: 10px;
width: 830px;
padding: 0;
}
.pagehead {
margin: 0;
padding: 0;
font: bold 14px 'Trebuchet MS', Arial, Sans-Serif;
color: #555;
height: 33px;
line-height: 33px;
text-indent: 60px;
text-align: left;
width: 830px;
background: url(img/pagehead.gif) no-repeat center 0%;
}
.pagentry {
margin: 0;
display: block;
width: 788px;
padding: 5px 20px;
line-height: 22px;
text-align: justify;
text-justify: inter-ideograph;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.pagentry .inav {
width: 768px;
}
.pagend {
clear: both;
margin: 0 !important ;
margin: -8px 0 0 0;
width: 830px;
background: url(img/pagend.gif) no-repeat bottom center;
}
#widemain {
margin: 0 0 0 10px!important;
margin: 0 10px 0 10px;
float: left;
width: 600px;
text-align: left;
}
/* comment */
#icomm {
width: 600px;
}
h3#comments {
margin: 0 0 5px 0;
}
.tips {
font-weight: bold;
margin-left: -8px!important;
margin-left: 0;
padding: 20px!important;
padding: 13px 25px;
height: 45px;
line-height: 45px;
background: url(img/tips.gif) no-repeat right center;
border: none!important;
border-left: 1px solid #ddd;
}
#respond {
margin: 10px 0 0 0;
}
.comm_admin {
margin: 0 0 0 -10px;
padding: 7px 10px;
}
.icomf {
margin: 0;
display: block;
width: 578px;
padding: 10px;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.icomft {
display: block;
width: 600px;
height: 8px;
background: url(img/postend.gif) no-repeat top center;
margin: 0 0 10px 0;
}
#commentform {
text-align: left;
}
#author, #email, #url {
width: 170px;
margin: 0 5px 5px 0;
padding: 2px;
border: 1px solid #ccc;
}
#commentform textarea {
width: 570px;
height: 100px;
border: 1px solid #ccc;
padding: 2px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
font-family: Arial, Sans-Serif;
margin: 10px 0;
padding: 5px 10px;
list-style: none;
}
.says {
display:none;
}
.commentmetadata {
margin: 5px 0;
}
.comm_author {
margin: 0 0 10px 0;
line-height: 18px;
}
.comm_time, .wp-pager {
font-size: 11px;
}
.avatar {
margin: 0 10px 5px 0;
width: 34px;
height: 34px;
border: 1px solid #eee;
float: left;
padding: 1px;
}
ol.commentlist li div p {
clear: both;
}
#comm_submit {
margin: 0!important;
margin: 0 0 0 -10px;
width: 150px;
height: 30px;
border: none;
font: bold 12px Arial, sans-serif;
text-align: left;
text-indent: 12px;
line-height: 30px;
color: #fff;
background: url(img/submit.gif) no-repeat center 0%;
}
#commentform.box {
margin: 10px 0;
}
.fn {
font: normal bold 12px Arial, sans-serif;
}
.nocomments {
font-weight: bold;
}
.alt {
padding: 5px 10px;
background-color:#EFF8FF;
border: none;
}
li.trackback {
margin: 5px 0;
background-color:#f8f8f8;
}
.children {
margin: 5px 0;
padding: 5px 0;
background-color:#F9FFEF;
}
.children li {
margin: 0 5px;
}
.children li.alt {
border-left: 2px solid #eee;
}
.reply a {
font-size: 11px;
padding: 2px 5px;
margin: 0 5px 0 0;
}
.reply a:hover {
color: #fff;
background-color:#369;
}
.cancel-comment-reply a {
color: #f06;
margin: 0 0 0 -10px;
width: 150px;
padding: 7px 10px;
}
.cancel-comment-reply a:hover {
color: #036;
padding-left: 20px;
}
div.cancel-comment-reply {
margin-bottom: 5px;
}
/* Comment Popup */
#commentspopup {
margin: 5px 0;
}
#commhead {
width: 620px;
height: 12px;
background: url(img/comm_head.gif) no-repeat center 0%;
}
#commpage {
width: 598px;
border: 1px solid #eee;
padding: 5px 5px 10px;
background-color: #fff;
}
#ctpx {
margin: 0 0 5px 0;
padding: 5px;
width: 590px;
height: 110px;
background: url(img/tpx.png) no-repeat bottom center;
text-align: left;
}
#commpage #commentlist li {
list-style:none;
padding: 3px 0;
}
/*Search stuff*/
#searchform {
width: 155px;
height: 46px;
line-height: 46px;
background: url(img/searchform.gif) no-repeat center 0%;
}
#search {
display: inline;
padding: 0;
margin: 0;
}
#searchtxt {
margin: 10px 10px 0 0!important;
margin: 9px 10px 9px 0;
border: 0;
padding: 0;
width: 120px;
height: 16px;
background: transparent;
text-align: left;
}
#searchformtxt {
margin: 7px 0 0 25px!important;
margin: 6px 10px 9px 25px;
border: 0;
padding: 0;
width: 120px;
height: 16px;
background: transparent;
text-align: left;
}
/* Sidebar */
#sidebar ul {
margin-top: -5px;
}
#sidebar ul li {
margin: 5px 0;
padding: 0!important;
padding: 0 0 1px 0;
background: #f8f8f8 url(img/sbf.gif) repeat-x bottom center;
line-height: 18px;
overflow: hidden;
}
#sidebar ul li h2 {
width: 222px!important;
width: 220px;
margin: 0 -1px;
font-size: 11px;
font-weight: bold;
color: #eee;
height: 25px;
line-height: 25px;
background: url(img/widgettitle.gif) no-repeat center 0%;
}
#sidebar ul li h2 a {
color: #eee;
}
#sidebar ul li h2 img {
display: none;
}
#sidebar ul li ul li, .wgtxt {
list-style: none;
margin: 0;
padding: 0 0 0 20px!important;
text-align: left;
line-height: 20px;
background: url(img/li.gif) no-repeat left top;
}
#sidebar ul li ul li a {
color: #555;
}
#sidebar ul li ul li a:hover, #sidebar ul li ul li a:active {
color: #36c;
}
#sidebar ul li ul, .textwidget, #calendar_wrap, #akismetwrap {
margin: 0 0 9px 0;
padding: 5px 10px 0;
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
}
.textwidget {
text-align: left;
line-height: 18px;
}
.wgtxt {
margin: 2px 0;
}
#sidebar ul li#tag_cloud {
padding: 0 0 10px!important;
}
.wgimg{
margin: 0!important;
margin-left: -20px;
} /* if you put img in #sidebar ul li ul */
#sidebar ul li#search {
display: block;
width: 220px;
height: 100px;
background: url(img/widget_search.gif) no-repeat center 0%;
}
#sidebar ul li#search form {
margin: 40px 0 0 30px!important;
margin: 40px 0 0;
}
.wsdw {
font-size:5px;
margin-top: -5px;
height: 15px;
background: url(img/wsdw.gif) repeat-x top center;
}
#sidebar ul li ul.plug {
padding: 5px 5px 0;
}
#sidebar ul li.widget_rss ul li {
list-style: none;
margin: 0;
padding: 0!important;
text-align: left;
line-height: 20px;
background: none;
}
/* rss widget */
span.rss-date {
display: block;
font-size: 10px;
color: #ccc;
font-weight: bold;
}
.rssSummary {
border-top: 1px solid #ccc;
line-height: 18px;
margin: 3px 0 0;
padding: 5px 0;
}
#sidebar ul li.widget_rss ul li {
margin: 0 0 5px 0;
border-bottom: 1px solid #ccc;
}
/* calendar */
#wp-calendar {
margin: 5px 0;
width: 200px!important;
width: 198px;
text-align: center;
}
#wp-calendar caption {
padding: 3px;
font-family: 'Trebuchet MS', Arial, Sans-Serif;
color: #f06;
font-weight: bold;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar thead {
font: bold 10px Verdana, sans-serif;
color: #ccc;
}
#wp-calendar th {
text-transform: capitalize;
}
#wp-calendar td {
color: #888;
font: 10px/18px Verdana, sans-serif;
background-color: #fff;
}
#wp-calendar tfoot td, #wp-calendar td:hover, #wp-calendar td:hover.pad {
background-color: #f7f7f7;
}
/* select */
select {
color: #bbb;
font: 11px Tahoma, Arial, sans-serif;
margin: 5px 0 10px 0;
padding: 5px;
width: 200px;
border: 1px solid #ccc;
}
option {
line-height: 20px;
font-size: 11px;
border: 0;
color: #333;
}
/* download icon */
.dlp a {
display: block;
width: 91px;
height: 31px;
}
.dlp a:link, .dlp a:visited {
background: url(img/dl.png) no-repeat top center;
}
.dlp a:hover, .dlp a:active {
background: url(img/dl.png) no-repeat bottom center;
}
/* Others */
.hid {
display: none;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.clear {
clear: both;
}
small, .etxt, .commentmetadata  {
font: bold 8pt Arial, sans-serif;
}
code {
font: 12px Consolas, 'Courier New', Courier, monospace, sans-serif;
color: #360;
}
.line {
background: url(img/line.gif) repeat-x top center;
}
.box {
margin: 5px 0;
padding: 5px;
border: 1px solid #eee;
background-color: #f9f9f9;
}
q {
padding: 2px 5px;
background-color: #9cf;
}
blockquote {
margin: 10px;
padding: 5px 10px;
background-color: #f8f8f8;
border-left: 3px solid #ddd;
}
.blueword, .nextpage, .nextpage a {
color: #36c;
font: bold 11px Arial, Sans-Serif;
}
.pixout {
border: 1px solid #eee;
background-color: #fff;
padding: 2px;
} /* for image */
.bigger {
font-size: 14px;
line-height: 30px;
}