/*
Theme Name: Drifting Spring
Theme URI: http://yx.takeback.net/
Version: 0.99.1
Author: Dark
Author URI: http://yx.takeback.net/
Updated on: 2008-03-11(2007-06-13)
*/

/*------------------------------Merged------------------------------*/
.hl-main pre, body, #header, #topnav, #topnav li, #commentform, #side h2, #side ul, .entry ul.br, img.float-r {margin:0; padding:0;}
#story, #footer, #navmeta, #af-ela, .prev, #tit {margin:0;}
.redbox, #side, #af-ela, #footer, .navposts, .navpages, .postmeta {font:11px Arial, PmingLiu, sans-serif;}
small {font-family:Arial, Pmingliu, Sans-serif;}
hr.both, .postmeta, #side h2 {background:#f3ffda !important;}
#navmeta li a, #topnav li a, .entry sup, .entry sub, .moz, #fixbox span {font:bold 11px Arial, sans-serif;}

.cur, #topnav .current, #content .postmeta, .inline {display:inline;}
.clear {clear:both; margin:0;}
#side h2, .align-r, .next, #comments, #story .postmeta {text-align:right;}
.center, body, #s, #footer, .entry form {text-align:center;}
#side, .counter, #navmeta, .float-r {float:right;}
.prev, #tit a, .float-l {float:left;}

