* ----------------------------------------------------------------------------
   CSS Reset (kills default browser styles)
---------------------------------------------------------------------------- */

/* © 2008 Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ */
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,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
{margin:0px;padding:0px;border:0px;outline:0;font-size:100%;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* ----------------------------------------------------------------------------
   BASIC ELEMENTS, IDS, AND CLASSES
	---------------------------------
	 pink: #E08298      50%: #EFC0CB
	 orange: #E87C43    50%: #F3BDA1
	 yellow: #F3BA3C    50%: #F9DC9D
	 blue:	#307CD6     50%: #85B2E7
---------------------------------------------------------------------------- */

body {
	background: #FFF;
	color: #444;
	font: 14px/1.5 Georgia, Times, "Times New Roman", serif;
	height: 100%;
	width: 100%;
	margin:0px;
	padding:0px;
}

/* Headings ================================================================ */

h1 {
	color: #333;
	font-size: 15px;
	letter-spacing: -0.5px;
	margin: 0;
}

h4 {
	font-size: 20px;	
	font-weight: normal;
	margin-top: 2.0em;
	margin-bottom: 0.05em;

}

body#p_contact h1 { 
	color: #E87C43;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -0.5px;
	margin-left: 10px;
}

h2#news {
	background: #E08298 url(../img/news_header.png) 0 0 no-repeat;
	color: #000;
	height: 59px;
	left: -26px;
	position: relative;
	width: 453px;
}

h3#songs {
	background: #F3BA3C url(../img/songs.png) 0 0 no-repeat;
	color: #000;
	height: 51px;
	margin-top: 6px;
	width: 344px;
}

body#p_home h3#shows {
	background: #E87C43 url(../img/shows.png) 0 0 no-repeat;
	color: #000;
	height: 81px;
	left: -2px;
	margin-top: 30px;
	position: relative;
	width: 347px;
}
h3#shows {
	background: #E87C43 url(../img/shows_alt.png) 0 0 no-repeat;
	height: 44px;
	left: -2px;
	margin-top: 54px;
	position: relative;
	width: 347px;
}

/* Links + Buttons ========================================================= */

a { -webkit-transition: color 0.35s ease-in-out; }
a:link, a:visited { color: #307CD6; }
a:hover { color: #85B2E7; text-decoration:none; }

p.button {
	background: #E08298 url(../img/button_slide.png) 0 0 no-repeat;
	height: 33px;
	line-height: 33px;
}
p.button a {
	background: url(../img/button_cap.png) top right no-repeat;
	color: #FFF;
	display: block;
	font-size: 12px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	text-decoration: none;
  text-transform: uppercase;
}
p.button a:hover { color: #EFC0CB; }

#visit_our_store {
	height: 133px;
	margin: 50px auto 0;
	width: 178px;
}
#visit_our_store a {
	background: url(../img/visit_our_store_sprite.png) 0 0 no-repeat;
	display: block;
	height: 133px;
	width: 178px;
}
#visit_our_store a:hover { background-position: bottom left; }
body#p_albums #visit_our_store { margin: 100px auto; }

/* Form Elements =========================================================== */

label, select, input[type="submit"] { cursor: pointer; }
input[type="submit"] { -webkit-transition: background-color 0.35s ease-in-out; }
input, textarea {
	color: #666;
	font: 12px/1.5 Georgia, Times, "Times New Roman", serif;
}
form { margin: 2em 0; }
form fieldset {
	background: #F9F9F9;
	border: 1px dashed #999;
	padding: 10px;
}
form fieldset legend {
	background: #F3BA3C;
	border: 1px solid #999;
	color: #000;
	font-size: 14px;
	font-variant: small-caps;
	padding: 2px 9px;
}
form fieldset label {
	font-size: 12px;
	font-weight: bold;
}
form fieldset label span {
	color: #999;
	font-size: 11px;
	font-style: italic;
}
form fieldset input,
form fieldset textarea {
	border: 1px solid #CCC;
	margin: 0 0 1em;
	padding: 5px;
	width: 206px;
}
form fieldset textarea {
	height: 200px;
	width: 366px;
}
p.submit input {
	background: #E87C43;
	border: 1px solid #000;
	color: #000;
	font-size: 14px;
	margin: 0;
	padding: 5px;
	width: 138px;
}
p.submit input:hover { background: #F3BDA1; }

body#p_contact fieldset { margin-bottom: 2em; }
body#p_contact form fieldset textarea { margin-bottom: 0; }
body#p_contact p.submit { margin-left: 10px; }

/* Classes ================================================================= */

.album_name { font-style: italic; }
.no_show { display: none; }

/* ----------------------------------------------------------------------------
   MASTHEAD
---------------------------------------------------------------------------- */

#wrapper {
	margin: 0 auto;
	overflow: visible;
	width: 960px;
}

#masthead ul#site_nav { float: left; }
#masthead ul#discography { float: right; }

#masthead ul li {
	display: block;
	float: left;
}

