/* 	Illmovements
	http://illmovements.com	
	
	gold #ddaa33
	deep red #6b1011
	charcoal #080707
	grey #171717
	burgandy #3f0404
	bright red #a51e20
	cream #ecd6a8	
	bronze #ad7e12
*/


/* RESET */

*				{margin:0; padding:0;}
html			{overflow-y: scroll;}
html, body		{height:100%;}
body			{font-size: 62.5%; font-family: Arial, sans-serif; color: #ffffff; 
				 background-image:  url(images/background.png);background-repeat: repeat-x; background-color:#000000;}
a				{outline: none; text-decoration: none;}
a img			{border: none;}
ul				{list-style:none;}
ol				{list-style:none;}
img				{vertical-align: middle;}
table			{border-collapse: collapse;}
	
/*UTILITY*/

.floatleft		{float:left;}
.floatright		{float:right;}
.clear			{clear: both;}


/*TYPOGRAPHY*/

p, li			{font-size: 1.2em;
				line-height: 1.4em;
				margin: 0 0 10px 0;
				list-style: none;
				}
				
a				{color: #6b1011;}

a:hover			{color: #a51e20;}

h1				{color:#ddaa33;
				font-size:2.1em;
				line-height:2.1em;
				text-transform:uppercase;
				margin-top: -15px;
				}


h2				{font-size:1.6em;
				 line-height: 1.9em;
				 color: #ddaa33;
				 text-align: center; 
				}	

h2 a			{font-size:1.1em;
				 line-height: 1.4em;
				 color: #ddaa33;  
				}	

h2 a:hover		{color: #ecd6a8;  
				}	

h3				{color:#ddaa33;
				display:inline;
				font-size:1.2em;
				line-height:1.3em;
				}
				
h5				{color:#6B1011;
				display:inline;
				font-size:1.2em;
				letter-spacing: 0.4em;
				line-height:2.3em;
				}
			

/*STRUCTURE*/

#page-wrap {
	width: 1000px;
	margin: 0px auto;
	background: url(images/content-bg.jpg) repeat-y;
	min-height: 1px;
	
		
	}
	
#push{
	height:274px;
	}
	
h1#logo{
	width:1000px; 
	height: 238px;
	background: url(images/header.png) top left no-repeat;
	text-indent: -9999px;
	margin: 0 auto;}
		


/*MENU*/

#main-nav{

		width: 965px;
		list-style: none;
		margin: 0 auto;
		
		}

ul#menu li {
		display: inline;
		}
			
ul#menu li a {
	
	display: block
	height: 31px;
	float: left;
	text-indent: -9999px;
	
	
	
	}
ul#menu li a.home {
	background:  url(images/home.gif) 	no-repeat bottom center;
	width:193px;
	height: 31px;
	}	
	ul#menu li a.about {
	background:  url(images/about.gif) 	no-repeat bottom center;
	width: 193px;
	height: 31px;
	}
	ul#menu li a.events {
	background:  url(images/events.gif) 	no-repeat bottom center;
	width:193px;
	height: 31px;
	}
	ul#menu li a.gallery {
	background:  url(images/gallery.gif) 	no-repeat bottom center;
	width: 193px;
	height: 31px
	}
	ul#menu li a.contact {
	background:  url(images/contact.gif) 	no-repeat bottom center;
	width: 193px;
	height: 31px;
	}
	
	ul#menu li a.home:hover, ul#menu li a.home:active,
	ul#menu li a.about:hover, ul#menu li a.about:active,
	ul#menu li a.events:hover, ul#menu li a.events:active,
	ul#menu li a.gallery:hover, ul#menu li a.gallery:active,
	ul#menu li a.contact:hover, ul#menu li a.contact:active {
		background-position: center center;
		height: 31px;
		}
		
	body#default ul#menu li a.home,
	body#about ul#menu li a.about,
	body#events ul#menu li a.events,
	body#gallery ul#menu li a.gallery,
	body#contact ul#menu li a.contact {
	background-position:  top center;
	height: 31px;
	}

/*--*/

div#container{
	width:965px;
	margin: 0 auto;
	
		
	}
	
div#mailing-list{
	
	background: #121212; 
	border: 1px solid #ad7e12;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float:left;
	width: 168px;
	height: 92px;
	padding: 10px;
	margin: 0 0 16px 0;

	}

div#main {
	
	border: 1px solid #ad7e12;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #2c2c2c;
	float:right;
	margin:0px 0px;
	padding:20px;
	width:313px;
	display: inline;
	
	}

div#news {
	
	border: 1px solid #ad7e12;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #121212;
	float:right;
	margin:0px 0px 16px 0;
	padding:20px;
	width:313px;
	min-height: 76px;
	height:auto !important;
  	height:76px;
  	display: inline;
 
  	
	}
	
div#left{ 
	float:left;
	padding: 0px 0 10px 0px;
	width:565px;
	margin: 19px 0px 0 0;
	display: inline;
	border: none;
		
	}
		
