/*
Theme Name: LoveYourClub.
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: #79a6e8 url('images/background.jpg') no-repeat top center;
	color: #39628d;
 	font-family: Helvetica, Arial, sans-serif;
 	font-size: 12px;
	line-height: 1.2;
}

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

h1 {font-size:36px; font-family: "Times New Roman", Times, serif;} 
h2 {font-size:24px; font-family: "Times New Roman", Times, serif;} 
h3 {font-size:18px; font-family: "Times New Roman", Times, serif;} 
 
a:link, a:visited {color: #ffffff; text-decoration: none; outline: none; font-weight: bold;} 

a:hover {text-decoration: underline;}

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

ul {list-style: none;}

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

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


	/* ---------------------------*/ 
 	/* HEADER    */
		
	#header {
		margin-top: 20px;
	}
	
		#header .logo {
			float: left;
			margin-top: 30px;
		}
		
		#header .clubsQueensland {
			float: right;
		}
		
		#header h3 {
			float: right;
			clear: right;
			width: 290px;
			height: 14px;
			background: url('images/findYourClub.png') no-repeat top left;
			text-indent: -9999em;
			margin-top: 10px;
		}
		
		.nav {
			background: url('images/backMenu.jpg') repeat-x;
			margin-top: 5px;
		}
		
			.nav li {
				display: inline-block;
				height: 35px;
				line-height: 35px;
				font-weight: normal;
				text-transform: uppercase;
				margin-left: 10px;
				padding-right: 10px;
				background: url('images/divider.jpg') no-repeat right center;
			}
			
				.nav li a {
					font-weight: normal;
					display: block;
					padding: 0px 20px;
					height: 29px;
					line-height: 32px;
					margin-top: 2px;
				}
				
				.nav li a:hover {
					background: url('images/backHover.jpg') repeat-x;
					text-decoration: none;
				}
				
			.subNav {
				text-align: right;
				margin-right: -5px;
			}
			
				.subNav li {
					font-weight: normal;
					display: inline-block;
					text-transform: uppercase;
					font-size: 10px;
					padding-left: 5px;
					margin-right: 5px;
					border-left: 1px solid #ffffff;
				}
				
				.subNav li:first-child {
					margin-left: 0px;
					border: 0px;
					
				}
				
					.subNav li a {
						font-weight: normal;
					}
				
	/* ---------------------------*/ 
 	/* MAIN    */
	
	#main {
		margin-top: 10px;
	}
	
		.homeBox {
			height: 345px;
			background: url('images/backHomeBox.png') repeat-x bottom;
			padding: 0px 15px 15px 15px;
			margin-bottom: 20px;
		}
		
			.welcome {
				width: 290px;
				float: left;
				background: url('images/backHeadHome.png') no-repeat top center;
				color: #ffffff;
			}
			
				.welcome h1 {
					text-align: center;
					color: #a7cbf3;
					margin-top: 40px;
					text-transform: uppercase;
					line-height: 1;
					/* X, Y, Blur, Color */
					text-shadow: 0px -1px 0px #000000;
				}
				
					.welcome h1 span {
						display: block;
						font-size: 30px;
					}
					
				.welcome p {
					width: 245px;
					margin-left: 25px;
					margin-top: 65px;
				}
				
				.welcome a.button {
					margin: 0px auto;
					margin-top: 20px;
				}
			
			.video {
				width: 610px;
				float: right;
			}
		
		/* Category */
		
		.post {
			padding: 18px;
			background: url('images/transparent.png');
			margin-bottom: 20px;
		}
		
			.leftCol {
				float: left;
				width: 445px;
				margin-left: 106px;
			}
			
			.rightCol {
				float: right;
				width: 300px;
			}
			
				#imageView {
					border: 20px solid #ffffff;
				}
				
				.imageView {
					border: 20px solid #ffffff;
				}
				
			.post small {
				text-transform: uppercase;
				font-size: 10px;
				margin-top: 20px;
				margin-bottom: 20px;
				display: block;
			}
			
			.post .title {
				color: #39628d;
				text-transform: uppercase;
				line-height: 1;
				/* X, Y, Blur, Color */
				text-shadow: 0px -1px 0px #000000;
				font-size: 30px;
				width: 260px;
				background: url('images/divider.png') no-repeat bottom left;
				padding-bottom: 25px;
				margin-bottom: 25px;
				font-weight: bold;
			}
			
				.post .title a {
					color: #39628d;
				}
				
				.post .title a:hover {
					color: #ffffff;
					text-decoration: none;
				}
				
				.post p {
					font-weight: bold;
				}
				
				.post a.button {
					margin-top: 20px;
				}
			
		.pagination {
			text-align: left;
		}
			
			/* Single Post and Page */
				
			.post.single .leftCol {
				width: 373px;
				margin-left: 100px;
			}
			
			.post.single .rightCol {
				width: 442px;
			}
			
			.post.single p {
				font-weight: normal;
				margin-bottom: 15px;
			}
			
			.post.single .leftCol a {
				color: #39628d;
			}
			
			#gallery {
				padding: 40px;
			}
			
				#gallery li {
					display: inline-block;
					margin-right: 10px;
					margin-bottom: 10px;
					border: 1px solid #cccccc;
					height: 81px;
				}
				
					#gallery li a {
						display: inline-block;
						border: 3px solid #ffffff;
						background: #ffffff;
						height: 75px;
						overflow: hidden;
					}
					
					#gallery li a:hover {
						border: 3px solid #39628d;
					}
					
						#gallery li img {
							display: block;
							width: 100px;
						}
			
				.infos {
					margin-top: 30px;
					margin-left: 30px;
					margin-bottom: 30px;
				}
				
					.infos h2 {
						font-size: 28px;
						text-transform: uppercase;
					}
					
					.infos a {
						color: #39628d;
					}
					
						.infos ul {
							line-height: 2;
						}
						
							.infos ul li a {
								display: block;
								padding-left: 30px;
							}
							
							.infos.resources ul li a {
								background: url('images/pdf.png') no-repeat 0px 3px;
							}
							
							.infos.links ul li a {
								background: url('images/link.png') no-repeat 0px 1px;
							}
							
				#faq {
					margin-top: 30px;
					margin-bottom: 30px;
				}
				
					#faq h2 {
						font-size: 28px;
						text-transform: uppercase;
					}
					
					#faq a {
						color: #39628d;
					}
					
					#faq ul {
						line-height: 2;
					}
					
						#faq ul li {
							border-bottom: 1px solid #39628d;
						}
						
							#faq ul li p {
								line-height: 1.5;
							}
			
			.map {
				width: 407px;
				float: right;
				border: 20px solid #ffffff;
			}
			
			.clubGallery {
				margin-top: 30px;
			}
			
				.clubGallery #gallery {
					float: right;
					width: 390px;
					padding: 0px !important;
				}
				
			.contact {
				text-align: center;
				margin-top: 20px;
			}
			
			.wpcf7-form p {
				text-align: right;
			}
			
			.wpcf7-form label {
				vertical-align: middle;
				text-transform: uppercase;
				padding-right: 5px;
			}
			
				.wpcf7-form .message label {
					vertical-align: top;
				}
			
			.wpcf7-form input, .wpcf7-form textarea {
				width: 347px;
				border: 0px;
				background: #ffffff;
				color: #000000;
				font-size: 12px;
				padding: 3px;
			}
			
			.wpcf7-submit {
				color: #39628d !important;
				font-family: Verdana, Helvetica, Arial, sans-serif !important;
				font-weight: normal !important;
				text-align: center !important;
				text-transform: uppercase !important;
				width: 135px !important;
				height: 23px !important;
				line-height: 18px !important;
				border: 1px solid #e9e9e8 !important;
				background: #e2e2e2 !important;
				background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#d4d4d4)) !important;
				background: -moz-linear-gradient(top,  #f5f5f5,  #d4d4d4) !important;
				margin-right: -18px;
				cursor: pointer;
			}
						
	/* ---------------------------*/
	/* FOOTER */ 

	#footer {
		height: 368px;
		background: url('images/backFooter.png') repeat-x center;
	}
	
/* GLOBAL CLASSES */

a.button {
	color: #39628d;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-align: center;
	display: block;
	text-transform: uppercase;
	width: 135px;
	height: 23px;
	line-height: 23px;
	border: 1px solid #e9e9e8;
	background: #e2e2e2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#d4d4d4));
	background: -moz-linear-gradient(top,  #f5f5f5,  #d4d4d4);
}

a.button:hover {
	text-decoration: none;
	background: #ffffff;
}	
								
/* ----------------------------*/
/* CUSTOM CLASSES     */
/* ----------------------------*/

.leftAlign {float:left;}

.rightAlign {float:right;}

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

em {font-style: italic;}