/* 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; }

.container { width: 940px; margin: 0 auto; }

#content {
	margin: 30px auto;
}
#header {
	background: #61778D;
	font-family: "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Arial Narrow", "Arial", sans-serif;
	font-weight:600;
	font-stretch:condensed;
	position: relative;
	z-index: 200;
}
#header:after {
	content: '';
	background: url(/images/pages/_global/header_texture.png);
	display: block;
	width: 100%;
	height: 15px;
	position: absolute;
	bottom: -14px;
}
#header a { color: #273849; }
#header a:hover,
#header a:active { color: #E1DCD2; text-decoration: none; }
a#logo {
	font: bold 3em/1.5  Helvetica, Arial, sans-serif;
	letter-spacing: 5px;
	text-transform: uppercase;
}

/*----- Autumn Menu by Angel Grablev */
#menu{ margin: 0; text-align: justify; height: 22px; }
#menu:after{
	content: '';
	display: inline-block;
	width: 100%;
}
#menu li {
	list-style:none;
	display: inline-block;
}
#menu a {
	letter-spacing: 3px;
	text-transform: uppercase;
}
#menu a.active { color: #E1DCD2; text-decoration: none; }

#socials { margin: 5px 0; }
#socials li { list-style: none; float: right; }
#socials a {
  display: block;
  text-indent: -999em;
  width: 38px;
  height: 30px;
  background: url(/images/pages/_global/socials.png) no-repeat 0 0;
  margin: 0 0 0 10px;
}
#socials a.twitter:hover, #socials a.twitter:active { background-position: 0px -29px; }
#socials a.facebook { background-position: -44px 2px; }
#socials a.facebook:hover, #socials a.facebook:active { background-position: -44px -27px; }
#socials a#mailingList {
	text-transform:uppercase;
	text-indent: 0;
	background: url(/images/pages/_global/mail_icon.png) no-repeat center right;
	width: auto;
	line-height: 30px;
	padding: 0 38px 0 0;
}

#footer {
	background: #61778D;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	position: relative;
	z-index: 200;
	height: 300px;
	padding: 10px 0;
	color: #273849;
}

#footer:before {
	content: '';
	background: url(/images/pages/_global/footer_texture.png);
	display: block;
	width: 100%;
	height: 15px;
	position: absolute;
	top: -14px;
}
#footer a { color: #273849; }
#footer a:hover,
#footer a:active { color: #E1DCD2; text-decoration: none; }
a#merch {
	background:url(/images/pages/_global/footerStore2015.png) no-repeat top center;
	color:#17182C;
	display:block;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-size:2.5em;
	height:205px;
	line-height:170px;
	margin:0 auto;
	text-align:center;
	text-transform:uppercase;
	width:100%;
}
a#merch:hover, a#merch:focus { color: #000; }
.paddedLeft { padding-left:5px;}

a.rss { background:url(/crows/images/pages/_global/rssicon.png) right center no-repeat; padding: 3px 22px 3px 3px; color: #757575;}

#copyright { width: 940px; margin: 20px 0; }
a#oniracom {
	background:url(/images/pages/_global/oniracom.png) 0 0 no-repeat;
	width: 120px;
	height: 21px;
	display: block;
	margin: 4px 0 0;
	text-indent: -999em;
	float: right;
}
a#oniracom:hover { background-position:0 -21px; }

#headerTweetList { margin: 0; list-style: none; height: 140px; }
.col {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	padding: 12px;
	margin: 0 0 1em;
	/*border: 2px solid #000;*/
}
#latestNews { font-size: 1.3em; color: #bfd3ee;}
#latestNews h2 { font-size:1.3em; margin-left:-35px;}
#latestNews .post { border-bottom: none; padding: 0 65px 0 0; margin-bottom: 0;}
#latestNews a.more { color: #fff;}
.paddedCol { padding: 5px 10px;}
#tourdates { height: 410px;}
#top { height: 424px;}

div.splotch { background:url(/images/pages/_global/splash.png) 0 0 no-repeat; width: 729px; height: 678px; display: block; position: absolute; z-index: 0;}

#filmstrip { background:url(/images/pages/_global/filmstrip.png) 0 0 no-repeat; width: 1019px; height: 195px; display: block; position: absolute; z-index: 0; top: 225px; left:-38px;}

a#slc { width: 300px; height: 30px; display: block; position: absolute; top: 384px; left:80px; z-index:10; font-family: "Arial Narrow", Helvetica, sans-serif; text-transform: uppercase; font-size: 1.3em;}
div#distress { background:url(/images/pages/_global/photo_distress.png) 0 0 no-repeat; width: 26px; height: 127px; display: block; position: absolute; top: 256px; left:-25px; z-index:100;}
#photoPull { position: absolute; display: block; width: 425px; height: 124px; top: 258px; left:-25px; z-index: 10;}
#photoPull a { float: left; margin: 0 10px 0 0; display: block;}

#newsPosts { margin-bottom: 40px;}

.flat { position: relative; z-index: 25;}

#henry { background:url(/images/pages/_global/henry.png) 0 0 no-repeat; width: 322px; height: 424px; display: block; position: absolute; left: 320px; top:0; z-index: 100;}
input#search { width: 275px; height: 26px; border: none; margin: 0 10px 0 0; padding: 2px 0 0 5px; }