div#top5{
	background: url(images/listen.gif) top left no-repeat;
	background-color: #121212; 
	width: 217px;
	border: 1px solid #ad7e12;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:168px;
	padding: 72px 10px 30px 10px;
	float: left;
	}


div#right {

	
	float:right;
	margin: 16px 0;
	width:383px;
	min-height: 1240px;	
	display: inline; 
	
	}
	
div#audio {
	
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(images/audio.png) top no-repeat;
	padding: 53px 0px 0px 0px;
	width:383px;
	height:153px;
	margin: 0;
	
			
	}

div#feature {
	
	border: 1px solid #ad7e12;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(images/feature.gif) top left no-repeat;
	background-color: #121212;
	padding:100px 20px 20px;
	width: 342px;
	margin: 15px 0 0 0;
	
	
	}	

div#links {
	
	border: 1px solid #ad7e12;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(images/links.png) top left no-repeat;
	background-color: #121212;
	height:258px;
	margin:20px 0;
	padding:90px 0 20px 5px;
	width:378px;
	
		
	}

div#links a img{

	display:inline;
	float:left;
	padding:5px;
	
	}	

div#page {
	
	border: 1px solid #ad7e12;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #121212;
	float:right;
	padding:20px 20px 80px 20px;
	width:922px;
	margin: 16px 0;
	}
	
div#events {
	
	border: 1px solid #ad7e12;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #121212;
	float:right;
	margin:15px 0;
	padding:50px 325px 80px;
	width:313px;
	}

div#map {
	width: 678px;
	height: 320px;
	top: 12px;
	margin-bottom: 40px;
	color: black;
	}

/*CONTACT FORM*/

/*
 * Form elements
 -----------------------*/
fieldset {margin:0 0 0 -1px;width:168px; border: none;}

legend {
color:#ddaa33;
font-size:1.1em;
margin:0 0;
padding:0;
text-transform:uppercase;
}

input           {width:167px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align: center;}

input,textarea       {border:1px solid #3f0404;padding:2px 1px 2px 0px;margin:3px 0 0 0;}

input:focus, textarea:focus  {background: #ede2cb;}

textarea        {font:.9em; width: 161px;-moz-border-radius:3px; -webkit-border-radius:3px;padding:4px;}

label {
display:block;
font-size:0.9em;
margin:6px 0 0;
width:90px;
color: #6b1011;
}


label:after     {content:": ";}

button {
display:block;
float:left;
margin:1em 0;
background: #6B1011;
-moz-border-radius:3px;
-webkit-border-radius:3px;
color: #ede2cb;
border: 1px solid #3f0404;
padding: 1px; 
}

div#post-8 img {

	 margin:-367px 0 0 289px;
}


/*
 * User feedback
 -----------------------*/
.yay, .oops     {font-size:.8em;text-align:center;padding:10px;color:#fff;font-weight:700;}
.yay            {background:#090;}
.oops           {background:#f30;}
div.error       {font-size:.8em;font-weight:700;padding:5px 0 0;color:#f30;margin:0 0 0 90px;}

	
/*EXTRA*/

.extra			{background: #121212; 
				 width: 217px;
				 border: 1px solid #3f0404;
				 -moz-border-radius: 5px;
				 -webkit-border-radius: 5px;
				 float:left;
				 margin:17px 0px 0 0px;
				 width:168px;
				 height: auto;
				 padding: 10px;
			
}
				 }

.extra .inside			{padding:10px;}
.extra ul				{list-style: none; margin-left:0x; text-transform: uppercase; font-size: 0.9em;}
.extra ul a				{ display: block; padding: 2px;}
.extra ul li a:hover 	{color:#a51e20}
.thumb					{width: 62px; float: left; margin: 0 0 10px 15px;}
	

/*FOOTER*/	

#footer {
	clear: both;
	min-height: 274px;
	height:auto !important;
  	height:274px;
	background:  url(images/footer.gif) no-repeat;
	margin: 0 auto;
	
	}
	
div#foot-links {
	text-align: left;
	padding-top: 8px;
	width:1000px;
	margin: 0px 0 0 40px;
	text-transform: uppercase;
	font-size: 0.8em;
		}
		
div#foot-links li{
	line-height: .4em;
	}
	
/*BLOG ENTRIES*/

#news .post		{width:313px; margin:0 auto;}
.post		{width:870px; margin:0 auto;}
.post h2	{}
.datebox	{width: 32px; float:left; padding: 5px; background: #6b1011; color:white;
			-moz-border-radius: 3px; -webkit-border-radius: 3px;
			text-align: center; margin: 0px 10px 10px 0px;
			}

.day		{font-size: 2.6em; font-weight: bold; margin: 0;}
.month		{font-size: 1.5em; font-weight: bold; text-transform: uppercase; margin: 0;}
.year		{font-size: 1.3em; font-weight: bold; margin: 0;}