/* Layout */

body {
	background: white url(../images/header_bg.jpg) center top no-repeat;
}

div#header_link {
	position: absolute;
	top: 0px;
	width: 960px;
	height: 180px;
	left: 50%;
	margin-left: -480px;
	z-index: 999;
}
	div#header_link a {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
	}

div#container {
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 180px;
}

div.column {
	float: left;
}

.left {
	float: left;
}
.right {
	float: right;
}

div#menu {
	width: 180px;
	padding-top: 10px;
/*	background: url(../images/header_menu.png) top no-repeat;*/
}	
	li.menuitem {
		width: 180px;
		display: block;
	}
		li.menuitem a {
			display: block;
			width: 100%;
			text-decoration: none;
		}
		
		span.menutext {
			visibility: hidden;
		}
		
		li#blog a {
			height: 30px;
			background: url(../images/menu/menu_1_blog.jpg);
		}
		li#mission a {
			height: 30px;
			background: url(../images/menu/menu_2_mission.jpg);
		}
		li#map a {
			height: 30px;
			background: url(../images/menu/menu_3_map.jpg);
		}
		li#lineup a {
			height: 30px;
			background: url(../images/menu/menu_4_lineup.jpg);
		}
		li#applications a {
			height: 30px;
			background: url(../images/menu/menu_5_applications.jpg);
		}
		li#media a {
			height: 48px;
			background: url(../images/menu/menu_6_media.jpg);
		}
		li#upcoming a {
			height: 48px;
			background: url(../images/menu/menu_7_upcoming.jpg);
		}
		li#friends a {
			height: 48px;
			background: url(../images/menu/menu_8_friends.jpg);
		}
		li#volunteers a {
			height: 30px;
			background: url(../images/menu/menu_9_volunteers.jpg);
		}
		li#links a {
			height: 30px;
			background: url(../images/menu/menu_10_links.jpg);
		}
		li#contact a {
			height: 30px;
			background: url(../images/menu/menu_11_contact.jpg);
		}
		li#songbook a {
			height: 48px;
			background: url(../images/menu/menu_12_communitysongbook.jpg);
		}
		li#donate a {
			height: 100px;
			background: url(../images/menu/donate.png) no-repeat;
		}

		li#blog a:hover,
		li#mission a:hover,
		li#map a:hover,
		li#lineup a:hover,
		li#applications a:hover,
		li#media a:hover,
		li#upcoming a:hover,
		li#friends a:hover,
		li#volunteers a:hover,
		li#links a:hover,
		li#contact a:hover,
		li#songbook a:hover {
			background-position: -180px 0px;
		}
		

div#content {
	width: 519px;
	border-right: 1px solid #ddd;
	margin: 0 10px;
}	
	img.pageheader {
		margin-left: -10px;
		display: none;
	}
	div.post {
		padding: 0 20px 0 1px;
		margin: 20px 0 50px 0;
		background: url(../images/content_bg.jpg) bottom right no-repeat;
	}
		div.post_footer {
			position: relative;
			bottom: 5px;
			color: white;
			text-align: right;
			margin-top: 6em;
		}
		body.home div.post_footer,
		body.single div.post_footer {
			margin-top: 2em;
		}
	ol#commentlist {
		margin-bottom: 20px;
	}
	
	li.comment {
		padding: 0 20px 0px 10px;
		margin: 30px 0 10px 0;
		border-left: 1px solid #999;
	}
	cite {
		width: 100%;
		padding: 4px 10px 2px 10px;
		color: white;
		background-color: #4c4c4c;
		border-bottom: 3px solid #F7B900;

	}

div#sidebar {
	width: 230px;
	padding-top: 1.2em;
	padding-left: 10px;
/*	background: url(../images/header_sidebar.png) top no-repeat;*/
}

div#footer {
	clear: both;
	width: 100%;
	height: 175px;
	text-align: center;
	background: url(../images/footer_bg.jpg) center;
}

div#flickrstream {
	text-align: left;
}
	div#flickrstream img {
		width: 160px;
		margin: 0 0 10px 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}



/* Typography */

@font-face {
     font-family: 'Junction';
     src: url('/fonts/Junction.otf') format('opentype');
}

body {
	font-family: Junction, "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #333;
}

p {
	line-height: 1.6;
	margin-bottom: 1em;
}

div#footer p {
	position: relative;
	top: 150px;
	color: #fff;
}
#commentlist p {
	color: #666;
}
div.post_footer p {
	font-size: 0.8em;
}

h1,
h1 a {
	font-size: 1.2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
	color: #2f4716;
	text-decoration: none;
}

h2 {
	font-weight: bold;
	line-height: 1.4;
	margin-top: 3em;
}

a {
	text-decoration: underline;
	color: #2f4716;
}
a:hover,
a:active {
	color: #F7B900;
}

cite a,
.post_footer a {
	color: #F7B900;
}
cite a:hover,
cite a:active,
.post_footer a:hover,
.post_footer a:active  {
	text-decoration: underline;
}

/* Other Styles */
.transparent {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

ul {
	line-height: 1.6;
	margin-bottom: 1em;
}
	li {
		line-height: 1.6;
	}
	
body.page-id-17 post img {
	margin: 20px;
}