/*	Bow Thayer and Perfect Trainwreck website 	*/
/*	Julie Berlin, 2008	*/

* {
margin: 0;
padding: 0;
border: 0;
}

body  {
	background-color: #000C10;
	font-size: 70%;
	font-family: Verdana, "Lucida Grande", Helvetica, "Lucida Sans", Arial, sans-serif;
	margin: 0;
	color: #555;
}

a img {
	border: none;
}

h1, h2, h3, h4, h5 {
	margin: 1em 0 0 0;
}

h1 {
	font-family: Georgia, serif;
	color: #63423B;
	font-weight: normal;
	font-size: 2em;
}

h1 a {
	color: #63423B;
}

h2 {
	font-family: Georgia, serif;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #333;
	font-size: 1.25em;
	font-weight: normal;
}

h2 a {
	color: #333;
}

h3 {
	color: #63423B;
	font-weight: bold;
	font-size: 1em;
}

ol, ul {
	padding-left: 1.2em;
}

p {
	margin: .5em 0;
	
}

li {
	margin: .5em 0;

}

a {
	color: #069;
	text-decoration: none;
}

a:hover {
	color: #069;
	text-decoration: underline;
}

blockquote {
	margin: 1em 0;

}

cite {
	margin: 1em 2em;
	font-style: italic;
/*	display: block;
	text-align: right;	*/
}

table {
	border-collapse: collapse;
	margin: 1em 0;
}

th, td {
	vertical-align: top;
}

td {
	padding: .4em .6em .4em 0;
}


/*	LAYOUT	*/

.line {
  float: left;
  width: 100%;
  display: block;
  position: relative;
}

.item {
  position: relative;
  float: left;
  left: 100%;
}

#page {
	width: 780px;
	margin: 0 auto;
}

#header {
	background: url(../ui/header_bar.jpg) no-repeat left top;
	height: 100px;
	background-color: #000C10;
}

#footer {
	/*	this is applied to a line 	*/
	font-size: .85em;
	padding: 10px 0;
	border-bottom: 5px solid #2F87AA;
}


#logo {
	margin: 50px 0 0 160px;
}

#content .line {
	background-color: #EFEFEE;
}


.fullwidth {
	margin-left: -100%;
	width: 100%;
}

#content p {
	line-height: 1.5em;
}

#content li {
 line-height: 1.3em;

}

#content .fullwidth {
	margin-left: -95%;
	width: 90%;
}

#content .col1 {
	width: 28%;
	margin-right: 4%;
	margin-left: -95%;
}

#content .col2 {
	width: 28%;
	margin-right: 4%;
	margin-left: -64%;
}

#content .col3 {
	width: 28%;
	margin-right: 4%;
	margin-left: -33%;
}

#content .col1n2 {
	width: 59%;
	margin-right: 4%;
	margin-left: -95%;
}

#content .col2n3 {
	width: 59%;
	margin-right: 4%;
	margin-left: -64%;
}

.maincontent,
.minheight {
	min-height: 400px;
}


/*	NAVIGATION	*/

#navigation {
	background-color: #2F87AA;
	height: auto;
}


#main_nav {
	margin-left: 7%;
}

#main_nav li {
	display: inline;
	float: left;	/*	need this for menu margin to work	*/
	font-family: "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: 12px;
	list-style-type: none;
	line-height: 1.2em;
	padding:  2px 0 0 0;
	margin: 0;
}

#main_nav a {
	color: #FFF;
	text-decoration: none;
	display: block;
	float: left;
	padding: .3em 1.2em;
	margin: 0 1px;
	background-color: #069;
}

#main_nav a:hover,
#main_nav li.active a:hover {
	background-color: #003B59;
	text-decoration: none;
	color: #FFF;
}

#main_nav li.active a {
	background-color: #EFEFEE;
	color: #333;
}

#main_nav ul a {
	color: #FFF;
	text-decoration: none;
	display: block;
	width: 11em;
	padding: .2em .5em;
	margin: 0;
}

#main_nav li.active ul a {
	background-color: transparent;
	color: #FFF;
}

#main_nav ul li.active a {
	background-color: #63423B;
	color: #FFF;
}

#main_nav li ul {
	position: absolute;
	z-index: 50;
	left: -999em;
	top: auto;
	width: 10em;
	padding: 0;
	background-color: #003B59;
	margin: 1.8em 0 0 0;
}


#main_nav ul li {
	font-family: Verdana, Arial, sans-serif;
	text-transform: capitalize;
	letter-spacing: normal;
	font-size: 10px;
	padding: 0;
}

#main_nav li:hover a,
#main_nav li.iehover a {
	background-color: #003B59;
	color: #FFF;
}

#main_nav li.active a:hover {
	background-color: #D7DDDF;
	color: #63423B;
}

#main_nav li.active ul li a:hover,
#main_nav li ul li a:hover  {
	background-color: #069;
	color: #FFF;
}

#main_nav li:hover ul,
#main_nav li.iehover ul {
	left: auto;
}

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

.topborder {
	border-top: 1px solid #CCC;
}

.btmborder {
	border-bottom: 1px solid #CCC;
}



.newslisting {
	padding-right: 1em;
	border-top: 1px solid #DDD;
	margin-top: .4em;
}

.newslisting h3 {
	margin-top: .5em;
}

.newslisting h3 a {
	color: #63423B;
}

.newslisting p {
	margin: .2em 0;
}

