/**********************************************
 ******************* MASTER *******************
**********************************************/

/* Created: 15 Oct 2009 & 4pm
 * Author: Joshua Deidun <www.ivt.com.au>
*/

@import "jquery.jcarousel.css";
@import "thickbox.css";

/*	TOC
 *	1. Colors
 *	2. Reset
 *	3. Links
 *	4. Typography
 *	5. Structure
*/


/*	1. COLORS
 *	----------------------------------------------
 *	blue	=	#569fd3
 *	brown	=	#695e4a
 *	grey	=	#e9e4db
*/


/*	2. RESET - do not remove or modify
 *	----------------------------------------------
*/
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, button { 
		margin: 0; 
		padding: 0; 
		border: 0; 
		outline: 0; 
		font-size: inherit; 
		font-family: inherit; 
		list-style: none; 
		}	
 	
	table { 
		border-collapse: collapse; 
		border-spacing: 0; 
		}

	ol, ul { 
		list-style: none; 
		}

	q:before, q:after, blockquote:before, blockquote:after { 
		content: ""; 
		}
		
	:focus {
		outline: 0;
		}
		
	legend {
		display: none;
		}
		
	hr {
		height: 1px;
		border: 1px solid #CCC;
		}
		
	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
	.clearfix:after {
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
		}

	.clearfix {
		display: inline-block;
		}

	* html .clearfix {
		height: 1%;
		}

	.clearfix {
		display: block;
		}
		
		
/*	3. LINKS
 *	----------------------------------------------
*/

	a:link, a:active, a:visited, a:hover {
		color: #569fd3;
		outline: none;
		text-decoration: none;
		}
		
	a:hover {
		text-decoration: underline;
		}
		
		
/*	4. TYPOGRAPHY
 *	----------------------------------------------
*/

	h1, h2, h3, h4, h5, h6 {
		color: #695e4a;
		font-weight: normal;
		}
		
	h1 {
		font-size: 3em;
		}

	h2 {
		font-size: 1.9em;
		margin: 0 0 .3em;
		}
	
	h3 {	
		font-size: 1.4em;
		color: #fff;
	   }
	   
	h4 {
		font-size: 1em;
		font-weight: bold;
	   }   
	   
	
	p {
		margin: 0 0 .5em;
	  }		   	
	
		
		
		
/*	5. STRUCTURE
 *	----------------------------------------------
*/	

	body {
		font: 62.5%/1.6 Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
		color: #231f20;
		background: #d3cab7;
		}
		
	#container {
		width: 1010px;
		margin: 0 auto;
		padding: 0;
		font-size: 1.1em;
		background: url(../images/bg-container.png) repeat-y;
		}
		
	#header {
		height: 248px;
		background: url(../images/bg-header.jpg) 10px 0 no-repeat;
		}
		
	#content {
		position: relative;		
		background: #fff;
		font-size: 1.1em;
		margin: 0 10px;
		padding: 0 12px 12px 40px;
		}

	#footer { 
		width: 1010px; 
		background: url(../images/bg-footer.gif) 0 0 no-repeat; 
		font-size: 1.1em; 
		margin: 0 auto; 
		}
		
		/* << ----------- HEADER --------------- */						
		
		#header h1 {
			float: left;
			}
			
		#header h1 a {
			width: 990px;;
			height: 248px;
			display: block;
			margin: 0 10px;
			text-indent: -999em;
			}

		/* << ---------- NAVIGATION ------------ */
			
		#content ul#nav {
			position: absolute;
			top: 0;
			left: 40px;
			}
			
			#content ul#nav li{
				float: left;
				}
			
			#content ul#nav li a {
				font-size: 1.2em;
				float: left;
				margin: 10px 0;
				padding: 0 10px 0 10px; 
				color: #695e4a;
				border-right: 1px solid #d3cab7;
				line-height: .9em;
				text-decoration: none;
				}
			#content ul#nav li.start a {
				padding-left: 0;
				}

			#content ul#nav li.end a {
				border: 0;
				}	
			
		/* << ------------- CONTENT ------------ */
		
		#content #left {
			float: left;
			width: 640px;
			padding: 50px 30px 0 0;
			font-size: 1.1em;
			}
			
			#content #left .news {
				padding: 10px 0;
				color: #695e4a;
				}

			#content #left h3 {
				height: 37px;
				padding: 0 10px;
				margin: 0 0 .5em;
				line-height: 38px;
				background: #695e4a;
				}
				
		
			#content #left ul {
				margin: 0;
				padding: 0;
				width: 300px;
				}	
			
			#content #left .news #local_news {
				width: 315px;
				float: left;
				}
				
			#content #left .news div#feeds {
				width: 315px;
				float: right;
				}						
				
			#content #left li {
				padding: 5px 0;
				}

		#content #right {
			float: left;
			width: 268px;
			color: #695e4a;
			}
			
			#content #right .membership {
				float: left;
				display: block;
				height: 152px;
			}

			#content #right .events, #content #right .membership {
				float: left;
			}

			#content #right .events div.events_title {
				padding: 0 10px;
				margin: 0;
				height: 67px;
				width: 248px;
				background: url(../images/h3-events-bg.jpg) no-repeat left bottom;
				display: block;
				float: left;
				}
				
			#content #right .events h3 {
				font-size: 1.6em;
				padding: 35px 0 0;
				}
				
			#content #right .events h3 a {
				display: block;
				text-decoration: none;
				cursor: pointer;
				}	
			
			#content #right .events ul {
				padding: 4px 10px 15px 11px;
				margin: 0;
				background: #e9e4db;
				float: left;
				display: block;
				}
			
			#content #right .events ul li {
				margin: 0;
				padding: 7px 0;
				border-bottom: 1px dashed #b9b2a5;
				width: 248px;
				}
				
			#content #right .events ul li:last-child {
				border: 0;
				}

			#content #right .gallery {
				float: left;
				margin: 0;
				padding: 7px 0 0;
				color: #695e4a;
				width: 268px;
				}
				
			#content #right .gallery h3 {
				margin: 0;
				padding: 0 10px;
				height: 37px;
				line-height: 40px;
				font-size: 1.6em;
				background: url(../images/h3-bg.gif) 0 0 repeat-y;
				}
				
				
			#content #right .events h3 a {
				color: #fff;
				}
				
			.addthis {
				margin: 10px 0;
				}	
			
	/* << -------------- FOOTER -------------- */

		#footer p {
			padding: 30px 0;
			margin: 0 20px;
			}
		#footer p#ivt {
			float: right;
			}