/* Theme Name: A-SuperCms Theme URI: http://demo.jeff-chen.com/ Description: A Super Cms theme for Free User By Jeff Studio Version: 2.7.0 Tags: photoblogging, one-column, two-columns, white, light, theme-options, right-sidebar, threaded-comments author: Jeff Chen author URI: http://www.jeff-chen.com/ License: All Rights Reserved */ /************************* a-SuperCMS Screen Reset Styles ***************************/ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* typography.css */ body{font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", arial, Helvetica, sans-serif;}html>body p code{white-space:normal;}h1,h2,h3,h4,h5,h6{font-weight:normal;}h1{font-size:3em;}h2{font-size:2em;}h3{font-size:1.5em;}h4{font-size:1.2em;}h5{font-size:1em;}h6{font-size:1em;}h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0;}p{margin:0 0 1em;}p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}p img.right{float:right;margin:1.5em 0 1.5em 1.5em;}a:focus,a:hover{color:#666;}a{color:#428ce7;text-decoration:underline;}blockquote{margin:1.5em;color:#666;}strong{font-weight:bold;}em,dfn{font-style:italic;}dfn{font-weight:bold;}sup,sub{line-height:0;}sup{_vertical-align:text-top;}sub{_vertical-align:text-bottom;}abbr,acronym{border-bottom:1px dotted #666;}address{margin:0 0 1.5em;font-style:italic;}del{color:#666;}pre{margin:1.5em 0;white-space:pre;}pre,code,tt{font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}li ul,li ol{margin:0 1.5em;}ul,ol{margin:0 1.5em 1.5em;}ul{list-style-type:disc;}ol{list-style-type:decimal;}dl{margin:0 0 1.5em;}dl dt{font-weight:bold;}dd{margin-left:1.5em;}table{margin-bottom:1.4em;width:100%;}th{font-weight:bold;}thead th{background:#c3d9ff;}th,td,caption{padding:4px 10px 4px 5px;}tr.even td{background:#e5ecf9;}tfoot{font-style:italic;}caption{background:#eee;}.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}.hide{display:none;}.quiet{color:#666;}.loud{color:#000;}.highlight{background:#ff0;}.added{background:#060;color:#fff;}.removed{background:#900;color:#fff;}.first{margin-left:0;padding-left:0;}.last{margin-right:0;padding-right:0;}.top{margin-top:0;padding-top:0;}.bottom{margin-bottom:0;padding-bottom:0;} /* grid.css */ .container {width:950px;margin:0 auto;font-size:12px;} .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;} * html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 { _overflow-x: hidden; } .last, div.last {margin-right:0;} .span-1 {width:30px;}.span-2 {width:70px;}.span-3 {width:110px;}.span-4 {width:150px;}.span-5 {width:190px;}.span-6 {width:230px;}.span-7 {width:270px;}.span-8 {width:310px;}.span-9 {width:350px;}.span-10 {width:390px;}.span-11 {width:430px;}.span-12 {width:470px;}.span-13 {width:510px;}.span-14 {width:550px;}.span-15 {width:590px;}.span-16 {width:630px;}.span-17 {width:670px;}.span-18 {width:710px;}.span-19 {width:750px;}.span-20 {width:790px;}.span-21 {width:830px;}.span-22 {width:870px;}.span-23 {width:910px;}.span-24, div.span-24 {width:950px;margin:0;} div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;} div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;} .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;} hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none; _margin:-8px auto 11px;} hr.space {background:#fff;color:#fff;} .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} .clearfix, .container {display:block;} .clear {clear:both;} /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em; _margin:-18px -8px 16px 0; _padding:0;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} /************************* a-SuperCMS Styles ***************************/ body {color:#666;background-color: #EFEFEF; _text-align:center;} ul {list-style-type: none} ol {list-style-type: decimal; _margin-left:2em;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5, h6,pre,form,fieldset,input,blockquote,table, th,td { margin: 0; padding: 0; } .container {width:990px;margin:0 auto;background:#fff; padding-bottom:25px; _text-align:left;} .container-inner {width:950px; margin:0 auto;padding:1.75em 0 1em; margin-top:5px;} a {color:#428ce7;text-decoration:none;} a:hover, a:focus {color:#333;} h1,h2,h3,h4,h5,h6 {color:#222;} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#222;} h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color:#09C;} h2.sub {margin: 5px 0 10px 0;padding: 5px 0 5px 0;font-size: 1.2em;font-weight: bold;line-height: 1.2em;letter-spacing: 1px;color: #515151;border-bottom: 1px solid #eee;} h3.sub {margin: 5px 0 10px 0;padding: 5px 0 5px 0;font-size: 1.1em;font-weight: bold;line-height: 1.1em;letter-spacing: 1px;color: #515151;border-bottom: 1px solid #eee;} p {color:#777;} h6.top {color:#ccc;} #top {width:990px;margin:0 auto 1em;padding:1em 0 0.5em;height:60px} .login {float:left;} form#loginform {text-align:left;} input #wp-submit {background:#000} blockquote {color: #999;background: #f9f9f9;padding: 12px 12px 5px 12px;margin:5px 0px 15px 20px;border-left: 3px solid #E8E8E8;} .button a{ background: url(images/button.png) no-repeat;} .button-icon{ background: url(images/button.png) no-repeat; background-position:right; padding-left:13px;} /* Masthead */ #masthead {float: left;padding-top:10px;} #masthead h1 { font-weight: bold; text-transform: uppercase; font-size:20px; margin: 0; padding:15px 0 0 0;} #masthead span.description { font-weight: normal; color: #666; text-transform: lowercase; font-size: 12px; padding: 0px 10px;} #logo {position: absolute;} /* Top Menu */ div.wrapper { margin: 0; width: 100%;display: block;background-color: #000; height: 35px;z-index: 333;} #menu { margin:0; padding:0;height:35px;} #menu .menunav {position:relative;z-index:300; font-size:12px;} #menu .menunav li{padding:0;position:relative;z-index:1;height:35px;float:left;position:relative;width:auto;background-color:#000; color:#ccc; border-right:1px #333 dotted;display:inline-block;line-height:35px;} #menu .menunav li a{color:#ccc !important;text-decoration:none;display:block;padding:0 20px; cursor:pointer;} #menu .menunav li a:hover{background-color:#222;color:#FFF !important;text-decoration:none;display:block; cursor:pointer;} #menu .menunav > a{display:block} #menu .menunav li:hover{text-decoration:none;background-color:#222;color:#FFF !important; cursor:pointer;display:block;} #menu .menunav li:hover ul, #menu .menunav li.over ul{display:block;overflow:hidden; margin:0px;} #menu .menunav ul{position:absolute;top:35px;display:none;padding:10px 0 0px;z-index:300} #menu .menunav li ul { margin:0; padding:0; width:150px;} #menu .menunav li ul li{ width:150px; border-right:none;} .nav-wrapper { display: block; padding: 0;height: 35px;} .nav-wrapper ul {float:right; margin: 0; padding: 0; position: relative;} .nav-wrapper ul *:hover { background-color: #333; color: #FFF; cursor:pointer;} .nav-wrapper ul a {display: block; color: #CCC; font-size: 12px; padding: 9px 15px 8px; margin: 0;} .nav-wrapper ul li { display: block; list-style: none; float: left; position: relative; margin-bottom:0; border-left:1px #333 dotted;} /* Search */ #search {margin:0; padding:0; float:right;} #searchform {right: 0;font-size:12px;font-family:Verdana, Geneva, sans-serif;} #searchform #s {width:152px;background:#ddd;border:none;padding:3px 5px;margin: 0;float: left;border: 2px solid #ddd;height:17px;} #searchform #s:focus {outline: none;border-color: #e50000;} #searchform #searchsubmit {background:#333;border:none;width:70px;height:27px;padding:6px 10px;margin:0;font: .9em/1em Georgia, "Times New Roman", Times, serif;text-transform: uppercase;color: #fff;} #searchform #searchsubmit:hover {background-color: #666;cursor:pointer;} /* Posts */ .content {display:block;clear:both;} .post {display:block;clear:both; line-height:180%;} .post ol {margin: 5px 0 5px 15px !important;} .post ol ul { margin-top: 0 !important; margin-bottom: 0 !important;} .post h2{ font-size:14px; line-height: 1.2em;} .post h3{ font-size:14px; line-height: 1.1em;} .postmetadata{background:#F5F5F5;padding:1em;color:#999; font-size:12px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} .postmetadata a{color:#515151;} .postmetadata a:hover{color:#09C;} .underlined {border-bottom:1px solid #222;} .related { height:60px; list-style: inside;} .related li { width:50%; float:left;list-style-type: circle; overflow:hidden;} .postinfo {color:#B4B4B4; font-size:12px; padding-bottom:10px;} .postinfo a {color:#999;} .postinfo a:hover {color:#09C;} .byline {font-size:12px;margin:0;color:#aaa; padding-bottom:4px; padding-top:4px; line-height:130%} .byline a {color:#999} .byline a:hover {color:#09C;} .next-prev {float:left; margin-bottom: 15px;} .next-prev a {background:#eee; color:#222; font:bold 12px/1 helvetica,arial,sans-serif; padding:4px 10px 6px 10px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border:1px solid #E3E3E3;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;text-decoration:none;display:block;} .next-prev a:hover {background:#09F;color:#FFF; cursor:pointer;border:1px solid #09C;} #content h2, #content h3, #content h4, #content h5 { color:#666; font-weight:bold; padding:8px 0;} #content h2, #content h3 { font-size:14px;} #content h4, #content h5 { font-size:12px;} /* Sidebar */ .sidebar {display: table;float: left;width: 310px;} #sidebar,.list {margin:0;} #sidebar h3 {margin:0;padding:0 0 .6em 0} .list h3,.list h2 {margin:0;padding:0 0 .6em 0} #sidebar h2 {margin:.6em 0 0 0;padding:0 0 .6em 0} #sidebar .item,#.list .item {margin:0 0 4em 0} #sidebar ul,.list ul{list-style:none;margin:0 0 1.6em 0;font-size:12px;} #sidebar ul li a,.list ul li a,ul.txt li{color:#777;height:1%;line-height:1.2em;border-bottom:1px dotted #EEE;display:block;padding:6px 3px;} #sidebar ul li a:hover,.list ul li a:hover,ul.txt li:hover{color:#fff;background: #666;} #sidebar ul li a span,.list ul li a span,ul.txt li,h4 a span{color:#696455;} #sidebar ul li.active a,.list ul li.active a{cursor:default;color:white;} #sidebar ul ul,.list ul ul{margin:0;list-style:none;} /* Footer */ #footer-wrap {width:990px;margin:0 auto;background:#111; display:table; font-size:12px;} #footer {width:950px;padding:1.5em 0;margin:0 auto;color:#999;text-align:left; padding-left:20px; padding-bottom:20px;} #footer p {color:#999} #footer h3 {margin:0;padding:2px 0 .6em 0; border-bottom:none; color:#999;font-size:12px;} #footer .item {margin:0 0 20px 0} #footer ul{list-style:none;margin:0 0 1.6em 0;font-size:12px;} #footer ul li{ float:left; margin-right:10px;} #footer .copyright{font-size:12px;} #footer .textwidget{font-size:12px;} #footer a{color:#ddd;} #footer a:hover{color:#999;} #footer .copyright-pic a{ background-position:-29px -221px;width:55px; height:11px; padding:0px; margin:4px 0; display:block;} /* Floats & Images */ .right { float: right; } .left { float: left; } .middle {margin: 0 auto;float:left;} .clear { clear: both; } img.centered{display: block;margin-left: auto;margin-right: auto;max-width:950px} img.alignright{padding: 4px 0 4px 4px;margin: 3px 0 2px 10px;display: inline;max-width:950px} img.alignleft{padding: 4px 4px 4px 0;margin: 3px 10px 2px 0;display: inline;max-width:950px} img.alignnone{padding:4px 4px 4px 0; margin:3px 10px 2px 0;display: block;max-width:950px} .alignleft{float: left;} .alignright{float: right;} .aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;} .thumbnail, .attachment-thumbnail,.dp_attachment_image .glide-image-small {max-width:150px;margin:0 1.5em 1.5em 0;float:left} .attachment-medium {max-width:950px;overflow:hidden;display: inline} .attachment-large {max-width:950px;overflow:hidden;display: inline} .content .size-medium, content size-large {margin: 0 1.5em 1.5em 0} .home .size-medium, .home .size-large {max-width:590px; height:auto; overflow:hidden;margin:0 .5em .5em 0;} /* gallery */ dl.gallery-item .gallery-caption {clear:both;float:none;width:130px;} dl.gallery-item .gallery-icon .attachment-thumbnail{width:130px; height:130px;} .gallery-icon .attachment-thumbnail{padding:0;margin:0;} .gallery-icon { width: auto !important; margin-bottom: 5px; padding: 5px;} .gallery-caption {clear: both;padding: 5px;} .gallery-item { display: inline-block !important;padding-bottom: 1px;margin: 0 auto !important; float: none !important;} dl.gallery-item {width: 25% !important;float:left !important;} /* Captions */ .wp-caption p.wp-caption-text {font-size: 11px;line-height: 30px;margin: 0;padding:10px;text-align:center;font-style:italic;} /* Comments */ ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; } ol.commentlist li { border-top:1px solid #eee; margin:0 0 10px; padding:5px 0px 5px 40px; position:relative; height:1%;} ol.commentlist li.comment-author-admin {border-top:5px solid #222;} ol.commentlist .comment-body:hover {} ol.commentlist li div.comment-author { padding:0 40px 0 0; } ol.commentlist li div.vcard { font-weight: bold; color:#222 } ol.commentlist li div.vcard a {color:#222} ol.commentlist li div.vcard cite.fn { font-style:normal; } ol.commentlist li div.vcard cite.fn a.url { text-decoration:none; } ol.commentlist li div.vcard cite.fn a.url:hover { color:#333; } ol.commentlist li div.vcard img.avatar {left:0px;position:absolute; top:5px; } ol.commentlist li div.comment-meta { font:11px helvetica,arial,sans-serif;position:absolute; right:0; text-align:right; top:0; padding:6px 4px 4px 4px} ol.commentlist li div.comment-meta a { color:#bbb; text-decoration:none; } ol.commentlist li div.comment-meta a:hover { color:#000; } ol.commentlist li.comment-author-admin div.comment-meta {background:#222} ol.commentlist li.comment-author-admin div.comment-meta a:hover {color:#fff} ol.commentlist li div.reply { text-align:center; width:50px; right:0px;} ol.commentlist li div.reply a { display: block;margin: 0;padding: 2px 8px 1px; background: #F3F3F3;color: #666; border: 1px solid #EEE;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;} ol.commentlist li div.reply a:hover { background: #09F; color:#FFF; border: 1px solid #09C;} ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; } ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; } ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; } ol.commentlist li ul.children li.depth-5 {} ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; } h3#comments {font-size:14px; font-weight:bold; color:#666;border-bottom:4px solid #eee; padding-bottom:8px;} #respond {margin:0px 0 5px 0; padding:10px 0;border-top:5px solid #f7f7f7} #respond h3 {margin:5px 0 10px 0; font-size:14px; font-weight:bold; color:#666;} #respond p { margin:0; padding:0; width:97%;} #respond form p label {margin-left:-40px;} #respond form p label small {color:#999; font-size:12px; position:relative; left:-177px;} #respond form p #seccode-text small {color:#999; font-size:12px; position:relative; left:-112px;} #respond form input {padding:3px 3px 3px 40px;} *html #respond form p label small {position:relative; top:-2px;} *+html #respond form p label small {position:relative; top:-2px;} #commentform{ margin-bottom: 30px;} #commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;font-size: 12px;border:1px #ccc solid;} #commentform input:hover {border:1px solid #000;} #commentform textarea {margin-top:5px;width: 99%;padding: 2px;border:1px #ccc solid;font-size: 12px; height:80px;overflow: auto;} #commentform textarea:hover {border:1px solid #000;} #commentform #submit{margin-top: 5px;padding: 5px;font-weight: bold;font-size: 1.3em;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB;font-size:1.3em;font-weight:bold;margin-top:5px;padding:5px; cursor:pointer;} legend {font-size: 12px;font-weight:bold;padding: 2px 10px} #commentform #submit {font-size: 12px;background:#111 none repeat scroll 0 0;border:1px solid #222;color:#BBBBBB;font-weight:bold;padding:5px; width:215px;} #commentform #submit:hover{background:#09F;color:#FFF; cursor:pointer;border:1px solid #09C;} /* Post Hover Box */ .postbox {width:190px;min-height:280px; } .postbox .content { height:55px; padding:0 5px;} .posthover { margin:0; padding:0; background:#f8f8f8; float:left; margin-bottom:20px; margin-right:10px;} .posthover h3 { font-size:12px; line-height:130%; font-weight:bold;} .posthover:hover{ background:#F3F3F3; -webkit-box-shadow:0 0 5px #09C; -moz-box-shadow:0 0px 5px #09C;} .posthover:active{ background:#F3F3F3; -webkit-box-shadow:0 0 5px #09C; -moz-box-shadow:0 0px 5px #09C;} .posthoverimg { height:125px; overflow:hidden;background:#EEE;} .posthoverimg img {width:190px;} .posthovertitle { height:35px; padding:5px;} .posthovernum { padding:5px;} .postbyline {padding:5px;font-size:12px;color:#aaa; margin:0;line-height:130%;background:#EEE;} .postbyline a {color:#999} .postbyline a:hover {color:#09C;} .posthovertit { font-size:28px; height:95px; width:170px; overflow:hidden; color:#CCC; padding:15px 10px; line-height:120%; position:absolute;} /* Post navigation */ .postnavigation {height:30px;padding-top:5px;width:100%;} .postnavigation a, .postnavigation a:hover {text-decoration: none;} .previouspostbutton a, a .previouspostbutton { background-position:0 0; width: 99px;height: 30px;border: 0;display: block;} .previouspostbutton a:hover, a:hover .previouspostbutton {background-position: 0 -30px;cursor: pointer;} .nextpostbutton a, a .nextpostbutton { background-position:0 -60px; width: 99px;height: 30px;border: 0;display: block;} .nextpostbutton a:hover, a:hover .nextpostbutton {background-position: 0 -90px;cursor: pointer;} /* New Icon */ .new{color:#FFF;font-weight:bold;font-size:10px;background-color: #000;padding: 0px 5px; width:26px; position: absolute; z-index:2;display: block;} .new-right .new{color:#FFF;font-weight:bold;font-size:10px;background-color: #000;padding: 0px 5px; width:26px; position: relative; float:right;} /* Reply Icon */ a#leaveareply{height: 40px;width: 200px;display:block;cursor:hand; margin:0px 0px 10px;background-position: 0px -296px;} a:hover#leaveareply{cursor:hand;background-position: 0px -336px;} .navigation {clear: both; display:block; margin: 10px 0;} .smiley{padding:0; margin:0; display:block; margin-top:-12px;} /* featlish */ #postlist {margin-top:5px;height:360px;} #postlist ul{list-style-type: none; padding: 0px 0px;margin:0px 0px;} #postlist li {padding: 5px 5px;list-style-type:none;width: 300px;float:left;height:60px;overflow: hidden;background-color:#FFF; border-bottom: 1px dotted #ddd;} #postlist li:hover {background-color:#F2F2F2;} #postlist li h2 { color:#666; font-size:12px;height:18px;margin:0px 0px;padding:2px 0px 2px 0px;} #postlist li .h2h { color:#666; font-size:12px;height:38px;margin:0px 0px;padding:2px 0px 2px 0px;} #postlist li h2 a { color:#666; text-decoration:none; font-weight:bold;} #postlist li h2 a:hover {color:#09C;text-decoration:none;} #postlist li img {float:left;margin-right:5px;background:#EFEFEF;width:50px;padding: 2px;border: 1px solid #E7E7E7;} .fcats{overflow:hidden;font-size:12px;padding:2px 0px;margin:1px 0px 0px 0px;height:15px;font-family:Tahoma,arial,verdana, sans-serif;} #postlist li .wp-smiley {float: none;margin-right:0px;background:none;width:16px;padding: 0px;border: 0;} .fcats{overflow:hidden;font-size:12px;padding:2px 0px;margin:1px 0px 0px 0px;height:15px;font-family:Tahoma,arial,verdana, sans-serif;} .fcats a:link,.fcats a:visited {color:#999;} .fcats a:hover {color:#09C;} .auth{overflow:hidden;font-family:Tahoma,arial,verdana, sans-serif;font-size:10px;color:#96a2aB;padding:0px 0px;margin:0px 0px;height:15px;} .container-inner .post img,.container-inner .entry img { max-width:580px; height:auto; border:5px solid #EBEBEB; padding:0px;} .container-inner .post img { max-width:580px; height:auto; _width:expression(this.width > 580 ? "580px" : this.width); } /* pagenavi */ .pagenavi{clear: both; display:block;} .pagenavi a,.page-numbers{text-decoration: none;border: 1px solid #BFBFBF;padding: 3px 7px;margin: 2px;} .pagenavi a:hover{border-color: #666;} .pagenavi .current{font-weight: bold;text-decoration: none;border: 1px solid #BFBFBF;padding: 3px 7px;margin: 2px;} /* Subscribe feed */ #feed-icon a{height:46px;height:46px; display:block; margin-bottom:5px;} #feed-icon a#feed-feedsky {background-position:-154px 0px; overflow:hidden; display:table; width:46px;height:46px; float:left;} #feed-icon a#feed-feedburner {background-position:-154px -46px; overflow:hidden; display:table; width:46px;height:46px; float:left;margin-left:5px;} #feed-icon a#feed-mail {background-position:-154px -92px; overflow:hidden; display:table; width:46px;height:46px; float:left;margin-left:5px;} #feed-icon a#feed-comments {background-position:-154px -138px; overflow:hidden; display:table; width:46px;height:46px; float:left;margin-left:6px;} #feed-icon a#feed-twitter {background-position:-154px -189px; overflow:hidden; display:table; width:46px;height:46px; float:left;margin-left:6px;} #feed-icon a#feed-sina {background-position:-154px -239px; overflow:hidden; display:table; width:46px;height:46px; float:left;margin-left:7px;} #feed-icon a:hover{filter: alpha(opacity=70); -moz-opacity: .70; opacity:.70;} .views-icon {background-position:-418px -216px; margin-right:10px;} .comments-icon {background-position:-418px -82px; margin-right:10px;} .tags-icon {background-position:-418px -132px; margin-right:10px;} .folder-icon {background-position:-418px -49px; margin-right:10px;} .time-icon {background-position:-418px -99px; margin-right:10px;} .print-icon {background-position:-418px -199px; margin-right:10px;} .quote-icon {background-position:-418px -298px; margin-right:10px;} .star-icon {background-position:-418px -165px; margin-right:10px;} /* tooltip */ #tooltip {position:absolute;z-index:1000;max-width:350px;word-wrap:break-word;background:#000;text-align:left;padding:5px 8px;min-height:1em;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .tooltip {color:#fff;font:12px 'Microsoft YaHei',arial,Tahoma,Sans-Serif;} .tooltip em {display:block;margin-top:3px;color:#09c;font-style:normal;} /* Page Links */ li.linkcat {margin: 0;width: 950px; /* Prevents IE6 miscalculation */ background: #fff; padding:0; } .blogroll ul {list-style-type: none;overflow:auto;} * html .blogroll ul{ height:1%;} .blogroll ul li {color: #333;margin-bottom: 5px;font-size: 12px;float: left;width: 149px;margin: 3px 3px;line-height: 180%;background-color: #FFFFFF;border: 1px solid #ddd;overflow:hidden;} .blogroll ul li a {color: gray;display: block;height:22px;} .blogroll ul li a:hover {background-color:#09F;color: #FFFFFF;height:22px;} .blogroll img{float:left;height:16px;width:16px;padding:3px 5px 3px 3px;} /* Light-Box CSS */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0; display:none;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxOverlay{background:#fff;} #colorbox{} #cboxContent{margin-top:32px;} #cboxLoadedContent{background:#000; padding:1px;} #cboxLoadingGraphic{background:url(images/load.gif) center center no-repeat;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) 0 0 no-repeat;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose.hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} #slideshow, .slideshow {height: 230px; width: 590px; overflow: hidden; position: relative;} .slide {height: 230px; width: 590px; background: #eee; overflow:hidden;} .slide img {display: block; float: left; width: 590px; height:auto; position: relative;} #larr, #rarr {display: block; width: 32px; height: 53px; position: absolute; top: 86px !important; opacity: 0.2; z-index: 99 !important;} #larr {background: #000 url("images/larr.png") 8px 50% no-repeat; left: 0 !important;} #rarr {background: #000 url("images/rarr.png") 11px 50% no-repeat; right: 0 !important;} #larr:hover, #rarr:hover {opacity: 1;} /* home friend links */ #links li {float:left;padding-left:0;width:50%;} #links li a{color:#666;} #links li a:hover{color:#09C;} #morelink a{ display:block; color:#666; font-weight:bold;} #morelink a:hover{ color:#09C;}