/*================================================================
LAYOUT stylesheet for the website.

Define layout and backgrounds for:
  - Body
  - Wrapper
  - Header
  - Sidebar
  - Content
  - Footer
  ( Navigation is defined in nav.css )
  
  ***  NO TYPOGRAPHY STYLES HERE PLEASE  ***
  
================================================================*/
@import url(/css/global/base.css);
@import url(/css/global/style.css);
@import url(/css/global/forms.css);
@import url(/css/nav_horiz.css);
@import url(/css/thickbox.css);
@import url(/css/pages/events.css);
@import url(/css/pages/gallery.css);
@import url(/css/pages/comments.css);
@import url(/css/global/calendar.css);



/* BODY 
----------------------------------------------------------------*/
body {
	background: #3f1102 url(/images/back_body.jpg) top center repeat-x;
	background-attachment: fixed;
	margin: 0; padding: 0;
	text-align: center;
	font-family : "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
	font-size: .8em;
	line-height: 1.5em;	
}

/* body {
	margin: 0 auto;
	text-align: center;
	font: 76%/1.3em Arial, Helvetica, sans-serif;
	color: #666;
	background: #060100 url(../images/back_body.jpg) repeat-x center top;
} */
/* WRAPPER
----------------------------------------------------------------*/
#wrapper {
	/* background: transparent url(/images/back_content.png) top center repeat-y; */
	margin: 0 auto; padding: 0;
	width: 770px;
}
/* HEADER
----------------------------------------------------------------*/
#header {
	background: transparent url(/images/back_header.jpg) 14px 0 no-repeat;
	margin: 0 auto; padding: 0;
	width: 770px;
	height: 320px;
}
#branding {
	width: 100%; height: 124px;
	text-indent: -9000px;
	clear: both;
}

/* CONTENT
----------------------------------------------------------------*/
#content {
	margin: 0 auto; padding: 0;
	width: 730px;
}

/* MAIN
----------------------------------------------------------------*/
#main {
	width: 500px;
	margin: 0 40px 0 15px;
	padding-bottom: 2em;
	float: left; 
	}


/* SECONDARY CONTENT
----------------------------------------------------------------*/
#secondary {
	width: 170px;
	float: left;
	overflow: hidden;
	}

/* FOOTER
----------------------------------------------------------------*/
#footer {
	background: transparent url(/images/back_footer.jpg) bottom center no-repeat;
	margin: 0 auto; padding: 0;
	width: 100%; height: 100px;
	font-size: .8em;
	clear: both;
}
#footer p{
	margin-top: 100px;
}
#copy {
	color: #999;
	background-color: #000;
	width: 100%;
	font-size: 10px;
	padding: 1em 0;
	margin-top: -1px;
	}
#copy a{
	color: #999;
	text-decoration: none;
	}
#copy a:hover{
	background-color: #000;
	color: #fff;
	}