/* ---------- @ HTML Elements -----------*/

* { 
	margin: 0;
	padding: 0;
} 

body,html {	
	background: #070707 url(/images/bg.jpg) repeat-x;
	min-height:101%;
}

body, input, textarea, select {	
	font: 100% 'Trebuchet MS',Arial;
	color:#a9a9b1;
}

p {	
	margin: 15px 0;
}
		
a:link, a:visited {	
	text-decoration:none;
	color: #9197c7; 
	font-weight:bold
}

a:hover, a:active {	
	color:#bfc4e7;
}

*:focus { 
	outline: none 
}

blockquote {
	margin:25px;
	border-left:4px solid #999;
	color:#67676c;
	padding-left:15px;
	}
	
ol li {
	margin: 15px 25px 0 35px;
	text-align:left;
	padding-bottom:22px;
	}

pre {
	background:#333354;
	font-size:1.3em;
	display:block;
	padding: 8px;
	margin: 15px 0;  
	width: 100%;
    overflow: auto;
	}
	
		

/* ---------- @ Page Structure -----------*/


#wrapper {
	background: url(/images/bg_wrapper.gif) repeat-y;
	margin: 0 auto;
	font-size: 0.75em;
	width: 760px;
	padding: 0;
   }

.left {	
	float:left;
}

.right {	
	float:right
}


	

/* ---------- @ Navigation -----------*/

#nav {
	margin-top:29px;
	}
	
#nav li {
	list-style:none;
	float:left
}

#nav a {
	display:block;
	height: 39px;
	text-indent: -9000px;
	float:left
}

a#home {
	background:url(../images/home.jpg);
	width:67px;
}

a#home:hover, a#home.on {
	background:url(../images/home-over.jpg);
}

a#bio {
	background:url(../images/bio.jpg);
	width:101px;
}

a#bio:hover, a#bio.on {
	background:url(../images/bio-over.jpg);
}

a#music {
	background:url(../images/music.jpg);
	width:69px;
}

a#music:hover, a#music.on {
	background:url(../images/music-over.jpg);
}

a#contact {
	background:url(../images/contact.jpg);
	width:86px;
}

a#contact:hover, a#contact.on {
	background:url(../images/contact-over.jpg);
}

.sidenav {
	margin-top:11px;
	}
	
.sidenav li {
	border-top:1px solid #272540;
	padding:6px 0;
	list-style:none
	}
	
		
		
/* ---------- @ Headings -----------*/

h1 {
	width:298px;
	height:68px;
	background:url(../images/logo.jpg) no-repeat;
	position:relative;
	z-index:1;
	top:0px;
	left:0px;
	float: left;
	text-indent:-9000px;
	}

h2#title-blog {
	background-image: url(/images/title_blog.gif);
	width:64px;
	padding-right:115px;
	}

h2#title-bio {
	background-image: url(/images/title_bio.gif);
	width:39px;
	padding-right:120px;
	}

h2#title-404 {
	background-image: url(/images/title_404.gif);
	width:56px;
	padding-right:110px;
	}
		
h2 {	
	font-size: 1.6em;
	text-indent:-9000px;
	height:54px;
	margin-top:47px;
	background: no-repeat
	}

h3#background {
	background-image:url(/images/hdr_background.gif)
	}
	
h3#hdr-bio {
	background-image:url(/images/title_bio.gif);
	width: 126px;
	height: 29px;
	}
	
h3#hdr-music {
	background-image:url(/images/title_music.gif);
	width: 69px;
	height: 29px;
	}
	
h3#hdr-reviews {
	background-image:url(/images/title_reviews.gif);
	width: 96px;
	height: 27px;
	}

h3#hdr-contact {
	background-image:url(/images/title_contact.gif);
	width: 98px;
	height: 29px;
	}
	
h3#projects {
	background-image:url(/images/hdr_latest_projects.gif);
	}

#home h3#projects {
	margin-left:24px;
	}

#interior h3#projects {
	margin-top:50px;
	}
		
h3#hdr-blog {
	background-image:url(/images/hdr_latest_blog.gif);
	margin:38px 0 15px 0;
	}

h3#categories {
	background-image:url(/images/hdr_categories.gif);
	margin-top:38px;
	}

h3#explore {
	background-image:url(/images/hdr_explore.gif)
	}

h3#favorites {
	background-image:url(/images/hdr_favorites.gif)
	}
	
h3#get {
	background-image:url(/images/hdr_get.gif);
	margin-top:38px;
	}
		
h3#headlines {
	background-image:url(/images/hdr_headlines.gif);
	}

h3#photos {
	background-image:url(/images/hdr_photos.gif);
	}	

h3#sandbox {
	background-image:url(/images/hdr_sandbox.gif);
	}	
	
h3#shawn {
	background-image:url(/images/hdr_shawn.gif);
	}	
					
h3#search {
	background-image:url(/images/hdr_search.gif);
	margin:38px 0 12px 0;
	}

h3#sightings {
	background-image:url(/images/hdr_sightings.gif);
	margin:38px 0 12px 0;
	}
	
h3#subscribe {
	background-image:url(/images/hdr_subscribe.gif);
	margin:38px 0 12px 0;
	}
				
