/* @override http://billyandthelostboys.com/wp-content/themes/billy/style.css */

/*  
Theme Name: Billy and the Lost Boys
Theme URI: http://www.billyandthelostboys.com/
Description: Is this a comic book or a website?  I can't tell anymore! OMG!
Version: 1.0
Author: Derek Hogue
Author URI: http://amphibian.info
*/


body {
	font: 12px/16px Arial, Helvetica, sans-serif;
	background-color: #000;
	color: #000;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#container {
	margin: 12px auto 0px auto;
	padding: 0px;
	width: 757px;
	text-align: left;
}

h2 {
	font-size: 18px;
	line-height: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCC;
}

h3 {
	font-size: 14px;
	color: #333;
}

a {
	color: #C30;
	text-decoration: underline;
}

a:visited {
	color: #666;
}

a:hover {
	text-decoration: none;
}

h2 a {
	text-decoration: none;
	background-color: #FFD;
}
h2 a:hover {
	text-decoration: underline;
}
h2 a:visited {
	color: #C30;
}

/* ------------------ Header ---------------------------*/

#header {
	background: #FFC url(images/header_bkgd.jpg) no-repeat left top;
	width: 753px;
	height: 148px;
	border: 2px solid #666;
	padding: 0px;
	margin: 0px 0px 12px 0px;
	text-align: right;
}

#header h1 {
	height: 105px;
	width: 450px;
	padding: 0px;
	margin: 25px 10px auto auto;
	background: url(images/header.gif) no-repeat;
}

#header h1 a {
	width: 450px;
	height: 105px;
	display: block;
	text-decoration: none;
}

#header span, #leftColumn h2 span, #heading span, #navBox span {
	display: none;
}

/* ------------------ Left Column ---------------------------*/

#leftColumn {
	width: 166px;
	float: left;
	display: inline;
	font-size: 10px;
	line-height: 12px;
}

#leftColumn div {
	width: 120px;
	border: 2px solid #666;
	background: #FFF url(images/gradient.gif) repeat-y;
	padding: 12px 15px;
	margin: 0px 0px 12px;
	overflow: hidden;
}

#leftColumn ul, #leftColumn li {
	padding: 0px;
	margin: 0px;
	list-style: none outside;
}

#leftColumn h2 {
	width: 115px;
	height: 15px;
	margin-top: 0px;
	border-bottom: none;
}

#navBox a {
	display: block;
	text-decoration: none;
	width: 120px;
	height: 23px;
}

li#nav-news a {
	background: url(images/news.gif) no-repeat;
}
li#nav-news a:hover {
	background: url(images/news_over.gif) no-repeat;
}

li#nav-shows a {
	background: url(images/shows.gif) no-repeat;
}
li#nav-shows a:hover {
	background: url(images/shows_over.gif) no-repeat;
}

li#nav-diaries a {
	background: url(images/diaries.gif) no-repeat;
}
li#nav-diaries a:hover {
	background: url(images/diaries_over.gif) no-repeat;
}

li#nav-records a {
	background: url(images/records.gif) no-repeat;
}
li#nav-records a:hover {
	background: url(images/records_over.gif) no-repeat;
}

li#nav-store a {
	background: url(images/store.gif) no-repeat;
}
li#nav-store a:hover {
	background: url(images/store_over.gif) no-repeat;
}

li#nav-media a {
	background: url(images/media.gif) no-repeat;
}
li#nav-media a:hover {
	background: url(images/media_over.gif) no-repeat;
}

li#nav-photos a {
	background: url(images/photos.gif) no-repeat;
}
li#nav-photos a:hover {
	background: url(images/photos_over.gif) no-repeat;
}

li#nav-bios a {
	background: url(images/bios.gif) no-repeat;
}
li#nav-bios a:hover {
	background: url(images/bios_over.gif) no-repeat;
}

li#nav-press a {
	background: url(images/press.gif) no-repeat;
}
li#nav-press a:hover {
	background: url(images/press_over.gif) no-repeat;
}

li#nav-forum a {
	background: url(images/forum.gif) no-repeat;
}
li#nav-forum a:hover {
	background: url(images/forum_over.gif) no-repeat;
}

li#nav-links a {
	background: url(images/links.gif) no-repeat;
}
li#nav-links a:hover {
	background: url(images/links_over.gif) no-repeat;
}

li#nav-contact a {
	background: url(images/contact.gif) no-repeat;
}
li#nav-contact a:hover {
	background: url(images/contact_over.gif) no-repeat;
}

#recentBox h2 {
	background: url(images/recently.gif) no-repeat;

}

#showsBox h2 {
	background: url(images/upcoming_shows.gif) no-repeat;
}


#recentBox li, #forumsBox li, #showsBox li {
	margin: 0px 0px 8px 0px;
}

#searchBox h2 {
	background: url(images/search.gif) no-repeat;
}

#searchBox form {
	margin: 0px;
	padding: 0px;
}

#s {
	width: 120px;
	margin: 0px;
	padding: 0px;
}

