/*
Theme Name: A-SuperCms
Theme URI: http://demo.jeff-chen.com/
Description: A Super Cms theme for Free User By Jeff Studio
Version: 2.8.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, code, 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; height:auto; min-height:125px;*height:125px;}
.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;}

/* 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; height: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:32px;height:32px; display:block; margin-bottom:5px;}
#feed-icon a#feed-feedsky {background-position:-110px 0px; overflow:hidden; display:table; width:32px;height:32px; float:left;}
#feed-icon a#feed-mail {background-position:-110px -33px; overflow:hidden; display:table; width:32px;height:32px; float:left;margin-left:5px;}
#feed-icon a#feed-sina {background-position:-110px -66px; overflow:hidden; display:table; width:32px;height:32px; float:left;margin-left:5px;}
#feed-icon a#feed-qq {background-position:-110px -99px; overflow:hidden; display:table; width:32px;height:32px; float:left; margin-left:5px;}
#feed-icon a#feed-twitter {background-position:-110px -132px; overflow:hidden; display:table; width:32px;height:32px; float:left;margin-left:5px;}
#feed-icon a#feed-renren {background-position:-110px -165px; overflow:hidden; display:table; width:32px;height:32px; float:left;margin-left:5px;}
#feed-icon a:hover{filter: alpha(opacity=70); -moz-opacity: .70; opacity:.70;}

.views-icon {background-position:-208px -216px; margin-right:10px;}
.comments-icon {background-position:-208px -82px; margin-right:10px;}
.tags-icon {background-position:-208px -132px; margin-right:10px;}
.folder-icon {background-position:-208px -49px; margin-right:10px;}
.time-icon {background-position:-208px -99px; margin-right:10px;}
.print-icon {background-position:-208px -199px; margin-right:10px;}
.quote-icon {background-position:-208px -298px; margin-right:10px;}
.star-icon {background-position:-208px -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;}