/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Layout and general divs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin:0;
padding:0;
}
body {
background: #fff url(http://www.northwestdivision.com/images/body-bg.jpg) repeat-x top center;
font: normal 76%/140% Tahoma, Verdana, arial, sans-serif;
color:#333;
}
#wrap{
margin-left: auto;
margin-right: auto;
width:950px;
height:auto;
}  	
#content{
margin-top:1em;
}
#sidebar-one, 
#sidebar-two{
margin-left:15px;
padding-top:0em;
width:170px;
height:435px;
border: 0px solid #000000; 
float:left;
}	
#sidebar-two{
background: transparent url(http://www.northwestdivision.com/images/sidebar-two-bg.jpg) no-repeat 0 0;
border-left: 0px solid #e9e1d4; 
}
#column-main{
margin-left:15px;
width:540px;
border: 0px solid #000000; 
float:left;
}
#footer{
clear:both;
text-align:center;
color:gray;
font-size:0.8em;
padding-top:2em;
}
.thumbnail{
width:107px;
float: left;
padding: 0px;
margin: 0;
}
.thumbnail-new{
float: left;
padding: 0px 0px 0px 0px;
margin-right: 9px;
}
#upcoming-shows-small{ 
font-size:0.8em;
line-height:1.2em;
}
div.comment-details{
float:left; 
width:35%;
}
div.comments{
}
.comment{
float:left;
width:60%;
}
.comment-preview{
background:#ffd33f;
padding:0.5em;
}
.comment-preview-inside{
margin:0 auto;
padding:0.5em;
width:97%;
background:#fff;
}
#buy-cd{
clear:left;
float:left; 
margin:1em auto;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Modules
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#mailing-list,
#launch-music-player,
#social-sites,
#random-photo,
#pullquote{
width:auto;
margin:0em auto;
padding:0.5em;
background:#f9f8f4;
background:#fef8ec;
text-align:center;
}
#mailing-list{
background:transparent url(http://www.northwestdivision.com/images/line.gif) no-repeat bottom center;
}
#random-photo{
background:transparent url(http://www.northwestdivision.com/images/line.gif) no-repeat bottom center;
height:120px;
}
#random-photo .thumbnail{
text-align:center;
}
#launch-music-player{
padding:10px 0px 50px 0px;
border:solid 0px;
background:transparent url(http://www.northwestdivision.com/images/speaker.jpg) no-repeat 0 0;
}
#social-sites{
background:transparent url(http://www.northwestdivision.com/images/line.gif) no-repeat bottom center;
padding-bottom:1em;
}

#pullquote{
background:transparent url(http://www.northwestdivision.com/images/quote.gif) no-repeat 10px 10px;
text-align:justify;
line-height:1.2em;
padding:1em;
}
#music-player{
font: normal 76%/140% Tahoma, Verdana, arial, sans-serif;
}
#ep-info{
height:250px;
}
#ep-info img{
float:left;
margin:0 2em 3em 0;
border:solid 1px #cda47d;
padding:1px;
}
.entry{
padding:0px 2px 0px 2px;
}
.entry img{
margin:0.2em 0.5em 0 0;
float:left;
border:solid 1px #cda47d;
padding:1px;
}
#random-photo .thumbnail{
float:none;
margin:0 auto;
}
.post-info{
border:solid 0px #000;
margin-bottom:-1em;
height:5em;
background-color:transparent;
}
.youtube{
width:425px;
height:auto;
display:block;
border:solid 1px #cda47d;
background:#faf9f5;
margin:1em auto;
text-align:center;
padding:0.2em;
}
#stores{
float:left;margin:0 2em;
}

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Headings H1-H6 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
h1, h2, h3, h4, h5, h6{
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Tahoma, arial, sans-serif;
font-weight:normal;
margin: 0.5em auto;
}
h2{
font-size:1.5em;
}
#mailing-list h2{ 
margin:0.5em 0 0 0;
}
#launch-music-player h2{
margin-top:5px;
}
h3{
font-size:1.2em;
}
h3.comment-id{
margin:0;
padding:0;
font-size:1px;
height:1px;
border-top:1px solid #cda47d;
}
.entry h3{
margin-bottom:0;
margin-top:1em;
}
/*
.entry h3{
margin-top:1em;
margin-bottom:0;
padding:0.3em;
background: transparent url(http://www.northwestdivision.com/images/sidebar-two-bg.jpg) no-repeat -10px -100px;
}
*/
h4{
font-size:1.1em;
font-weight:bold;
}
.youtube h4{
font-size:1.1em;
}
h1#masthead{
background: url(http://www.northwestdivision.com/images/masthead.jpg) no-repeat top center;
height:244px;
text-indent:-9999px;
margin:0;
padding:0;
font-size:1em;
}
.post-info h3{
font-size:1.1em;
font-weight:bold;
margin:0;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Paragraph and Link Styles 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
p{
margin:1em auto;
font-size:1.1em;
}
#sidebar-two p{
font-size:0.9em;
}
.post-info p{
margin:0;
}
p.entry-date{
font-size:0.9em;
}

