/*
File:			custom.css
Description:	Custom styles for Thesis
*/

/*Change the background color of the page and the overal text color*/

body.custom {background: #000000; color: #cccccc; }

/*Add the guitar background image at the bottom of the page*/

.custom #content_box {background: url(images/footer_guitar_lightest.jpg) bottom left no-repeat;}

/*change the color of the bar separating the content area from the sidebar area*/

.custom #content {background:transparent url(images/dot-999.gif) repeat-y scroll right;}

/*Change the padding on the right side of the sidebar to bring it in*/

.custom .sidebar ul.sidebar_list {padding-right: 2em;}

/*Change the border on sidebar 1*/

.custom #sidebar_1 {border: none;}

/*Change the color of the headlines on posts*/

.custom #content h1 {color: #a72525; }

/*Remove the border at the bottom of the header*/

.custom #header {border-bottom: 0px;}

/*Style the shit out of the blockquote*/

.custom blockquote {color: #da9d28; border: none; background:transparent url(images/quotes.png) top left no-repeat; padding: 30px 0px 30px 20px; margin: 0;}

/*Special styling for blockquotes on the "Press" page*/

.custom #post-15 blockquote {padding-left: 75px;}

/*Change the color of the footer and the text within it*/

.custom #footer { color: #999999; border-top: none; margin-top: 2em; text-align: center; clear: both; }

	.custom #footer a { color: #a72525; text-decoration: none; border-bottom: none;}

	.custom #footer a:hover { color: #2d7ed2; text-decoration: none; }
	
/*Change the colors of headlines at the top of pages*/

.custom h2 {color: 	#a72525; }

	.custom h2 a { color: #a72525; }

	.custom h2 a:hover { color: #2d7ed2; }

/*Remove the colored border around images that are linked*/
	
.custom a img { border: none; }

/*Change the color and characteristics of the navigation menu under the header*/

.custom ul#tabs { list-style: none; border: none; padding: 0em 0em 3.5em 2em; text-align: center;}
.custom ul#tabs li { margin-bottom: -0.1em; background: #000000; border: none; float: left; }
.custom ul#tabs li.current_page_item, ul#tabs li.current-cat { padding-bottom: 0.1em; background: #000000; border-bottom: 0; }
.custom ul#tabs li a { color: #faf20e; font-size: 1.4em; margin: 0;}

.custom ul#tabs li.home a {width: 70px;}
.custom ul#tabs li.home { height: 25px; background: url('images/home.png') center no-repeat; text-indent: -9999px;}

.custom ul#tabs li.shows a {width: 90px;}
.custom ul#tabs li.shows { height: 25px; background: url('images/shows.png') center no-repeat; text-indent: -9999px;}

.custom ul#tabs li.epk a {width: 85px;}
.custom ul#tabs li.epk { height: 25px; background: url('images/epk.png') center no-repeat; text-indent: -9999px;}

.custom ul#tabs li.music a {width: 75px;}
.custom ul#tabs li.music { height: 25px; background: url('images/music.png') center no-repeat; text-indent: -9999px;}

.custom ul#tabs li.videos a {width: 90px;}
.custom ul#tabs li.videos { height: 25px; background: url('images/videos.png') center no-repeat; text-indent: -9999px;}

.custom ul#tabs li.contact a {width: 110px;}
.custom ul#tabs li.contact { height: 25px; background: url('images/contact.png') center no-repeat; text-indent: -9999px;}

.custom ul#tabs li.facebook a {width: 120px;}
.custom ul#tabs li.facebook { height: 25px; background: url('images/facebook.png') center no-repeat; text-indent: -9999px;}

.custom ul#tabs li.myspace a {width: 105px;}
.custom ul#tabs li.myspace { height: 25px; background: url('images/myspace.png') center no-repeat; text-indent: -9999px;}

/*Style multimedia box*/

.custom #custom_box {background: transparent; border: none;}
.custom #custom_box p {text-align: center; padding: 0 0 0 40px;}

/*Style the twitter widget*/

.custom li#text-460421451 {margin-bottom: 0px;}
.custom li#twitter-1 .twitter-timestamp {color: #a72525; padding-left: 100px;}

/*Style the recent entries widget*/

.custom li#widget_killer_recent_entries-450402311 {margin-bottom: 0px;}
.custom li#text-450402312 a {color: #a72525}
.custom li#widget_killer_recent_entries-450402311 h3 {height: 20px; background: url('images/news-updates.png') center no-repeat; margin-right: -20px;}

/*Style the upcoming gigs widget*/

.custom li#upcoming-gigs {margin-bottom: 0px;}
.custom li#text-460435641 a {color: #a72525}
.custom li#upcoming-gigs h3 {height: 20px; background: url('images/upcoming-shows.png') center no-repeat; margin-right: -20px;}

/*Change the look and feel of the gigs calendar:*/
.custom table.gigs {border: none; border-collapse: separate;}
.custom table.gigs td.time {text-align: left;}

/*Change the text indent of the items in the calendar post table*/
.custom .gig-post tr.eventName .eventName{padding: 0 0 0 1.5em;}
.custom .gig-post tr.when .date{padding: 0 0 0 1.5em;}
.custom .gig-post tr.when .performance{padding: 0 0 0 1.5em;}
.custom .gig-post tr.where .venue{padding: 0 0 0 1.5em;}
.custom .gig-post tr.other .notes{padding: 0 0 0 1.5em;}

/*Style the search the site widget*/

.custom li#search h3 {height: 20px; background: url('images/search.png') center no-repeat; margin-right: -20px;}

/*Change the width of the search field*/

.custom .sidebar .text_input { width: 170px; }

/*Style the sign up for the newsletter widget*/

.custom li#text-450412801 h3 {height: 40px; background: url('images/newsletter.png') center no-repeat;}

/*Right justify the text for the widgets in the right column*/

.custom li.widget {text-align: right;}
	
/*Change the color of the background behind the widgets in the sidebar*/

.custom li.widget .widget_box { background: #000000; border-style: solid; border-color: #000000; }

/*Change the color of 'Previous' and 'Next' post links*/

.custom .prev_next { text-transform: uppercase; letter-spacing: 2px; border-top: 2px solid #999999; color: #999999; clear: both; }

/*Change the color of the number of comments*/

.custom .format_text .to_comments span {color:#999999;}

/*Remove the box behind post images, then change the caption color*/
.custom .wp-caption {background: none; border: none;}
.custom .wp-caption p {color: #cccccc;}

.custom .comments_intro span { color: #999999; }

/*Change the color and characteristics of the input boxes (comments, search form)*/

.custom input, textarea {background:#999999 none repeat scroll 0 0; border-color:#333333 #666666 #666666 #333333; border-style:solid; border-width:1px; color:#000000; font-size:1em; }

	.custom input.form_submit:hover {color:#215488;}

/*Change the color of the box below the comment area that contains HTML instructions*/

.custom #commentform p.allowed { background:#666666 none repeat scroll 0 0; border-color:-moz-use-text-color #666666 #666666; }

	.custom #commentform p.allowed span {color:#aaaaaa; }

/*Change the color of the category links right under the post headline*/

.custom .headline_meta a {border-bottom: none; color:#666666;}

	.custom .headline_meta a:hover {color:#666666; text-decoration: underline;}
	
/*Removing the "comments closed on this post" message from the bottom of every page*/

.custom .comments_closed p {display: none;}


/* This line sets up our clickable background image based on the site title's link */
/* DIY: Adjust the height & width attributes to reflect the actual size of your image */
/* DIY: Change the filename of your image to reflect the actual header's file name */
.custom #header #logo a { display: block; height: 255px; width: 950px; background: url('images/headers/trees.jpg') no-repeat; outline: none; }

/* This line gets rid of the site title & tagline by casting them out to far left field */
.custom #header #logo, .custom #header #tagline { text-indent: -9999px; }

/* This line collapses the vertical space of the tagline so that there isn't unnecessary white space after the header image */
/* This is a bit of a kludge, but it seems to work. */
.custom #header #tagline { height: 0; }

/* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */
.custom #header { padding: 0; }