#masthead ul#site_nav { 
	margin: 10px 0 0 0px !important;
	margin: 10px 0 0 0px; /* IE6 */
}
#masthead ul#site_nav li { margin-right: 10px; }
#masthead ul#site_nav li a {
	color: #333;
	display: block;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	height: 35px;
	line-height: 33px;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	width: 70px;
}
#masthead ul#site_nav li a:hover {
	
	color: #F3BA3C;
	/*border-top: 5px solid #F3BA3C;*/
	/* these compensate for the 5px border */
	/*margin-top: -10px;*/
	/*padding-top: 5px;*/
}
body#p_home #masthead ul#site_nav li.home a,
body#p_news #masthead ul#site_nav li.news a,
body#p_contact #masthead ul#site_nav li.contact a,
body#p_store #masthead ul#site_nav li.store a {
	background: url(../img/site_nav.png) 0 0 no-repeat;
	border-top: 0;
	color: #000;
	cursor: default;
	font-size: 11px;
	margin-top: 0;
	padding-top: 0;
}

#masthead ul#discography { 
	margin-right: 36px !important;
	margin-right: 14px; /* IE6 */
}
#masthead ul#discography li { 
	position: absolute;
	top: -32px;
}
#masthead ul#discography li,
#masthead ul#discography li a {
	display: block;

}
#masthead ul#discography li a.album {
	height: 64px;
	width: 64px;

}
#masthead ul#discography li a.link {
	height: 48px;
	width: 48px;

}

#masthead ul#discography li.charm_school a { position: relative; left: -480px; top: 4px;background: url(../img/charm_school_album_cover_thumb.png) bottom left no-repeat; }
#masthead ul#discography li.ep_project a { position: relative; left: -410px; top: 4px; background: url(../img/ep_project_album_cover_thumb.png) bottom left no-repeat; }
#masthead ul#discography li.broken_string a { position: relative; left: -340px; top: 4px; background: url(../img/broken_string_album_cover_thumb.png) bottom left no-repeat; }
#masthead ul#discography li.grrr a { position: relative; left: -270px; top: 4px; background: url(../img/grrr_album_cover_thumb.png) bottom left no-repeat; }


#masthead ul#discography li.myspace a { position: relative; left: -90px; top:10px;  background: url(../img/myspace_logo_thumb.png) bottom left no-repeat; }
#masthead ul#discography li.flickr a { position: relative; left: -30px;top:10px;background: url(../img/flickr_logo_thumb.png) bottom left no-repeat; }
#masthead ul#discography li.facebook a { position: relative; left: -150px;top:12px;background: url(../img/facebook_logo_thumb.png) bottom left no-repeat; }


