/*
Theme Name: The Nehemiah Band
Theme URI: http://www.pathosethos.com
Description: The default Wordpress theme for The Nehemiah Band
Version: 1.0
Author: Pathos Ethos
Author URI: http://www.pathosethos.com
Tags: 

	The Nehemaih Theme 1.0
	http://www.pathosethos.com

	This theme was designed by Pathos Ethos

*/

/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| RESET ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */


* {
	margin: 0;
	padding: 0;
	border: 0;
	font: 13px/16px "Junction", "Helvletica", Arial, sans-serif;
	color: #333333;
	outline: none;
	}
	
	
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| TYPOGRAPHY ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
	
@font-face { font-family: "League Gothic"; src: url(League-Gothic.eot); src: local("League Gothic"), url(fonts/League-Gothic.otf); format("opentype"); }
@font-face { font-family: "Junction"; src: url(Junction.eot); src: local("Junction"), url(fonts/Junction.otf); format("opentype"); }

h1 { font: 55px/58px "League Gothic", "Tungsten", Arial, sans-serif; text-transform: uppercase; }
h2 { font: 34px/37px "League Gothic", "Tungsten", Arial, sans-serif; text-transform: uppercase; }
h3 { font: 21px/24px "League Gothic", "Tungsten", Arial, sans-serif; text-transform: uppercase; }

p { margin: 0 0 13px 0; }

a { color: #000000; font-weight: bold; text-decoration: underline; }

h3 a { font: 21px/24px "League Gothic", "Tungsten", Arial, sans-serif; text-transform: uppercase; text-decoration: underline; }
	h3 a:hover { font: 21px/24px "League Gothic", "Tungsten", Arial, sans-serif; text-transform: uppercase; text-decoration: underline; color: #555555; }

.recentpostlink { text-decoration: none; font: 21px/24px "League Gothic", "Tungsten", Arial, sans-serif; text-transform: uppercase; }
	.recentpostlink:hover { color: #F2E4D6; }

.whitetext { color: #F2E4D6; }


.latesttweet ul{
	list-style:none;
}

.latesttweet ul li{}

#audio-player{
	float: left;
	margin: 0 0 0 49px;
}

#audio-player p{
	margin: 6px 0 0 0;
}

.latesttweet ul li a{
	font:21px/24px "League Gothic","Tungsten",Arial,sans-serif;
	text-transform:uppercase;
	text-decoration: none;
	
	}

.latesttweet ul li a:hover{
	text-decoration: underline;
}
/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| BODY ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
	
body { min-height: 500px; background: #44413F url(images/BG-page.gif) center center; text-align: center; }


/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| FORMAT ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.gradient { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: transparent url(images/BG-gradient.png) repeat-x left bottom; z-index: -1; }
.spraypaint { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: transparent url(images/BG-spraypaint.png) no-repeat center bottom; z-index: -1; }
.billboards { width: 100%; height: 218px; position: fixed; left: 0; bottom: 0; background: transparent url(images/footer-billboards.png) no-repeat center bottom; z-index: 100; }
.bottombar { width: 100%; height: 35px; position: fixed; bottom: 0; left: 0; background: #000000; z-index: 200; }

.format { width: 960px; margin: 0 auto; text-align: left; }
.contentBG { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: transparent url(images/format-BG.png) no-repeat center 100px; z-index: -1; }


/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| MENU ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.menu { width: 145px; height: 100%; margin: 0 0 0 50px; background: #d97136 url(images/menu-BG.png) no-repeat left top; position: fixed; top: 0; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; z-index: 150; }

.menucontents { width: 145px; height: 100%; margin: 0 0 0 50px; background: transparent; position: fixed; top: 0;  z-index: 150; }
.menucontents h3 { font: 16px/18px "League Gothic", "Tungsten", Arial, sans-serif; text-transform: uppercase; float: left; display: inline; color: #FFFFFF; margin: 0 0 0 10px; }

.logo { width: 145px; height: 55px; line-height: 0; margin: 250px 0 0 0; display: inline; float: left; }
	.logo a { width: 145px; height: 55px; float: left; display: inline; background: transparent url(images/menu-logo.png) no-repeat left top; text-indent: -9000px; }
	
.selections { width: 135px; margin: 30px 10px 0 10px; display: inline; float: left; list-style: none; }
	.selections li {  }
	.selections li a { font: 16px/20px "Junction", "Tungsten", Arial, sans-serif; text-transform: uppercase; color: #000000; text-decoration: none; }
	.selections li a:hover { text-decoration: underline; }


/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| CONTENT ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.contentformat { width: 390px; margin: 0 0 0 310px; }
.index { width: 390px; height: 370px; margin: 140px 0 0 0; background: transparent url(images/index-mainimg.png) no-repeat left top; }

.contentframe { width: 290px; height: 100%; margin: 0 25px; padding: 0 25px; position: fixed; top: 0; background: #ede2d2; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }
.contentarea { width: 290px; height: 100%; margin: 0 25px; padding: 0 25px; position: absolute; top: 150px; }
	.spacer { width: 290px; height: 250px; }
	.contentarea img { max-width: 290px; height: auto; }


/* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| SIDEBAR ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */

.sidebar { width: 200px; margin: 100px 0 0 760px; position: fixed; top: 0; }

.pathosethos { width: 100px; height: 35px; margin: 0 100px 0 0; display: inline; float: right; }
	.pathosethos a { width: 100px; height: 35px; display: inline; float: left; text-indent: -9000px; background: transparent url(images/footer-pathos.png) no-repeat right top; }
	
.sociallinks { list-style: none; width: 280px; height: 21px; display: inline; float: right; margin: 7px 60px 0 0; z-index: 200; }
	.sociallinks li { height: 21px; margin: 0 20px 0 0; display: inline; float: right; z-index: 200; }
	.sociallinks li a { height: 21px; display: inline; float: right; text-indent: -9000px; background-color: transparent; background-position: right top; background-repeat: no-repeat; z-index: 200; }
	.sociallinks li a:hover { background-position: right bottom; }
	
	.sociallinks li a#twitter { width: 16px; background-image: url(images/footer-twitter.png) }
	.sociallinks li a#facebook { width: 20px; background-image: url(images/footer-facebook.png) }
	.sociallinks li a#bandcamp { width: 66px; background-image: url(images/footer-bc.png) }
	.sociallinks li a#youtube { width: 52px; background-image: url(images/footer-youtube.png) }

.upcomingevent { width: 200px; height: 110px; margin: 8px 0 0 0; }
.latesttweet { width: 200px; height: 250px; margin: 8px 0 0 0; }