/* Clerestory Styles */

@import url(layout_thm-cool.css);


/* styles for new design */
body {  
	font-family: trebuchet, "trebuchet ms", geneva, helvetica, sans-serif;
	font-size: 0.75em;
	/* background-color: set by theme */
	text-align: center; 
	min-width: 800px;
	margin: 0;
	padding: 0;
	color: #333;
/*	behavior: url(csshover2.htc); /* WinIE behavior call */	
}

h1 {
	font-family: trebuchet, "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
}

h2, h3, h4, h5, h6 {
	font-family: trebuchet, "trebuchet ms", arial, helvetica, sans-serif;
}

p {
	font-size: small;
	line-height: 1.2em;
}

ul {
	font-size: small;
	list-style: circle;
}

table {
	font-family: arial, helvetica, sans-serif;
}


p, table, ul {
	margin: 0;
	padding: 0 0 1em 0;
}


.whatsnewitem h3, .whatsnewitem p, .whatsnewitem_last h3, .whatsnewitem_last p {
	padding-left: 2em;
	padding-right: 1em;
}
.whatsnewitem img {
	float: right;
	width: 40px; height: 45px;
	border: none;
	padding: 5px 10px 0 .5em;
}

a {
	text-decoration: none;
}

img, a img {
	border: none;
}

a:link, a:visited {
	/* background|color: set by theme */
}

.inline_subhead {
	font-weight: bold;
	text-transform: uppercase;
	/* color set in theme files */
}
.thanks {
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em !important;
	/* color: set by theme */
}

html body a:hover {
	color: #000;
	text-decoration: underline;
}
  

.listemphasis {
	font-weight: bold;
}

.listindent {
	margin: 0 0 0 2em;
	font-family: arial, helvetica, sans-serif;
	font-size: small;
	line-height: 1.2em;  }

#wrapper {
	width: 800px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	text-align: left;
}

#pageframe {
	width: 800px;
	margin: 0;
	padding: 0;
	text-align: left; 
	/* border color: set by theme */
}

#top {
	position: relative;
	margin: 0;
	padding: 0;
	height: 189px;
}

#top #logo {
	position: absolute;
	top: 0;
	left: 0;
}

#top #header_r {
	position: absolute;
	top: 0;
	right: 0;
	width: 596px;
	height: 159px;
}

#top #header_grad {
	position: absolute;
	top: 159px;
	left: 0;
	width: 800px;
	height: 30px;
}

#top #header_bord {
	position: absolute;
	top: 183px;
	left: 0;
	width: 800px;
	height: 6px;
}


/* #content { 
	background: #fff;
}
*/

#mainwrapper {
	background-image: url(images/swr/body_lines.gif);
	min-height: 400px;
	position: relative;
}

#onecolpg_wrapper {
	background-image: url(images/swr/body_lines_onecol.gif);
	padding: 2em 0;
	min-height: 400px;
}

#col1_content {
	padding: 2em 215px 2em 212px;
}

#mem_content {
	padding: 2em 215px 2em 100px;
}

#col1_content p, #mem_content p {
	font-size: 12px;
	line-height: 2em;
}

#col1 {
	padding-top: 20px;
	min-height: 450px;
}
#col1.hp_override {
	height: 475px;
}

#col2 {
	position: absolute;
	top: 0;
	left: 192px;
	width: 446px;
	padding-top: 20px;
}

#col3 {
	position: absolute;
	top: 0;
	left: 638px;
	width: 160px;
	padding-top: 20px;
}

.col1_float, .sbleft_float {
	float: left;
	clear: both;
	width: 160px;
	padding: 0 0 2em 0;
	margin-left: -192px;
	/* border color: set by theme */
	/* background|color: set by theme */
}
.col1_float p, .sbleft_float p {
	padding: 1em;
}
.sbleft_float {
	margin: 2em 0 0 20px;
	border: none;
}
div.sbleft_float h3 {
	padding-left: 1em;
}
div.sbleft_float a:hover {
	text-decoration: none;
}

