/*
THEME NAME: whirlwind
THEME URI: http://www.pagemod.cn/2008/10/diary-cute-released.html
Description: a simple WordPress theme - diary-cute - created by <a href="http://www.pagemod.cn/">page</a>. Modified by James for Whirlwind Theatre.
VERSION: 1.6
AUTHOR: page
AUTHOR URI: http://www.pagemod.cn
TAGS: two-columns,fixed-width,right-sidebar
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
		2009.01.06  update v1.6
	Compatible :WP v2.5-v2.7
	
*/

/* Begin html tags */
* { margin:0; padding:0; } 
body {font-size: 62.5%; /* Resets 1em to 10px */font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #D4D4D2;
background: #7A7A79;
background: #262625;
color: #282c2f;	margin:0px auto;height:auto;}
hr{display: none;}
a{color: #85837A;text-decoration: none;}
a:hover {color: #CFCECC;text-decoration: underline;}
ul{list-style-type: none;}
h2{font-size:1.3em;}
h3,h4{font-size:1.1em;font-weight:bold;}
small{font-size:1em;}
.clear{clear:both;}

/* End html tags */


/* Begin Structure */

#header {text-align:right;width: 540px;height:60px;margin:0 auto 10px;color: #CFCECC;font-size:1.2em;padding:5px 200px 0 0;}
#content{width:740px;margin:0.2em auto;font-size:1.2em;}
#maincontent{float:left;width:540px;line-height:1.5em;background: #C4C4C4 url(img/maint.gif) no-repeat top center;padding:4px;display:inline;
   -moz-border-radius: 8px;
   -khtml-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
}
#sidebar{float:right;width:185px;text-align:left;position:relative;}
#sidebar-top{margin-left:-30px;}
#sidebar-left{margin-left:-30px;}
#footer{width:740px;height:35px;margin:auto;font-size:1.2em;padding:5px 0;color:#F9FAF7;}
/* End Structure */

/* begin header*/
#header h1{font-size:2.2em;padding:15px 0 0 0px;}
#header h1 a{color:#CFCECC;text-decoration: none;}
.description{padding:3px 10px 0 10px;}
#menu{font-size:1.2em;width: 740px;margin:auto;}

.lavalamp { position: relative;margin:auto;width:700px;height:40px;overflow: hidden; background: url("img/bg.png") no-repeat top left;padding:8px 20px 0;}
 .lavalamp li {float: left; list-style: none;}
 .lavalamp li.back {width: 9px; height: 25px;z-index: 8;position: absolute;background: #4D4D4D url("img/lavabg.gif") no-repeat top right;}
 .lavalamp li.back .left {background: url("img/lavabg.gif") no-repeat top left;height: 25px;margin-right: 9px; }
 .lavalamp li a {  text-decoration: none; color: #DFE2F0;outline: none;text-align: center; padding:5px 10px;text-transform: uppercase;letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        position: relative;
                        overflow: hidden;
font-weight:bold;
                    }
.lavalamp li a:hover, .lavalamp li a:active, .lavalamp li a:visited {border: none; }               
/* End header*/




#footer a{color:#020303;}
/* begin maincontent*/
.postdate{margin-right:5px;overflow:hidden;float:left;width:40px;height:40px;font-family:Georgia;text-align:center;color:#DFE2F0;background: #CFCECC url(img/date.gif) no-repeat top center;}
.postdate span{}

.topcorner{background: url(img/contentt.gif) no-repeat top center;height:15px;}
.bottomcorner{background: url(img/contentb.gif) no-repeat bottom center;height:15px;}
.contentpadding{padding:5px 35px 5px 15px;background:#DFE2F0 url(img/contentback.gif) repeat-y;}
#maincontent .entry a{color:#F5F2F0;}
#maincontent .entry a:hover{text-decoration: none;border-bottom:1px dashed #CFCECC;}
#maincontent h2 a{color:#85837A;}
#maincontent h2 a:hover{color:#CFCECC;}
#maincontent ul li{margin-left:10px;padding: 0 0 0 15px;background: url(img/ul.gif) no-repeat left center}
.entry{margin-top:10px;}

.entry p {margin-bottom:0.5em;}
.entry ol {padding: 0 0 0 35px;}
.entry ul {list-style-type:none;}
.entry ul li{margin-left:10px;padding: 0 0 0 15px;background: url(img/ul.gif) no-repeat left center}
.entry img {border:1px solid #A1A099;padding:2px;}

.entry table {border:1px solid #A1A099;}
.entry table tr th{padding:1px 10px;background:#C2C4D1;}
.entry table tr td{padding:2px 10px;background:#D9DADE;}

.entry blockquote ,.entry pre{margin:0 20px;padding:5px;background:#C2C4D1;
   -moz-border-radius: 8px;
   -khtml-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   overflow:hidden;
}
.postmetadata{padding:1px 15px;margin:0.5em 0 25px;background: url("img/ping-track.gif") repeat-y top left;}

.ping-track{padding: 0 15px;background: url("img/ping-track.gif") no-repeat top left;}
.postnav{margin:1em 0;}
/* End maincontent */

/* Begin sidebar */
#sidebar h2{font-size:1em;color:#C4C4C4;margin-top:-3px;padding-left:10px;text-transform:uppercase;}
#sidebar-top ul li ul{padding-left:10px;}
#sidebar-top .contentlist ul li a{color:#DFE2F0;padding-left:10px;}
#sidebar-top .contentlist ul li a:hover{color:#C4C4C4;text-decoration: none;}
#sidebar-left .contentlist1 ul{padding:5px 0  0 5px;}
#sidebar-left .contentlist1 ul li a{margin:2px 0 2px 5px;color:#C4C4C4;}
#sidebar-left ul li a:hover{color:#EBEEEF;text-decoration: none;}
#sidebar a{color:#C4C4C4;}


#archives, #categories { display:none; }  

.tabs{}
.tabs li{}
.tabs li a{margin:12px 0;display:block;height:30px;width:103px;padding:10px 20px;outline:none}
.tabs li a span{ display:block;overflow:hidden; width:0; height:0; }

#tabnewpost{background: url(img/newpost.png) no-repeat top center;}
#tabcomments{background: url(img/comments.png) no-repeat top center;}
#tabarchives{background: url(img/archives.png) no-repeat top center;}
.contentlist{background: url(img/tabshow.png) repeat-y top left;width:140px;padding:0 10px;}
.tabshow-t{clear:both;background:url(img/tabshowt.png) no-repeat top left;height:19px;width:160px;}
.tabshow-b{background: url(img/tabshowb.png) no-repeat top left;height:20px;width:160px;}
.contentlist1{background:url(img/tabshow1.png) repeat-y top left;width:140px;padding:0 10px;}
.tabshow1-t{margin-top:1em;background: url(img/tabshow1t.png) no-repeat top left;height:19px;width:160px;}
.tabshow1-b{background: url(img/tabshow1b.png) no-repeat top left;height:20px;width:160px;}
/* End sidebar */


/* Begin wp-tags*/
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 2px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 2px;margin: 0 7px 2px 0;display: inline;}

.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignright {float: right;}
.alignleft {float: left}

.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}


#wp-calendar{width:100%;color:#A4A8BF;text-align:center;}
#wp-calendar a{color:#B7BDDA;}
#wp-calendar td { text-align:center;}
#wp-calendar tfoot{width:100%;}
.searchf input.sbm-b{margin-top:5px;width:90%;border:1px solid #808DB1;padding:4px;background:#C2C4D1;color:#4C517A;}
/* End wp-tags */


/* Begin comments*/
.message{width:90%;}
#response{margin:2em 0 0 20px;}
.comleft{width:20%;float:left;vertical-align:middle;text-align:right;padding:5px;}
.comleft a{color:#0230FA;}
.message-by{}
.avatar-place{}
.message-count{float:left;}
.message-content{margin:10px 20px;width:80%;padding-bottom:5px;border-bottom:2px solid #60668C;}
.alt{border-bottom:2px solid #7293AD;}
.author{border-bottom:2px solid #CFCECC;}
.message-entry{float:left;padding:5px 0 0 20px;width:60%;vertical-align:middle;}
.inputs input,#commentform input{background:#8092B1;border:0;padding:2px;background: #8092B1 url(img/input.gif) no-repeat top center;width:166px;height:16px;}
.message textarea,#comment{border:0;width:380px;height:180px;overflow:hidden;background: #8092B1 url(img/textarea.gif) no-repeat top center;padding:10px;}
.submit{margin-top:10px;}
.submit input,#commentform #submit{border:0;width:60px;height:30px;background: #8092B1 url(img/submit.gif) no-repeat top left;color:#fff;}
#commentform p{line-height:2.5em;}
.backtotop{text-align:right;}
.submit{margin-top:1em;}
.children li{margin-left:15px;}
.commentlist{margin-left:10px;}
.commentlist li{margin:5px;padding:5px !important;}
.commentlist li li{background: 0 !important;}
.comment{border:solid 1px #56687D;padding:5px;
   -moz-border-radius: 8px;
   -khtml-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   overflow:hidden;
}
.byuser{border:solid 1px #7293AD;}
.comment-author-admin{border:solid 1px #CFCECC;}
/* End comments */