#masthead p#wordmark {
	clear: both;
	height: 118px;
	margin: 0 auto;
	position: relative;
	width: 940px;
	top: 30px;
}
#masthead p#wordmark a {
	background: url(../img/bishop_allen.png) 0 0 no-repeat;
	display: block;
	height: 118px;
	width: 940px;
}

/* ----------------------------------------------------------------------------
   MAIN CONTENT
---------------------------------------------------------------------------- */

#main_content { 
	margin-top: 20px !important;
	margin-top: 10px; /* IE6 */
}
body#p_news #main_content,
body#p_contact #main_content,
body#p_albums.the_ep_project #main_content { margin-bottom: 4em; margin-top: 80px !important; }
body#p_news.archive #main_content { margin-top: 60px !important; }
body#p_store #main_content,
body#p_albums #main_content { margin-top: 100px !important; }

/* Callout ================================================================= */

#callout {
	background: url(../img/callout_bg_europe_festivals.png) 0 0 no-repeat;
	height: 489px;
	margin: 70px auto 0px;
	padding: 0px 48px 0;
	width: 779px;
}



#callout .description {
	background: #FFF;
	border: 1px dotted #999;
	float: right;
	height: 180px;
	padding: 12px 20px 25px;
	width: 475px;
}
#callout .description .left {
	float: left;
	width: 250px;
}
#callout .description .left h1 {
	color: #000;
	font-size: 18px;
	padding: 4px 0 10px;
}
#callout .description .right {
	float: right;
	width: 200px;
}
#callout .description .right h4 {
	background: url(../img/divider.png) bottom left repeat-x;
	color: #E87C43;
	padding: 9px 12px 15px;
}
#callout .description .right ul.song_list { padding: 0; }
#callout .description .right ul.song_list li { padding: 10px 12px 12px; }

#callout .description .right p.button { margin: 1em 0 0; }

/* Left + Right Columns ==================================================== */

#left_content {
	float: left;
	margin-left: 70px !important;
	margin-left: 35px; /* IE6 */
	padding: 0 10px;
	width: 400px;
}

#right_content {
	float: right;
	margin-right: 70px !important;
	margin-right: 8px; /* IE6 */
	margin-top: 40px;
	width: 400px;
}

#center_content {
	float: left;
	margin-left: 280px !important;
	margin-left: 140px; /* for IE6 */
	width: 400px;
}


body#p_home #left_content {
	padding: 0;
	width: 340px;
}
body#p_home #right_content {
	margin-top: 0;
	padding: 0 10px;
	width: 400px;
}
body#p_albums #right_content { margin-top: 0; }

/* Lists =================================================================== */

