/* CSS Document */
@import "css/topNav.css";

body,html{
background-color:#1a1a1a;
color:#cacaca;
font-family:Trebuchet MS,Arial;
}
#doc3{
margin:0px;
}
.header{
background:url(images/bgHeader2.jpg) repeat-x top center;
height:132px;
}
.header h1{
display:none;
}
.aboveFold{
background:#353535 url(images/bgBody.jpg) repeat-y top center;
margin:0px;
}
.belowFold{
background:url(images/bgFooter.jpg) repeat-x top left;
margin:0px;
padding-top:45px;
}
table, td{
border:none;
padding:0px
}
td img {display: block;}

#custom-doc,#custom-docF {
margin:auto;text-align:left; /* leave unchanged */
width:66.92em;/* non-IE */
*width:65.31 !important;/* IE */
min-width:870px;/* optional but recommended */
}

.topNav .topNavBottom  {
background:transparent url(images/bgTopNavBottom.jpg) no-repeat bottom center;
height:19px;
}
.yui-u.mainColumn{
margin:auto;text-align:left; /* leave unchanged */
width:45em;/* non-IE */
*width:43.9155;/* IE */
min-width:585px;/* optional but recommended */
}
.yui-u.sideBar{
margin:auto;text-align:left; /* leave unchanged */
width:18.462em;/* non-IE */
*width:17.016 !important;/* IE */
min-width:240px;/* optional but recommended */
margin:0;
}

/**********************Common Elements****/
h2{
margin:0px 0px 5px 0px;
font-family:Georgia;
font-style:italic;
font-size:1.4em;
color:white;
}
h2 a, h3 a{
color:white;
}
h2 a:hover, h3 a:hover{
color:#048FE0;
}
h3{
color:#fff;
margin: 0 0 5px 0;
font-family:Georgia;
font-style:italic;
font-size:1.2em
}
.sideBar h3, h4{
font-family:Trebuchet MS,arial;
font-weight:bold;
letter-spacing:2px;
text-transform:uppercase;
font-size:10px;
font-style:normal;
color:#909090;
text-align:center;
}
h4{
text-align:left;
}

a{
color:#048FE0;
text-decoration:none;
}
.mainColumn .hr{
background:url(images/hrWide.jpg) no-repeat bottom center;
height:20px;
clear:both;
}
.belowFold .hr{
background:url(images/hrFooter.jpg) no-repeat bottom center;
height:20px;
clear:both;
margin:10px 0;
}

.clear{
clear:both;
display:block;
}
.debugCrumb{
background:#ffff88;
font-size:10px;
color:red;
text-align:center;
border:1px solid #222;
padding:3px;
margin:5px;
}

.jumpLink{
font-size:.9em;
text-align:right;
display:block;
}
blockquote{
border-left:5px solid #222;
color:#aeaeae;
padding-left:10px;
}

/*********************HOME: NEWS**********/
.newsHome{
margin-top:10px;
padding:0px 2px;
}
.newsHome .newest{
width:50% !important;
padding-right:5px;
line-height:1.3;
}
.newest .post{
font-size:.9em;
margin-bottom:10px;
}
.newest .meta{
font-size:.8em;
color:#888;
text-align:right;
}
.newsHome .recent{
width:49%;
padding:0;
margin:0;
background:url(images/vrBlackDot.gif) repeat-y top left;
}
.newsHome h3{
text-align:right;
}
.newsHome .recent ul{
margin:0;
padding-left:1px;
}
.newsHome .recent li{
list-style-type:none;
margin:0;
text-transform:uppercase;
font-size:.81em;
}
.newsHome .recent a{
display:block;
color:#999;
padding:5px 5px 5px 12px;
}
.newsHome .recent a:hover{
background:#3f3f3f;
}
.newsHome .recent a span{
float:right;
color: #fa960d;
font-size:.9em
}