/* ------------------ Right Column ---------------------------*/

#rightColumn {
	width: 591px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}

#heading, #heading h1 {
	width: 591px;
	height: 75px;
	padding: 0px;
	margin: 0px;
}

h1#news {
	background: url(images/heading_news.gif) no-repeat;
}

h1#shows, h1#tours {
	background: url(images/heading_shows.gif) no-repeat;
}

h1#diaries {
	background: url(images/heading_diaries.gif) no-repeat;
}

h1#records {
	background: url(images/heading_records.gif) no-repeat;
}

h1#media {
	background: url(images/heading_media.gif) no-repeat;
}

h1#photos {
	background: url(images/heading_photos.gif) no-repeat;
}

h1#press {
	background: url(images/heading_press.gif) no-repeat;
}

h1#xdforum {
	background: url(images/heading_forum.gif) no-repeat;
}

h1#links {
	background: url(images/heading_links.gif) no-repeat;
}

h1#contact {
	background: url(images/heading_contact.gif) no-repeat;
}

h1#search {
	background: url(images/heading_search.gif) no-repeat;
}

h1#notfound {
	background: url(images/heading_notfound.gif) no-repeat;
}

h1#bios {
	background: url(images/heading_bios.gif) no-repeat;
}

#content {
	width: 551px;
	background: #FFF;
	border: 2px solid #666;
	border-width: 0px 2px 2px;
	margin: 0px;
	padding: 10px 18px;
	min-height: 700px;
	height: auto;
}

.posted {
	font-size: 11px;
	font-weight: normal;
	color: #666;
	padding-top: 0px;
	margin-top: -12px;
}
	
.post {
	margin: 0 0 40px;
}

.entry {
}

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

#footer {
	padding: 0px;
	margin: 0px auto;
	width: 760px;
	clear: both;
	}

#footer p {
	font-size: 10px;
	color: #666;
	margin: 0px;
	padding: 15px 15px 15px 180px;
	text-align: center;
}

/* -------------------------- Links ---------------------- */

ul#linksList {
	padding: 0px;
	margin: 0px;
	list-style: none outside;
}

ul#linksList li {
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 10px 0px;
	background: url(images/dotdotdot.gif) no-repeat 0px 5px;
}

/* ---------------------------- Bio ----------------------*/

.bio {
	width: 170px;
	margin: 0px 18px 0px 0px;
	padding: 0px;
	float: left;
	display: inline;
}

.bioRight {
	margin: 0px 0px 0px 0px;
}

.bio h3 {
	margin-bottom: 0px;
	font-size: 12px;
}

img.bandPhoto {
	margin: 0px;
	padding: 0px;
}

/* ------------------------------ Records ---------------------*/

.recordCover {
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px 30px 0px 0px;
	width: 180px;
}

.recordCover img {
	border: none;
}

.recordInfo {
	float: right;
	display: inline;
	width: 335px;
}	

.recordInfo h2 {
	margin-top: 0px;
}

.recordInfo ol {
	padding-left: 0px;
	margin-left: 0px;
	list-style-position: inside;
}

/* ----------------------------- Media ---------------------*/

#jss_video, #ygweg_video {
	width: 400px;
	margin: 15px auto 30px;
}

.clear {
	clear: both;
}

br.clear {
	line-height: 1px;
	font-size: 1px;
}

/* ----------------------- Press --------------------------*/

.pressPhotos {
	float: right;
	display: inline;
	width: 150px;
	padding: 0px;
	margin: 0px 0px 10px 20px;
	text-align: center;
}

.pressPhotos p {
	font-size: 11px;
	margin-top: 0px;
}

/* -------------------------- Tours --------------------------- */

ul.upcoming {
	margin: 0px 35px;
	padding: 0px;
}

ul.upcoming li {
	list-style: none outside;
	padding: 15px;
	margin: 0px;
	border-bottom: 1px solid #CCC;
}

ul.upcoming li:hover {
	background-color: #FFFFE6;
}
	
.upcoming h2 {
	font-size: 18px;
	color: #333;
	margin: 0px;
	border: none;
}

.upcoming h3 {
	font-size: 14px;
	line-height: 16px;
	color: #000;
	margin: 0px 0px 10px;
	padding: 2px;
}

.upcoming p {
	margin: 3px 0px;
}

img.thumbnail, img.poster {
	float: right;
	display: inline;
	margin: 0px 0px 15px 15px;
}

p.notes {
	color: #333;
}

.day {
	font-weight: normal;
	font-size: 14px;
	color: #666;
}

/* ------------------------------- Miscellaenous ------------------------*/

#content img {
	padding: 0;
	max-width: 550px;
	height: auto;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

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

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	padding: 0px 0px 0px 30px;
	background: url(images/quote.gif) no-repeat;
	margin: 15px 0px;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}


a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
.search-excerpt, .highlight {
	background-color: #FFC;
}

.subtle {
	color: #666;
	font-size: 11px;
}

img.myspace {
	margin: 0px 0px -10px 10px;
}