ul.song_list,
ul.show_dates { padding: 0 10px; margin:0px;}
ul.song_list li,
ul.show_dates li {
	background: url(../img/divider.png) bottom left repeat-x;
	font-size: 12px;
	padding: 14px 0px;
}
ul.song_list li img {
	position: relative;
	top: 2px;
}
ul.show_dates li span.date { padding-right: 15px; }
ul.show_dates li span.at { color: #CCC; }



/* ----------------------------------------------------------------------------
   CONTACT
---------------------------------------------------------------------------- */
.contact p {
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 30px;
}

.contact h4 {
	background: url(../img/divider_repeat.png) bottom left repeat-x;
	font-size: 16px;
	padding: 14px 12px;
}

/* ----------------------------------------------------------------------------
   NEWS
---------------------------------------------------------------------------- */
.news_intro h4 {
	background: url(../img/divider_repeat.png) bottom left repeat-x;
	font-size: 16px;
	padding: 14px 2px;
}

.news_intro {
	width: 400px;
	padding-bottom: 30px;
	background: url(../img/divider.png) bottom center no-repeat;

}
.news_intro ul {
	
	margin:0em;
	padding: 0em;

}

.news_intro ul li {
	
	margin:0em;
	padding: .5em 0em;
	
}

.news_intro p {
	
	
	
}
.news_item .heading {
	font-size: 20px;	
	font-weight: normal;
	margin-top: 2.0em;
	margin-bottom: 0.05em;
	text-align: center;
}
.news_item .heading.first { margin-top: 1.5em; }
.news_item .heading span {
	/*background: url(../img/headline_flourish.png) 0 6px no-repeat;*/
	/*padding-left: 33px;*/
}
.news_item .heading a, 
.news_item .heading a:link, 
.news_item .heading a:visited {
	/*background: url(../img/headline_flourish_alt.png) right 6px no-repeat;*/
	color: #333;
	/*padding-right: 33px;*/
	text-decoration: none;
}
.news_item .heading a:hover, 
.news_item .heading a:active { color: #ccc; }

.news_item p.info {
	color: #CCC;
	font-size: 13px;
	font-style: italic;
	margin: 0.1em 0 1.2em;
	text-align: center;
}


.news_item p.info:before,
.news_item p.info:after { content: ' ~ '; }
.news_item p.info .author,
.news_item p.info .date { 
	color: #999;
	font-style: normal;
	font-variant: small-caps;
}

.news_item p { 
	text-align: justify;
	
}
.news_item p img { 
	padding: .15em;
	border:1px solid #666;	
	background-color:white;
	
}
.news_item p img.no_border {
	border: none;
	padding: none;
}

.article_body {
	width: 600px;
	margin: 0px auto;	
}
.comments_container {
	width: 400px;
	margin: 0px auto;
	padding:0px;
}


.news_item .heading + p,
.news_item .info + p,
.news_item p.continue { text-indent: 0; }

.news_item p.continue { 
	font-variant: small-caps;
	margin: 0.5em 0 3em;
	
	text-align: center;
}
.news_item p.continue a {	text-decoration: none; }
.news_item p.continue a:before,
.news_item p.continue a:after { content: ' ~ '; }

.news_item .comments_number {
	
	font-size: .8em;
	color: #666;

}


#read_more_entries,
h4.comments {
	background: #F3BA3C url(../img/news_footer.png) 0 0 no-repeat;
	font-size: 14px;
	height: 41px;
	left: -22px;
	line-height: 41px;
	margin: 40px 0 0;
	position: relative;
	text-align: center;
	width: 447px;
}
#read_more_entries a,
#read_more_entries a:link,
#read_more_entries a:visited { color: #FFF; font-weight:bold; }
#read_more_entries a:hover,
#read_more_entries a:active { color: #F9DD9E; }
body#p_news #read_more_entries { margin-bottom: 6em; }

/* News Page Specific ====================================================== */

body#p_news.detail .news_item .heading { margin-top: 0.05em; }
body#p_news.detail .news_item .heading a { color: #000; }
body#p_news.detail .news_item .heading a:hover { color: #666; }

body#p_news .news_item p.continue { margin-bottom: 1em; }

body#p_news p.next { float: right; }
body#p_news p.prev { float: left; }
body#p_news p.next,
body#p_news p.prev { margin-top: 1em; }
body#p_news p.next a,
body#p_news p.prev a {
	color: #CCC;
	text-decoration: none;
}
body#p_news p.next a:hover,
body#p_news p.prev a:hover { 
	color: #999;
	text-decoration: underline;
}

/* Comments ================================================================ */

body#p_news h4.comments {
	color: #000;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: normal;
	padding-left: 20px;
	text-align: left;
	width: 427px;
}
body#p_news ol.comments {
	width: 400px;
	margin:0px;
	padding:0px;
}


body#p_news ol.comments li {
	background: url(../img/divider_repeat.png) bottom left repeat-x;
	padding: 1em 10px;
}
body#p_news ol.comments li.even { background-color: #F9F9F9; }
body#p_news ol.comments li.lonely {
	background-color: #F9F9F9;
	color: #666;
	font-style: italic;
	text-align: center;
}
body#p_news ol.comments li dt { 
	float: left;
	color: #333;
	font-weight:bold;
	font-size: 12px;
}

