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

body { background-color: #000000; position: relative; top: 0px; left: 0px; height: 101%; text-align: center;}

* { border: 0; margin: 0; padding: 0; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 1.2em;  }

a { text-decoration: underline; font-size: 100%; }
a:hover { text-decoration: none; }
.clr { clear: both; }

img.expand-img { position: relative; top: 2px; }

#wrapper { width: 1000px; margin: 0 auto; position: relative; padding-bottom: 20px; text-align: left;}

#header { height: 216px; width: 100%; background: url(images/josh_subway2.jpg) no-repeat 40px 0; margin-top: 12px; }
#header h1 { 
	height: 168px; 
	margin: 0 180px 0 410px; 
	font-size: 90px; 
	line-height: .9em; 
	color: #ffffff; 
	background: url(images/joshua-popejoy.jpg) no-repeat top right; 
	text-indent: -1000em;
	}

#header div#utilities { 
	width: 376px; 
	height: 21px; 
	clear: right; 
	float: right;
	position: relative; 
	font-weight: bold; 
	color: #000000;
	z-index: 100; 
	}
#utilities ul { height: 21px; list-style: none;  background: transparent url(images/utility-bg.gif) no-repeat 0 0; padding: 0 20px; }
#utilities ul li { height: 21px; background: transparent url(images/utility-li-spacer.gif) no-repeat top right; padding: 3px 20px 0 3px; position:relative; float: left; }
#utilities ul li.last { background-image: none; padding-right: 0; }
#utilities ul li a { color: #000000; text-decoration: none; display:block;}
#utilities ul li a:hover { text-decoration: underline; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#utilities ul ul { visibility:hidden; position:absolute; height:0; top:-130px; left:-7px; width:115px; padding: 10px 0 0; background: #000000 url(images/elsewhere-top.gif) no-repeat top left;}

/* style the second level */
#utilities ul ul li { color: #666666; background: #000000 url(images/elsewhere-left.gif) repeat-y bottom left; clear: left; width:100px; padding: 3px 0 0 15px; }
#utilities ul ul li a {color: #BBBBBB; }

/* style the table so that it takes no part in the layout - required for IE to work */
#utilities table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* make the second level visible when hover on first level list OR link */
#utilities ul li:hover ul,
#utilities ul a:hover ul{visibility:visible; }

.cds #header div#utilities ul li.cds a,
.contact #header div#utilities ul li.contact a,
.mailing-list #header div#utilities ul li.mailing-list a { text-decoration: underline; cursor: default; }

/* Navigation styling */

#header div#navigation { 
	clear: both; 
	width: 100%; 
	border-top: solid 1px #464646; 
	border-bottom: solid 1px #464646; 
	height: 25px; 
	background: #464646 url(images/nav-bg.gif) repeat-x 0 0; 
	color: #ffd15a; 
	position: relative;
	}
#header div#navigation ul { list-style: none; padding-left: 27px; }
#header div#navigation ul li { float: left; padding: 0 12px; color: #ffd15a; font-size: 19px;}
#header div#navigation ul li a { color: #ffd15a; text-decoration: none; font-size: 19px; }
#header div#navigation ul li a:hover { color: #cccccc; text-decoration: none; }
.home #header div#navigation ul li.home a,
.meet #header div#navigation ul li.meet a,
.shows #header div#navigation ul li.shows a,
.blog #header div#navigation ul li.blog a,
.look #header div#navigation ul li.look a,
.listen #header div#navigation ul li.listen a { color: #cccccc; text-decoration: none; cursor: default; }

/* General content styling */

#content { 
	float: left;
	clear: left;
	display: inline;
	margin: 15px 26px 20px 27px; 
	width: 571px; 
	height: auto; 
	background: #eaeaea url(images/content-bg.gif) repeat-y 0 0; 
	color: #000000;
	}
#content a { color: #bd280a; }
#content h2 { margin: 0 16px 16px; padding: 0 6px 4px; border-bottom: solid 2px #000000; font-size: 22px; line-height: 1em; }
#content p { margin: 1.3em 30px; }
#content #content-top {width: 100%; height: 21px; background: #eaeaea url(images/content-top.gif) no-repeat top left; }
#content #content-bottom {width: 100%; height: 21px; background: #eaeaea url(images/content-bottom.gif) no-repeat bottom left; }

/* Sidebar styling */

#sidebar { float: right; width: 376px; height: auto; margin-bottom: 20px; background-color: #000000; }
#sidebar div { width: 376px; margin-bottom: 17px; clear: right; }
#sidebar div div {margin-bottom: 0;}
/* enable when mp3 player functional */
#sidebar div#mp3player { display: none; }
#sidebar div.last { margin-bottom: 0; }
#sidebar div.button { float: right; width: 339px; height: 53px; overflow: hidden; margin-top: 17px; }
#sidebar div.button a.button { 
	display: block; 
	width: 339px; 
	height: 53px; 
	text-decoration: none; 
	background: transparent url(images/sidebar-button.gif) no-repeat 0 0; 
	color: #ffd15a; 
	text-transform: uppercase;
	text-align: center; 
	padding: 2px 10px 2px 0; 
	font-size: 36px; 
	}
