@charset "utf-8";

/*
Theme Name: iPost 2.7 Custom for Vista
Theme URI: http://ifire.cn/theme/ipost/
Description: iPost (Apple Theme) 2.7 for Wordpress 2.7
Version: 2.7 Custom for Vista
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 Arial, Tahoma, sans-serif;
color: #333;
margin: 0;
padding: 0;
}
body {
margin: 10px 0;
text-align: center;
background: #fff url(img/wp.gif) no-repeat bottom right;
}
a:link, a:visited {
color: #08c;
}
a:hover, a:active {
color: #bbb;
}
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 */
#topbar {
vertical-align: middle;
margin: 0;
padding: 0 10px!important;
padding: 6px 10px;
width: 965px;
height: 38px;
background: url(img/imenu.gif) no-repeat center 0%;
text-align: left;
}
#imenu a {
margin: 0;
font: bold 12px Arial, Sans-Serif;
vertical-align: middle;
text-align: center;
height: 22px!important;
height: 18px;
line-height: 35px!important;
line-height: 22px;
padding: 2px 10px!important;
padding: 0 10px;
color: #f8f8f8;
background: url(img/menua.gif) no-repeat right top;
}
#imenu a:hover {
background: url(img/menua.gif) no-repeat right bottom;
}
h1#blogname a {
display: block;
color: #fff;
font-size: 14px;
margin: 0;
padding :0;
line-height: 5px!important;
line-height: 30px;
background: none;
}
#imenusdw {
margin: 0!important;
margin: -12px 0 0 0;
width: 985px;
height: 15px;
background: url(img/imenusdw.gif) no-repeat top center;
}
.description {
width: 975px;
margin: -3px 0 5px 0;
color: #aaa;
text-align: right;
}
/* body */
.iboard {
width: 980px!important;
width: 985px;
text-align: left;
display: table-cell;
}
#main {
float: left;
width: 580px;
text-align: left;
}
#sidebar {
margin: 0 0 0 10px!important;
margin: 0 8px;
float: left;
display: inline;
text-align: center;
}
#menubar {
margin: 0;
float: right;
display: inline;
text-align: center;
}
#footer {
clear: both;
width: 980px;
height: 25px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
font-size: 11px;
font-weight: bold;
text-align: center;
color: #888;
line-height: 25px;
margin: 10px 0;
}
/* tpx */
#tpx {
width: 580px;
height: 165px;
background: url(img/tpx.jpg) no-repeat top center;
}
/* main */
.ibar, .iibar {
margin: 0 0 5px 0;
color: #fff;
font-size: 16px;
font-weight: bold;
text-indent: 35px;
height: 36px;
line-height: 36px;
width: 580px;
}
.ibar {
background: url(img/ibar.gif) no-repeat center 0%;
}
.iibar {
background: url(img/iibar.gif) no-repeat center 0%;
}
.iibar h2{
font-size: 14px;
margin: 0;
}
.post, div.page {
margin: 0 0 10px;
padding: 0 0 8px!important;
padding: 0;
clear: both;
}
.postitle {
padding: 0;
margin: 0;
font: bold 12px 'Trebuchet MS', Arial, Sans-Serif;
color: #555;
height: 33px;
line-height: 33px;
text-indent: 60px;
text-align: left;
width: 580px;
background: url(img/postit.gif) no-repeat center 0%;
}
.postitle a {
color: #555;
}
.postitle a:hover, .postitle a:active {
color: #08c;
}
span.postime {
font-size: 11px;
text-indent: 0;
color: #aaa;
margin: 1px 5px;
height: 31px;
line-height: 31px;
padding: 6px 5px 6px 23px!important;
padding: 0 0 0 23px;
background: url(img/arrow.gif) no-repeat left center;
}
.entry {
width: 540px;
padding: 5px 20px;
line-height: 22px;
text-align: justify;
background: url(img/entry.gif) repeat-y center;
}
.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;
clear: both;
}
.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 {
color: #333;
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;
}
.postend {
font-size: 2px;
width: 580px;
height: 6px;
clear: both;
background: url(img/postend.gif) no-repeat bottom center;
}
.itips, .cancel-comment-reply a {
color: #08c;
font: bold 11px Arial, Sans-Serif;
padding: 7px 20px!important;
padding: 6px 20px;
height: 25px;
line-height: 25px;
background: url(img/author_time.gif) no-repeat right center;
}
.atime {
margin: 0 0 0 -19px;
}
.itag {
margin: 5px 0;
clear: both;
height: 30px;
line-height: 20px;
text-align: left;
text-indent: 60px;
background: url(img/tag.gif) no-repeat left center;
}
.perlink, .pageview, .categ, .tagon {
margin: 0 5px 0 0;
text-align: left;
padding: 0 0 0 20px;
height: 20px;
line-height: 20px;
}
.perlink {
background: url(img/link.gif) no-repeat left center;
}
.pageview {
background: url(img/pageview.gif) no-repeat left center;
}
.categ {
background: url(img/category.gif) no-repeat left center;
}
.tagon {
background: url(img/tagon.gif) no-repeat left center;
}
.postin {
margin: 5px 0 0 0;
font-size: 2px;
height: 6px;
background: url(img/postin.gif) no-repeat top center;
}
.moredata h3 {
font-size: 12px;
text-indent: 20px;
height: 25px;
line-height: 25px;
border-bottom: 1px solid #eee;
background: url(img/iright.gif) no-repeat left center;
}
.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;
}
.erro {
margin: 10px 0 0 0;
width: 121px;
height: 100px;
background: url(img/404.gif) no-repeat center 0%;
}
.ileft, .more-link {
height: 30px;
line-height: 30px;
text-align: left;
padding-left:20px;
background: url(img/right.gif) no-repeat left center;
}
/* 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;
}
.moredata ul li {
list-style: inside url(img/li.gif)!important;
list-style: inside url(img/lie.gif);
margin: 0;
}
/* wp_list loop*/
ul.wp_list {
margin: 20px 0;
line-height: 18px;
}
/* Nav */
.nav, .inav {
height: 33px;
line-height: 33px;
display: table-cell;
}
.nav {
width: 560px;
padding: 0 10px;
}
.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: 560px;
padding: 0;
}
/* comment */
#icomm {
width: 580px;
}
.commlist {
padding: 10px;
width: 560px;
}
h3#comments {
margin: 0 0 5px 0;
}
.tips {
font-size: 17px;
font-weight: bold;
margin-left: -9px;
padding: 20px!important;
padding: 12px 25px;
height: 45px;
line-height: 45px;
background: url(img/tips.gif) no-repeat right center;
}
.seal {
padding: 13px 20px!important;
padding: 13px 25px;
border-left: 1px solid #ddd;
margin-left:0;
}
#respond {
margin: 10px 0 0 0;
}
.comm_admin {
margin: 0 0 0 -10px;
padding: 7px 10px;
}
.icomf {
margin: 0;
display: block;
width: 558px;
padding: 10px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.icomft {
display: block;
width: 580px;
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: 552px;
height: 100px;
border: 1px solid #ccc;
padding: 2px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commlist ol 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;
width: 125px;
height: 30px;
border: none;
font: bold 12px Arial, sans-serif;
text-align: center;
line-height: 30px;
color: #08c;
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 5px 5px;
padding: 5px 0;
}
.children li.even {
margin: 0 5px;
background-color:#fff;
}
.children li.odd {
background-color:#f8f8f8;
margin: 0;
padding: 5px;
}
.reply a {
font-size: 11px;
padding: 2px 5px;
margin: 0 5px 0 0;
}
.reply a:hover {
color: #fff;
background-color:#08c;
}
.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;
}
/*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;
}
/* select */
select {
color: #aaa;
font: 11px Tahoma, Arial, sans-serif;
margin: 5px 0 10px 0;
padding: 5px!important;
padding: 8px 5px;
width: 185px;
border: 1px solid #ccc;
}
option {
line-height: 20px;
font-size: 11px;
border: 0;
color: #333;
}
/*sidebar menubar*/
#sidebar ul#master {
width: 210px;
}
#menubar ul#master {
width: 168px!important;
width: 169px;
background-color: #f8f8f8;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
li.widget {
margin: 5px 0;
padding: 0 0 5px 0;
text-align: center;
}
li.widget ul li {
list-style: inside url(img/li.gif)!important;
list-style: inside url(img/lie.gif);
}
#sidebar ul li.widget {
background: #f8f8f8 url(img/awgtft.gif) no-repeat bottom center;
}
ul#master li h2 {
font-size: 12px;
margin: 0;
padding: 0;
height: 25px;
line-height: 25px;
}
#sidebar ul li h2 {
color: #eee;
width: 210px;
text-align: center;
background: url(img/awgtit.gif) no-repeat center 0%;
}
#sidebar ul li h2 a {
color: #eee;
}
#menubar ul li h2, .tinfo {
margin: 0;
text-indent: 8px;
color: #08c;
text-align: left;
background: #ededed url(img/wgtit.gif) no-repeat right center;
border-bottom: 1px solid #e5e5e5;
}
#menubar ul li h2 a {
color: #08c;
}
#sidebar ul#master li ul,
#sidebar ul#master li .textwidget {
margin: 0;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
line-height: 20px;
}
ul#master li ul {
padding: 5px 0 7px;
}
.textwidget {
padding: 5px 10px;
text-align: left;
line-height: 18px;
}
ul#master li ul li {
margin: 5px 0 0 0;
padding: 0 10px;
text-align: left;
line-height: 20px;
}
ul#master li ul li a, .textwidget a {
color: #555;
}
ul#master li ul li a:hover, ul#master li ul li a:active,
.textwidget a:hover, .textwidget a:active{
color: #08c;
}
li#tag_cloud .textwidget {
padding: 0 8px 10px 8px;
text-align: center;
}
li#archives .textwidget {
text-align: center;
}
.sbarin {
margin-bottom: -6px;
font-size: 2px;
width: 210px;
height: 6px;
background: url(img/awgtin.gif) no-repeat top center;
}
.feed {
background: url(img/feed.gif) no-repeat right bottom;
}
.sbarsdw {
margin-top: -5px;
font-size: 2px;
width: 210px;
height: 10px;
background: url(img/awgtsdw.gif) no-repeat top center;
}
.mbarin {
margin-bottom: -5px!important;
margin-bottom: 0;
font-size: 1px;
height: 5px;
background: url(img/bwgtin.gif) no-repeat top center;
}
#mbend {
font-size: 2px;
margin-top: -5px!important;
margin-top: 0;
height: 15px;
background: url(img/bwgtft.gif) no-repeat top center;
}
#themeinfo .textwidget img {
margin-right: 3px;
}
#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;
}
/* rss widget */
ul#master li.widget_rss ul {
padding: 5px 5px 7px;
}
ul#master li.widget_rss ul li {
text-align: left;
line-height: 20px;
background: none;
margin: 0 0 5px 0;
}
span.rss-date {
display: block;
font-size: 11px;
color: #ccc;
font-weight: bold;
}
.rssSummary {
border-top: 1px solid #ccc;
line-height: 18px;
margin: 3px 0 0;
padding: 5px 0;
}
.widgettitle img {
display:none;
}
/* calendar */
#wp-calendar {
margin: 5px 0;
width: 188px!important;
width: 190px;
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;
}
/* 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*/
.underline {
padding: 0 0 3px 0;
background: url(img/line.gif) repeat-x bottom center;
}
.line {
background: url(img/line.gif) repeat-x top center;
padding: 3px 0 0 0;
}
.clear {
clear: both;
}
.hid {
display: none;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
small, .etxt, .commentmetadata  {
font: bold 8pt Arial, sans-serif;
}
code {
font: 12px Consolas, 'Courier New', Courier, monospace, sans-serif;
color: #360;
}
.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;
}
.pink {
color: #f06;
}
.gray {
color: #bbb; 
}
.blueword, .nextpage, .nextpage a {
color: #08c;
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;
}
ul#master li div.plugit {
text-align: center;
padding: 5px 2px;
}