#topnav li, .entry ul.br {list-style:none;}
#footer, .postmeta, small, #fixbox label, #fixbox p {color:#999;}
.entry a, .ref a {font-weight:bold;}
/*------------------------------Structure------------------------------*/
body{font:12px Tahoma, sans-Serif; background:#ddb;}
#page{margin:0 auto; padding:0; width:86%; text-align:left;}
/*------------------------------header*/
#navmeta {padding:20px 0 0;}
#navmeta li {list-style:none; display:inline; padding:20px 10px 0 0;}

#topnav .cur a, #topnav .current a {position:relative; top:40px !important; top:33px; padding:0 4px; background:#f4fbe7;}
.current a, .current a:visited {color:#c70;}

#tit {padding:0 0 0 20px; text-indent:-9999px;}
#tit a {background:url('img/yuxu.gif') no-repeat 0 -50px; height:48px; padding:0; width:100px;}

#tl {background:#f4fbe7 url('img/tl.png') no-repeat top left; margin:15px 0 0; padding:0;}
#tr {background:url('img/tr.png') no-repeat top right; padding:0 5px 0;}
/*------------------------------Banner*/
#banner{margin:10px 0 0 10px !important; margin:10px 0 0 5px;}
.shadow {float:left;
	background:url('img/shadow.png') no-repeat bottom right !important;
	background:url('img/shadow.gif') no-repeat bottom right;}
.shadow img{display:block; width:98.4%; position:relative; background:#fff;
	border:1px solid #aaa; margin: -6px 6px 6px -6px; padding:5px;}
/*------------------------------Contents*/
#content {width:71%; font-size:13.5px; margin:0; padding:10px 0 0;}
.post {margin:0 0 1em 2%; padding:0;}
.postmeta {padding:2px; margin:0; clear:right;}
.entry {line-height:1.4em;}
/*Single Page*/
#fixbox {margin:3em 0 0; padding:5px 5px 2px; float:none !important; float:right; background:#dea; width:26% !important; width:30%; -moz-border-radius:10px; position:fixed; right:7.2%;}
#fixbox span {color:#070; padding:15px;}
.cf {margin:2px 0; font-size:10px;}
.cf label {margin:0 0 0 3px;}
textarea{width:97.5%; padding:0;}

#story{width:68%; font-size:13.5px; padding:15px 0 0;}
/*Comments*/
.commentlist {padding:0; margin:0 0 0 2%;}
.commentlist li{margin:0 0 8px 0; padding:5px 10px 3px; list-style:none; font:12px Tahoma, PmingLiu, Sans-serif;}
.commentlist p{margin:10px 0 5px; line-height:1.5em;}
.counter {font:italic bold 24px Georgia, Serif;}
.counter, .counter a, .counter a:visited {color:#ccc;}

.commentlist li cite{font:italic bold 1.25em "Lucida Sans", Sans-Serif;}
/*------------------------------Sidebar*/
#side{width:26%; padding:.5em;;}
#side{margin:10px 0 0;}
#side h2 {font-size:1.4em; border-bottom:1px solid #690; padding:0 20px 0 0; color:#690;}
#side ul li{list-style:none; margin:3px 0 0 7px;}
#side ul ul li{margin:2px 0 0 15px;}
#side ul ul li:before, .ref li:before {content:"\BB \A0";}
/*------------------------------Footer*/
#footer{padding:20px 0 0; clear:both;}

.navposts {margin:0px 0 0; padding:0 1%; width:98%; height:15px;}
.navpages {margin:5px 0; padding-left:4%;}
.navpages a{padding:0 4px;}
.prev, .next {width:49%; height:15px; padding:0;}
.next {margin:0 0 0 51% !important; margin:0 0 0 50.5%;}
/*------------------------------fomatting------------------------------*/
a, a:visited {color:#6A9F00; text-decoration:none;}
a:hover, .post:hover .counter a, .post:hover h2 a {color:#c70;}
a img{border:none;}

hr.both {color:#f3ffda; clear:both; border-top:1px solid #690; height:15px;}
hr {color:#f4fbe7; height:1px; background:#f4fbe7; border:none; margin:0; clear:left;}
h2, h3, h4, h5{font-family:'Lucida Sans', KaiTi_GB2312, SimHei, Sans-Serif; letter-spacing:-1px; margin:0;}

h2 {font-size: 1.8em;}
h3 {font-size: 1.6em; font-style:italic;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}

.entry sup, .entry sub, .moz {background-color:#ffc; padding:0 2px; margin:0;}
acronym, abbr{cursor:help; border-bottom:1px dashed #999;}
blockquote {margin:10px; padding:0 10px 0 40px; font-size:12px; background:#f3ffda url('img/quote.png') no-repeat 10px 0;}
code {color:#f03; background:#ffc; font-family:Monospace;}

.horodd {background:#EEF3BE;}
.author, .authorodd {background:#FFF3E2}
.redbox {background:#fff5f5; border:2px solid #f30; padding:5px;  margin:.5em 0;}

input, textarea{margin:0; padding:0 2px; border:1px solid #cce392; background:#ecf6d1;}
input:hover, textarea:hover {border-color:#9DC733;}
input:focus, textarea:focus {background:#F4FBE7;}

.bb {border-bottom:3px solid #69c;}
.btop {padding-top:5px; border-top:3px solid #000;}

ol ol li {list-style-type:upper-alpha;}
ol ol ol li {list-style-type:lower-roman;}
/* external links Icon(css3) */
.commentlist a[href*="http"], .entry a[href*="http"]{background: url('img/link-out.gif') right top no-repeat; padding-right:5px; margin-right:2px;}
.commentlist a[href*="yx.takeback.net"], .entry a[href*="yx.takeback.net"], .entry a[href*="http"].image {padding:0; margin:0; background:url(none);}
/*---------Images*/
img[alt]{color:#f3c;}
p img{padding:0; max-width:100%;}
img.centered {display:block; margin:2px auto;}
img.float-l {padding:0; margin:0 3px 3px 0;}
img.leftblock {margin:0; display:block;}
/*------------------------------plugins------------------------------*/
/*------------------------------Code Highlight*/
.hl-surround {-moz-border-radius:5px; background:#F9FBFC; border:1px solid #C3CED9; padding:5px; width:98%; overflow:auto;}
.hl-surround, .hl-surround pre, .hl-surround span{font:normal 9pt monospace, PMingLiU;}

.hl-var	{color:#00008b;} /* Dark blue */
.hl-url, .hl-inlinedoc, .hl-inlinetags, .hl-identifier {color:blue;}
.hl-default	{color:black;}
.hl-code	{color:gray;}
.hl-comment	{color:#ffa500;} /* Orange */
.hl-quotes	{color:#8b0000;} /* Dark red */
.hl-string	{color:red;}
.hl-builtin	{color:teal;}
.hl-special	{color:navy;}
.hl-number	{color:maroon;}
.hl-brackets	{color:olive;}
.hl-reserved	{color:green;}
.hl-main	{background-color:transparent;}
/*------------------------------Live Archives*/
#af-ela-loading{margin:2em 1em -1.2em 0; padding:0; text-align:right;}
#af-ela ul{padding:0 0 1px;}
#af-ela ul li{list-style:none; padding:1px 8px;}

#af-ela-menu {border-bottom:1px solid #ccc; margin:0 0 2px;}
#af-ela-menu li{display:inline; border:1px solid #ccc; margin:0 5px 0 0;}
#af-ela-menu li.selected {border:1px solid #ffd324; background:#fff6bf;}

#af-ela-year {float:left; width:15%;margin:0;}
#af-ela-month {float:left; width:20%; margin:0;}
#af-ela-post-chrono {float:left; width:64%; margin:0;}
#af-ela-category {float:left; width:33%; margin:0;}
#af-ela-post-cats {float:left; width:66%; margin:0;}

#af-ela-year .selected, #af-ela-month .selected, #af-ela-category .selected {
	border-top:1px solid #ffd324; border-bottom:1px solid #ffd324; background:#fff6bf; font-weight:bold; padding:0 8px;}

#af-ela-year li:hover, #af-ela-month li:hover, #af-ela-category li:hover {
	border-top:1px solid #ffd324; border-bottom:1px solid #ffd324; color:#f36; background:#fff6bf; padding:0 8px;}

#af-ela-year, #af-ela-month, #af-ela-category {border-left:1px solid #ccc;}
#af-ela-month, #af-ela-category, #af-ela-post-chrono, #af-ela-post-cats {border-right:1px solid #ccc;}

#af-ela-post-chrono a, #af-ela-post-cats a{font-weight:bold; color:#f36;}
#af-ela-post-chrono a:hover, #af-ela-post-cats a:hover{background:#f36; color:#fff;}