/*
Theme Name: The Boys And Girls Club of Dundee Township
Theme URI: http://www.dreamcodesign.com/
Description: Custom Wordpress theme created for The Boys And Girls Club of Dundee Township
Version: 1.0
Author: DreamCo Design
Author URI: http://www.dreamcodesign.com/

*/

/* ------------------------------------------------ BASIC STUFF - */

body {
	font:9pt/11pt Arial, Verdana, Geneva, sans-serif;
	color:#231f20;
	margin:0 auto;
	padding:0;
	background:url(images/backgroundblue.png) top left repeat-x #FFFFFF;
}

img {
	border:none;
}

p.quote { 
background:url(images/quote.png) left top no-repeat;  
font-style:italic;
}

.about_individual {
	width: 458px;
}

a {
	text-decoration:none;
	color:#0066FF;
}

a:hover {
	text-decoration:underline;
}

ul {
	padding:0;
	list-style-position:inside;
}

.left {
	float:left;
}

.clear {
	clear:both;
}

/* ------------------------------------------------- HEADINGS -- */

h2 a {
	color:#231f20;
}

h2 a:hover {
	text-decoration:none;
}

.entry-content h3 {font-size:140%;}

.entry-content h4 {font-size:120%;}

.entry-content h5 {font-size:100%;}

.entry-content h6 {font-size:90%;}

.postheading {
	margin-bottom:20px;
}

/* ------------------------------------------------- MAIN DIV'S -- */

#wrapper {
	margin:0 auto;
}

#container {
	float:none;
	clear:both;
	margin:0 auto;
	padding:0 10px;
	width:940px;
}

#content {
	margin:20px 0 0;
}

/* ------------------------------------------------- HEADER DIV'S -- */

#header {
	height:420px;
	margin:0 auto;
	text-align:left;
	padding:0;
}

#menu {
	height:60px;
	margin:0 auto;
	text-align:left;
	padding:0;
}

#menu .nav ul {
	height:59px;
	list-style:none outside none;
	margin:0 auto;
	float:left;
}

#menu .nav ul li {
	height:44px;
	float:left;
	margin-top: 15px;
}

#menu .nav ul li a {
	line-height:22pt;
	height:29px;
	padding: 0 0 15px;
	color:#4DBBFF;
	font-size:20px;
	margin-right:40px;
}

#menu .nav ul li a:hover, #menu .nav ul li.current_page_item a{
	color:#FFF;
	text-decoration:none;
	background:url(images/menuhover.png) bottom center repeat-x;
}

#menu #socnets {
	height:16px;
	list-style:none outside none;
	margin:6px 0 0 0;
	padding:0;
	float:right;
}

#menu #socnets img {
	height:16px;
	width:16px;
	margin-left:10px;
	padding:0;
	float:right;
}

#header #logo {
	height:80px;
	margin:0;
	padding:20px 0;
	float:left;
}

#header .fullbanner {
	width:468px;
	height:60px;
	float:right;
	margin:30px 0;
	padding:0;
}

#header #bannerleft {
	height:260px;
	width:600px;
	margin:0 20px 0 0;
	padding:20px 10px;
	display:inline;
	float:left;
	background:url(images/sliderback.png) top left no-repeat;
}

#header #bannerright {
	height:180px;
	width:240px;
	margin:0;
	padding:60px 0 60px 20px;
	display:inline;
	float:left;
}

#header #bannerright div {
	width:280px;
	display:block;
	background:url(images/headerbuttons.png) top left no-repeat;
}

#header #bannerright div:hover {
	background:url(images/headerbuttons.png) top right no-repeat;
}

#header #bannerright a#headdonate {
	display:block;
	padding-bottom:10px;
	width:280px;
	height:80px;
	text-indent:-9999px;
}

#header #bannerright a:hover#headdonate {
	background:url(images/headerbuttons.png) top left no-repeat;
}

#header #bannerright a#headvol {
	display:block;
	padding-top:10px;
	width:280px;
	height:80px;
	text-indent:-9999px;
}

#header #bannerright a:hover#headvol {
	background:url(images/headerbuttons.png) bottom left no-repeat;
}

#header ul#cats {
	height:40px;
	margin:0;
	padding:0;
	list-style:none;
}

#header ul#cats li {
	height:40px;
	float:left;
}

#header ul#cats li a {
	line-height:30pt;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	margin-right:40px;
}

#header ul#cats li a:hover, #header ul#cats li.current_page_item a{
	color:#231f20;
	text-decoration:none;
}

/* ------------------------------------------------- FOOTER -- */

#footerwrap {
	background: url(images/footerback.png) top left repeat-x #000000;
	margin:20px 0 0;
	padding: 0;
}
	
#footer {
	width:940px;
	margin:0 auto;
	color:#FFFFFF;
	padding:10px 0 20px;
	background:url(images/footerburst.png) top center no-repeat;
}

#footer a {
	color:#FFFFFF;
}

#footer #border {
	border-top:1px dotted #3C3C3C;
	margin-top:15px;
}

#footer .info, #footer .info a {
	color:#3C3C3C;
}

.textwidget a {
	text-decoration:underline;
}

.halfleft {
	width:460px;
	margin-right:20px;
	display:inline;
	float:left;
}

.halfright {
	width:460px;
	float:left;
}

#footer .footerwidget {
	margin-bottom:20px;
}

#footer .footerwidget ul {
	width:220px;
	list-style:none outside none;
	margin:0 auto;
	padding:0;
}