.no_bg {
	background-color: transparent;
}


.callout {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.pullquote_rt_abs, .bod_rt {
	position: absolute;
	top: 350px;
	right: 0;
}
.pullquote_rt_abs p {
	width: 140px;
	padding-right: 10px;
}

.bod_rt {
	padding: 0 2em;
	width: 120px;
	font-family: trebuchet, "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 80%;
}

.pullquote_left_abs, .bod_lt {
	position: absolute;
	top: 350px;
	left: 0;
}
.pullquote_lt {
	float: left;
	clear: both;
	padding: 2em 0;
}

#whatsnew, #contact_email_sb, #newsletter_sb, #concert_sb {
	width: 191px;
}
#whatsnew {
	padding-bottom: 3em;
}

.whatsnewitem-first {
	padding-top: 1em;
}

.whatsnewitem {
	padding-bottom: .5em;
}

.whatsnewitem_last {
	padding-bottom: 5em;
}

.whatsnewitem h3, .whatsnewitem_last h3 {
	padding: .5em 1em 0 30px;
	text-transform: uppercase;
	font-size: 95%;
	margin: 0;
	background-color: transparent;
}

.whatsnewitem p, .whatsnewitem_last p, #contact_email_sb p, #newsletter_sb p, #concert_sb p {
	padding: 0 1em .5em 30px;
	margin: 0;
}

.whatsnewitem a, .whatsnewitem a:visited, .whatsnewitem_last a, .whatsnewitem_last a:visited {
	color: #333;
}

.whatsnewitem a:hover, .whatsnewitem a:active, .whatsnewitem_last a:hover, .whatsnewitem_last a:active {
	/* color: set by theme */
	text-decoration: none;
}

.whatsnewdetail {
	font-size: 95%;
}

#menu {
	margin: 0;
	padding: 0;
	height: 25px;
	background-color: #f60;  } /* original: #601e09 */

#col2 p {
	padding: 0 190px 2em 45px;
	font-size: 12px;
	line-height: 1.9em;
}

#highlights {
	margin: 0 30px 3em 28px;
	padding: 0;
	font-size: 9px;
	color: #fff;
	line-height: 2em;
	/* background|color: set by theme */
}

.highlights {
	background: url(images/swr/corners_bot.gif) bottom left no-repeat;
	font-size: 10px;
	font-weight: bold;
	list-style-type: none;
	padding: 1em;
}

.highlights li {
	margin: 0 1em;
	padding-bottom: .3em;
}

.highlights li:hover {
	/* color: set by theme */
}

.highlights li.last {
	padding-bottom: 0;
}

.highlights a, .highlights a:visited {
	color: #fff;
}

.highlights a:hover, .highlights a:active {
	/* color: set by theme */
	text-decoration: none;
}

p.home-intro { margin-top: 200px; }
p.home-intro:first-line, span.home-intro { 
	text-transform: uppercase;
	font-weight: bold;
}
#col2 p.home-intro {
	padding-right: 80px;
}


#siteCopyright {
	float: left;
	padding-top: 7px;
}

#siteinfoDesigner a, #siteinfoDesigner a:visited {
	color: #fff;
}

#siteinfoDesigner a:hover, #siteinfoDesigner a:active {
	color: #facece;
	text-decoration: none;
}

#contactbox {
	border: none;
	padding: 0px 0 0 25px;
}

#groupphoto {
	margin: 0;
	padding: 0;
	width: 638px;
	overflow: hidden;
}

.bio-left {
	text-align: justify;
	padding-bottom: 2em;
}

.bio-right {
	text-align: justify;
	padding-bottom: 2em;
}

.bio-left .singerphoto {
	text-align: left;
	clear: both;
	float: left;
	margin-right: 1em;
	padding-top: 2px;
	padding-left: 18px;
	/* background|color: set by theme */
}

