/*
    Theme Name: Cellar Heat Dark
    Theme URI: http://www.cellarheat.com/
    Description:  Cellar Heat Dark is a wordpress theme by <a href="http://www.evaneckard.com">Evan Eckard</a> and <a href="http://www.smashingmagazine.com">Smashing Magazine</a>
    Version: 1.0
    Author: Evan Eckard
    Author URI: http://www.evaneckard.com/
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0}
ol,ul {list-style:none; font-size:12px}
img {border:0}
a { text-decoration:none; font-size:12px }

#header,#content,#footer { margin:0 auto; width:800px }
#header { height:342px; background:url(images/header_bg.jpg) no-repeat }
#header h1 { padding:41px 0 0 91px }
#header h1 a { display:block; text-indent:-9999em; width:360px; height:84px  }
#header p#description { padding:0 20px 0 150px; color:#fff; line-height:20px; text-indent:2em; font-size:12px }
#header .pages { background:url(images/nav_bg.gif) repeat-y; margin-top:125px; height:40px; overflow:hidden; padding-top:12px }
#header .pages li { float:left; padding:4px 36px; margin-left:-2px; border-left:2px solid #CCCCCC }
#header .pages li a { color:#fff }
#header .page { background:url(images/nav_bg.gif) repeat-y; margin-top:165px; height:40px; overflow:hidden; padding-top:12px }
#header .page li { float:left; padding:4px 42px; margin-left:-2px; border-left:2px solid #CCCCCC }
#header .page li a { color:#fff }
.sitename { padding:41px 0 0 91px }
.sitename a { display:block; text-indent:-9999em; width:360px; height:84px }
#breadCrumb { font-size:12px; color:#054D81; padding:15px; background-color:#93C0DF }
#breadCrumb a { color:#054D81 }
#nav { height:26px; background-color:#93C0DF }
#nav li { height:16px; line-height:20px; float:left; padding:5px 50px }
#nav li a { color:#EEEEEE; font-size:14px }
#sub-nav { padding-left:40px }
#sub-nav a { color:#054D81; float:left; display:inline }
.cscc-previous { padding-left:680px }
#main { background:url(images/main_bg.png) repeat-x; height:400px; overflow:hidden; padding-bottom:14px }
ul#posts-list { padding:10px 20px; zoom: 1}
ul#posts-list:after { content:""; clear:both; display:block }
ul#category-posts-list li { padding-bottom:20px }
ul#posts-list li { overflow:hidden; width:220px; float:left; display:inline; padding: 8px 0 4px 20px; height:85px }
ul#posts-list li h3 {   }
ul#posts-list li h3 a { color:#054D81 }
ul#posts-list li small { color:#054D81; font-size:10px; font-family:georgia }
.summary { color:#054D81; line-height:18px; overflow:hidden  }
#content { font-size:12px; clear:both; zoom:1; background-color:#93C0DF}
#content:after {content: ""; display: block; clear: both}
.cscc-intro  { float:right; display:inline; background:url(images/intro_bg.jpg) no-repeat;height:338px; width:565px }
.cscc-about  { float:right; display:inline; background:url(images/about_bg.jpg) no-repeat;height:338px; width:565px }
.cscc-zixun  { float:right; display:inline; background:url(images/zixun_bg.jpg) no-repeat;height:338px; width:565px }
.cscc-manner { float:right; display:inline; background:url(images/manner_bg.jpg) no-repeat;height:338px; width:565px }
.cscc-teacher { float:right; display:inline; background:url(images/teacher_bg.jpg) no-repeat;height:338px; width:565px }
.cscc-talk { float:right; display:inline; background:url(images/talk_bg.jpg) no-repeat;height:338px; width:565px }
.first-intro { text-indent:2em; padding:85px 48px 10px 120px; line-height:20px }
.content-intro { padding:40px 48px 10px 120px; line-height:20px }
ol { padding:0 48px 0 140px; list-style:decimal }
ol li p { line-height:20px }
p.more-intro { text-indent:8em; padding:0 48px 0 48px; line-height:20px }
.ask-intro {  padding:55px 48px 28px 160px; display:block; font-size:18px; font-style:italic  }
blockquote { padding-left:148px; line-height:20px; width:314px }
.cscc-steer  { padding-left:148px; line-height:20px; width:324px }
.cscc-tell  { padding-left:148px; padding-top:18px; line-height:20px; width:324px }
.ask-list { padding:0 48px 0 220px; list-style:decimal }
.about-cscc { text-indent:8em; padding:0 48px 0 48px; line-height:20px }
#content .cscc-sidebar  { float:left; display:inline; background:url(images/sidebar_bg.gif) no-repeat;height:338px; width:235px  }
#content .cscc-sidebar a { display:block; font-weight:bold; width:60px; color:#FFFF99; margin:10px 0 0 80px }
.cscc-sidebar img { margin:10px 50px 0 }
#content .cscc-sidebar .contact span,.tel span,.payinfo span { font-weight:bold; padding-bottom:4px; display:block }
#content .cscc-sidebar .contact { padding:20px 0 0 18px }
#content .cscc-sidebar .tel { padding:18px 0 0 18px }
#content .cscc-sidebar .payinfo { padding:28px 0 0 18px }
#content .single-sidebar  { float:left; display:inline; height:338px; width:235px  }
#content .single-sidebar a { display:block; font-weight:bold; width:60px; color:#FFFF99; margin:70px 0 0 90px }
#content .single-sidebar .contact span,.tel span,.payinfo span { font-weight:bold; padding-bottom:4px; display:block }
#content .single-sidebar .contact { padding:20px 0 0 18px }
#content .single-sidebar .tel { padding:28px 0 0 18px }
#content .single-sidebar .payinfo { padding:28px 0 0 18px }

#content .category-sidebar  { float:left; display:inline; height:338px; width:235px  }
#content .category-sidebar a { display:block; font-weight:bold; width:60px; color:#FFFF99; margin:70px 0 0 90px }
#content .category-sidebar .contact span,.tel span,.payinfo span { font-weight:bold; padding-bottom:4px; display:block }
#content .category-sidebar .contact { padding:20px 0 0 18px }
#content .category-sidebar .tel { padding:28px 0 0 18px }
#content .category-sidebar .payinfo { padding:28px 0 0 18px }

#main-col { float:right; display:inline; width:565px; padding-top:40px }

#main-col { float:right }
#main-col a { color:#054D81}
#main-col a:hover {color:#054D81}
#main-col h1 {font: bold 20px/36px "Lucida Grande", "Trebuchet MS", Arial, Verdana, sans-serif; text-align: center; margin: 20px 0 0; color:#054D81}
#main-col p.meta {font-size: 12px; color: #054D81; margin: 0 35px}
#main-col p.intro { color:#054D81; padding:8px;  margin:30px 0; font-size:14px; letter-spacing:1px; border-top:3px dashed #EEE; border-bottom:3px dashed #EEE  }
#main-col p.intro span {  font-size:14px }
#main-col p.intro em { font-style:normal }
#main-col p.intro acronym { cursor:help }
#main-col p#desc { color:#054D81; padding:10px; margin-bottom:10px; font-size:14px; letter-spacing:1px }
#main-col p#desc span {  font-size:14px }
#main-col p#desc strong { font-size:14px; font-style:normal  }
#main-col p#desc em {  font-size:14px; font-style:normal  }
#main-col p#intro strong { font-size:14px; font-style:normal; color:#054D81  }
#main-col p#intro em {  font-size:14px; font-style:normal  }
p#byline, p#info {text-align: center; font-variant: small-caps; color: #054D81}
p#byline cite, p#byline small{font-variant: normal; color:#054D81}
p#summary {margin: 15px 15px 0; padding: 10px;  border: 1px dashed #054D81; color:#054D81; line-height:20px; text-indent:2em}
p#info {text-align: center; margin: 0 0 18px}
p#info small, p#info span {font-style: normal; font-size:12px; display: block; padding:5px 0}
p#info span {font-family: georgia}

#main-text p, #main-text ul, #main-text ol, #main-text dl, #main-text dd, #main-text dt {margin: 0 0 20px}
#main-text {padding: 15px 20px 0; font-size: 14px; line-height: 26px}
#main-text a {text-decoration: underline}
#main-text a:hover {text-decoration: none; color: #fff; background: #cc0000}
#main-text p {text-indent: 28px; color:#054D81}
#main-text p.img {text-indent: 0; text-align: center}
#main-text p.img a:hover {background: none}
p.img a img {padding:2px; background: #999; border:5px solid #ccc}
p.img a:hover img {padding:2px; background: #666; border:5px solid #999}
#main-text h2 {color: #336688; font: bold 18px/34px Tahoma, "Microsoft Yahei", ����, Arial, sans-serif}
#main-text h3, #main-text dt {color: #336677; font: bold 16px/32px Tahoma, "Microsoft Yahei", ����, Arial, sans-serif}
#main-text h4 {color: #336666; font: bold 14px/26px Tahoma, "Microsoft Yahei", ����, Arial, sans-serif}
#main-text ul, #main-text ol {margin-left: 30px}
#main-text ul li ul, #main-text ul li ol, #main-text ol li ul, #main-text ol li ol {margin: 0 0 0 16px; font-size: 12px; color: #555}
#main-text li p {text-indent: 0; margin: 0 0 10px}
#main-text h2, #main-text h3, #main-text h4 {margin: 0 0 10px}
#main-text ul {list-style: circle outside}
#main-text ol {list-style: decimal outside}
#main-text ol li ol {list-style: lower-greek outside}
#main-text ul li ol {list-style: lower-greek outside}
#main-text li {padding: 5px}
#main-text em, #main-text cite {font-style: italic; font-weight: 700; padding: 0 3px}
#main-text strong {font-weight: 700; color: #000; padding: 0 2px}
#main-text sup, #main-text sub {color: #c00; font-weight: 400; font-size: 12px}
#main-text blockquote {margin: 0 30px 20px; color: #666; background: #f9f9f9; border: 1px dashed #bbb; padding: 5px; font: 12px/24px Georgia, Arial, Sans-serif}
#main-text blockquote p {margin: 0}
#main-text abbr, #main-text acronym {border-bottom: 1px dashed #666; cursor: help; font-weight: 700}
#main-text code {font-family: Consolas, Lucida Console, Courier New; border: 1px dashed #999; color: #555; background: #f8f8f8; padding: 0 2px; margin: 0 3px}
ol#forum {margin: 0 20px 25px; list-style: circle inside; border: 1px solid #eee; padding: 5px 10px; border-top: none}
ol#forum li {margin: 2px 0; padding: 2px 0; border-bottom: 1px solid #eee}
ol#forum li.last {border: none}

p#subNav {padding: 8px 3px; margin: 0 20px 20px 0; text-align: right; color: #054D81; font: 12px/16px Tahoma, Arial, sans-serif}
p#subNav a, p#subNav a:link{border: 1px solid #ccc; margin-right: 3px; padding: 3px 5px; color: #888}
p#subNav a:hover{border: 1px solid #bbb; background-image: none; background-color: #fdfdfd; color: #777}
p#subNav a:active{border: 1px solid #111; background-image: none; background-color: #666; color: #054D81}
p#subNav span.pages{margin-right: 3px; padding: 3px 5px; border: 1px solid #eee; color: #ddd}
p#subNav span.current{margin-right: 3px; padding: 3px 5px; border: 1px solid #aaa; font-weight: 700; background-color:#eee; color: #054D81}
p#subNav span.extend{margin-right: 3px; padding: 3px 5px; border: 1px solid #eee; color: #ddd}
ul#subNav {height: 22px;  margin-bottom:30px; color: #054D81}
ul#subNav li.last { padding-bottom:10px }
ul#subNav li.next {  }


#footer { clear:both; font-size:12px; text-align:center; background:url(images/footer_bg.jpg) repeat-y; height:100px; width:800px;  margin-bottom:20px }
#footer ul {width:800;padding:0 200px;}
#footer ul li{width:80px;float:left}
#footer ul li a{color:#333}
#footer address { font-style:normal; line-height:22px; }
#flinks a { padding-left:8px; color:#333 }