.greyBox { background: #373535; padding: 9px;}


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

.post { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #000;}
.post p { font-style:italic;}
.headline { font-size: 1.25em; line-height: 1.25; margin-bottom: 0.5em; font-weight: bold; text-transform: uppercase; }
.subHeadline {
	display:block;
	font-size:1.4em;
	line-height:1em;
	margin:0px 0 10px;}
.post a img { border: 1px solid #831230; margin: 10px 0;}
img.float-left { margin: 0 1em 1em 0;}
img.float-right { margin: 0 0em 1em 1em;}
.pressListings { border-top:3px solid #a9bbbb; border-left: 3px solid #a9bbbb; border-right:3px solid #a9bbbb;}
.pressListings a.title { font-family: "Arial Narrow", Helvetica, sans-serif; margin: 0 0 1em 0; font-size:1.2em; display: block;}
.pressListings a.title:hover { color: #000;}
.pressPost { background: #cbdcdc; border-bottom: 3px solid #a9bbbb;}

a.month { font-size:1.25em; margin-top: 10px; display: block; }
ul.monthArchive { font-size: .9em; list-style-position:inside; padding: 10px 0; margin: 0 5px; border-bottom: 1px dotted #000;}

ul.monthArchive li a { color: #000;}
ul.monthArchive li a:hover { color: #b90d00;}
ul.monthArchive li { margin: 3px 0px; text-indent: 15px;}
ul.monthArchive li a span { margin: 0 8px;}

ul.photoArchive {
list-style:none;
list-style-image: none;
list-style-type: none;
margin: 10px; }

ul.photoArchive li a.active { color: #000; font-weight: bold;}
ul.photoArchive li { margin: 3px 0px; border-bottom: 1px solid #aaa;}
ul.photoArchive li a { font-weight: normal; padding: 4px 0px; display: block;}
ul.photoArchive li a span { margin: 0 8px; color: #000;}
ul.photoArchive li a:hover, ul.photoArchive li a:hover span  { color: #17182c;}
ul.photoArchive li.header { font-size:1.3em; color: #161928; font-weight: bold;}
ul.photoArchive li.header span { margin: 0 8px;}

a.kcrw { background: url(/images/pages/kcrw/henryOnKCRWButton.jpg) 0 0 no-repeat; width: 488px; height: 56px; display: block; margin: 10px auto; color: #000; line-height: 56px; font-size:1.5em; font-style: italic; text-align: center;}
a.kcrw:hover { background: url(/images/pages/kcrw/henryOnKCRWButton.jpg) 0 -56px no-repeat;}

.date { text-transform:uppercase; font-family: swis, sans-serif;}

.odd   { background-color: #000; }
.even   { background: #000 url(/images/css/bg/greyBorder.jpg) repeat; }

a.button, input.button, form.mtstyle input.mtstyle[type="submit"] {
		padding: 3px 12px;
		color: #fff;
		background-color: #001a33;
		border: none;
		cursor: pointer;
		font-weight: bold;
		font-family: "Arial Narrow", Helvetica, sans-serif;
		}
a.button:hover, input.button:hover { color: #fff; background: #000; text-decoration: none; }
a.smallButton { margin-left:10px;}
#header .search { width: 231px; border: 1px solid #265481;margin: 8px 0 0 8px;}
.search.archive { width: 340px; margin: 0 auto 10px;}
input#keywords {
	background:url("/images/pages/_global/search.png") no-repeat scroll 5px center #FFFFFF;
	border:1px solid #666666;
	line-height: 22px;
	height:22px;
	padding:0 0 0 25px;
	width:154px;}
	input#go { width: 50px; height: 24px;}
	div.search.archive input#keywords {
	background:url("/images/pages/_global/search.png") no-repeat scroll 5px center #FFFFFF;
	border:1px solid #666666;
	height:30px;
	padding:0 0 0 25px;
	width:204px;}
div.search.archive input.submit, input.searchSubmit {
	background:none;
	border:none;
	color:#17182A;
	font-size:1.4em;
	cursor: pointer;
	padding: 0;
	font-weight:bold;
	height:30px;
	line-height:30px;}
h2.archiveSidebar .blockrss { margin-right:120px;}
/* comments */
.comment { padding: .5em 0; border-bottom: 1px dotted #000; margin: 10px 0;}
.comment .info { font-size: 1.4em; margin: 0;}
.comment .info span { color: #8d8b8c;}
/* mailing list */
ul.header.tabs { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; }
ul.header.tabs li.hidden { display: none; width: 0; visibility: hidden;}

/* old mailing code styles
form.emailTxt { position: relative; height: 24px; margin: 3px 0 0; padding:0;}
form.emailTxt table { margin: 3px 0 0 18px; padding: 0; width: auto; height: 24px; }
form.emailTxt table td { padding: 0; margin: 0; border: none;}
form.emailTxt table tr { float:left; width: 100px; display: block; padding: 0; margin: 0; height: 24px; }

form.emailTxt input.emailTxt[type="text"] {
	border:2px solid #666666;
	line-height: 22px;
	height:22px;
	padding:0;
	 margin:0;
	width:140px;
	position: absolute; top:0px; left:65px;}
form.emailTxt input.emailTxt[type="submit"] {
	background-color:#001A33;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
width: 90px;
height: 26px;
 margin: 0;
font-size: .9em;
line-height: 26px;
text-align: center;
padding:0; position: absolute; right: 0; top:0px;} */


form.mtstyle table, td.mtstyle, tr.mtstyle, input.mtstyle, .mtstyle, select.mtstyle, form.mtstyle { background: #fff; color: #000;}
form.mtstyle table { width: 80%; margin: 5px auto;}
form.mtstyle table tr, form.mtstyle table td { border: none;}

form.mtstyle input, form.mtstyle select { border: 1px solid #666;}

.simple_overlay {
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;
	background-color:#fff;
	color: #000;

	width:450px;
	min-height:200px;
	border:5px solid #666;
	padding:20px;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

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