/* main classes  */

/* structure div ids 
 960 px outer grid
  940 px inner grid
  12 px column
  60 px columns
  20 px gutter
  10 px outer
*/
.col1 {width:60px; }
.col2 {width:140px; }
.col3 {width:220px; }
.col4 {width:300px; }
.col5 {width:380px; }
.col6 {width:460px; }
.col7 {width:540px; }
.col8 {width:620px; }
.col9 {width:700px; }
.col10 {width:780px; }
.col11 {width:860px; }
.col12 {width:940px; }

.hide { display: none;}

/* ---- Global Styles ---- */ 

#outerWrapper {
  width: 960px;
  margin: 0 auto;
/*  background: rgba(37,37,37,.6);*/
}

#innerWrapper {
	width: 940px;
	margin: 0 auto 20px;
}

.spacing { margin-bottom: 15px;}
.col { padding: 15px; }
.col.block {margin-bottom: 15px;}


#content { margin: 0 0 20px;}

.withBorders { border: 3px solid #cbcbcc;}

#innerNavigation, .tk-adobe-caslon-pro { font-weight: 600; }
.wf-loading #innerNavigation, .wf-loading .tk-adobe-caslon-pro, .wf-loading h1 { visibility: hidden; }
/*---- Content Boxes ----*/

.title {
	width:100%;
	border-bottom: 1px solid black;
}

.title h1 {
	display:inline;
	padding: 0 10px;
}

.title a, .more_videos{
	text-transform:uppercase;
	margin: 20px 0 0 0;
	padding: 0 10px;
}


.title a:hover{
	text-decoration: none;
}

.content_box
{	
	color:#000;
	width:100%;
	margin: 0px 0 30px 0;
}

.darkBg { background: rgba(1,1,1,.8);}
.lightBg { background: rgba(1,1,1,.4);}


#showsBg { background: rgba(1,1,1,.8) url(/images/pages/home/ShowsTexture.png) 0 0 no-repeat;}
.littleRsvp {
    background: url("/images/pages/home/littlefb.png") no-repeat scroll right top transparent;
    font-weight: normal;
    height: 14px;
    line-height: 16px;
    padding-right: 20px;
    text-align: center;
    text-transform: uppercase;
}
/* ---- Header ---- */

div.mailing_list {
	height:39px;
	width:235px;
	overflow: hidden;
}

#emailSubmitForm, #emailSubmitSending, #emailSubmitSuccess {
	padding-top:10px;
	color:#000;
}

#mailing_list_btn {
	display:block;
	background: transparent url(/images/pages/_global/mailingListBG.jpg) no-repeat 0 0;
	width:459px;
	height:107px;
}
#mailing_list_btn span {
  color: #FFFFFF;
  float: left;
  font-size: 2.4em;
  line-height: 1.1em;
  margin: 5px 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 168px;
  z-index: 100;
}


#featured_video_embed {
  float: left;
	border: 3px solid #cbcbcc;
  width:373px;
	height:230px;
}

/* mailing list tabs */
#mailinglist_wrapper {
  height: 27px;
  padding: 30px 0px 15px;
  overflow: hidden;
}
#mailinglist {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
  border-radius: 5px ;
  display: block;
  font-size: 1em;
  margin: 0 auto;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  width: 200px;
}
#mailinglist:hover { background: #111; }

#emailSubmitPanes {
  float: right;
  height: 27px;
  overflow: hidden;
  width: 330px;
}
input#emailSubmitEmail, input.emailSubmitEmail {
    height: 23px;
    padding: 0 0 0 5px;
    width: 230px;
}
#emailSubmit {
    font-size: 1em;
    height: 27px;
    text-transform: uppercase;
    width: 87px;
}
#emailSubmitSending, #emailSubmitSuccess {
    background: none repeat scroll 0 0 #4B4B4B;
    border: 2px solid #333333;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    position: relative;
}
.emailSubmitPanes > div.tabbed {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    margin: 50px auto 0;
    min-height: 47px;
    padding: 5px;
    text-align: center;
    width: 380px;
}
/* end mailing list tabs */

.songbookAdmat {
	background: transparent url(/images/_pages/_global/HigherTruthAdmat.png) no-repeat 0 0;
	width: 264px;
	height: 54px;
	margin: 0 0 20px;
}

/*
.songbookAdmat .itunes, .songbookAdmat .amazon {
	display: block;
	text-indent: -999em;
	width: 83px;
	height: 30px;
	margin: 24px 0 0 15px;
	float: left;
}
*/

