@import url('reset.css');
@import url('photos.css');

/* CORE STYLES */

body {
	background-color:#000;
	font-family: "Arial Narrow", sans-serif;
	color:#fff;
	line-height:135%;
}

a {
	text-decoration:none;
	color:#ccc;
}

h2 {
	font-weight:bold;
	padding-bottom:15px;
}

p {
	margin-bottom:25px;
	padding:0 10px;
}

ul li {
	line-height:135%;
	margin-bottom:10px;
}

.clear { clear: both; }

#wrapper {
	width:1024px;
	height:768px;
	margin:0 auto;
	border:3px solid #fff;
}

#inner-wrapper {
	margin:0 195px;
	padding-top:25px;
}

#navigation {}

#navigation ul {
	list-style:none;
	width:585px;
	margin:0 auto;
}

#navigation ul li {
	float:left;
	margin-right:50px;
	text-align:center;
	width:75px;
	text-transform:uppercase;
}

#navigation ul li.last {
	margin-right:0;
}

#navigation ul li a {
	color:#fff;
	font-weight:bold;
	background: url('../images/nav-star.png') no-repeat top;
	display:block;
	padding-top:100px;
}

#navigation ul li.current a, #navigation ul li a:hover {
	color:#ff0000;
}

ul.detail-list li {
	background:url('../images/bgnd-grey-transparent.png');
	padding:10px;
}

ul.detail-list.float li {
	float:left;
	margin-right: 50px;
	background:none;
}

ul.detail-list.float li a{
	padding:5px;
	
}

ul.detail-list.menu-links li a {
	background: url('../images/to-go.png') no-repeat top center;
	background-color:none;
	padding-top:75px;
	display:block;
	text-align:center;
}

ul.detail-list.events li {
	float:left;
	width:125px;
	margin:0 6px;
	background:url('../images/bgnd-grey-transparent.png');
}

ul.social {
	margin-left:40px;
}

ul.social li {
	float:left;
	text-align:center;
	color:#fff;
	margin:20px;
	font-weight:bold;
}

ul.social li span {
	background:url('../images/bgnd-grey-transparent.png');
	padding:5px;
}

#menu-links {
	background:#333;
	padding:10px;
	margin:0 auto;
	text-align:center;
}

#menu-links a img {
	padding-right:10px;
}

#menu-links a {
	margin:0 35px;
	text-align:right;
}

/* PAGE SPECIFIC STYLES */
#wrapper.home {
	background: url('../images/bgnd-home.jpg') no-repeat;
}

#wrapper.menu {
	background: url('../images/bgnd-menu.jpg') no-repeat;
}

#wrapper.events {
	background: url('../images/bgnd-events.jpg') no-repeat;
}

#wrapper.photos {
	background: url('../images/bgnd-photos.jpg') no-repeat;
}

#wrapper.contact {
	background: url('../images/bgnd-contact.jpg') no-repeat;
}