/******************** NEWS PAGE*************/
.newsMain .newsPost{
margin:0 0 20px 0;
padding:10px;
}
.newsMain .hr{
margin-bottom:20px;
}
.newsPost h2{
border-bottom:1px dotted #4b4b4b;
padding-bottom:3px;
color:#048FE0;
}
.newsPost .meta{
font-size:.95em;
color:#888;
text-align:right;
float:right;
}
.newsPost .post{
clear:both;
padding-top:5px;
line-height:1.45em;
text-align:justify;
}


/*********************TOP NAV***************/

div#doc3 .topNav{
background:url(images/bgTopNav.jpg) repeat-y top center;
text-align:center;
text-transform:uppercase;
font-weight:bold;
letter-spacing:2px;
}
#pmenu > li, #pmenu > li.drop{
background: transparent url(images/topNavDivider.png) no-repeat center right;
padding-right:2px;
}
#pmenu > li.last{
background:transparent;
background-image:none;
}

/**********************Events************************/
.eventsList{
background:#000 url(images/bgCornerFold.png) no-repeat top left;
padding-bottom:1px;
margin:15px 0;
}
.eventsList h2.title span{
position:absolute;
top:-5000px;
left:-5000px;
}
.eventsList h2.title{
display:block;
height:25px;
width:300px;
background:url(images/headings/upcomingEvents.png) no-repeat bottom left;
margin:0px 0px 10px 45px;
}
.eventsList .fullLink{
float:right;
padding:6px 10px;
}
.eventPost{
background:#222;
margin:5px;
clear:both;
}
.eventPost .holderTable, .eventPost .holderTable td{
border:0px;
margin:0px;
}
.eventPost .holderTable{
width:100%;
margin:3px;
border:none;
}

.eventPost .holderTable td.infoCell{
margin:0;
}
.eventPost .topMeta{
border-bottom:1px dotted #4b4b4b;
margin:0 5px 0 0;
padding:0px 3px 3px 12px;
}
.eventPost .topMeta .type{
font-size:.85em;
}

.eventPost .topMeta .presents,
.eventPost .topMeta .presents a{
font-size:.85em;
color:#adadad;
}
.eventPost .topMeta .links{
float:right;
display:block;

}
.eventPost .topMeta .links img{
display:block;
float:left;

}

.eventPost .artists{
clear:both;
padding:0 0 0 12px;
margin:0;
}
.eventPost .artists h2{
margin:0;
font-size:125%;
}
.eventPost .artists h2.lone{
padding-top:8px;

}
.eventPost .artists h2 a:hover{
color:inherit;
}
.eventPost .artists .with{
font-size:.82em;
margin:1px 0 0 0 ;
font-family:Georgia;
font-style:italic;
}
.eventPost .artists .with span {
color:#048FE0;
}
/******DATE DISPLAY******/

.eventPost .dateCell{
font-family:'andale mono','lucida console','Bitstream Vera Sans Mono';
letter-spacing:2px;
font-size:.9em;
padding:0px;

}
.eventPost .dateCell a{
color:#000;
}
.eventPost .dateCell .month{
display:block;
background:#FEF500;
color:black;
text-align:center;
margin-bottom:3px;
text-transform:uppercase;
padding:2px;
}
.eventPost .dateCell .day{
display:block;
background:#fff;
text-align:center;
color:#000;
padding:3px 0 0 0;
}
.eventPost .dateCell .day b{
display:block;
font-weight:normal;
font-size:23px;
letter-spacing:normal;
line-height:.95em;
margin:0px;
padding-right:1px;
font-family:'monaco','lucida console','Bitstream Vera Sans Mono','andale mono';
}
.eventPost .dateCell .day i{
display:block;
font-style:normal;
text-decoration:none;
font-variant:small-caps;
margin-top:-3px;
}

/*****************Events Page***************/

