/* @override http://www.abqtheatre.org/index.php/includes/screen/ */

body {
	background: #000;
	color: #000;
	font: 12px "Trebuchet MS", Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin: 0px;
}

a:link		{ 
 color: #590c0c;
 text-decoration: none;


 }
a:visited	{ 
 color: #590c0c;
 text-decoration: none;

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

img {border:none;}
.invisible, hr {
	display: none;
}

.clear {
	font-size: 0;
	line-height: 0.0;
	height: 0;
	clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.innertube{
margin: 10px; 
margin-top: 0;
}

#maincontainer{
width: 1000px;
	background: url(/images/content-bg.jpg) repeat-y;
	float:left;
}

#topsection{
height: 196px;
border-bottom: 2px solid #58513f;
}

#topsection img{
	float: left;
}

#contentwrapper{
float: left;
width: 100%;

}

#contentcolumn{
margin-left: 297px;
font: 18px rotisemisans, "myriad pro", Verdana, Arial, Helvetica, Geneva, sans-serif;
}
#contentcolumn .innertube{
	padding-top: 15px;
	margin: 20px; 
margin-top: 0;
font: 18px rotisemisans, "myriad pro", Verdana, Arial, Helvetica, Geneva, sans-serif;
}
body#home #contentcolumn .section{
	margin: 0 0 25px;
	font-size: 16px;
	line-height: 20px;
font: 12px  Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}
body#home #contentcolumn .section-alt{
	margin: 0 0 25px;
	font-size: 16px;
	line-height: 20px;
font: 12px  Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
background-color:#dcbf7d;
}
body#home #contentcolumn a.section,body#home #contentcolumn a.section-alt {
 color: #590c0c;
	display: block;
	padding: 5px;
}
body#home #contentcolumn a:hover.section{
	background-color: #fcf0d3;
	text-decoration: none;
}
body#performances #contentcolumn .divider .section, body#performances2 #contentcolumn .divider .section{
	margin: 0 0 15px;
	font-size: 16px;
	line-height: 20px;
font: 12px  Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}
body#performances #contentcolumn .divider-alt .section, body#performances2 #contentcolumn .divider-alt .section{
	margin: 0 0 15px;
	font-size: 16px;
	line-height: 20px;
	padding-bottom:5px;
font: 12px  Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
background-color:#dcbf7d;
}
body#performances #contentcolumn .divider a.section ,body#performances #contentcolumn .divider-alt a.section, body#performances2 #contentcolumn .divider a.section ,body#performances2 #contentcolumn .divider-alt a.section{
 color: #590c0c;
	display: block;
	padding: 5px;
}
body#performances #contentcolumn  a.section:hover, body#performances2 #contentcolumn  a.section:hover{
	background-color: #fcf0d3;
	text-decoration: none;
}

.divider{
width:683px;
padding-left:20px;
padding-top: 5px;
padding-bottom:5px;
}
 .divider-alt {
width:683px;
background-color:#dcbf7d;
padding-left:20px;
padding-bottom:5px;
padding-top: 5px;
}
#contentcolumn a.section span.desc {
	color: #44403a;

}
#contentcolumn a.section span.header{
 color: #590c0c;
/*  	text-transform: uppercase; */
 	font-size:16px;
 	font-weight:bold;

	
}
#contentcolumn .newsletter{
background-color: #d6b973;
	padding: 15px;
	color: #6e2923;
	font-size: 16px;
	border-top: 2px solid #585140;
	border-bottom: 2px solid #585140;
}
#contentcolumn .newsletter input{
	padding: 5px;
}
#contentcolumn img.heading{
	margin-bottom: 20px;
}
.caps {text-transform:uppercase;}
#summary-box {
border-top:1px solid #646464;
border-bottom:1px solid #646464;
margin-top:5px;
margin-bottom:5px;
width:100%;
}
#callBox {
border:1px solid #b7b1a1;
background-color:#f5e6c5;
text-align:center;
color:#909092;
padding: 10px 0;
font-size:14pt;
}
#callBox a{color:#909092;}
#callBox a.on{
 color: #590c0c;
}

#leftcolumn{
float: left;
width: 297px; 
margin-left: -1000px;

	color: #fff;
}
#leftcolumn .performances-thumb a, #leftcolumn .performances-thumb a:visited{
	width: 295px;
	height: 120px;
	background: url(/images/performances-thumb.jpg) no-repeat;
	display: block;
}
#leftcolumn .performances-thumb a:hover{
	background: url(/images/performances-thumb-roll.jpg) no-repeat;	
}
#leftcolumn .widget-events{
	border: 4px solid #fff;
	color: #fff;
	font-size: 18px;
		background: #000 url(/images/events-bg-top.jpg) no-repeat left top;
	line-height: 26px;
	padding-top: 30px;
	margin-right: 2px;
}
.navigation{
		background: url(/images/nav-bg-btm.jpg) repeat-y left top;
}
.navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 296px; /* Width of Menu Items */
	background: url(/images/nav-bg.jpg) no-repeat left top;
	font: 22px Geneva, sans-serif, "Helvetica Neue", Arial, Helvetica;
}

.navigation  ul li {
	position: relative;
	}
	