.songbookAdmat .itunes {
	display: block;
	text-indent: -999em;
	width: 264px;
	height: 54px;
	margin: 0;
	float: left;
}

.like_btns {
	margin: 5px 0 0 0;
}

a.hear_more {
	position:absolute;
	right: 0;
	bottom:17px;
	margin-left:5px;
	font-size:0.9em;
}

#searchBox {
	margin-top:5px;
}

#splitDots { background: url("/images/_pages/_global/vertDivider.png") no-repeat scroll 618px 285px transparent;}
#splitDotsSmall { background: url("/images/_pages/_global/vertDivider.png") no-repeat scroll 223px 0px transparent;}

#admats { width: 292px; height: 121px; display: block; border: 4px solid #cbcbcc; margin: 0 0 20px;}
#admats .panes {width: 292px; height: 121px; display: block; overflow: hidden;}
#admats .slide { width: 292px; height: 121px; display: block; position: relative;}

#admats .slide img { position: absolute; z-index: 1;}
#admats .slide span { position: absolute; z-index: 5; bottom: 0; right: 0; background: rgba(1,1,1,.6); color: #fff; padding: 5px; font-size: .9em; }

#staticAdmats > a { width: 175px; height: 104px; display: block; border: 3px solid #cbcbcc; margin: 15px 0;}
#staticAdmats > a:hover {border-color: #991f0b;}
/* ---- Socials ---- */
#socials {
    height: 30px;
    position: absolute; right: 0;
    top: 0;
    width: 188px;
    margin: 10px 0 0;
}

#socials ul { list-style: none; margin: 0; padding: 0; height: 30px;}
#socials ul li { display: block; float: left;}
#socials ul li a { display: block; height: 30px; padding: 0; background-image: url(/images/_pages/_global/snsFooter.png); background-repeat: no-repeat;}

#socials ul li a.fb { background-position: 0 0; width: 32px;}
#socials ul li a.fb:hover { background-position: 0 -30px;}

#socials ul li a.twitter { background-position: -32px 0;width: 40px;}
#socials ul li a.twitter:hover {background-position: -32px -30px;}

#socials ul li a.youtube { background-position: -72px 0;width: 39px;}
#socials ul li a.youtube:hover { background-position: -72px -30px;}

#socials ul li a.myspace { background-position: -111px 0;width: 39px;}
#socials ul li a.myspace:hover { background-position: -111px -30px}

#socials ul li a.instagram{ background-position: -150px 0; width: 38px;}
#socials ul li a.instagram:hover { background-position: -150px -30px}
/* ---- Music Player ----*/
#jukeBox {
	margin:0;
	color:#fff;
}

#jukeBox .controls {
	padding:0;
	width:355px;
	height: 24px;
	margin: 0px 25px 00px 0;
}

.song_name { display: block; }

/* ---- Rotating Admat ---- */
div.admat_panes {
	height: 201px;
	margin:0;
	padding:0;
	background: transparent;
	overflow: hidden;
}

div.admat_panes div {
	width:100%;
	height:100%;
}

ul.admat_tabs {
	float:right;
	margin:0;
}

ul.admat_tabs li a {
	display:block;
	text-indent:-9999px;
	background: transparent url('../../images/pages/global/circles.png') no-repeat 0 0;
	height:26px;
	width:26px;
}

ul.admat_tabs li{
	list-style-type: none;
	float:left;
}

ul.admat_tabs li a:hover {
	display:block;
	text-indent:-9999px;
	background: transparent url('../../images/pages/global/circles.png') no-repeat 0 -26px;
}

ul.admat_tabs li a.current {
	display:block;
	text-indent:-9999px;
	background: transparent url('../../images/pages/global/circles.png') no-repeat 0 -26px;
}

#form1, #form2, #formblank {
    position: absolute;
    top: 405px;
    width: 292px;
}
#form1, #formblank {
    background: url("http://ethangold.com/img/form1-bg.png") no-repeat scroll 0 0 transparent;
    height: 127px;
}
#form1 fieldset {
    padding: 25px 0 0 15px;
}
#form1 img.submit {
    cursor: pointer;
    margin-left: 50px;
}


/* ---- Twitter Frame ---- */

#twitterBox {
	background: transparent url('../../images/pages/global/twitter.png') no-repeat top left;
	width:100%;
	height: 140px;
	margin: 0 0 5px 0;
	position: relative;
}

#twitterWidget {
	font-family: "Gill Sans";
	font-size:1.5em;
	color:#000;
	padding: 0 40px 0 70px;
	line-height:1.3em;
}