.eventsMain .filters{
text-align:center;
color:#7d7d7d;
margin-bottom:20px;
text-transform:lowercase;
}
.eventsMain .filters a{
color:#fff;
display:inline-block;
}
.eventsMain .filters a.past{
color:#7d7d7d;
}
.eventsMain .filters a b{
color:#7d7d7d;
font-weight:normal;
font-style:normal;
font-size:.9em;
}
.eventsMain .filters .types{
font-family:Georgia;
font-style:italic;
padding-bottom:8px;
margin:0 0 8px 0;
border-bottom:1px dotted #222;
}
.eventsMain .filters .months{
font-size:.85em;
text-transform:uppercase;
letter-spacing:1px;
color:#048FE0;
line-height:1.5em;
}
.eventsMain .filters .months b{
color:#7d7d7d;
}

.eventsMain .filters a{
border-bottom:1px dotted transparent;
}
.eventsMain .filters a:hover{
border-bottom:1px dotted #7d7d7d;
}
.eventPost.main{
margin:0;
padding:0;
margin-bottom:10px;
}
.eventPost.main table{
margin:0px;
}
.eventPost.main .topMeta{
padding-top:3px;
}
.eventPost.main .artists{
border-bottom:1px dotted #4b4b4b;
padding-bottom:3px;
}
.eventPost.main .artists h2{
font-size:1.4em;
}
.eventPost.main .artists .with{
font-size:1.1em;
float:left;
}
.eventPost.main .times{
float:right;
text-transform:uppercase;
font-size:.8em;
padding-right:5px;
}
.eventPost.main .description{
clear:both;
padding:12px 5px 12px 12px;
margin:0;
font-size:.85em;
color:#adadad;
line-height:1.5em;
}
.eventPost.main .dateCell .month{
margin:2px 2px 3px 2px;
}
.eventPost.main .dateCell .day{
background:#222;
margin:0px 2px 2px 2px;
}
.eventPost.main .dateCell .day b,
.eventPost.main .dateCell .day i{
color:#fff;
}
.eventPost.main td.dateCell{
width:44px;
background:#353535 url(images/bgEventDate.jpg) repeat-y top right;
}
.eventPost.main td.dateCell .holder{
background:#353535 url(images/bgEventDateShim.jpg) no-repeat bottom right;
padding-bottom:13px;
}
.eventPost.main td.dateCell .holder2{
background:#616161 !important;
padding:1px;
}

.eventsMain .sorry{
display:block;
font-family:georgia;
text-align:center;
margin:30px;
}
.eventsMain .video{
text-align:center;
margin:20px 5px 20px 40px;
background:#222;
padding:30px 0;
}

/*************Event Type Colors ************/
/* Cat 1 (Concerts) */
.eventPost .topMeta .type.cat1 a,
.eventPost .topMeta .type.cat1,
.eventsMain .filters a.cat1{
color:#FEF500;
}

.eventPost .dateCell .month.cat1{
background:#FEF500;
}

/* Cat 2 (Community) */
.eventPost .topMeta .type.cat2 a,
.eventPost .topMeta .type.cat2,
.eventsMain .filters a.cat2{
color:#FF8000;
}

.eventPost .dateCell .month.cat2{
background:#FF8000;
}

/* Cat 3 (Fine Arts)*/
.eventPost .topMeta .type.cat3 a,
.eventPost .topMeta .type.cat3,
.eventsMain .filters a.cat3{
color:#FFA4CB;
}

.eventPost .dateCell .month.cat3{
background:#FFA4CB;
}

/* Cat 4 (Private)*/
.eventPost .topMeta .type.cat4 a,
.eventPost .topMeta .type.cat4,
.eventsMain .filters a.cat4{
color:#048FE0;
}

.eventPost .dateCell .month.cat4{
background:#048FE0;
}


/* Cat 5 (Cinema)*/
.eventPost .topMeta .type.cat5 a,
.eventPost .topMeta .type.cat5,
.eventsMain .filters a.cat5{
color:#A2C015;
}
.eventPost .dateCell .month.cat5{
background:#A2C015;
}

/* Cat 6 (Sports)*/
.eventPost .topMeta .type.cat6 a,
.eventPost .topMeta .type.cat6,
.eventsMain .filters a.cat6{
color:#f03615;
}
.eventPost .dateCell .month.cat6{
background:#f03615;
}