#sidebar div.button a.button:hover { background-position: 0 -53px; text-decoration: none; color: #ffd15a; }
#sidebar div.co { background: transparent url(images/co-left.gif) repeat-y top left; font-size: 14px; display: none;}
	.home #sidebar div#mailing-list.co,
	.meet #sidebar div#shows.co,
	.shows #sidebar div#buy-cds.co,
	.blog #sidebar div#mailing-list.co,
	.look #sidebar div#mailing-list.co,
	.listen #sidebar div#buy-cds.co,
	.cds #sidebar div#shows.co,
	.mailing-list #sidebar div#buy-cds.co {display: block;}
	
#sidebar div.co span.cta {
	float: right;
	margin-right: 58px;
	display: block; 
	overflow: hidden; 
	width: 135px; 
	height: 36px; 
	}
#sidebar div.co span.cta a { 
	display: block; 
	width: 135px; 
	height: 36px; 	
	background: transparent url(images/co-cta.gif) no-repeat 0 0; 
	color: #000000; 
	padding: 5px 0; 
	text-decoration: none; 
	font-size: 18px;
	text-align: center; 
	}
#sidebar div.co span.cta a:hover { background-position: 0 -36px; text-decoration: none; color: #000000; }
#sidebar div.co h3 { color: #ffd15a; font-size: 18px; margin: 0 58px 1em 42px; }
#sidebar div.co p { margin: 0 58px 1em 42px; color: #ffffff; }
#sidebar div.co .co-top { width: 376px; height: 19px; background: transparent url(images/co-top.gif) no-repeat top left; }
#sidebar div.co .co-bottom { clear: both; width: 376px; height: 19px; background: transparent url(images/co-bottom.gif) no-repeat bottom left; }

/* Footer styling */

#footer { clear: both; width: 100%; margin: 15px 0; position: relative; }

#footer-left { margin: 0 26px 15px 27px; width: 570px; height: auto; position: relative; }
#footer-left p { color: #ffd15a; text-align: center; }
#footer-left p a { color: #ffd15a; }
#footer-right { float: right; clear: right; margin-bottom: 15px; width: 375px; height: auto; position: relative; }
#footer-right p { color: #ffd15a; text-align: center; }both; width: 100%; margin: 15px 0; position: relative; }

#footer-left { margin: 0 26px 15px 27px; width: 570px; height: auto; position: relative; }
#footer-left p { color: #ffd15a; text-align: center; }
#footer-left p a { color: #ffd15a; }
#footer-right { float: right; clear: right; margin-bottom: 15px; width: 375px; height: auto; position: relative; }
#footer-right p { color: #ffd15a; text-align: center; }

/* Tab styling */

#content div#tabs ul { list-style-type: none;}
#content div#tabs ul li { display: inline; font-size: 22px; font-weight: bold; padding: 0 10px 0 12px; border-left: solid 2px #666666; }
#content div#tabs ul li.first { padding-left: 0; border-left: 0; }
#content div#tabs ul li a { color: #a0a0a0; text-decoration: none; }
#content div#tabs ul li a:hover { color: #666666; }
#content div#tabs ul li.ui-tabs-selected a,
#content div#tabs ul li.ui-tabs-selected a:hover { color: #000000; cursor: default; }
#content div#tabs div.ui-tabs-panel { margin:0; padding: 0;}
#content div#tabs div.ui-tabs-hide { display: none; }

/* Page-specific content area styling */
.meet #content p span {display: block; clear: both; font-weight: bold;}

.shows div#content p { margin: 0 30px; padding: .65em 0; border-top: solid 1px #666666;}
.shows div#content p.intro {border-top: 0;}
.shows div#content div.show-item {padding: 0 0 1.5em 2em; display: none; overflow: hidden;}
.shows div#content div.show-item h1 { margin: 5px 30px 1em; }
.shows div#content div.show-item p {border-top: 0;}

.gallery div#content div#gallery-wrap {padding-left: 15px;}
.gallery div#content div#gallery-wrap a {display: none;}
.gallery div#content div#gallery-wrap * a {display: inline;}
.gallery div#content div#gallery-wrap td.img,
.gallery div#content div#gallery-wrap td.dir,
.gallery div#content div#gallery-wrap td.fullimg {text-align: center;}

.mailing-list div#fan-widget { width: 434px; margin: 0 auto; padding: 30px 0; }

.cds div#content div.album { margin-top: 20px; float: left; clear: both; }
.cds div#content div.album img { margin: 0 15px 15px 30px; float: left;}
.cds div#content div.album div { float: left; width: 196px; }
.cds div#content div.album div h3 { margin: 0 0 10px; }
.cds div#content div.album div ol { padding-left: 2em; }
.cds div#content div.album div p { margin: 1.3em 0; width: 182px; }
.cds div#content div.album div form { padding-left: 1.5em;}

.home div#content h1 { margin: 0 16px 16px; padding: 0 6px 4px; border-bottom: solid 2px #000000; font-size: 22px; line-height: 1em; }
.home div#content h2,
.blog div#content h2 { border-bottom: solid 1px #000000;; font-size: 18px; }
.blog div#content div.post { margin: 0 30px 16px; }
.blog div#content div.post h3 { font-size: 14px; }
.blog div#content div.post h3 a { color: #000000; text-decoration: none; }
.blog div#content div.post p { margin: 1.3em 0; }