.bio-right .singerphoto {
	text-align: right;
	clear: both;
	float: right;
	margin-left: 1em;
	padding-top: 2px;
	padding-right: 8px;
	/* background|color: set by theme */
}

.singerphoto {
	width: 139px;
	height: 159px;
}

.singerphoto img {
	/* border color: set by theme */
}

.singername {
	/* color: set by theme */
	font-weight: bold;
	text-transform: uppercase;
}

.concertitem h3, .concertitem h4, .concertitem p, .newsitem h3, .newsitem p {
	padding: 0;
	margin: 0;
	line-height: 1.5em;
}

.concertitem h4 {
	padding-top: 1em;
}

.concertitem h4.first {
	padding-top: 0;
}

.concertitem, .newsitem {
	padding-bottom: 1em;
	margin-bottom: 1.5em;
	/* border color: set by theme */
}

.program_listing p{ /* obsolete */
	padding: 0;
}

.program_list h4 { 
	text-align: right;
	font-style: italic;
	padding-bottom: 0; margin-bottom: 0;
}
.program_list p { 
	padding: 0;
}
.program_list li { 
	padding: 0;
	font-size: 11px;
	line-height: 1.2em;
}
.program_list p.soloset { 
	font-family: trebuchet, "trebuchet ms", arial, helvetica, sans-serif;
	padding-top: 2em;
	font-weight: bold;
	font-style: italic;
	font-size: 12px !important;
	/* color: set by theme */
}

.programcover {
	text-align: center;
	padding-top: 1em;
}

.tracklist {
	border: 1px solid #ccc;
	padding: 1em;
}
div.tracklist p {
	padding: 0 0 .5em 0;
	font-size: 10px !important;
}

#listenframe {
	height: 16px;
	border: none;
}
/* 
#hpcontent #main { position: relative; padding: 40px 295px 0 280px; height: 420px; overflow: hidden;
}
 / * overflow is just visual -- for when user zooms text * /
#main { margin: 0; padding: 40px 0 15em 0; clear: both; min-height: 460px;
}
 

*/

#navmenu-top {
	text-align: right;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: .1em;
	padding: 5px 25px 0 0;
}
#navmenu-top a, #navmenu-top a:visited, #navmenu-top a:active {
	color: #fff;
}
#navmenu-top a:hover{
	color: #ffe463; /* logo yellow */
	text-decoration: none;
}

#navfooter {
	height: 20px;
	text-align: center;
	letter-spacing: .1em;
	text-transform: uppercase;
	/* color & background: set by theme */
	font-weight: bold;
	padding: 0.5em 1em 0;
/*	border: 1px solid #100; */
}

#navfooter a {
	font-size: 80%;
	/* color: set by theme */
}

/*
.right_nocaption {
	float: right;
	clear: right;
	width: 350px;
	margin: 0 0 1em 0;
	padding: 0 62px 1em 15px;
	position: relative;
}

.left_nocaption {
	float: left;
	width: 250px;
	margin: 0 0 1em 0;
	padding: 0 20px 1em 80px;
	position: relative;
}

	
.rightphoto {
	float: right;
	clear: right;
	width: 350px;
	margin: 0 0 1em 0;
	padding: 0 62px 1em 15px;
	color: #300;
	background: url(images/swr/caption_bot.gif) no-repeat 15px 100%;
	position: relative;
}

.rightphoto p {
	margin: 0;
	padding: .5em 2em .5em 5px;
	font-family: times, serif;
	font-size: 10px;
	font-weight: bold;
	position: relative;
}

.rightphoto-hidecaption {
	float: right;
	clear: right;
	width: 350px;
	margin: 0 0 1em 0;
	padding: 0 62px 1em 15px;
	color: #300;
	position: relative;
}

.rightphoto-hidecaption p {
	display: none;
}


.item_wrapper_sro {
	min-height: 250px;
	clear: both;
}

.rightphoto_sm {
	float: right;
	width: 250px;
	margin: 0 0 1em 0;
	padding: 0 170px 1em 15px;
	color: #300;
	position: relative;
}

.rightphoto_sm p {
	display: none;
	margin: 0;
	padding: .5em 2em .5em 5px;
	font-family: times, serif;
	font-size: 10px;
	font-weight: bold;
	position: relative;
}
*/