#page-links .entry p{
margin:0;
}
#page-links .entry p{
font-size:0.9em;
}
#ep-info p{
padding:0;
}
#pullquote p{
margin:0;
}
#pullquote p.writer{
text-align:right;
}
.pullquote-inline{
/*background-color:#fef8ec;*/
background: transparent url(http://www.northwestdivision.com/images/sidebar-two-bg.jpg) no-repeat -10px -100px;
float:right;
font-size:1em;
font-weight:bold;
line-height:1.2em;
color:#5b2c00;
width:140px;
margin:0 0em 1em 1.5em;
padding:1em;
/*font-style:italic;*/
}
p.keep-reading{
text-align:right;
font-size:0.8em;
margin-top:0em;
margin-bottom:1em;
}
div.comment-details p{
font-size:0.8em;
margin-top:1.3em;
}
a{
color:#5b2c00;
}
a img{
border:0;
}
a#comments{
color:#333;
}
hr{
height:1px;
}
.blog-post-nav{
width:100%;
text-align:center;
}
a.special img{
border:solid 1px #cda47d;
margin: 0px;
padding: 1px;
}
a.special:hover img{
background-color:#ffffff;
border:solid 1px #fed643;
margin: 0px;
padding:1px;
}
* html a.special:hover{
border:solid 0px #fed643;
}
.clear{
clear:both;
}
.comment-preview p.instructions{
margin:0.2em;
text-align:center;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Lists and Nav
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#nav {
		background: url(http://www.northwestdivision.com/images/nav-bg.jpg) top center repeat-x;						
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Tahoma, arial, sans-serif;
		height: 41px;
		padding: 0px;
		margin-top: 0px;
		position: relative;
		left:0px;
		border:0px solid;
	}
	
	#nav li {
	padding: 0; 
	list-style: none; 
	position: absolute; 
	top: 0;
	}
	
	#nav li, #nav a {
	display: block; 
	border:0px solid; 
	margin-top: 4px; 
	height:25px; 
	color:#fec579;
	text-decoration:none;
	text-align:center;
	font-size:1.2em;
	}
#nav a:hover{
text-decoration:underline;
}
	li#home {left: 90px; width:75px;}
	li#bio {left: 170px; width:65px;}
	li#blog {left: 240px; width:75px;}
	li#live {left: 320px; width:66px;}
	li#music {left: 390px; width:85px;}
	li#photos {left: 475px; width:92px;}
	li#reviews {left: 580px; width:79px;}
	li#links {left: 675px; width:79px;}
	li#contact {left: 765px; width:79px;}

li{
list-style: none; 
}
#ep-info li{
list-style: circle; 
}
#buy-cd li{
list-style: circle; 
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Form Elements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
form{
width:100%;
margin:0 auto;
padding:0;
}
textarea, input{
background-color:#fff;
border:solid 1px #cda47d;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, arial, sans-serif;
font-size:1em;
padding:0.2em;
}
input.button-subscribe,
input.button-send{
border:0;
padding:0;
margin-top:0.5em;
}
textarea{
width:97%;
}
#mailing-list-name{
text-align:center;
width:105px;
font-size:0.8em;
}
#mailing-list-submit{
width:auto;
font-size:0.8em;
padding:0;
}
#comment_form{
border-top:1px solid #cda47d;
}
#comment_form input,
#nwd input{
text-align:right;
}
input.comment-form-url{
text-align:left !important;
}
#page-links select{
border:solid 1px #e3cfb0;
font-family: Tahoma, Verdana, arial, sans-serif;
font-size:0.9em;
}