#twitterWidget a{
	text-decoration:underline;
	color:#000;
}

#twitterWidget a:hover{
	color:#4d4d4d;
}

#twitterWidget .tweetDate {
	font-family: "Helvetica";
	font-size: 10px; 
	font-weight:bold;
	color: #4b7990;
	text-transform: uppercase;
	text-decoration: none;
}

#twitterBox ul{
	list-style-type: none;
}
#twitterBox a.followLink {font-size: 1.1em; text-decoration: none; text-transform: uppercase; position: absolute; bottom: 20px; left: 97px;}


/* ---- Footer ----*/
#footer {
  height: 50px;
  padding: 0;
	line-height: 50px;
	text-align: center;
	font-size: 1.1em;
  display: block;
  border-top: 1px solid #444;
  border-top: 1px inset #444;
  position: relative;
}



a.site_by {
    background: url("/images/_pages/_global/siteby_oniracom.png") repeat scroll 0 0 transparent;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-indent: -999em;
    width: 118px;
}

a.site_by:hover {
	background-position: 0 -30px;
}

/* ---- News Posts ---- */

.newsNav ul { margin: 10px 0; }
.newsNav ul li {
	list-style-type: none;
	display: inline;
	font-size: 1.6em;
	margin: 0 35px 0 0;
}
.post {
	margin: 0;
	padding: 10px 0 20px;
  border-bottom: 1px solid #444;
  border-bottom: 1px inset #444;
}
.post .headline {
    display: block;
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 5px;
}
.post .subHeadline { margin-bottom: 5px; display: block; font-style: italic;}


.post .date {
	display:block;
	font-weight:bold;
}
.shareLinks { margin-top: 4px;}
.commentCount {
    display: block;
    color: #fff;
   font-size: 1.2em;
    height: 37px;
    line-height: 30px;
    text-transform: uppercase;
    
}
.commentCount span {background: url("/images/pages/_global/comments.png") no-repeat scroll 0 0 transparent;
width: 41px; height: 37px; display: block; float: right;text-align: center; font-size: 1.2em; color: #000; margin-left: 10px;}
.commentCount:hover span {color: #0067fd;}
.post img { margin: 5px 0px; border: 3px solid #cbcbcc; }
.post img.float-left { margin: 0px 10px 5px 0; }
.post img.float-right { margin: 0px 0px 5px 10px; }
.pdfButton {background: url(/images/pages/news/pdfarrow.png) 0 0 no-repeat; width: 41px; height: 32px; display: block; margin: 5px 10px 0 20px;}
.pdfButton:hover {background-position: 0 -32px; }

.pdfButton.small {background: url(/images/pages/news/pdfarrowsmall.png) 0 0 no-repeat; width: 22px; height: 17px; display: block; margin: 5px 0 0 0;}
.pdfButton.small:hover {background-position: 0 -17px; }
a.button, input.button, span.button {
	border: 1px solid #fff;
	display:block;
	background-color: #000;
	color:#fff;
	font-size: 1.2em;
	padding: 0px 7px;
	cursor: pointer;
}

a.readMore {margin-top: 6px;}

a.button:hover, input.button:hover, a:hover span.button {
	border-color: #991F0B;
	color: #991F0B;
}

a.blueButton {
	background-color: #a4e1f3;
	border: 1px solid #fff;
	color:#683908;
	font-size: 1em;
	padding: 8px 32px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	margin: 7px 0;
	-webkit-box-shadow:0 0 5px #777; 
	-moz-box-shadow: 0 0 5px #777; 
	box-shadow:0 0 5px #777; }
a.blueButton:hover { background: #77a4b1; color: #000;}

a.inverted_button {
	display:block;
	height: 28px;
	background-color:#ffffff;
	color:#663300;
	font-size: 1.5em;
	padding: 5px 10px 2px 10px;
	border:1px solid black;
}

a.inverted_button:hover {
	color: #3c2209;
}
#searchBox {
    margin: 5px 0 20px;
}
input#keywords {
    float: left;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    width: 280px;
}
input#search {
    height: 29px;
    line-height: 29px;
    padding: 0;
    text-align: center;
    width: 85px;
}
ul.monthArchive {clear: both; font-size: 13px; float: left;}
ul.monthArchive li {
    margin-bottom: 5px;
    width: 100%;
}
ul.filters { margin: 10px 0 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none;}
ul.filters li { float: left;}
ul.filters li a {
	background: rgba(1,1,1,.6);

    color: #aaa;
    display: block;
    font-size: 1.3em;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 0 20px;
    text-transform: uppercase;
}
ul.filters li a:hover, ul.filters li a.current {
	background: rgba(1,1,1,.8);
	color: #fff;
	height: 53px;
	line-height: 53px;
	margin-bottom: 0;}

a.download.button {
    font-size: 0.9em;
    margin: 5px 25px 0 0;
    padding: 0 4px;
}
/* ------ Tour Section ------ */

#tour table {
	margin-bottom:15px;
	width: 100%;
}

#tour a.date, #tour div.date {
	width:70px;
	height: 25px;
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1em;
	text-align: justify;
	margin: 5px 0 0;
}
#tour a.venue { font-size: 1.1em;}
#tour a.bold { font-size: .9em;}
#tour .date span {
	display: block;
}
#tour .date span.day {
	width: 40px;
	font-size: 32px;
	height: 25px;
	line-height: 25px;
}
#tour .date span.month {
    font-size: 15px;
    letter-spacing: 0.1em;
    width: 30px;
}
#tour .date span.month.year {
	width: 30px;
	font-size: 10px;
	letter-spacing: .2em;
}