/* Cat 7 (dance)*/
.eventPost .topMeta .type.cat7 a,
.eventPost .topMeta .type.cat7,
.eventsMain .filters a.cat7{
color:#f03666;
}
.eventPost .dateCell .month.cat7{
background:#f03666;
}

/******************SIDEBAR MODULES *********/

/*******Email Signup******************/
table.emailSignup td{
padding:0px;
}
table.emailSignup td input{
font-family:Trebuchet MS;
background:#fff;
border:none;
width:143px;
height:17px;
margin:0px 12px;
font-size:12px;
text-align:left;
}

/***************** Side Box *************/
.sideBox{
width:234px;
margin:0 auto 2px auto;
background:url(images/bgSideBoxBottom.jpg) no-repeat bottom left;
}
.sideBox div.holder{
background:url(images/bgSideBoxTop.jpg) no-repeat top left;
padding:14px 10px 10px 6px;
}
.sideBox h3{
border-bottom:1px dotted #4c4c4c;
padding:0 0 10px 0;
}
.sideBox .content{
margin-top:5px;
font-size:.85em;
line-height:1.5;
}
.sideBox .content b, 
.sideBox .content strong{
font-family:Georgia;
font-size:95%;
}

/********** Featured Poster ************/
.featuredPoster{
width:240px;
padding:0;
margin:0 auto 10px auto;
text-align:center;
}

.featuredPoster h3{
margin:0;
}
.featuredPoster img{
margin-bottom:10px;
width:224px;
padding:10px 8px;
background:url(images/bgPosterShadow.jpg) no-repeat center center;
}

/******************* Side Feature (AD)*****/
.sideFeature{
text-align:center;
margin:10px auto 10px auto;
width:240px;
}

/**************************/
/*****************NAV Bottom*************/
.navBottom{
font-family:Georgia;
font-style:italic;
letter-spacing:.015em;
font-size:.9em;
}
.navBottom table td.vr{
background:url(images/vrNavBottom.jpg) no-repeat;
width:2px;
}
.navBottom ul, .navBottom li{
list-style-type:none;
text-align:center;
}
.navBottom li{
display:block;
margin:0px;
}
.navBottom li a{
display:block;
color:#8d8d8d;
text-transform:lowercase;
padding:4px 0;
border-bottom:1px solid #1a1a1a;
}
.navBottom li.main a{
font-size:1.2em;
color:#fff;
text-transform:none;
font-weight:bold;
padding-top:0px;
}
.navBottom li.active a{
color:#FF8000;
}
.navBottom li a:hover{
color:#048FE0;
border-bottom:1px solid #444;
}

/**************************Sponsors********/
.sponsors h4{
margin-bottom:5px;
} 
.sponsors table {
width:100%;
}
.sponsors table td.sponsor{
background:#202020;
text-align:center;

}
.sponsors table td.sponsor img{
text-align:center;
distplay:block;
margin:0 auto;
}
.sponsors table td.links{
background:#0f0f0f;
padding:10px;

}
.sponsors table td.links em{
display:block;
text-align:center;
color:#999;
font-family:georgia;
font-style:italic;
font-size:.86em;
font-weight:bold;
}
.sponsors table td.links span{
display:block;
text-align:center;
}
.sponsors table td.links span img{
display:inline;
margin:5px 5px;
}

/*****************PHOTOS *******************/
.gallery{
text-align:center;
}
.gallery h1{
text-align:left;
}
.gallery .thumb{
display:inline;
padding:3px;
}
.gallery .thumb a img{
padding:3px;
height:100px;
width:100px;
background:#252525;
}
.gallery .thumb a:hover img{
background:#555;
display:inline;
}
.gallery .thumb img{
display:inline;
}
.galleryCat{
float:left;
padding:10px;
margin:10px;
background:#222;
text-align:center;
width:244px;
border:1px solid #181818;

}
.galleryCat h2{
font-family:arial;
font-style:normal;
font-size:1.1em;
}


/*************EMAIL FORM*********/