body#p_news ol.comments li dt a { text-decoration: none; }
body#p_news ol.comments li dd.date {	
	color: #999;
	float: right;
	font-size: 12px;
	padding-top: 1px;
}
body#p_news ol.comments li dd.comment {
	clear: both;
	padding: 0.5em 0 0;
}
body#p_news ol.comments li dd.comment p { 
	text-align: left; 
	ztext-indent: 1.5em; 
}
body#p_news ol.comments li dd.comment > p:first-child { text-indent: 0; }

/* ----------------------------------------------------------------------------
   ALBUMS
---------------------------------------------------------------------------- */
body#p_albums h1 { color: #444; }
body#p_albums h1 a { text-decoration: none; }
body#p_albums p.image,
body#p_albums p.thumb { 
	
}
body#p_albums p.image img
{ 
	border: 1px solid #DDD;
	margin: 10px 10px 4px;
}

body#p_albums #album_details { margin: 1em 0 0; }
body#p_albums #album_details h1,
body#p_albums #album_details p,
body#p_albums h2 { 
	border-bottom: 1px solid #DDD;
	color: #444;
	font-variant: small-caps;
	font-size: 12px;
	margin: 0 10px;
	padding: 5px;
	position: relative;
}
body#p_albums #album_details span {
	color: #444;
	font-size: 14px;
	font-variant: normal;
	position: absolute;
	left: 115px;
}
body#p_albums h2 { border-bottom: 0; }
body#p_albums ul.song_list { 
	border-bottom: 1px solid #eee;
	margin: 0px 10px;
	padding: 0px;
	position: relative;
	top: -28px;
}
body#p_albums ul.song_list li {
	background: none;
	border-bottom: 1px solid #f8f8f8;
	font-size: 14px;
	padding: 5px 0 5px 115px;
}
body#p_albums ul.song_list li.mp3_available {
		position:relative;
		left: -22px;
}

body#p_albums ul.song_list li span { padding-left: 0px; }
body#p_albums ul.song_list li span.run_time { 
	color: #CCC;
	font-size: 12px;
	padding-left: 0;
	display:none;
}

body#p_albums #additional_artwork { 
	clear: both;
	width: 400px;
	padding-left:10px;
}
body#p_albums #additional_artwork h3 { margin: 0 0 1em 10px; font-weight: bold;}

body#p_albums #additional_artwork p.thumb{ 
	float:left;
	
	margin-right: 10px;
	padding:0px;
}
body#p_albums #additional_artwork p.thumb img{ 
	width: 100px;
}

body#p_albums #additional_artwork p.thumb a{ 
	border:none;
	color: transparent;
	margin:0px;
	padding: 0px;
}


/* The EP Project ========================================================== */
body#p_albums.the_ep_project h1 { 
	color: #E87C43;
	font-size: 36px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}
body#p_albums.the_ep_project .thumbs { 
	margin: 0px; 
	padding:0px;
	border:0px;
	
	
}

body#p_albums.the_ep_project .thumbs img {
	border:1px solid #999;
	margin: 5px;
	float:left;
	height: 95px;
	width: 95px;
	color:transparent;
}
body#p_albums.the_ep_project .thumbs a:hover { border-color:#307CD6; }


/* ----------------------------------------------------------------------------
"   FOOTER
---------------------------------------------------------------------------- */

#footer {
	background: url(../img/footer-cropped.png) 0 0 no-repeat;
	
	clear: both;
	height: 176px;
	margin: 0 auto;
	position: relative;
	width: 870px;
}

#footer .content {
	background: #FFF;
	border: 1px dotted #999;
	height: 207px;
	left: 46px;
	padding: 20px;
	position: absolute;
	top: 210px;
	width: 545px;
}

/* ----------------------------------------------------------------------------
   HACKS
---------------------------------------------------------------------------- */

.ir{text-indent:-20000em;overflow:hidden;}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}