p.moreinfo,
.largertext p.moreinfo {
	font-size: .95em;
	font-family: Verdana, sans-serif;
}


.cdcover {
	margin-top: 20px;
	padding: 0 4px 4px 0;
	background: url(../ui/shadow_dk.jpg) no-repeat right bottom;
}

.cdprice {
	font-size: 1.6em;
	font-family: Georgia, serif;
	color: #000;
	float: left;
	margin: 0 8px 4px 0;
}

input.paypal_btn {
	vertical-align: baseline;
}

#content p.note {
	font-size: .85em;
	line-height: 1.1em;
	color: #777;
}

.photo_caption {
	font-size: .8em;
	margin-top: 0;
}

img.photo,
a img.photo {
	border: 1px solid #999;
}

.toprow {
	margin-top: 20px;
}

.shadowbox {
	background: url(../ui/shadow.jpg) no-repeat right bottom;
	margin-bottom: 10px;
}

.shadowbox .kernel {
	padding: 6px 10px;
	margin: 0 4px 4px 0;
	background-color: #FFF;
}

.shadowbox h2 {
	margin-top: 0;
}

.lead_story p,
.largertext p,
.largertext li {
	font-family: Georgia, serif;
	font-size: larger;
	padding-right: 2em; /*	to keep line lengths smaller */
}

.spacebelow {
	margin-bottom: 1.8em;
}

.spaceabove {
	margin-top: 1.8em;
}

.instruments {
	font-size: .85em;
	font-style: italic;
}

.compact li {
	margin: 0;
}


.shows {
	width: 100%;
}

.shows a {
	font-weight: bold;
}

.shows tr.odd {
	background-color: #FFF;
}

.shows td {
	padding: .4em .6em
}

.venue {
	font-weight: bold;
}

table.twocol {
	margin: 0;
}

table.twocol td {
	width: 47%;
	padding-right: 2em;
}

span.date {
	font-size: .95em;
	font-style: italic;
	color: #777;
}

.note {
	color: #555;
	font-weight: normal;
	font-size: .85em;
}

.chorus {
	font-style: italic;
}

.lyrics p {
	margin: .5em 0;
	font-size: .95em;
}

p.to_top {
	text-align: right;
	text-transform: uppercase;
	font-size: .9em;
}

p.to_top a:visited {
	color: #069;
	text-decoration: none;
}

.img-festival,
.img-calendar,
.img-news {
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
}

.img-festival {
	background-image: url(../../assets/images/fw-river.jpg);
	height: 200px;
}

.img-calendar {
	background-image: url(../../assets/images/RS-fw-stage.jpg);
	height: 300px;
}

.img-news {
	background-image: url(../../assets/images/RS-fw-laugh.jpg);
	height: 210px;
}

.img-caption {
	padding: .3em 1.4em .3em .6em;
	float: right;
	background-color: #000C10;
	color: #FFF;
	opacity: .75;
	font-size: 9px;
	margin-top: 10px;
}

.img-calendar .img-caption {
	margin-top: 270px;
}

.img-caption a {
	color: #FF0;
}

.look {
	font-weight: bold;
	color: #069;
		font-size: 1.1em;
}


.bandlist {
	list-style-type: none;
	color: #069;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
}	

.bandlist li:hover {
	cursor: default;
}	

.gettix {
	width: 105px;
	height: 26px;
}

.gettix a {
	background-image: url(../ui/get-tix.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 100%;
	height: 100%;
}

.gettix a:hover {
	background-position: left bottom;
	display: block;
}


img.topimage {
	margin-top: 2em;
}

.summary {
	font-weight: bold;
	}

div.vevent span.summary {
	display: block;
	
}

.vevent .location {
	font-style: italic;
}

p span.vevent {
	color: #000;
}

.description {
	margin: 1em;
	font-size: .9em;
}

div.vevent {
	border: 1px solid #CCC;
	padding: .5em 1em;
	margin-top: .5em;
	background-color: #FFF;
}

/*	used by galleria
-----------------------------*/
.galleria{list-style:none;margin:0;padding: 0; overflow: auto;height: 186px;width: 100%;}
.galleria li{display:block;width:75px;height:55px;overflow:hidden;float:left;margin:0 6px 6px 0;border: 1px solid #AAA;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:2px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
#main_image .caption{display:block; padding-top: .4em;font:italic 1.2em/1.4 Georgia, serif;}



/*	.demo{}
	.gallery_demo{margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;margin:2px;}
	.gallery_demo li div{}
	.gallery_demo li div .caption{}
	*/
	
	#main_image{margin-bottom:10px; width: 100%;height:380px;overflow: hidden; }
	#main_image img{margin:0 auto;overflow: hidden;}
	
	p.nav{padding-top:15px;clear:both;font:.85em 'Helvetica Neue',sans-serif;letter-spacing:1px;text-transform:uppercase; text-align: right;}
	
	
	
	
	.hidden {
  display: none;
}


#settimes-content {
	color: #DEDEDE;
	padding: 1em 2em;
}

#settimes-content h3 {
	color: #069;	
}


#video-player {
	height: 300px;
	width: 400px;
}

abbr.sic {
	font-size: .85em;
	font-variant: small-caps;
}

.cd {
	font-style: italic;
}

.xlink {
	margin-top: 3.8em;
	border: 1px dotted #999;
	padding: .5em 1em;
	font-size: .9em;
	width: 350px;
	background-color: #FFF;
}