.block {
	display: block;
	padding: 1em 25%;
}

.block_full {
	display: block;
	padding: 1.75em 0;
	margin: 0 0 0 -80px;  }

.sitesummary {
	margin: 0 450px 1em 120px;
	padding: 1em;
	border: 2px solid #601e09;
	background-color: #f0eada }
.sitesummary p {
	margin: 0;
	padding: 0 0 .25em 0;
}

.sitesummary p span {
	font-weight: bold;
}


#main h2.padhead {
	margin-bottom: 1em;
}

#main h2.padhead-tb {
	margin: 3em 0 1em;
}

/*
#tocmenu {
	margin: 0 0 1.5em 0;
	padding: 0 110pxm 0 92px;
	width: 711px;
	background: url(images/swr/tocmenu_bot.gif) 0 100%;
}

#tocmenu p {
	margin: 0;
	padding: .5em 2em .5em 92px;
	text-align: right;
}

#tocmenu a, #tocmenu a:visited {
	color: #946B5D;
	font-family: times, serif;
	font-size: 80%;
	font-weight: bold;  }
#tocmenu a:hover {
	color: #300;
}


.toc {
	padding-left: 2em;
}

.toc ul {
	list-style: circle;
}
*/



#footer {
	margin: 0;
	padding: .5em 1em;
	text-align: right;
	/* color: set by theme */
	font-size: .8em;
	font-weight: bold;
}

#pagefooter {
	margin-top: 1em;
	text-align: center;
}


#contactinfo {
	padding-left: 1em;
	font-weight: bold;
}

h1.boardlist, h1.socnet {
	text-transform:uppercase; 
	font-size:11px; 
	font-weight: bold; 
	border-bottom: 1px solid; 
	padding-bottom: 2px;
}

/*
#board-wrapper {
	position: relative;
	min-height: 60em;
}

#board-leftcol {
	position: absolute;
	top: 0;
	left: 70px;
	width: 40%;
}

#board-rightcol {
	position: absolute;
	top: 0;
	right: 65px;
	width: 40%;
}


.boardmember {
	margin: 0;
	padding: 0 0 2em 0px;
	min-height: 110px;
}

.boardmember p {
	padding: 0 0 0 95px;
	font-size: 11px;
}

.boardmember .name {
	color: #300;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.boardmember .role {
	color: #300;
	font-size: 12px;  }
.boardmember .occupation {
	color: #601e09;
}

.boardmember .exp {
	color: #300;
}

.boardmember img {
	float: left;
	clear: left;
	margin-right: 10px;
}
*/

#footernav {
	margin: 0;
	padding: 1em 0;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;
	color: #666;
}

#footernav a, #footernav a:visited {
	color: #666;
}

#footernav a:hover {
	/* color: set by theme */
}


.tinylogo {
	padding-top: 1em;
	padding-bottom: 1em;
}

.sb_note {
	font-size: 10px;
}
.short_sb {
	padding: 0 1em !important;
}
.pad_top {
	padding-top: 1em !important;
}

.debug, .hide {
	display: none !important;
}


/* special stuff */
#hp-groupphoto {
	position: absolute;
	top: 16px;
	left: 345px;
}

#SignUp .signupframe {
	border: none;
	background: #fff;
	/* color: set by theme */
	font-family: trebuchet, "trebuchet ms", geneva, helvetica, sans-serif;
}

