/*
Theme Name: Beijing Shuaijiao Wordpress
Theme URI: http://www.beijingshuaijiao.com
Description: The BeijingShuaijiao.com wordpress theme v1.0, made by Emeric
Version: 1.0
Created: February 5, 2009
Last Updated: February 6, 2009
Author: Emeric Chen
Author URI: http://www.emericchen.com
Tags: kung fu, shuai jiao, beijing, he guanda, custom

.
This theme and website may not be reproduced in any form without prior written consent by owner, Emeric Chen. emeric.chen@gmail.com
.

This theme incorporates the following pages: (19 pages total)
index.php
style.css
header.php
footer.php
single.php	

search.php
page.php
archive.php

page-aboutus.php
page-sitemap.php
page-contactus.php
page-shuaijiao.php
page-instructors.php
page-media.php
page-location.php
404.php

Main Theme Colors
#990000 (maroon for links and headers)
*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Body - General Layout Structure	
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
* { padding: 0; margin: 0; }
body { color: #666666; font: 12px Verdana, Arial, Helvetica, sans-serif;  background-color: #FFFFFF; padding: 0; margin: 0; }
a { color: #990000; text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active {text-decoration: underline; }
img { border: #CCCCCC 1px solid; }
.alignright { float: right; }
.alignleft { float: left; }
img.alignright { float: right; margin: 0 0 0 8px; }
img.alignleft { float: left; margin: 0 8px 0 0; }

h3 { font-size: 12px; color: #990000; margin-bottom: 3px; }
h5 { font-size: 20px; color: #990000; margin-bottom: 3px; }



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	HEADER AND NAVIGATION ELEMENTS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */   
   
#header { width: 940px; height: 175px; margin: 0 auto; background-image: url(images/header1.jpg); }

#navbar { width: 940px; height: 45px; margin: 0 auto; background: url(images/nav_bar.jpg) repeat-y; }
#navbar a { color: #FFFFFF; font-weight: bold; padding: 5px 10px 5px 10px; }
#navbar a:hover { color: #990000; background-color: #FFFF99; text-decoration: none; }
#navbar ul { padding: 13px 10px 10px 40px; }
#navbar li { list-style: none; display: inline; padding-right: 45px; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	INDEX CONTAINER ELEMENTS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
#container { width: 940px; margin: 0 auto; background: url(images/bg_main.jpg) repeat-y; padding-top: 10px; }

#sidebar { width: 170px; margin: 0 10px 0 30px; }
#sidebar #eventcalendar { width: 150px; margin-bottom: 10px; padding: 10px 10px 25px 10px; border: #CCCCCC solid 1px; background: url(images/bg_side.jpg) no-repeat bottom; }
#sidebar #eventcalendar #ec3_publish { display: none; }
#sidebar #eventcalendar #ec3_prev { margin-right: 35px; }
#sidebar #eventcalendar #ec3_next { margin-left: 35px; }
#sidebar #eventcalendar #wp-calendar { color: #999999; }
#sidebar #eventcalendar #wp-calendar a { font-weight: bold; }
#sidebar #eventcalendar li ul li { margin: 0 0 5px 0; }
#sidebar #eventcalendar .ec3_ec { display: none; }
#sidebar #eventcalendar li { list-style: none; }
#sidebar #eventcalendar p { padding-bottom: 8px; }
#sidebar #eventcalendar table { padding: 0 auto; margin: 0 auto; }
#sidebar #eventcalendar tr, #eventcalendar td, #eventcalendar th { margin: 0 auto; padding: 0 auto; }

#sidebar #recentnews { width: 150px; padding: 10px 10px 30px 10px; border: #CCCCCC solid 1px; background: url(images/bg_side.jpg) no-repeat bottom; }
#sidebar #recentnews li { list-style: circle; padding: 0; margin: 3px 0 3px 13px; }

#content { width: 700px; margin: 0 30px 0 0; float: right; }
#content #welcome { width: 470px; margin: 0 10px 0 0; float: left; border: #CCCCCC solid 1px; padding: 10px; }
#content #welcome h3 { border-bottom: #CCCCCC 1px solid; margin-bottom: 5px; }
#content #welcome p { line-height: 20px; }

#content #classinfo { width: 175px; border: #CCCCCC solid 1px; float: right; padding: 10px 10px 35px 10px; }
#content #classinfo p { margin-bottom: 8px; }

#content #coachinfo { width: 470px; height: 300px; margin: 10px 0 0 0; float: left; border: #CCCCCC solid 1px; padding: 10px; }
#content #coachinfo h3 { border-bottom: #CCCCCC 1px solid; margin-bottom: 5px; }
#content #coachinfo p { line-height: 20px; }

#containerbtm { width: 940px; height: 30px; background: url(images/bg_btm.jpg) no-repeat; clear: both; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	FOOTER ELEMENTS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer { clear: both; width: 940px; height: 200px; margin: 0 auto; }
#footer li { list-style: none; display: inline; margin: 0 0 0 15px; }
#footer img { border: none; }
#footer #footerlinks { width: 940px; text-align: center; margin-top: 15px; }
#footer #footerlinks li { margin: 0 10px 0 10px; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	CSS FOR SPECIFIC PAGES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content.otherpage { width: 840px; margin: 0 50px 0 50px; min-height: 400px; }

#content.single { width: 680px; margin: 0 30px 0 0; padding-top: 10px; float: right; min-height: 400px; }
#sidebar.single { width: 170px; margin: 0 10px 0 30px; min-height: 400px; padding: 10px 10px 25px 10px; background: url(images/bg_side.jpg) no-repeat bottom; border: #CCCCCC solid 1px; }
textarea { width: 500px; margin: 8px 0 8px 0; }
.post-date { margin-bottom: 10px; }
.post-date em { font-size: 10px; font-weight: normal; font-style: normal; }
.post-content { margin-bottom: 15px; }
.post-content p { margin: 3px 0 3px 0; }
.category { padding: 15px 0 0 0; }
.centered { padding-bottom: 20px; }
.alt { background-color: #FFFFCC; }
.commentlist li { width: 480px; padding: 10px 10px 20px 10px; list-style: none; }
.commentnum { display: none; }
.cmtinfo { margin-bottom: 10px; }
.entry { margin-bottom: 25px; }
.entry p { margin-bottom: 10px; }
.post-title { margin-bottom: 10px; }
#respond { margin-top: 10px; }
#locationpage { width: 190px; float: left; margin-right: 10px; padding-top: 5px; }
#locationpage h3 { margin-top: 4px; border-bottom: #CCCCCC 1px solid; margin-right: 10px; }
#locationpage p { margin-bottom: 4px; }