@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	line-height:135%;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 125%;
	color: #fff;font-size:14px;	
	font-family:Arial, Helvetica, sans-serif;
	background:#180c0e;
}
ol, ul {
	list-style: none;
}

strong {
font-weight:bold;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:link, a:visited, a:active {color:#999; text-decoration:none;}
a:hover {color:#FFF; border-bottom:1px dotted #999;}


#top {
		position:relative;
		width:100%; height:72px;
		background:url(library/build/top-hdr-bg.gif) repeat-x;
		text-align:center;
		}
		#header { position:relative; width:950px; margin:0 auto;}
		
		#header h1 {
					position:absolute;
					width:286px; height:194px;
					top:0px; left:0px;	 		
					background:url(library/build/logo.png); 
					text-indent:-999em; float:left;	
					margin-left: -35px;				
					}
					
		#top-navigation {float:right;}
		#top-navigation ul li { float:left; margin-top:30px; padding:0px 6px; border-right:1px dotted #4F4F4F;}
		
		h1.logo a {
				display:block;
				height:194px; width:286px;
				}
		h1.logo a:hover {
				border:none;
				}
		
#main-content { width:950px;
				margin:0 auto;
				padding-top:200px;	}	
				
#side-navigation {
				width:214px; 
				background:url(library/build/side-nav-bg.gif) repeat-y;
				float:left;
				margin-top:-50px;
				}
				
#navigation-content {padding:6px;}

#navigation-content a {color:#FFF;}
#navigation-content a:hover {color:#CCC;}

#navigation-content h2 {text-indent:-999em;}

#navigation-content ul {margin:3px 0px 8px 12px;}

h2#hw { 
		width:147px; height:41px;
		background:url(library/build/h2-harrison-wood.png);
		/*margin-left:-18px;*/
	}
h2#mg { 
		width:147px; height:41px;
		background:url(library/build/h2-music-genres.png);
		/*margin-left:-18px;*/
	  }
h2#cp { 
		width:147px; height:41px;
		background:url(library/build/h2-current-projects.png);
		/*margin-left:-18px;*/
	  }
	    
#sponsors {
		left:221px;
		position:absolute;
		top:0;
		width:790px;
}
		#sponsors ul li {
				float:left;
				}
		#sponsors ul li a:hover {
				border:none;
				text-decoration:none;
				}

#social {
left:850px;
position:absolute;
top:58px;}
		#social  ul li {
				float:left;
				}
		#social  ul li a:hover {
				border:none;
				text-decoration:none;
				}
				
#top-side-nav 	{
			    width:214px; height:27px;
				text-indent:-999em;
				background:url(library/build/top-side-nav.gif) no-repeat;
				}

#bottom-side-nav {
			    width:214px; height:22px;
				text-indent:-999em;
				background:url(library/build/bottom-side-nav.gif) no-repeat;
				}	
				
				
				
				
#page {
				width:725px; margin-left:6px; 
				background:#FFF;
				color:#333;
				float:left;
				margin-top:-50px;
				overflow:hidden;
				}	
				
#top-side-page 	{
			    width:725px; height:20px;
				text-indent:-999em;
				background:url(library/build/top-page.gif) no-repeat top right;
				}

#bottom-side-page {
			    width:725px; height:20px;
				text-indent:-999em;
				background:url(library/build/bottom-page.gif) no-repeat top right;
				}	
				
#page-content {padding:10px 20px;}	

			#page-content h1 {
							font-size: 28px;
							/*font-family:Georgia, "Times New Roman", Times, serif;*/
							padding-bottom:8px;
							border-bottom:1px dotted #333;
							}
			#page-content h2 {font-size: 20px; text-decoration:underline;}				
			#page-content p {line-height:145%;}
			
			#page-content a {color:#7b0e0f;}
			#page-content a:hover {color:#961415; border-bottom:1px dotted #961415;}				
	
#photos a:hover {border:none;}
#photos {border:1 px dotted #ccc;padding:10px;}
#photos img {height:150px;border:3px solid #ccc; padding:3px;margin:10px;}
#photos h2 {font-size:20px;margin:15px 0px; }
.singleimage {float:left; height:240px; display:inline-block;text-align:center;}
.img-left {float:left; border:2px solid #000; padding:2px; margin:21px 10px 6px 0px;}
.imagetext {font-size:12px;text-align:center;width:200px;margin:0 auto;}

#bottom {
		position:relative;
		margin:40px 0px;
		width:100%;height:82px;
		background:url(library/build/footer-bg.jpg) repeat-x;
		}
		
#footer {
		margin:0 auto;
		width:950px;
		}
		#footer ul {float:right;}
		#footer ul li {float:left; margin-top:30px; padding:0px 6px; border-right:1px dotted #4F4F4F;}
		
	
		#twitter small { color:#de5051; font-size:10px; }
		#user {padding: 2px 16px;border-bottom: 1px dashed #FFFFFF;}
		#twitter ul li {border-bottom: 1px solid #FFFFFF;
    font-size: 13px;
    padding: 6px;
    width: 166px;}