.maildiv {

	margin: 0 auto 0 auto;
	text-align: left;
	
	font-size: 90%;

}
.maildiv form {
	text-align: left;
}
.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;
}

.maildiv .sidelbl {
	/* used for left side labels */
	width: 70px;
	text-align: right;
	padding: 5px 10px 0 0;
	vertical-align: top;
	position: relative;
    display: block; 
    float: left; 
	clear: left;
}

.maildiv .fmtext1 {

margin-bottom: 10px;
height:20px;
font-size: 140%;
color:#777777;
border:1px solid silver;
width:220px;
}
.maildiv select {
margin-bottom: 10px;
height:20px;
font-size: 120%;
color:#777777;
border:1px solid silver;
width:220px;
}
.maildiv textarea {
	margin-bottom: 10px;
border:1px solid silver;
width:410px;
}
.maildiv .fmtextV{

margin-bottom: 10px;
height:20px;
font-size: 140%;
color:#777777;
border:1px solid silver;
}

.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 110px;
	vertical-align:bottom;  
	 
}
.maildiv fieldset {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}

#fm_message{
clear:both;

}
.maildiv .fmsubmit {
	float: right;
margin-right:10px;
}
.maildiv .fmrequired {
	color: #FF0000;
	font-size: 90%; 
	float: right;
	margin-top: 3px;
	margin-left: 5px;
}


.maildiv .fminfofull {
padding: 0 10px 0 10px;
color: #005ABE;
margin-bottom: 15px;
font-size:1.3em;
color: #550099;
font-weight:bold;
display:none;
}


/***********End Email Contact Form****/

/******************FAQs ******************/
.listFaq{
margin:15px 0 15px 0;
}
.listFaq h1{
font-size:1.2em;
margin:0px;
border-bottom:1px dotted #4b4b4b;
}
.listFaq ul{
margin:8px;
}
.listFaq li{
list-style-type:none;
}
.listFaq li a{
padding:4px;
display:block;
}
.listFaq li a:hover{
background:#4b4b4b;
}

.fullFaq{
padding:10px;
background:#222;
margin:10px auto;
}
.faqItem{
padding:10px;
margin:10px auto;
clear:both;
}
.fullFaq .answer h1{
font-size:1em;
color:#048FE0;
border-bottom:1px solid #151515;
padding-bottom:3px;
}
.fullFaq h2{
font-size:1.2em;
padding-bottom:3px;
border-bottom:1px dotted #4b4b4b;
}
.fullFaq h3{
text-align:right;
color:#4b4b4b;
font-size:1.5em;
}
.fullFaq .jumpLink{
font-size:.9em;
text-align:right;
display:block;
}

/*************SITE SECTIONS/CONTENT BLOCKS*********/
.sectionContent{
margin-bottom:30px;
}
.contentBlock{
margin-bottom:20px;
}
.sectionContent h1{
border-bottom:1px dotted #4b4b4b;
font-family:Georgia;
font-style:italic;
color:#fff;
padding-bottom:3px;
}
.contentBlock .cont{
padding:0 10px;
}
.contentBlock .cont h1{
font-size:1.15em;
}

.contentBlock img.border{
border:10px solid #222;
}


/********************singnup Page************/
.tbmain td{
padding-bottom:10px;
}
.tbmain input{
border:1px solid;
}
.contentBlock.contactInfo{
font-size:15px;
font-family:helvetica;

}
.contactBlock input{
margin-bottom:10px;
}
.contactForm textarea.message{
width:320px;
}
.contactForm select{
	width:150px;
}
.contactForm .captcha{
margin-left:0;
border:3px solid #027DCB;
}
.contactForm input.error,
.contactForm textarea.error{
border:1px solid red;
}
.contactForm .errors{
margin:10px;
background:#222;
padding:10px;
border:1px solid maroon;
}
.contactForm .errors h3{
margin:0;
font-size:14px;
font-family:arial;
text-align:center;
}
.contactForm td.left{
}
.contactForm label{
	text-transform:uppercase;
	color:#EEEB06;
	font-weight:bold;
	font-size:12px;
}