/*  
Theme Name: coda_za
Theme URI: http://isayme.com/
Author: iSayme
Author URI: http://isayme.com/
*/
body#blog{background:#474C52 url("../images/bg.jpg") center center fixed}
#wrap{width:84em;margin:0 auto;text-align:left;}
/*header*/
#logo{float:right;margin:1.2em 2.2em 0 0}
#logo a:hover{text-decoration:none}
nav{width:100%;margin:15px 0 0 20px;padding:5px 0 5px 20px}
nav ul{margin:0 10px 0 0;font-size:14px}
nav ul li{float:left;display:inline;padding:5px 10px 5px 0;-webkit-transform:rotate(-40deg);-o-transform:rotate(-40deg);-moz-transform:rotate(-40deg)}
nav ul li a:hover{text-decoration:none}
#dash{padding:30px;background:url(../images/headerbg.png) no-repeat}
/*header end*/
/*-----------general set-----------*/
.icon{background:url(../images/icon.png) no-repeat;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;}
.opaque_5{background:url("../images/opaque_5.png") 0 0 repeat}
.opaque_10{background:url("../images/opaque_10.png") 0 0 repeat}
.opaque_15{background:url("../images/opaque_15.png") 0 0 repeat}
.opaque_20{background:url("../images/opaque_20.png") 0 0 repeat}
.extracolum{width:15em}
.maincolum{width:43.5em}
.ver_side{padding-left:1.5em;background:transparent url("../images/sep_vertical.png") 0 0 repeat-y}
.hor_side{padding-bottom:1.3em;margin-bottom:1.3em;background:transparent url("../images/sep_horizontal.png") 0 bottom repeat-x}
.hor_side .row {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#commentcount .comstyle {
    color: #A1FF66;
    font-size: 12px;
    margin-top: 5px;
}
.post_time{margin:0em 0.8em 1em 0;padding:0 2.2em 0 0;text-align:right}
.post_time{background-position:right -1084px}
.post_time:hover{background-position:right -1043px}
.comment_post{background-position:0px -73px}
.comment_post:hover{background-position:0px -33px}
.comment_off{background-position:0px 6px}
.share{background-position:0px -453px}
.share:hover{background-position:0px -494px}
.subscribe{background-position:0px -582px}
.subscribe:hover{background-position:0px -625px}
.trackback{background-position:0px -761px}
.trackback:hover{background-position:0px -808px}
.permalink{background-position:0px -277px}
.permalink:hover{background-position:0px -321px}
.next_post{padding-right:15px;background-position:right -1010px}
.next_post:hover{background-position:right -971px}
.prev_post{padding-left:15px;background-position:0px -198px}
.prev_post:hover{background-position:0px -240px}
.post_tags{padding:5px}
.tags{margin:5px;background-position:0px -673px;padding-left:20px}
.tags:hover{background-position:0px -718px}
.edit_post{background-position:0px -152px}
.edit_post:hover{background-position:0px -113px}
.userinfo{background-position:0px -858px}
li.subrcomment{margin-left:20px;background-position:0px -1816px}
li.subrcomment a{padding-left:4px !important}
.share_to,.subscribe_to{display:none}
.me_tsina{background-position:0px -1198px;padding-left:24px}
.me_tsina2{background-position:0px -1893px}
.me_tqq{background-position:0px -1622px}
.me_qq{background-position:0px -1660px}
.me_renren{background-position:0px -1736px}
.me_qzone{background-position:0px -1697px}
.me_twitter{background-position:0px -1855px}
.me_greader{background-position:0px -2204px}
.me_zhuaxia{background-position:0px -2012px}
.me_xianguo{background-position:0px -1933px}
.me_yahoo{background-position:0px -1972px}
.me_netease{background-position:0px -1235px}
.me_baidu{background-position:0px -1275px}
.me_baidu2{background-position:0px -2052px}
.me_digu{background-position:0px -2090px}
.me_fanfou{background-position:0px -2165px}
.me_mop{background-position:0px -2241px}
.me_bookmark{background-position:0px -1314px}
.me_delicious{background-position:0px -1351px}
.me_douban{background-position:0px -1389px}
.me_facebook{background-position:0px -1427px}
.me_flickr{background-position:0px -1466px}
.me_kaixin{background-position:0px -1544px}
.me_google{background-position:0px -1505px}
.me_mail{background-position:0px -1582px}
.me_sohu{background-position:0px -1775px}
.me_googleplus{background-position:0px -2275px}
/*-----------general set-----------*/
.post_subr{background-position:0px -542px;padding-left:22px}
ul.postmeta{padding:1em}
ul.postmeta li a{display:block;padding:0.3em 0 0.3em 2em;text-decoration:none;color:#B6BCC1;border-top:1px solid #5F676D}
ul.postmeta li a:hover{color:#fff}
ul.postmeta > li:last-child a{border-bottom:1px solid #5F676D}
ul.postmeta li ul li a{border:none;padding:1px 0 1px 24px;margin:0 0 0 20px}
/*----------content----------------*/
#content{padding:0 1em 1em}
#main{width:60em}
.postcontent p{font-size:13px;line-height:1.5}
.postcontent img{max-width:530px}
.post_content ul li{margin-left:15px;list-style-type:disc}
.post_content ul ul li{list-style-type:circle}
#archives li{background:url("../images/icon.png") -64px -1126px no-repeat;padding:1px 5px 1px 16px;list-style-type:none}
#archives ul li:hover,.postcontent ol li:hover{background-position:0px -1148px}
#archives ul.archives-list > li{background:none}
#archives .archives-list li ul li{margin-left:16px}
p.more-link{text-align:right;padding-right:30px}
.copyright_info{padding:5px;margin:0 0 10px 0}
#relatedpost li{padding:3px 0 3px 0;margin-left:0;}
#relatedpost a,#relatedpost .excerpt{font-size:12px}
#comments h3{margin:1em 0 1.7em 0}
#comment-content p{margin:0}
#comments .comment-meta{text-align:right;float:left;margin:5px 0 0 -12.5em}
#comments .floor{padding-right:5em}
#comments .clear .reply{margin-top:-16px}
#comments .comment-content{margin:10px 0 0px 0}
#comments .avatar{margin:4px 4px 0 4px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.comment-body-ref {
    background: none repeat scroll 0 0 #474C52;
    border: 1px solid gray;
    opacity: 0.8;
    padding: 10px;
    position: absolute;
    width: 500px;
}

.comment-body-ref .post_time {
    display: none;
}
.code {margin: 95px 0px 0px 5px;}
/*--------navi----------*/
#postnavi{padding:10px 5px 15px 0px}
#pagenavi{width:43.5em;margin-left:16.5em}
.pages{margin-right:15px}
.page{margin:5px 0}
.page a{padding:0 5px 0 5px}
#commentForm label, #replyForm label {margin:0 0 0 -12.8em;display:inline;position:relative}
#commentForm textarea, #replyForm textarea{width:40em;height:8em;margin-bottom:0}
#replyForm {
    margin-top: 15px;
}
.alignleft{float:left;text-align:left;margin-right:10px}
.alignright{float:right;text-align:right;margin-left:10px}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.ajaxloading{background:url(../images/loading.gif) no-repeat left center;padding-left:22px}
#ajaxbox{display:none}
/* Links Page */
.linkpage ul{overflow:auto;margin:0 0 5px 0}
.linkpage ul li{list-style-type:none;margin-left:0;}
.linkpage ul li ul li{line-height:150%;margin:5px 5px 5px 3px;float:left;text-align:center;display:block;width:120px!important;width:93px;height:22px;border:1px #69C dashed;overflow:hidden}
.linkpage img{padding:3px 0 3px 5px;width:16px;float:left;height:16px}
/*readerwall*/
body{overflow-x:hidden}
.readerwall{padding:12px 0 12px 12px;font-size:12px;overflow:visible}
.readerwall li{width:40px;height:40px;margin:0;padding:5px 0 5px 5px;float:left;list-style:none;border:0px solid #DFDFDF;-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.readerwall .active-bg{width:40px;height:2px;_font-size:0;margin:0 0 0 -2px;background:#DFDFDF}
.readerwall .active-degree{background:red;width:40px;height:2px;_font-size:0}
.readerwall a{width:36px;height:36px;display:inline-block;position:relative;margin:0 0 2px;text-decoration:none}
.readerwall .pic{position:absolute;top:0;left:0;z-index:100;width:36px;height:36px;display:block;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;border-radius:4px;text-indent:-9999px}
.readerwall .num{position:absolute;top:0;left:0;z-index:99;width:34px;height:34px;line-height:34px;color:#E02523;font-size:18px;font-weight:bold;display:block;background:#fff;text-align:center;border:#bbb 1px solid;box-shadow:0 0 4px #ccc;-webkit-transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;border-radius:4px}
.readerwall .name{position:absolute;top:0;left:0;color:#333;display:block;width:1px;height:1px;overflow:hidden;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;text-align:center}
.readerwall a:hover .pic{z-index:100;border-color:#eee;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}
.readerwall a:hover .num{z-index:101;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);opacity:.8}
.readerwall a:hover .name{top:-28px;left:-38px;z-index:101;padding:4px 6px;height:20px;line-height:20px;overflow:hidden;background:#fff;border-radius:2px;box-shadow:0 0 3px #000;min-width:100px;opacity:.8}
.wp_syntax{background:#f8f8f8;color:#100;border:2px solid #EEE;margin:0;overflow:auto}
.wp_syntax div.code,.wp_syntax div.code_tb{overflow:auto;overflow-x:auto;overflow-y:hidden;expressionthisscrollwidththisoffsetwidth15:0}
.wp_syntax table{border-collapse:collapse}
.wp_syntax div,.wp_syntax td{vertical-align:top;padding:2px}
.wp_syntax .line_numbers{text-align:right;background-color:#F2F2F2;color:gray;overflow:visible}
.wp_syntax pre{font:12px 'Microsoft YaHei','Century Gothic',Arial,Verdana;margin:0;width:auto;float:none;clear:none;overflow:visible;word-wrap:break-word;line-height:1.5;white-space:pre}
.wp_syntax .code_title{background:#CCC;color:#2971A5;font-weight:bold}
/*---------------------content end--------------*/
/*-------------------sidebar-----------------*/
aside{width:19.5em;margin:0 0 0 1em}
aside #searchform input#s:hover,aside #searchform input#s:focus{background:url("../images/icon.png") 5px -409px no-repeat}
aside #searchform input#s{width:13em;margin:0;padding:5px 5px 5px 25px;background-position:5px -365px}
aside #searchform input#searchsubmit{width:4em;margin:0;padding:5px 5px 5px 10px;background:none}
aside .widget{margin:5px 0}
aside .widget h3{text-align:center;font-weight:bold;padding:1px 0}
aside .widget .blogroll li{display:inline-block;width:40%}
#calendar_wrap table{width:100%}
#calendar_wrap caption{text-align:center;font-size:14px}
#calendar_wrap tr td,#calendar_wrap tr th{text-align:center}
.widget li{background:url("../images/icon.png") -64px -1126px no-repeat;padding:1px 5px 1px 16px}
.widget li:hover{background-position:0px -1148px}
.widget li.linkcat{background:none;padding:0 0 1px}
/*------------sidebar end----------------*/
/*-----------footer-----------------*/
footer{margin:1em 1em;text-align:center;line-height:1.4em;padding:0.5em 1em}
/*--------------footer end--------------*/
a[rel="external"]{padding-right:9px;margin-right:3px;background:url("../images/icon.png") no-repeat right -1198px}
#smiles{margin-bottom:3px}
#smiles_list a{display:block;float:left;margin:1px}
#smiles_list a img{vertical-align:top}
#smiles_list a:hover{background:#fff}
.result{padding:5px;margin-bottom:10px;}
#comments .tip{position:absolute;width:500px;padding:10px;background-color:#474C52;border:1px solid gray}
/* start tags */
#tags {
    list-style: none;
}

#tags li {
    float: left;
    list-style: none;
    height: 38px;
}

#tags a:hover {
    text-shadow: 0 0 2px #555555;
}

#tags a {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 3px #555555;
    float: left;
    margin: 3px 6px;
    padding: 3px 12px;
    text-decoration: none;
}

#tags .tags1 {
    font-size: 12px;
    font-weight: normal;
}

#tags .tags2 {
    font-size: 14px;
    font-weight: normal;
}

#tags .tags3 {
    font-size: 16px;
    font-weight: normal;
}

#tags .tags4 {
    font-size: 18px;
    font-weight: bold;
}

#tags .tags5 {
    font-size: 20px;
    font-weight: bold;
}
/* end tags */

/* start emotions */
.em00, .em01, .em02, .em03, .em04, .em05, .em06, .em07, .em08, .em09, 
.em10, .em11, .em12, .em13, .em14 {
    background-image: url("../images/emotions-classic.png");
    float: left;
    height: 24px;
    margin-right: 5px;
    width: 24px;
}

#emotions span {
    cursor: pointer;
}

.em01 {
    background-position: -24px 0;
}

.em02 {
    background-position: -48px 0;
}

.em03 {
    background-position: -72px 0;
}
.em04 {
    background-position: -96px 0;
}

.em05 {
    background-position: 0px -24px;
}

.em06 {
    background-position: -24px -24px;
}

.em07 {
    background-position: -48px -24px;
}

.em08 {
    background-position: -72px -24px;
}

.em09 {
    background-position: -96px -24px;
}

.em10 {
    background-position: 0 -48px;
}

.em11 {
    background-position: -24px -48px ;
}

.em12 {
    background-position: -48px -48px;
}

.em13 {
    background-position: -72px -48px;
}

.em14 {
    background-position: -96px -48px;
}

.em-span {
    line-height: 24px;
    float: left;
}

.em-br {
    line-height: 24px;
}
/* end emotions */
.pagination {float: right;margin-right: 2em;}