#footer .footerwidget ul li {
	height:30px;
}

#footer .footerwidget ul li a {
	line-height:22pt;
	font-size:13px;
	padding:5px 10px;
}

#footer .footerwidget ul li a:hover {
	color:#000000;
	background:#0066FF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-decoration:none;
}

.quarter {
	width:220px;
	margin-right:20px;
	display:inline;
	float:left;
}

.quarterlast {
	width:220px;
	display:inline;
	margin:0;
	float:left;
}

/* ------------------------------------------------- POSTS -- */

.post-index {
	margin:0 0 20px;
	padding:0 0 20px;
	border-bottom:1px dotted #B1B1B1;
	}

#post-single {margin:0 0 20px;}

.posts-wrap {float:left;  width:620px;}

.entry-title {
	position:relative;
	margin-bottom:2px;
}

.commentnumber {
	position:absolute;
	top:0;
	right:0;
	font-size:9pt;
}

/* ------------------------------------------------- ARCHIVE / SEARCH -- */

.archive-title, #search {
	padding:10px;
	background:none repeat scroll 0 0 #F4F4F4;
	border:1px solid #E1E1E1;
}

/* ------------------------------------------------- SIDEBARS --*/

.sidebar-wrap {
	/*border-left:1px dotted #B1B1B1;*/
	display:inline; 
	float:left;
	margin:0 auto 0 20px;
	padding-left:19px;
	width:280px;
}

.donatenow a {
	width:280px;
	height:30px;
	display:block;
	margin-top:20px;
	background:url(images/donatebutton.png) top left no-repeat;
}

.donatenow a:hover {
	background:url(images/donatebutton.png) bottom left no-repeat;
}

.block-1 {float:right;}

/* ------------------------------------------------- EVENT PAGE --*/

.currentevent {
	width:598px;
	padding: 0 10px 10px;
	background:none repeat scroll 0 0 #F4F4F4;
	border:1px solid #E1E1E1;
}

.currentevent a.purchase {
	width:128px;
	height:30px;
	display:block;
	background:url(images/eventpurchase.png) top left no-repeat;
	margin-top:10px;
}

.currentevent a:hover.purchase {
	background:url(images/eventpurchase.png) bottom left no-repeat;
}

.currentevent .left {
	float:left;
	width:148px;
}

.currentevent .description {
	float:left;
	width:600px;
}

/* ------------------------------------------------- COMMENTS -- */

#respond {
	background:none repeat scroll 0 0 #F4F4F4;
	border:1px solid #E1E1E1;
	padding:0 10px 10px;
	width:598px;
}

div.comments-wrap {margin:15px auto; padding:0;}

li.comment,li.trackback, li.pingback {
	padding: 10px;
	}
	
.comment p {
	margin: 10px 0 0;
}	

li.even {
	background:#F4F4F4;
	border-top:1px solid #E1E1E1;
}

li.odd {
	border-top:1px solid #E1E1E1;
}

ul.children {margin-left:10px;}

ul.commentlist, ul.pinglist {
	margin:10px 0;
	padding:0;
	list-style:none;
	}

div.reply {}

textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*/

img.alignright {float:right;margin:0 0 1em 1em}

img.alignleft {float:left;margin:0 1em 1em 0}

img.aligncenter {
	display: block;
	margin:10px auto;
	text-align:center;
	}

img.alignnone {
	margin:0;
}


/* -- NAVIGATION --*/

div.navigation {
	width:100%;
	height:auto;
	float:left;
	clear:both;
	padding: 10px 0px;
}

.navigation-index {
}

.nav-next {
	float:right;
	
	width:48%;
	text-align:right;
}

.nav-prev {
	float:left;
	
	width:48%;
	text-align:left;
}

// ======================= MORE GENERAL STUFF //

#content ul, #content ul li {
	padding:0;
	list-style:none;
}

/* ------------------------------------------------- Search -- */

#searchform {
	margin-top:20px;
}

#searchform #s {
	height:20px;
	padding:2px;
}

#searchsubmit {
	height:30px;
	width:100px;
}

/* ------------------------------------------------- DONATE FORM -- */

#donateform label, #eventform label {
	float:left;
	width:100px;
	clear:left;
	margin-top:2px;
}

#donateform input, #donateform select, #eventform input, #eventform select {
	margin-bottom:10px;
	float:left;
}

#donateform div {
	width:310px;
}

#eventform .left {
	width:295px;
}

#donateform input#makedonation {
	width:280px;
	text-indent:-9999px;
	height:30px;
	display:block;
	margin-top:20px;
	background:url(images/makedonation.png) top left no-repeat;
	border:none;
}

#donateform input#makedonation:hover {
	background:url(images/makedonation.png) bottom left no-repeat;
}

#eventform input#purchasetix {
	width:280px;
	text-indent:-9999px;
	height:30px;
	display:block;
	margin-top:20px;
	background:url(images/purchasetix.png) top left no-repeat;
	border:none;
}

#eventform input#purchasetix:hover {
	background:url(images/purchasetix.png) bottom left no-repeat;
}

#total_div {
	background:none repeat scroll 0 0 #E1E1E1;
	clear:both;
	padding:9px;
	width:100px;
	font-weight:bold;
}

#eventinfo {
	font-weight:bold;
	list-style:none outside none;
}

#eventinfo li {
	margin-bottom:10px;
}

.error {
	background:none repeat scroll 0 0 #F8F0A9;
	border:1px solid #BAB05D;
	padding:9px;
}

select#price {max-width: 280px;}