/*   
Theme Name: 2008-12-26
Theme URI: http://www.goldenharvestwingchun
Description: Redesign of the GHWC site
Author: Jerry
Author URI: http://www.feeldontthink.com
Template: 
Version: 1.0
*/

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/
/* GOLDEN HARVEST WING CHUN: Website Stylesheet				*/
/* Copyright 2008 Jerry Leung								*/
/* Email: jerry_leung_@hotmail.com 							*/
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/


/*------------------------------------------------------------------------*/
/* ENTIRE WEBPAGE										*/
/*------------------------------------------------------------------------*/
	html, body {
		height: 100%;
		background-color: black;
		font-family: Verdana;
		font-size: 10pt;
		color: white;
		padding: 0;
		margin: 0;
		}
	a, a:link, a:active, a:visited {
		color: yellow;
		font-weight: bold;
		text-decoration: none;
		}
	a:hover {
		color: white; 
		}
	img {
		border: 0;
		}
		

/*------------------------------------------------------------------------*/
/* WRAPPERS											*/
/*------------------------------------------------------------------------*/
	#wrapper {
		width: 760px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		border-left: 2px solid silver;
		border-right: 2px solid silver;
		}
	#sub-wrapper {
		/* this wrapper is just used to separate the left/right borders with the content area */
		width: 100%;
		background-image: url('img/bkg-content.jpg');
		background-repeat: repeat-y;
		background-position: center;
		}
		

/*------------------------------------------------------------------------*/
/* HEADER												*/
/*------------------------------------------------------------------------*/
	#header {
		height: 150px;
		width: 760px;
		padding: 0; 
		}
	#header h1 {
		padding-top: 50px;
		margin: 0 0 50px 0;
		font-size: 30pt;
		color: yellow;
		font-variant: small-caps;
		}
	#header h1 a, #header h1 a:link, #header h1 a:active, #header h1 a:visited {
		text-decoration: none;
		color: yellow;
		}
	#header h1 a:visited {
		color: yellow;
		}
	#header #logo {
		float: right;
		padding: 10px;
		margin: 0;
		}	


/*------------------------------------------------------------------------*/	
/* NAVIGATION											*/
/*------------------------------------------------------------------------*/
	#navigation { 
		height: 56px;
		width: 100%;
		background-image: url('img/bkg-redtwigs.jpg');
		background-repeat: repeat-x;
		}
	#navigation ul {
		padding: 0;
		margin: 4px 0 0 0;
		}
	#navigation li {
		font-size: 11pt;
		display: inline;
		margin: 0 20px 0 20px;
		}


/*------------------------------------------------------------------------*/
/* CONTENT											*/
/*------------------------------------------------------------------------*/
	#content { 
		padding: 15px 15px 15px 0;
		text-align: left;
		color: #CCCCCC;
		margin-left: 195px; 
		}
	#content .clear-left {
		clear: left;
		}
	#content .clear-right {
		clear: right;
		}		
	#content h2 {
		/* h2 is the main header in the content area */
		color: white;
		font-size: 14pt;
		font-weight: bold;
		margin: 30px 0 0 0;
		padding: 0;
		}
	#content h2.first {
		margin: 0;
		}
	#content h2 a, #content h2 a:link, #content h2 a:active, #content h2 a:visited, #content h2 a:hover {
		color: white;
		}
	#content h3 {
		/* h3 is the subheader in the content area */
		color: white;
		font-size: 12pt;
		text-decoration: none;
		font-weight: bold;
		margin: 25px 0 0 10px;
		}
	#content h4 {
		/* h4 is an even smaller subheader in the content area */
		font-size: 10pt;
		font-weight: bold;
		color: #CCCCCC;
		text-decoration: underline;
		margin: 7px 0 0 10px;
		}
	#content p {
		margin: 3px 10px 10px 10px;
		}
	#content p.blogfooter {
		font-size: 8pt;
		color: gray;
		border-top: 1px solid gray;
		padding: 5px 0 20px 2px;
		}
	#content p.center {
		text-align: center;
		padding: 5px;
		}
	#content img.right, #content .right {
		float: right;
		border: 0;
		margin: 15px;
		padding: 4px;
		background-color: #999999;
		}
	#content img.left, #content .left {
		clear: right;
		float: left;
		border: 0;
		margin: 15px;
		padding: 4px;
		background-color: #999999;
		}		
	#content p.filler {
		/* This is used to extend the website downward when there isn't enough content - otherwise it leaves an ugly black space at the bottom. */
		height: 30px;
		}
	#content p.linklove {
		display: none;
		}
	#content ol.cf-ol {
		list-style-type: none;
		}
	/*
	#content label {
		float: left; 
		margin-right: 10px;
		clear: left;
		margin-bottom: 20px;
		}
	#content input {
		background-color: silver;
		float: right;
		margin-right: 60px;
		clear: right;
		margin-bottom: 20px;
		}
	#content #cf_field_3 {
		float: right;
		margin-right: 60px;
		clear: right;
		margin-bottom: 20px;
		}
	#content textarea#cf2_field_5, #content textarea#cf_field_5 {
		background-color: silver;
		float: right;
		margin-right: 60px;
		clear: right;
		}
	#content #cf_field_4 {
		float: right;
		margin-right: 60px;
		clear: right;
		margin-bottom: 20px;
		}
	#content textarea {
		background-color: silver;
		}
	*/
	#content #schedule {
		border: 1px solid #ABABAB;
		border-collapse: collapse;
		margin: 15px 0 10px 15px;
		}
	#content #schedule td, #content #schedule th {
		border: 1px solid #ABABAB;
		padding: 5px 10px 5px 10px;
		}
	#content ol {
		margin: 0 0 0 35px;
		}
	#content .margin-left {
		margin-left: 25px; 
		}
	

/*------------------------------------------------------------------------*/
/* SIDEBAR												*/
/*------------------------------------------------------------------------*/
	#sidebar { 
		width: 180px;
		height: 100%;
		padding: 0 0 15px 15px;
		float: left;
		text-align: left;
		}
	#sidebar h5 {
		/* h5 is the main header in the sidebar area - actually, it's the only header */
		background-color: #333333;
		color: #CCCCCC;
		width: 135px;
		margin: 25px 0 2px 0;
		padding: 2px;
		text-align: center;
		}
	#sidebar ul {
		padding: 0;
		margin: 0;
		}
	#sidebar li {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}
	#sidebar form { 
		padding: 0; 
		margin: 0; 
		font-size: 10pt;
		}
	#sidebar input {
		border: 1px solid gray;
		background-color: silver;
		font-size: 10px;
		}
	#sidebar .bump-right {
		margin-left: 15px;
		}

/*------------------------------------------------------------------------*/
/* FOOTER												*/
/*------------------------------------------------------------------------*/
	#footer { 
		height: 206px;
		width: 760px;
		}
	#footer_divider {
		height: 56px;
		background-image: url('img/bkg-redtwigs.jpg');
		background-repeat: repeat-x;
		}
	#footer_divider p {
		margin-top: 0px;
		margin-right: 15px;
		color: gray;	
		font-size: 8pt;
		text-align: right;
		}

/*------------------------------------------------------------------------*/