#contact_email_sb, #newsletter_sb, #concert_sb {
	margin-top: 2em;
	padding: 5em 0 0 0;
	float: left;
	clear: both;
	/* background|color: set by theme */
}

/* navigation menus for home page */
ul#main_nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#main_nav li {
	padding: 0;
	margin: 0;
}

/* PIXY IR for anchors */
#logo { 
	margin: 0px;
	padding: 0;
	}
#logo a {
	display: block;
	width: 204px; 
	height: 159px;
	margin: 0; 
	padding: 0;
	background: url(images/swr/logo.gif) top left no-repeat;
	text-decoration: none;
}
#logo a span {
	display: none;
}

#nav-contact { 
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-contact a {
	display: block;
	width: 161px; 
	height: 36px;
	margin: 0; 
	padding: 0;
	/* background|color: set by theme */
	text-decoration: none;
}
#nav-contact a:hover {
	background-position: -162px 0;
}
#nav-contact a span {
	display: none;
}

#nav-press { 
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-press a {
	display: block;
	width: 161px; 
	height: 36px;
	margin: 0; 
	padding: 0;
	/* background|color: set by theme */
	text-decoration: none;
}
#nav-press a:hover {
	background-position: -162px 0;
}
#nav-press a span {
	display: none;
}

#nav-members {  /* deprecated */
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-members a { /* deprecated */
	display: block;
	width: 161px; 
	height: 36px;
	margin: 0; 
	padding: 0;
	/* background|color: set by theme */
	text-decoration: none;
}
#nav-members a:hover { /* deprecated */
	background-position: -162px 0;
}
#nav-members a span { /* deprecated */
	display: none;
}

#nav-aboutus { 
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-aboutus a {
	display: block;
	width: 161px; 
	height: 36px;
	margin: 0; 
	padding: 0;
	/* background|color: set by theme */
	text-decoration: none;
}
#nav-aboutus a:hover {
	background-position: -162px 0;
}
#nav-aboutus a span {
	display: none;
}

#nav-music {  /* deprecated */
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-music a { /* deprecated */
	display: block;
	width: 161px; 
	height: 36px;
	margin: 0; 
	padding: 0;
	/* background|color: set by theme */
	text-decoration: none;
}
#nav-music a:hover { /* deprecated */
	background-position: -162px 0;
}
#nav-music a span { /* deprecated */
	display: none;
}

#nav-recordings { 
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-recordings a {
	display: block;
	width: 161px; 
	height: 36px;
	margin: 0; 
	padding: 0;
	/* background|color: set by theme */
	text-decoration: none;
}
#nav-recordings a:hover {
	background-position: -162px 0;
}
#nav-recordings a span {
	display: none;
}

#nav-concerts { 
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-concerts a {
	display: block;
	width: 161px; 
	height: 36px;
	margin: 0; 
	padding: 0;
	/* background|color: set by theme */
	text-decoration: none;
}
#nav-concerts a:hover {
	background-position: -162px 0;
}
#nav-concerts a span {
	display: none;
}

#nav-help { 
	margin: 0 0 0 1px;
	padding: 0;
	}
#nav-help a {
	display: block;
	width: 161px; 
	height: 36px;
	margin: 0; 
	padding: 0;
	/* background|color: set by theme */
	text-decoration: none;
}
#nav-help a:hover {
	background-position: -162px 0;
}
#nav-help a span {
	display: none;
}

#donate-button {
	position: absolute;
	top: 225px;
	right: 20px;
	margin: 0 0 0 1px;
	padding: 0;
	}
#donate-button a {
	display: block;
	width: 123px; 
	height: 29px;
	margin: 0; 
	padding: 0;
	/* background|color: set by theme */
	text-decoration: none;
}
#donate-button a:hover {
	background-position: 0 -29px;
}
#donate-button a span {
	display: none;
}

.autodownload {
	padding-left: .5em;
}

a.download {
	font-size: x-small;
	color: #666;
}


