/*
Theme Name: CommonWealth Press.
Theme URI: 
Description: Official Theme.
Version: 1.0
Author: 
Tags: 

Enjoy the theme!

*/

/* STANDARD CSS FILE - BADSHARK COMMUNICATIONS */

/* ---------------------------- */
/* STANDARD HTML TAG RESET  (Thanks to Eric Meyer, Blueprint, 960gs) */
/* ---------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
} 

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */

body {
	background: #ffbb00 url('images/background.jpg') repeat;
	color: #000000;
 	font-family: Helvetica, Arial, sans-serif;
 	font-size: 12px;
	line-height: 1.2; 
}

form, input { 
	color: #000000; 
 	font-family: Helvetica, Arial, sans-serif;
}

h1 {font-size:36px;} 
h2 {font-size:24px;} 
h3 {font-size:18px;} 
 
a:link, a:visited {color: #000000; text-decoration: none; outline: none;} 

a:hover {color: #ffbb00;}

a:active { text-decoration: none; outline: none;}

ul {list-style: none;}

/* ----------------------------*/ 
/* PAGE ELEMENTS     */ 
/* ----------------------------*/ 

.container {
	width: 960px;
	margin: 0px auto;
}


	/* ---------------------------*/ 
 	/* MAIN    */
	
	#header {
		height: 54px;
		background: url('images/backHeader.jpg') repeat-x;
	}
	
		.logo {
			margin-top: 7px;
			margin-left: 10px;
		}
		
			#nav {
				float: right;
				font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
			}
			
				#nav li {
					float: left;
					font-weight: bold;
					text-transform: uppercase;
					font-size: 20px;
					letter-spacing: -1px;
					color: #ffffff;
					height: 54px;
					line-height: 54px;
					background: url('images/menuDivider.jpg') no-repeat top left;
					padding: 0px 10px;
				}
				
					#nav li a {
						color: #ffffff;
						text-shadow: 1px 1px 1px #000000;
					}
					
					#nav li a:hover, #nav li.current_page_item a {
						color: #ffbb00;
					}
			
				
	/* ---------------------------*/ 
 	/* MAIN    */
	
	#main {
		background: url('images/stamp.png') no-repeat bottom right;
		padding-bottom: 30px;
	}
	
		.mainCol {
			float: left;
			width: 754px;
		}
		
		.mainCol.page {
			padding-right: 10px;
			padding-left: 10px;
			width: 734px;
		}
		
		.mainCol.quote {
			float: none;
			padding: 0px 10px;
			width: 930px !important;
		}
		
			.mainCol h1 {
				font-size: 63px;
				font-weight: bold;
				text-transform: uppercase;
				letter-spacing: -7px;
				color: #eeede4;
				text-shadow: 2px 1px 0px #666666;
				margin: 10px 0px 0px 10px;
				line-height: 1;
			}
			
			.mainCol.page h1 {
				margin-left: 0px;
			}
			
			.mainCol .ads {
				float: left;
				width: 240px;
				padding-left: 10px;
			}
			
				.mainCol .ads .ourGoal {
					position: relative;
					margin-top: -20px;
					z-index: 100;
					margin-bottom: 70px;
				}
			
			.mainCol .content {
				float: right;
				width: 495px;
			}
			
				.mainCol .content .drop {
					width: 470px;
					background: url('images/backDropShadow.png') no-repeat top left;
					padding-left: 9px;
					margin-top: -3px;
					margin-left: 9px;
				}
				
					.mainCol .content .drop .text {
						width: 215px;
						float: left;
						padding-left: 10px;
					}
					
						.mainCol .content .drop .text p {
							margin: 10px 0px;
						}
					
					.mainCol .content .drop .buttons {
						float: right;
						width: 230px;
					}
					
						.mainCol .content .drop .buttons a {
							display: block;
							width: 210px;
							height: 45px;
							background: url('images/specials.png') no-repeat;
							margin-top: 10px;
							color: #ffffff;
							font-weight: bold;
							text-transform: uppercase;
							font-size: 15px;
							text-shadow: 1px 1px 2px #000000;
							line-height: 1;
							padding-top: 15px;
							padding-left: 10px;
							font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
						}
						
						.mainCol .content .drop .buttons a span {
							text-align: center;
							width: 130px;
							display: block;
						}
						
						.mainCol .content .drop .buttons a:hover {
							color: #ffbb00;
						}
						
						.mainCol .content .drop .buttons a.specials {
							background: url('images/specials.png') no-repeat;
							padding-top: 23px;
							height: 37px;
						}
						
						.mainCol .content .drop .buttons a.gallery {
							background: url('images/gallery.png') no-repeat;
						}
						
						.mainCol .content .drop .buttons a.promo {
							background: url('images/promo.png') no-repeat;
						}
			
		.mainCol.news {
			width: 580px;
			float: left;
		}
		
			.mainCol.news h1 {
				margin-left: 0px;
			}
		
			.news .post {
				background: url('images/backPost.jpg') #ffffff repeat-x top;
				border: 1px solid #ffffff;
				padding: 20px;
				margin-bottom: 20px;
			}
			
				.news .post h2 {
					font-weight: bold;
				}
				
				.news .post .info {
					font-size: 11px;
					color: #cccccc;
					padding-bottom: 0px;
					border-bottom: 1px solid #cccccc;
					margin-bottom: 10px;
					margin-top: 5px;
				}
				
					.news .post .info a {
						color:#cccccc;
					}
				
					.news .post .info .comments {
						float: left;
						padding-left: 20px;
						background: url('images/comments.jpg') no-repeat;
					}
					
					.news .post .info .categories {
						float: right;
					}
					
				.news .post p {
					margin-bottom: 10px;
				}
				
				a.readMore {
					color: #ffbb00;
					background: url('images/readMore.jpg') no-repeat;
					padding-left: 20px;
					height: 15px;
					display: block;
				}
				
				a.readMore:hover {
					color: #000000;
				}
			
		.sideCol {
			width: 200px;
			float: right;
		}
		
			.sideCol .nav {
				margin-top: 10px;
			}
			
				.sideCol .nav li {
					display: block;
				}
				
					.sideCol .nav li a {
						display: block;
						background: url('images/sideButton.png') 0px -23px no-repeat;
						width: 193px;
						height: 23px;
						color: #ffffff;
						text-transform: uppercase;
						font-weight: bold;
						text-align: center;
						line-height: 18px;
						text-shadow: 1px 1px 0px #000000;
						font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
						font-size: 14px;
					}
					
					.sideCol .nav li a:hover {
						background: url('images/sideButton.png') 0px 0px no-repeat;
					}
					
			.sideCol .news {
				background: #b3cd59;
				width: 170px;
				border-radius: 7px;
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;
				margin-top: 10px;
				padding: 10px;
			}
			
				.sideCol .news h3 {
					color: #ffffff;
					font-weight: bold;
					text-transform: uppercase;
					font-size: 16px;
					text-shadow: 1px 1px 2px #000000;
					line-height: 1;
					margin-bottom: 5px;
					font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
				}
		
		.sideCol.news {
			width: 340px;
			float: right;
			padding-top: 73px;
		}
		
			.sideCol.news .box {
				background: url('images/backPost.jpg') #ffffff repeat-x top;
				border: 1px solid #ffffff;
				padding: 10px;
				margin-bottom: 20px;
			}
			
				.sideCol.news .box h3 {
					font-weight: bold;
				}
				
				.sideCol.news .box ul {
					font-size: 14px;
					font-weight: bold;
					color: #666666;
				}
					.sideCol.news .box ul a {
						color: #666666;
					}
					
				.box.twitter h3 {
					font-size: 20px;
					background: url('images/twitter.jpg') no-repeat;
					padding-left: 40px;
					height: 35px;
					line-height: 35px;
				}
				
				.box.twitter p {
					width: 250px;
					float: left;
				}
				
				.box.twitter img {
					float: right;
				}
				
				.box.twitter a.follow {
					display: block;
					font-weight: bold;
					font-size: 14px;
					margin-top: 10px;
				}
				
		/* Quote Form */
		
		.quoteForm {
			background: url('images/backQuote.png') no-repeat;
			position: relative;
			padding: 15px;
			height: 900px;
			width: 920px;
		}
		
			#gform_1 input {
				background: #ffffff;
				border: 1px solid #cccccc;
				font-size: 12px;
				padding: 5px;
				margin: 0px;
			}
			
			#gform_1 h2 {
				font-family: "Century Gothic", Helvetica, Arial, sans-serif;
			}
			
			.gfield {
				width: 520px;
				padding: 0px;
			}
			
				.gfield_label {
					width: 130px;
					display: inline-block;
					font-size: 18px;
					font-weight: bold;
					vertical-align: bottom;
					font-family: "Century Gothic", Helvetica, Arial, sans-serif;
				}
				
				.ginput_container {
					width: 370px;
					display: inline-block;
				}
				
				#field_1_2 {
					width: 520px;
					height: 30px;
					position: absolute;
					top: 9px;
					left: 15px;
				}
				
				#field_1_3 {
					width: 520px;
					height: 30px;
					position: absolute;
					top: 43px;
					left: 15px;
				}
				
				#field_1_4 {
					width: 520px;
					height: 30px;
					position: absolute;
					top: 75px;
					left: 15px;
				}
				
				#field_1_2, #field_1_3, #field_1_4 {
					padding: 3px;
				}
				
				#input_1_2, #input_1_3, #input_1_4 {
					width: 360px;
				}
				
				#field_1_5 {
					width: 520px;
					height: 30px;
					position: absolute;
					top: 135px;
					left: 15px;
					text-transform: uppercase;
					font-weight: bold;
				}
				
					#field_1_5 h2 {
						font-size: 36px;
					}
					
				#field_1_6 {
					width: 520px;
					height: 30px;
					position: absolute;
					top: 185px;
					left: 15px;
				}
				
				#field_1_7 {
					width: 520px;
					height: 30px;
					position: absolute;
					top: 219px;
					left: 15px;
				}
				
				#field_1_8 {
					width: 520px;
					height: 30px;
					position: absolute;
					top: 247px;
					left: 15px;
				}
					
				#field_1_9 {
					width: 520px;
					height: 30px;
					position: absolute;
					top: 280px;
					left: 15px;
				}
				
				#input_1_6, #input_1_7 {
					width: 360px;
				}
				
				#input_1_7 {
					background: #ffffff url('images/cal.jpg') no-repeat 5px 5px !important;
					padding-left: 25px !important;
					width: 340px !important;
				}
				
				#field_1_8 {
					margin: 5px 0px;
				}
				
				#field_1_19, #field_1_20, #field_1_21, #field_1_22, #field_1_23, #field_1_24 {
					 	width: 90px;
						
				}
				
				#field_1_19 {
					height: 30px;
					position: absolute;
					top: 315px;
					left: -20px;
				}
				
				#field_1_20 {
					height: 30px;
					position: absolute;
					top: 315px;
					left: 60px;
				}
				
				#field_1_21 {
					height: 30px;
					position: absolute;
					top: 315px;
					left: 155px;
					width: 90px;
				}
				
				#field_1_22 {
					height: 30px;
					position: absolute;
					top: 315px;
					left: 215px;
				}
				
				#field_1_23 {
					height: 30px;
					position: absolute;
					top: 315px;
					left: 320px;
				}
				
				#field_1_24 {
					height: 30px;
					position: absolute;
					top: 315px;
					left: 428px;
				}
				
				#field_1_19 label, #field_1_20 label, #field_1_21 label, #field_1_22 label, #field_1_23 label, #field_1_24 label {
					font-size: 26px;
					width: 50px;
					text-align: right;
					margin-bottom: -3px;
				}
				
				#field_1_21 label {
					width: 20px;
				}
				
				#field_1_19 .ginput_container, #field_1_20 .ginput_container, #field_1_21 .ginput_container, #field_1_22 .ginput_container, #field_1_23 .ginput_container, #field_1_24 .ginput_container {
					 	width: 40px;
				}
				
				#input_1_19, #input_1_20, #input_1_21, #input_1_22, #input_1_23, #input_1_24 {
					width: 20px;
					margin-left: 5px !important;
				}
				
				#field_1_27 {
					width: 520px;
					height: 30px;
					position: absolute;
					top: 345px;
					left: 15px;
					font-size: 12px;
					font-weight: normal;
					font-family: Helvetica, Arial, sans-serif;
				}
				
					#field_1_27 h2 {
						font-size: 12px;
						margin-top: 10px;
						text-align: right;
						padding-right: 20px;
					}
				
				#field_1_12 {
					width: 520px;
					height: 30px;
					position: absolute;
					top: 385px;
					left: 15px;
				}
				
					#field_1_12 > label {
						font-size: 20px;
						display: block;
						width: 480px;
						padding: 20px 0px 10px 0px;
						line-height: 1;
					}
					
					#field_1_12 ul li label {
						font-size: 16px;
						text-transform: uppercase;
						font-weight: bold;
						margin-left: 10px;
					}
					
					#field_1_12 ul li {
						display: inline-block;
						margin-right: 20px;
						margin-top: 10px;
					}
				
				#field_1_13 {
					width: 520px;
					height: 30px;
					position: absolute;
					top: 480px;
					left: 140px;
				}	
				
					#field_1_13 > label {
						width: 70px;
					}
					
					#field_1_13 span label {
						font-weight: bold;
						margin-left: 3px;
					}
					
					#field_1_13 span input {
						margin-left: 10px;
						width: 100px;
					}
					
				#field_1_14 {
					width: 520px;
					height: 30px;
					position: absolute;
					top: 520px;
					left: 140px;
				}
				
					#field_1_14 > label {
						width: 70px;
						vertical-align: top;
					}
					
					#field_1_14 span label {
						font-weight: bold;
						margin-left: 3px;
					}
					
					#field_1_14 span input {
						margin-left: 10px;
						width: 120px;
						margin-bottom: 10px;
					}
					
					#field_1_14 span select {
						margin-left: 10px;
						width: 90px;
					}
					
				#field_1_15 {
					width: 520px;
					height: 30px;
					position: absolute;
					top: 657px;
					left: 15px;
				}
				
					#field_1_15 h2 {
						font-size: 18px;
						font-weight: bold;
					}
					
				#field_1_16 {
					width: 520px;
					height: 30px;
					position: absolute;
					top: 709px;
					left: 15px;
				}
				
					#field_1_16 label {
						width: 0px;
					}
					
					#field_1_16 .ginput_container {
						width: 500px;
					}
					
					#field_1_16 textarea {
						width: 500px;
						height: 110px;
						font-family: Helvetica, Arial, sans-serif;
						font-size: 12px;
					}
					
				#field_1_17 {
					position: absolute;
					width: 320px;
					height: 220px;
					top: 0px;
					right: 40px;
				}
				
					#field_1_17 h2 {
						font-weight: bold;
						font-size: 20px;
						text-transform: uppercase;
						margin: 10px 0px 20px 0px;
					}
					
					#field_1_18 {
						position: absolute;
						width: 320px;
						height: 100px;
						top: 220px;
						right: 45px;
						text-align: center;
					}
					
						#field_1_18 label {
							width: 0px;
						}
					
						#input_1_18 {
							margin: 0px;
						}
						
						#field_1_18 .ginput_container {
							width: 320px;
							margin-bottom: 10px;
						}
						
					.gform_footer {
						position: absolute;
						width: 320px;
						height: 200px;
						top: 400px;
						right: 40px;
						text-align: center;
					}
					
						.gform_footer input {
							width: 185px;
							height: 81px;
							background: url('images/submit.jpg') no-repeat top left !important;
							text-indent: -9999em;
							line-height: 0;
							padding: 0px !important;
							border: 0px !important;
						}
						
					.validation_message {
						display: none;
					}
					
					.gfield_error label {
						color: #ff0000;
					}
					
					.validation_error {
						position: absolute;
						width: 320px;
						height: 200px;
						top: -50px;
						right: 40px;
						text-align: left;
						font-weight: bold;
						color: #ff0000;
						font-size: 14px;
					}
					
			#gforms_confirmation_message {
				font-weight: bold;
				font-size: 14px;
				width: 930px;
				background: #fee201;
				border: 2px solid #fefc02;
				margin-left: -20px;
				margin-top: -20px;
				height: 800px;
				text-align: center;
				padding: 40px 0px;
			}
			
			/* jQuery UI date picker ---------------------------------------------------------------------------------------*/

			.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div{ /*resets*/margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; font-family:"lucida sans", "lucida grande", lucida ,sans-serif; background:#fff; font-size:1.0em; border:4px solid #C1C1C1; width:15.5em; padding:2.5em .5em .5em .5em;  position:relative}
			.ui-datepicker-div, #ui-datepicker-div{ z-index:9999; /*must have*/ display:none}
			.ui-datepicker-inline{ float:left; display:block}
			.ui-datepicker-control{ display:none}
			.ui-datepicker-current{ display:none}
			.ui-datepicker-next, .ui-datepicker-prev{position:absolute; left:.5em; top:.5em; background:#eee}
			.ui-datepicker-next{ left:14.6em}
			.ui-datepicker-next:hover, .ui-datepicker-prev:hover{ background:#dadada}
			.ui-datepicker-next a, .ui-datepicker-prev a{ text-indent:-999999px; width:1.3em; height:1.4em; display:block; font-size:1em; background:url(../images/datepicker_arrow_left.gif) 50% 50% no-repeat; border:1px solid #d3d3d3; cursor:pointer}
			.ui-datepicker-next a{ background:url(../images/datepicker_arrow_right.gif) 50% 50% no-repeat}
			.ui-datepicker-header select{ border:1px solid #d3d3d3;  color:#555;  background:#e6e6e6;  font-size:1em;  line-height:1.4em;  position:absolute;  top:.5em;  margin:0 !important}
			.ui-datepicker-header option:focus, .ui-datepicker-header option:hover{ background:#dadada}
			.ui-datepicker-header select.ui-datepicker-new-month{ width:7em; left:2.2em}
			.ui-datepicker-header select.ui-datepicker-new-year{ width:5em; left:9.4em}
			table.ui-datepicker{ width:15.5em;  text-align:right}
			table.ui-datepicker td a{ padding:.1em; display:block; color:#555; background:#e6e6e6; cursor:pointer; border:1px solid #fff; text-align:center}
			table.ui-datepicker td a:hover{ border:1px solid #fff; color:#212121; background:#dadada; text-decoration: none}
			table.ui-datepicker td a:active{ border:1px solid #aaa; color:#212121; background:#fff;  text-decoration: none}
			table.ui-datepicker .ui-datepicker-title-row td{ padding:.2em 0; text-align:center; font-size:.9em; color:#222; text-transform:uppercase}
			table.ui-datepicker .ui-datepicker-title-row td a{ color:#222; padding:.3em 0}
			.ui-datepicker-cover{ display:none;  display/**/:block;  position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:193px; height:200px}
			img.ui-datepicker-trigger {position:relative; top:3px; left:4px}
			
													
	/* ---------------------------*/
	/* FOOTER */ 

	#footer {
		background: url('images/backFooter.png') repeat-x top;
	}
	
		#footer .spacer {
			height: 182px;
		}
	
		.subFooter {
			height: 50px;
			background: #000000;
		}
		
		.subFooter .container {
			position: relative;
		}
		
			.subFooter .nav {
				color: #ffffff;
				height: 50px;
				line-height: 50px;
				text-align: center;
				font-size: 14px;
				text-transform: uppercase;
				font-weight: bold;
				letter-spacing: 0px;
				font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
			}
			
				.subFooter .nav li {
					display: inline;
					padding: 0px 10px;
				}
				
					.subFooter .nav li a {
						color: #ffffff;
					}
					
					.subFooter .nav li a:hover, .subFooter .nav li.current_page_item a, .subFooter .nav li.current_page_ancestor a, .subFooter .nav li.current_page_parent a {
						color: #ffbb00;
					}
					
				.subFooter .social {
					position: absolute;
					right: 0px;
					top: 0px;
					color: #ffffff;
					margin-top: 10px;
				}
				
					.subFooter .social li {
						float: left;
					}
				
						.subFooter .social a {
							color: #ffffff;
							display: block;
							float: left;
							height: 25px;
							width: 25px;
							background: url('images/social.png') no-repeat 0px 0px;
							text-indent: -9999em;
							margin-left: 10px;
						}
						
						.subFooter .social a.twitter {
							background: url('images/social.png') no-repeat 0px -0px;
						}
						
						.subFooter .social a.facebook {
							background: url('images/social.png') no-repeat -34px 0px;
						}
						
						.subFooter .social a.vimeo {
							background: url('images/social.png') no-repeat -68px 0px;
						}
					
		
		/* Sticky Footer */
		
		html, body {height: 100%;}

		#wrap {min-height: 100%;}

		#main {overflow:auto;
			padding-bottom: 232px;}  /* must be same height as the footer */

		#footer {position: relative;
			margin-top: -232px; /* negative value of footer height */
			height: 232px;
			clear:both;} 

		/*Opera Fix*/
		body:before {
			content:"";
			height:100%;
			float:left;
			width:0;
			margin-top:-32767px;/
		}
		
/* ----------------------------*/
/* CUSTOM CLASSES     */
/* ----------------------------*/

.leftAlign {float:left;}

.rightAlign {float:right;}

.clear {clear: both; height: 0px;}

em {font-style: italic;}