/*
Osvaldo Gonzalez
oagonzalez@gmail.com
*/

/*
"standard reset", as seen as CSS-Tricks podcast #9
*/


* {
	padding: 0;
	margin: 0;
}

html { overflow-y: scroll; }

ul { list-style: none inside;}

li {text-decoration: none;}

p { font-size: 1em; margin-bottom: 1em; }

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

a img {border: none; }

.clear { clear: both; }

/*
TYPOGRAPHY
*/


h1 {font-size: 2em;
	text-indent: -8000px;}
h2 {font-size: 1.5em;
	text-indent: -8000px;}

body, p {
	font-family:  Futura, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: black;
}

#content {
	color: #FFFFFF;
}
	#content a {
	color: #770000;
	}
	#content a:hover {
	color: #999999;
	}
	#content p {
		font-size: 1em;
		line-height: 1.3em;
	}
	#content h2 {
		font-size: 1.5em;
		line-height: 1.5em;
	}
	
	#content h3 {
		font-size: 1.8em;
		line-height: 1.3em;
	}
	
	#content h4 {
		font-size: 1.5em;
		line-height: 1.5em;
	}
	#content h5 {
		font-size: 1.1em;
		line-height: 1.1em;
	}
		#content p.title {
			font-size: 1.5em;
			color: black;
		}
		#content p.date {
			font-size: 1.2em;
		}
		#content p.desc {
			font-size: .9em;
		}
		
#footer {
	font-size: .9em;
}
	ul#foot-nav li a {
		color: white;
	}	
	ul#foot-nav li a:hover {
		color: #000000;
	}
#sponsors p {
	font-size: .9em;
	color: white;
}


/*
STRUCTURE
*/

#page-wrap {

}

#trunk {
	margin: 0 auto;
	width: 820px;
	background: url("images/trunk.gif") repeat-y;
}

#header {
	height: 231px;
	background-image: url("images/header.jpg");	
}
	ul#nav {
	}
		ul#nav li {
			display: inline;
		}
			ul#nav li a {
				display: block;
				height: 56px;
				text-indent: -8000px;
				float: left;
			}
				ul#nav li a.news {
					width: 168px;
					background: url("images/news.jpg") center center no-repeat;
				}
				ul#nav li a.calendar {
					width: 160px;
					background: url("images/calendar.jpg") center center no-repeat;
				}
				ul#nav li a.tickets {
					width: 131px;
					background: url("images/tickets.jpg") center center no-repeat;
				}
				ul#nav li a.location {
					width: 150px;
					background: url("images/location.jpg") center center no-repeat;
				}
				ul#nav li a.about_us {
					width: 211px;
					background: url("images/about_us.jpg") center center no-repeat;
				}
				ul#nav li a:hover {
					background-position: center bottom;
				}
				body#news ul#nav li a.news,
				body#calendar ul#nav li a.calendar,
				body#tickets ul#nav li a.tickets,
				body#location ul#nav li a.location,
				body#about_us ul#nav li a.about_us {
					background-position: center top;
				}
				
	#content {
		padding: 30px 50px 30px 50px;
	}
		#content div.calendaritem {
			margin: .5em .5em 2em .5em 
		}
		#content p {
			padding: .5em .5em .5em .5em;	
		}
		#content p.title {
			background-color: #FFFFFF;
			margin: .3em .3em .3em .3em;
			padding: .5em .5em .5em .5em;
		}
		#content p.date {
			padding: .5em .5em .5em .5em;
		}
		#content p.desc {
			padding: .5em .5em .5em .5em;
		}
		#content img {
			padding: 0 20px 0 0;
		}

	#nopads {
		margin: 0 60px 0;
	}
	#faceframe {
		margin: 20px 20px 20px;
	}
	
	
	#footer {
		padding: 10px 0 0 0;
		text-align: center;
		height: 56px;
		background: url("images/footer.jpg") no-repeat;
	}
		ul#foot-nav {
		}
		ul#foot-nav li {
			display: inline;
		}
			
	#sponsors {
		padding: 0 10px 5px 10px;
		margin: 0 0 6px 0;
		text-align: center;
		background: url("images/sponsor-footer.gif") center bottom no-repeat;
	}