h3 {	
	font-size: 1.4em;
	text-indent:-9000px;
	height:29px;
	background:no-repeat;
	}
	
h4 {	
	font-size: 2em;
	line-height:107%;
	text-align:left;
	font-weight:normal
	}

h5 {
	font-size: 1.2em;
	color:#e7e7ee;
	margin:16px 0 -15px 0;
	text-transform:uppercase
	}	

/* ---------- @ Content Area -----------*/

/*Home*/

		   
#home #masthead 	{
	height: 462px;
	overflow:hidden;
	background-image: none;
}

#content {
	width:440px;
	padding:0 32px 0 18px;
	line-height:173%;
	float: left;
	}
	
#biographycontent {
	width:550px;
	padding:0 12px 0 18px;
	line-height:173%;
	float: left;
	}
	
#musiccontent {
	width:500px;
	padding:0 12px 0 18px;
	line-height:173%;
	float: left;
	}
	
#home #content p {
	background:url(/images/bg_lines.gif);
	line-height:173%;
}

#sidebar {
	width:250px;
	margin: 47px 0 20px 0;
	float: right;
}

#musicsidebar {
	width:206px;
	margin: 47px 0 20px 0;
	float: right;
}

#biographysidebar {
	width:150px;
	margin: 47px 0 20px 0;
	float: right;
}

#box {
	width:256px;
	height:290px;
	background: url(/images/bg_box.jpg);
	padding:32px 21px 0 10px;
	}

#box img, #work img {
	float:left;
	margin:0 0 11px 15px;
	border:1px solid #666482;
	padding:2px;
	}
	
#box img:hover, #work img:hover {
	border:1px solid #928eb5;
	}

#headshot {
	float:left;
	margin: 0 12px 0 0;
	}
		
#work {
	padding:20px 0 0 6px;
	}			

#work img {
	margin:0 16px 11px 0;
	}

	
/*Interior*/

#masthead {
	background: url(/images/insidebanner.jpg);
	background-repeat: no-repeat;
	height: 288px;
}
	
.bullets {
	padding:0 15px;
	}

.bullets li {	
	background:url(/images/bullet.gif) no-repeat;
	list-style:none;
	padding-left: 11px;
	margin-bottom: 5px;
	}
	
#interior #content {
	padding:0 20px 0 18px;
	width:475px;
	}

#interior #sidebar {
	width:270px;
	}

.blogpic {
	display:block;
	border: 1px solid #434c88;
	padding:2px;
	margin-bottom:15px;
	}	

.download {
	width:150px;
	height:45px;
	text-indent:-9000px;
	background:url(/images/download.png) no-repeat;
	display:block;
	margin-top: 22px;
	}

.download:hover {
	background:url(/images/download_on.png) no-repeat;
	}	

.hilite {
	color:#c6b373;
	}	
			
	
/* ---------- @ Forms -----------*/

.button {	
	background: #3d3c61 url(/images/bg_button.jpg) ! important;
	height:23px;
	width:23px;
	border:none;
	text-indent:-9000px;
	padding:3px;
}

.button:focus {	
	background: #3d3c61 url(/images/bg_button.jpg) ! important;
}
		
.button:hover {	
	background: #9ca0c9 url(/images/bg_button_on.jpg) ! important;
}

#go {
	background: #3d3c61 ! important;
	border:none;
	width:100px;
	padding:3px;
	height:24px;
}

#go:hover {
	background: #292841 ! important;
}

.field {
	background:#1f2238 ! important;
	border:1px solid #31344d;
	padding:3px;
	}

.field:focus {
	background:#31344d ! important;
	}
	
.message, .slickr_heading {
	padding: 12px;
	background:#1b1b1b;
	border-top:1px solid #2f2f2f;
	border-bottom:1px solid #2f2f2f;
	margin-top:15px;
}

.contacterror {
	border:1px solid #66697b;
	}

.paintbox {
	background: url(/images/bg_download.jpg) no-repeat;
	height:96px;
	padding:22px 25px 25px 33px;
	font-size:1.6em;
	}

.paintbox img {
	float:left;
	border:1px solid #FFF;
	margin-right: 13px;
	border:1px solid #666482;
	padding:2px;
	}
		
.paintbox p {
	margin:0;
	font-size: 1.6em;
	}

.paintbox span {
	font-size:0.65em;
	display:block
	}
	
li.page_item ul {
	display:none
	}		
	
.review {
	background: #595fad url(/images/reviewtop.jpg) top left no-repeat;
	width: 499px;
	margin: 20px 0 0 0;
	padding: 0;
}

.review p {
	line-height: 135%;
	padding: 10px 10px 0 10px;
	margin: 0;
	}

.reviewauthor {
	background: url(/images/reviewbottom.jpg) top left no-repeat;
	width: 499px;
	margin: 0;
	padding: 0;
}

.reviewauthor p {
	line-height: 120%;
	padding: 26px 0 0 56px;
	margin: 0;
}

/*Clear*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}
/* End hide from IE-mac */




/* ---------- @ Footer -----------*/

#footer {
	padding: 20px 0 0 0;
	color:#83809f;
	height:40px;
	clear:both;
	text-align:center;
}