#tour th.left, #tour td.left { text-align: left;}

#tour a.show_info { text-align: center; display: block; font-size: .9em; }
#tour a.show_info, #tour a.twitterTour, #tour a.facebook_rsvp, #tour a.buy_tickets {color: #fff;}
#tour a.show_info:hover, #tour a.twitterTour:hover, #tour a.facebook_rsvp:hover, #tour a.buy_tickets:hover {color: #0067fd;}

#tour table tr td.cenText {
text-align: center;
}
#tour table tr td.venue { text-align: left; }

#tour table.home {}


a.showShare { background-image: url(/images/pages/shows/links.png); background-repeat: no-repeat; background-position: 0 0; display:block;}
.rsvpWrap { width: 53px; margin: 0 auto;}
a.showShare.tweet { width: 24px; height: 24px; background-position: -82px 0; float: right;}
a.showShare.tweet:hover {background-position: -82px -24px; }

a.showShare.facebook_rsvp { width: 24px; height: 24px; background-position: -58px 0; float: left;}
a.showShare.facebook_rsvp:hover {background-position: -58px -24px; }

a.showShare.buy_tickets { width: 58px; height: 24px; margin: 0 auto; background-position: 0 0px;}
a.showShare.buy_tickets:hover {background-position: 0px -24px; }

a.mapShow { width: 32px; height: 32px; background: url(/images/pages/shows/map.png) 0 0 no-repeat; display: block; margin: 0 auto;}
a.mapShow:hover {background-position: 0 -32px; }

.tour_admat {
	background: transparent url(../../images/pages/home/nextShow_dynamic.png) no-repeat top right;
	width:545px;
	height:126px;
	color:#000;	
	text-align: center;
	padding-top:70px;
}

.tour_admat a.tourLink {
	display:block;
	width:310px;
	height:100px;
	margin-left: 198px;
}

.tour_admat .date {
	display:block;
	font-family: "Gill Sans";
	font-size:2em;
	color:#000;
	line-height:normal;
	margin-top:5px;
	margin-bottom:0px;
}
.tour_admat .admatVenue {
	display:block;
	font-family: "Gill Sans";
	font-size:1.6em;
	color:#000;
	line-height:normal;
	margin-bottom:12px;
}

.tour_admat .view_tour {
	color:#ffffff;
	font-size:1em;
	text-transform: uppercase;
}

/* ----- Video Section ----- */
.content_box .video {
	margin-top:10px;
	padding-left:20px;
	width:440px;
}

h4.video_title {
	padding-top:10px;
}

/* the overlayed element */
#peepholeOverlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	width:500px;	
	min-height:378px;
	border:2px solid #333;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
#peepholeOverlay img { float: left; display: block;}

/* close button positioned on upper right corner */
#peepholeOverlay .close {
	background-image:url(/images/pages/_global/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}



/**** begin jscroll *****/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
 
 /*use this for the class on the box you want to jScroll */
 
.form li span label.error, .form li label.error, p label.error {
    background: none repeat scroll 0 0 #000000;
    color: red;
    float: none;
    margin: 0 10px;
    font-size: 12px;
    position: absolute;
    vertical-align: top;
}

 
.scrollHeight { float:right;
height:400px;
width: 460px;
width: 100%;
overflow-y:scroll;
overflow: auto;}


.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #b0b0b0;
	position: relative;
}

.jspDrag
{
	background: #393939;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}