.alert {
	color: #f60;
	font-weight: bold;
	border: 1px dotted #f60;
	padding: .25em .5em;
}

.epigraph {
	font-style: italic;
	line-height: 1.1em;
	padding: 0 2em 1em 2em;
}

.address {
	padding-left: 2em;
	line-height: 1.25em !important;
}

#col1_content .redir2CD {
	font-weight: bold;
	padding: 1em 2em;
	line-height: 1.3em !important;
}

/* General TYPOGRAPHY */
.extra_line_after {
	margin-bottom: 2em;
}

/* special XML tags for styling titles */
mtitle, ftitle {
	font-style: italic;
}
foreign {
	font-style: italic;
}
/* same tags as classes for styling titles and inline text -- also needed for TinyMCE compatibility/interoperability (DO NOT REMOVE!)  */
.mtitle, .ftitle {
	font-style: italic;
}
.foreign {
	font-style: italic;
}

/* SPLASH STYLES */
#splash { position: absolute; top: -20px; left: 35px; width: 720px; height: 360px; background-color: #fff; border: 2px solid #666; z-index: 100; 
	display: none;
}
#sp_btn_close { position: absolute; top: 5px; right: 5px; padding: 2px 5px; text-transform: uppercase; background-color: #666; color: #fff }
#sp_btn_close a:link, #sp_btn_close a:visited { width: 50px; color: #fff; }
#sp_btn_close a:hover, #sp_btn_close a:active { color: #ff0; text-decoration: none; }
#splash_image { position: absolute; top: 10px; left: 10px; width: 250px; height: 324px; background: url(images/splash/splash.jpg) #fff no-repeat; }
#splash #description { position: absolute; top: 20px; left: 280px; width: 225px; }
#splash #description h1 { font-style: italic; }
#splash #description p { font-size: 12px; line-height: 1.5em; }
#splash #venues { position: absolute; top: 60px; right: 0px; width: 175px; b_order: 1px solid red; margin-right: 10px; }
#splash #venues h4 { line-height: normal; padding: 0; margin: 0; }
#splash #venues p { font-size: 11px; padding: 0; margin: 0; }
#splash #venues p + h4 { padding-top: 1em; }
#splash #venues #sp_col1 { position: absolute; top: 0px; left: 0px; width: 450px; b_order: 1px solid red; background-color: #f9f9f9; padding: 10px; }
#splash #venues #sp_col2 { position: absolute; top: 100px; left: 0px; width: 450px; b_order: 1px solid red; background-color: #f9f9ee; padding: 10px; }
#splash #sp_tix_link { position: absolute; bottom: 30px; right: 30px; text-align: right; padding: 10px 30px; background-color: #f3f3d6; }
#sp_tix_link a:link, #sp_tix_link a:visited { width: 50px; color: #666; font-weight: bold; font-size: 1.2em; text-transform: uppercase;  }
#sp_tix_link a:hover, #sp_tix_link a:active { color: #333; text-decoration: none; }


/* FLASH COMPONENTS */
#songplayer_wrapper {
	position: absolute;
	top: 353px;
	left: 8px;
}

/* STYLES FOR EXTERNAL FEATURES */
#external_features {
	margin: 0;
	padding: 1em 1em 0 2em;
	width: 156px;
	border-top: 1px solid #ccc;
}
/*
#external_features p {
	font-size: 12px;
	font-style: italic;
}
*/

/* facebook links */
html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?11:26981) no-repeat top left; }

/* twitter */


/* google buy buttons */
.googlecart-add-button { float: right; margin-top: 5px; }
.product { 
	width: 190px; height: 40px; 
	float: right; display: block; 
	padding: 1.1em 0 0 10px;
	text-align: right;
}
.product-attr-custom { width: 140px; }
.override #googlecart-widget-body {
    background-color:#F5F5D5;
  }
  
/* socnet layout */
#socnet {
	padding-top: 3em;
}