/* - - - - - - - - - - - - - - - - - - - - -

Title : style-site.css
Author : Jennifer Curtiss
URL : 

Description : Jabroni

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
	margin: 0;
	padding: 0;
}	
html{height: 100%;
}	
body{
	background-color: #fff;
	color: #222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;height: 100%;
}

/* ----- IDS ----- */

#container{
	width: 800px;
	min-height: 100%;	height: auto !important;	margin: 10px auto -184px auto; 
}	
#primary-content{
	float: left;
	font-size: 1.2em;
	margin-left: 35px;
	width: 430px;
}	
* html #primary-content{
	margin-left: 15px;
	width:415px;
}
#testimonials .testimony{
	float:left;
	width:195px;
}
#testimonials .alt{
	float:right;
}
#secondary-content{
	float: right;
	margin-right: 30px;
	padding-top:30px;
	width: 235px;

}	
#secondary-content div{
	clear: both;
	padding-bottom:10px;
}
	#contact label{
		font-size: 1em;
	}
	#contact button{
		background: #F2F2F2;
		border: 1px solid #715665;
		color: #715665;
		display: block;
		float: right;
		height: 25px;
		letter-spacing:1px;
		line-height:25px;
		text-align:center;
		text-transform: uppercase;
		width:100px;
	}
	#contact input{
		background: #F2F2F2;
		border: 1px solid #3C2036;
		color: #715665;
		margin: 4px 0 4px 0;
		width: 100%;
	}
	
	#events .date{
	background: url(../img/cal.jpg) center top no-repeat #645631;
	color:#eee;
	display:block;
	float:left;
	height:4.5em;
	text-align:center;
	width:36px;
	}
	#events .date .month{
		display: block;
		font-size:10px;
		margin: 0 auto;
		padding-top:9px;

		overflow:hidden;
		text-align:center;
		text-transform: uppercase;
		width:35px;
	}
	#events .date .day{
		display:block;
		font-size:14px;
	}
	#events .event{
		background:inherit;
		color: #585753;
		display: block;
		font-weight:bold;
		font-size:1.1em;
		letter-spacing:1px;
	}
	#events .description{
		font-size:1em;
		line-height:1.3;

	}
	/* I loate IE with the fire of a thousand suns. 
	I am too tired and have not enough time to figure out
	why both v's of IE refuse to float.
	It loathes me as much as I it.*/
	* html #events .event{
		margin-top: -10px;
	}
	*+html #events .event{
		margin-top: -10px;
	}
	#events li{
		clear:both;
	}
#navigation{
	background: #561148;
	clear: both;
	color:#eee;
	display:block;
	font-weight:normal;
	font-size:1.2em;
	height:30px;
	text-transform:uppercase;
}	
.push{
clear:both;
	height: 184px;
}
#footer{
	background: #220019 url(../img/footer.jpg) center top no-repeat;
	bottom: 0;
	clear: both;
	color: #eee;
	/* height: 145px; */
	height:184px;
	margin: 0 auto;
	padding: 0px;
	width: 776px;
}
#footer *{
	margin: 10px;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
	background-color:inherit;
	border: 0;
	color: #eee;
	font-weight: normal;
	letter-spacing:1.4px;
	text-decoration: none;
}
#footer #support{
	float: right;
	text-transform: uppercase;
}
#footer #copyright{
	float: left;
}

/* ----- HEADINGS ----- */

h1 img{
	float: left;
	line-height: 45px;
	margin-left: 15px;
		vertical-align: bottom;
}
#imgDude{
	padding-bottom:15px;
	padding-top:1px;
}
h1 span#tagline{
	float: right;
	text-transform: uppercase;
	font: normal 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: .1em;
	line-height: 45px;
	vertical-align: baseline;
}
#primary-content h2{
	background-color:inherit;
	color:#461640;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size:2em;
	font-weight:normal;
	line-height:1;
	padding:0 0 10px 0;

}
#primary-content #testimonials h2{
	background: url(../img/downarrow.gif) left top no-repeat;
	background-color: transparent;
	border-bottom:1px solid #ADADAD;
	color: #ADADAD;
	font-size:10px;
	font-weight:normal;
	padding-bottom:2px;
	margin-top:15px;
	margin-bottom:13px;
	padding-left:10px;
	width:100%;
}
#secondary-content h2{
	border-bottom: #acacac 1px solid;
	color: #5f3656;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size:1.2em;
	font-weight: bold;
	margin-bottom:7px;
	text-transform:uppercase;
	width:100%;
}
.testimony h3{
	background: url(../img/hr.gif) left bottom no-repeat;
	background-color: transparent;
	color: #501048;
	font-weight:normal;
	font-size:1.4em;
	padding-bottom:10px;
}
h4{
}
/* p */
#primary-content p strong{
background: inherit;
color: #461640;
font-size:1.1em;
}

/* ----- LISTS ----- */
#events li{
	list-style-type:none;
	list-style-position:outside;
	margin-bottom:25px;
}
#merch ol, #merch li{
	display:inline;
	list-style-type:none;
	overflow:hidden;
}
#merch li{
	width:75px;

}
li{
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}

#navigation li{
	background: url(../img/li-div.gif) right bottom no-repeat;
	display:inline;
	line-height:30px;
	padding:8px 14px 8px 4px;
}
#navigation li.active{
	background: #35072E;
	border: 1px solid #fff;
	margin-left: -8px;
	padding: 8px 14px 8px 8px;
}

#navigation ul{
	height:30px;
	margin:0 auto;
	list-style-position:outside;
	list-style-type:none;
	text-align:center;
}

#navigation ul li{
}

#navigation ol{
}

#navigation ol li{
}


/* ----- LINKS ----- */
#navigation a, #navigation a:link{
	background: transparent;
	border: 0;
	color: #fff;
	padding-bottom:8px;
	text-decoration: none;
}
#navigation a:hover{
	text-decoration: underline;
}
#navigation .active a:hover{
	text-decoration: none;
}
#navigation a:visited, #navigation a:active, #navigation a:focus{
}

a, a:link{
	background: inherit;
	border-bottom: 2px solid #401F3A;
	color: #401F3A;
	padding-bottom: 1px;
	text-decoration: none;
}
a:hover{
	border: 0;
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}
#events a, #events a:link, #merch a, #merch a:link, #merch a:visited, #merch a:hover, #merch a:focus, #merch a:active{
	border:0;
}
/* ----- IMAGES ----- */

img{
	border: 0;
}
a img,  a:link img,  a:visited img,  a:focus img,  a:active img{
	border: 0;
	outline: 0;
}
 a:hover img{
	border: 0;
	outline: 0;
}