/*  
Theme Name: Meadowvale
Description: CSS Document for Club Meadowvale
Version: 0.1
Author: Timothy Duyzer and Adrian Duyzer at Factor[e] Design Initiative Inc.
Author URI: http://factore.ca
*/

body {
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #2C2C2C;
}

#page {
	width: 875px;
	margin: 20px auto 20px auto;
	text-align: left;
}

#header {
	width: 875px;
	height: 234px;
	margin: 0px;
	padding: 0px;
}

#logo {
	width: 185px;
	background-color: #004583;
	float:left;
	margin-right: 6px;
	padding: 0px;
}

#banner {
	width: 684px;
	float:left;
	background-color: #004583;
	margin: 0px;
	padding: 0px;
}

#sideleft {
	float: left;
	margin: 7px 6px 0px 0px;
	padding: 0px;
}

#menu table {
	width: 157px;
	margin: 14px;
}

#menu table tr td {
	padding-bottom: 1px;
}

#menu table a img {
	border: none;
}

#wpleft {
	width: 185px;
}

#wpright, #wpleft {
	background-color: #43aadf;
}

#wpleft, #wpright {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: white;
	font-weight: 100;
}

#wpright {
	margin-top: -20px;
	*margin-top: -24px;
}

/*wpleft and wpright descendent selectors */
#wpleft a, #wpright a {
	text-decoration: none;
	color: white;
	background-color: #43AADF;
}

#wpleft a:hover, #wpright a:hover {
	text-decoration: underline;
}

/* because of some stupid IE6 bug */
*#wpright a:hover {
	text-decoration: none;
}
#wpright ul {
	background-color: #43AADF;
}

#wpright li {
	background-color: #43AADF;
}

#wpleft h3, #wpright h3 {
	background-color: #004583;
	padding: 4px 15px 3px 15px;
}

#wpleft ul, #wpright ul {
	margin: 0;
	padding: 0;
	font-size: 12px;
	padding-left: 10px;
	margin-left: 15px;
	list-style-type: none;
}

.feed {
	background: url(images/feed.png) no-repeat left center;
	padding-left: 15px;
}

#main {
	float:left;
	width: 490px;
	margin: -5px 0px 0px 0px;
	padding: 0px;
}

.content_block {
	background-color: #fcf2d5;
	padding-left: 10px;
	padding-bottom: 15px;
	text-align: justify;
}

#main a {
	color: #004583;
	text-decoration: none;
}

#main a:hover {
	text-decoration: underline;
}

#main h1, #main h2, #main h3, #main p {
	margin: 12px 23px 0px 10px;
	font-family: Helvetica, Arial, sans-serif;
}

#main h1, #main h2, #main h3 {
	text-align: left;
}

#main h1 {
	font-size: 46px;
	color: #00CCFF;
	line-height: 36px;
	padding-top: 10px;
	letter-spacing: -2px;
}

#main h2 {
	color: #000080;
	font-size: 18px;
	text-transform: uppercase;
}

#main h3 {
	color: black;
	font-size: 16px;
}

#main p {
	margin: 12px 23px 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
}

#main table {
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 90%;
	/* border: 1px solid #999999; */
	text-align: left;
}

#main table tr th {
	/* background-color: #FBF9F2; */
}

#main table tr td, #main table tr th {
	font-size: 13px;
	padding: 3px;
	background-color: #FFFCF4;
}

#main ul, #main ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	margin-right: 30px;
}

#main ul li, #main ol li {
	margin-top: 5px;
}

#sideright {
	float: right;
	width: 188px;
	margin: 6px 0px 0px 0px;
	padding: 0px;
}

#sideright, #sideright p, #sideright form {
	font-size: 12px;
}

#sideright input {
	width: 100px;
}

#calendar {
	border: 2px solid #43AADF;
}

#calendar h3 {
	font-size: 20px;
	background-color: #004583;
	color: white;
	padding: 4px 15px 3px 15px;
	margin: 2px 3px 0px 3px;
}

#footer {
	margin-top: 6px;
	text-align: center;
	width: 100%;
	height: auto;
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
}

.navigation {
	margin-top: 12px;
	height: 35px;
	background-color: #43AADF;
	color: white;
	font-size: 18px;
}

.navigation .alignleft, .navigation .alignright {
	margin-top: 4px;
}

.navigation .alignleft a, .navigation .alignright a {
	color: white;
}

.navigation .alignleft {
	float: left;
	margin-left: 5px;
}

.navigation .alignright {
	text-align: right;
	float: right;
	margin-right: 5px;
}

/* .navigation .alignleft a:visited {
	font-size: 14px;
	color: white;
} */

#commentarea {
	padding-left: 15px;
}

#commentarea input, textarea {
	font-size: 14px;
}

#commentarea textarea {
	width: 455px;
	*width: 430px;
}