.navigation  li ul {
	position: absolute;
	left: 295px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	font-size: 18px;
}

.navigation  ul#nav li a {
	display: block;
	text-decoration: none !important;
	color: #fff !important;
	padding: 5px 5px 5px 50px !important;
	border-bottom: 1px solid #585140;
	height: 30px !important;
}

/* Fix IE. Hide from IE Mac \*/
* html .navigation  ul li { float: left; height: 1%; }
* html .navigation ul li a { height: 1%; }
/* End */

.navigation  ul li a:hover { 
color: #fff; 
background: #af862b;
 } 
		
.navigation li ul li a, .navigation li ul li a:visited { padding: 5px 5px 5px 30px;
	height: 30px;
	background-color: #370000;
	text-decoration: none;
	color: #fff;
} 
.navigation li ul li a:hover{
	background-color: #651e1e;
}		
.navigation li:hover ul, li.over ul { display: block; }

#leftcolumn div.brochure {
	background: url(/images/brochure-bg.jpg) no-repeat left top;
	height: 661px;
}

#leftcolumn div.brochure img{
	margin-top: 40px;
	margin-left: 20px;
}
#leftcolumn div.brochure a, #leftcolumn div.brochure a:visited{
	color: #fff;
	display: block;
	font-size: 16px;
	margin-left: 10px;
}
#leftcolumn div.brochure a:hover{
	text-decoration: underline;
	color: #fff;
}
#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
border-top: 5px solid #ad862b;
}
#footer p.copyright{
	font-size: 13px;
	line-height: 18px;
}
#footer .innertube{
	padding: 25px;
	font-size: 16px;
	line-height: 22px;
}
#footer a, #footer a:visited{
color: #fff;
	text-decoration: none;
}
.line{
width:360px;
height:40px;
text-align:left;
 color: #590c0c;
 padding-left:130px;
}

#profilePic{
width:665px;
clear:both;
margin:1em 0;
}
#profilePic img{margin:auto;}
#memberInfoBox{
border:1px solid #b7b1a1;
background-color:#f5e6c5;
width:100%;
clear:both;

}
#memberInfoBox h1{
margin:7px;
color:#000;
font-size:30px;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}
#memberInfoBox div.line{
border-top:1px solid #b7b1a1;
width:100%;
font-size:14px;
clear:both;
padding-left:0px;
height:25px;
}
#memberInfoBox div.line div.label{
width:150px;
background-color:#CeBe9D;
padding:4px 6px;
font-size:14px;
float:left;
margin-right:6px;
color:#43392F;
}
#memberInfoBox div.line span.field {
margin:4px 0;
color:#000;
}

h3 {
color: #590c0c;
}
.line input{
width:180px;
border:1px solid #b7b1a1;
float:right;
}
#fade-contain{
position:relative;
width:703px;
height:366px;
}
.fade-box {
				margin: 0px;
				position: absolute;
				top: 0;
				left:0;
				width: 703px;
				height: 366px;	
background:no-repeat; /*edit 3-28-2011 - tristan - making things manageable from index.php*/
			}
#box-1 {
background:url(/images/home/home-1.jpg) no-repeat;}
#box-2 {background:url(/images/home/home-2.jpg) no-repeat;}
#box-3 {background:url(/images/home/home-3.jpg) no-repeat;}
/*
#box-4 {background:url(/images/home/home-4.jpg) no-repeat;}
#box-5 {background:url(/images/home/home-5.jpg) no-repeat;}
*/


.navigation  li ul.nav-wide{
	width: 400px;
}

.header-links{
width: 650px;
z-index: 900;
color: #ffe096;
top: 10px;
left: 310px;
float: right;
position: absolute;
	text-align: right;
}

.header-links a{
color: #ffe096;
text-decoration: underline;

}
.col2{
width: 310px;
float: left;
}
.col1{
width: 310px;
float: left;
padding-right: 40px;
	
}
body#home #leftcolumn .brochure{
	height: 400px;
}
.col1 span.date, .col2 span.date{
	color: #7b6533;
	display: block;
	margin-top: 5px;
	margin-bottom: 3px;
}
.col1 img.heading, .col2 img.heading{
	margin-bottom: 5px !Important;
}
.col1 p.note, .col2 p.note{
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 13px;
	color: #444;
}
.share-btn {
	font-size: 14px;
	padding-left: 18px;
	margin-top: 20px;
}<!---->

li.performances-btn {
border-right: 1px solid #805501;
	background: url(/images/perf-btn-bg.jpg) left bottom;
}


.navigation #nav li.performances-btn a {
	padding: 15px 5px 15px 50px !important;
}

.membership-card {
width: 300px;
height: 200px;
padding: 8px;
border: 1px dashed #7c7679;
}

.membership-card .info{
position: absolute;
z-index: 100;
color: #fff;
width: 300px;

}
.membership-card span{
	display: block;
}
.membership-card .year, .membership-card .date{
margin-left: 130px;
	font-size: 13px;
	margin-bottom: 5px;
}
.membership-card .year{
	margin-top: 80px;
}
.membership-card .name{
	margin-top: 22px;
	text-align: center;
	padding: 0 5px;
	overflow: hidden;
	height: 25px;
}<!---->