/*
Public Screen Stylesheet for Muncie Civic Theatre.

(1)  Global
(2)  Layout
(3)  Specific Typography
(4)  Navigation
(5)  Lists
(6)  Tables
(7)  News Module
(8)  Send Page Module
(9)  Forms
(10) Pagination



/* (1) Global ========================================*/

* {
    margin: 0;
    padding: 0;
}
body {
    font: 13px "Futura", "Century Gothic", Helvetica, Arial, sans-serif;
    text-align: left;
}
body#public {
    background: #000 url(graphics/images/background.jpg) repeat-x top center;
    color: #dddddd;
    font: 13px "Futura", "Century Gothic", Helvetica, Arial, sans-serif;
    text-align: left;
}
a img {
       border: 0 none;
}
.center {
    text-align: center;
}
.errorMessage {
    font-weight: bold;
    color:#f00;
}
.left {
    float: left;
    margin: 0 10px 10px 0;
}
.right {
    float: right;
    margin: 0 0 10px 10px;
}
div.left a {
    width: 100%; 
    background: #555;
    display: block;
    color: #fff;
    text-align: center;
    }
div.left a:hover {
    background: #666;
    text-decoration: none;
    }
.pdf {
 background: url(graphics/images/pdf.gif) no-repeat;
 line-height: 40px;
 display: block;
 padding: 0 0 0 50px;
}

hr {
    color: #e7e7e7;
    background-color: #e7e7e7;
    height: 1px;
    margin: 5px 0;
    border: none;
   }
.clear {clear: both;}


/* Start Self Clearing */

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

/* End Self Clearing */

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/graphics/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

/* (2) Layout ========================================*/

#outerWrap {
	width: 960px;
	margin: 0 auto;
    position: relative;
	}
#header {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 960px;
	height: 91px;
clear: both;
	}
.logo {
        position: absolute;
        z-index: 9999;
        height: 122px;
        width: 180px;
        left: -15px;
}
.historic {
	position: absolute;
	left: 560px;
	top: 144px;
        z-index: 9999;
	}
.side-element {
	position: absolute;
	left: 965px;
	top: 91px;
        z-index: 9999;
	}
#innerWrap {
	width: 960px;
	min-height:300px;
    height:auto !important;
    height:300px;
	float: left;
	padding: 0;
	}
#featureWrap {
    position: relative;
    float:left;
    z-index:-2;
    width:960px;
    height: 310px;
    margin:0;
    padding:0;
}
#featureImg {
    position: relative;
    float: left;
    z-index: -1;
    height: 310px;
    width: 747px;
    overflow: hidden;
}
#featureImg img {
    position: relative;
    float: left;
    z-index: 0;
    height: 290px;
    width: 727px;
    border: 10px solid #fff;
    }
#featureImgInterior {
    float: left;
    overflow: hidden;
    z-index: -1;
    position: relative;
}
#featureImgInterior img {
    width: 940px;
    height: 156px;
    border: 10px solid #fff;
    z-index: 0;
    position: relative;
    }
.gallery {
	margin: -19px 0 0 0;
	z-index: 9999;
	}
.events {
	background: #ceb1a4;
	width: 210px;
	padding: 5px 15px 15px 15px;
	margin: 30px 0 0 0;
        float: left;
	}
.events-default {
	background: #ceb1a4;
	width: 210px;
	padding: 5px 15px 15px 15px;
	margin: 10px 0 0 0;
        float: left;
	}
.events-default p.meta {
        margin-bottom: 10px;
        }
.events h1, .events-default h1 {
	color: #751f13;
	}
.events ul, .events-default ul {
	list-style-type: none;
	margin: 0 !important;
	padding: 0;
	}
.events ul li, .events-default ul li {
	border-bottom: 1px solid #e7d8d2;
	margin: 0 0 10px 0;
	font-weight: 100;
	}
.events a, .events-default a {
	color: #af2b15;
	font-weight: 100;
	}
.events p, .events-default p {
        margin: 0;
        color: #fff;
        }
.news ul {
	list-style-type: none;
	margin: 0 !important;
	padding: 0;
	}
.news ul li {
	border-bottom: 1px solid #474747;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-weight: 100;
	}
.middleCol .news {
        background: url(graphics/images/middle.png) 0 36px no-repeat;
        float: left;
        }
.leftCol .news {
	float: left;
	background: url(graphics/images/title-bg.png) 0 15px no-repeat;
	width: 210px;
	padding: 15px;
        }
.showing {
	width: 240px;
	float: left;
	background: url(graphics/images/showing.jpg) top left no-repeat;
	}	
.showing h1 {
	margin: 48px 0 15px 45px;
	}
.testimonials {
	float: left;
	background: url(graphics/images/title-bg.gif) 0 15px no-repeat;
	width: 210px;
	padding: 15px;
	}
.testimonials .name {
	float: right;
	color: #ceb1a4;
	font-size: 14px;
	text-transform: uppercase;
	}
.networks {
	background: #2b2b2b;
	padding: 20px;
	float: left;
	width: 200px;
	}
.networks a {
	width: 50%;
	display: block;
	float: left;
	padding: 5% 25%;
	margin: 0 0 15px 0;
	}
.facebook {
	background: url(graphics/images/ico-facebook.png) scroll 0% 0% no-repeat;
	}
.twitter {
	background: url(graphics/images/ico-twitter.png) no-repeat;
	}
	
	
	
	
.module {
	background: #000 url(graphics/images/module-bg.jpg) no-repeat;
	padding: 0 10px 10px 10px;
	margin: 10px;
	font-size: 12px;
	line-height: 18px;
	border: 1px solid #586367;
	color: #fff;
	}
.module h2 {
	margin: 12px 0 20px 0;
	color: #fff;
	font-weight: normal;
	float: left;
	width: 100%;
	line-height: normal;
        font-size: 25px;
	}
.module h3 {
	font-size: 12px;
	line-height: normal;
	}
.module p {
	margin: 0;
	line-height: 22px;
	}
.module p.meta {
	color: #bbbbbb;
	}
p.meta {
	color: #DFBF67;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	}
.events-default p.meta, .events p.meta {
        color: #fff;
        }
.news p.meta {
	margin: 0 0 10px 0;
	}
.module ul {
    margin: 0 !important;
    list-style: none;
}
.module ul li, .newsList li, .eventList li {
	border-bottom: 1px solid #504a48;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	}
.module ul li .last {
        border: none;
}
#footerWrap {
	background: url(graphics/images/footer.gif) top center no-repeat;
	height: 123px;
	width: 100%;
	margin: 50px 0 0 0;
	}
.footer {
    width: 960px;
	margin: 0 auto;
}
.logos {
	float: right;
	margin: 50px 0 0 0;
	}
.logos a:hover {
 opacity: 0.5;
}



.leftCol {
    float: left;
    width: 240px;
	margin: 0;
	}
.middleCol {
	float: left;
	width: 450px;
	margin: 0;
	padding: 0 15px;
	}
.middleCol div.content {
	background: url(graphics/images/middle.png) 0 36px no-repeat;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	}
.middleCol h1 {
	margin: 48px 0 25px 65px;
	}
.default-middleCol {
	float: left;
	width: 450px;
	margin: 0;
	padding: 0 15px;
	}
.default-middleCol div.content {
	background: url(graphics/images/middle.png) 0 15px no-repeat;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	}
.default-middleCol h1 {
	margin: 27px 0 25px 65px;
	}
.default-middleCol .newsWrapper h1 {
	margin: 27px 0 25px 0;
	}
.rightCol {
    float: right;
    width: 240px;
	margin:0;
	}
.rightCol img {
    float: left;
    }
.productions {
    background: #333;
    float: left;
    margin: 5px 0 15px 0;
    border-bottom: 2px solid #555;
    padding: 3%;
    width: 93%;
    }
.eventTickets input {
    clear: both;
}    

/* (3) Specific Typography ========================================*/

p {
    font: 13px "Futura", "Century Gothic", Helvetica, Arial, sans-serif;
    margin-bottom: 18px;
	}
.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
	}
h1 {
	font-size: 18px;
	font-weight: 100;
	margin: 12px 0 22px 0;
	color: #fff;
	text-transform: uppercase;
	}
h2, .heading {
	font-size: 16px;
	font-weight: bold;
	margin: 12px 0 22px 0;
	}
h3, .sub-heading {
	font-size: 14px;
	font-weight: bold;
	}
sup {
    font-size: 9px;
	}




/* (4) Navigation ========================================*/

a {
    color: #00baff;
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
}

#mainNav li ul, #footerNav li ul {
display:none !important;
}
#mainNav li, #footerNav li {
margin:0;
}
#welcome a, #modules a, .module a {
	font-weight: bold;
	}
#footer a {
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#mainNav {
    float: left;
    height: 41px;
    overflow: hidden;
	margin: 50px 0 0 184px;
}
#mainNav ul {
    margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
#mainNav li {
    display: block;
    float: left;
}
#mainNav li a {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 41px;
    padding: 0 11px 0 12px;
    text-decoration: none;
    margin-right: 1px;
	text-transform: uppercase;
	text-shadow: 1px 1px #000;
	z-index: 9999;
	font-weight: 100;
}
#mainNav li a.first {
	border-left: none;
	}
#mainNav li a:hover, #mainNav li a.current {
    background: url(graphics/images/title-bg.png) top center;
	color: #fff;
    text-decoration: none;
}

.subNav h1{
        margin: 25px 0 7px 15px;
        }

.subNav {
	list-style-type: none;
	margin: 0;
	padding: 0;
        float: left;
        width: 240px;
	float: left;
	background: url(graphics/images/title-bg.png) 0 15px no-repeat;
	}
.subNav li {
	padding: 0;
	margin: 0;
        float: left;
        width: 240px;
        height: 34px;
	}
.subNav li a {
	display: block;
        float: left;
	margin-bottom: 1px;
	line-height: 33px;
	padding: 0 15px;
        background: #8d90a5;
        width: 210px;
        color: #fff;
	}
.subNav li a:hover, .subNav li a.current {
	text-decoration: none;
	background: #555663;
	}
#footerNav ul {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 12px;
	text-transform: uppercase;
	}
#footerNav {
    font-size: 12px;
    color: #c0c5c9;
    font-size: 11px;
    text-align: left;
	float: left;
	margin: 40px 0 0 0;
}

#footerNav li {
    display: inline;
}
#footerNav li a {
    padding: 0 15px 0 0;
    text-decoration: none;
	color: #fff;
	font-size: 12px;
}
#footerNav a {
	color: #fff;
	}
#footerNav li a:hover {
    text-decoration: underline;
}
.credit {
    margin: 0 0 0 10px;
}
.credit a {
	position: absolute;
	margin: -1px 0 0 8px;
	}



/* (5) Lists ========================================*/

ol, ul {
    margin-left: 3em;
}
ul {
    margin: 0 0 18px 24px;
}
ul li {
    list-style-position: outside;
    margin-bottom: 15px;
}
#tinymce ul li {
    list-style-position: outside;
    margin-bottom: 15px;
    font: 13px "Futura", "Century Gothic", Helvetica, Arial, sans-serif;
}


/* (6) Tables ========================================*/

table {
    width: 100%;
}
th {
    background: #dfdfdf;
    color: #222;
    font-size: 14px;
    font-weight: 500;
}
.rightCol td {
    padding: 5px;
} 



/* (7) News Module ========================================*/



.newsList, .eventList {
    margin: 0 !important;
    list-style: none;
}
.newsList li {
    margin: 0 0 11px 0;
}
li.newsSpacer {
    border-top: 1px solid #e0d9c0;
    margin-top: 18px;
}
.newsList h2 {
    font-weight: normal;
    line-height: 12px;
    margin-bottom: 0;
}
.newsList h2 a {
    font-size: 12px;
    font-weight: bold;
}
.newsList h2 a:hover {
}
.newsList p, .eventList p {
    margin-bottom: 10px;
}
.newsSubHeadline {
    font-weight: 700;
}
.newsLister form {
    padding: 0;
}
.meta {
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 18px;
	color: #808080;
}
.newsListMoreLink {
    margin-left: 8px;
}
.newsBlurb {
    margin-top: 8px;
}
a.moreNews {
    float: left;
    font-size: 11px;
    margin: -5px 0 30px 0;
    text-decoration: none;
}
a:hover.moreNews {
    text-decoration: underline;
}
.newsDetailWrapper h1 {
    margin-bottom: 0;
}
#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; clip:rect(0px 175px 145px 0px); height:145px; }



/* (8) Send Page Module ========================================*/

.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }

.sendpageBody {
    background-color: #fff;
    color: #444;
    font: 12px helvetica, arial, sans-serif;
    text-align: center;
}
.sendpageFormText {
    text-align: left;
}
.sendpageFormTextRequired {
    text-align: right;
    padding-right: 10px;
}
.sendpageHeader {
    color: #ddd;
    font-weight: bold;
    font-size:12px;
}
.sendpageBody input[type="text"] {
    border: 0 none;
    font-size:12px;
    padding: 3px;
    margin-bottom: 2px;
    width: 120px;
}
.sendpageBody textarea {
    border: 0 none;
    height: 50px;
    width: 100%;
}



/* (9) Forms ========================================*/

form div.formtext, form div.formtextRequired {
    clear: both;
    float: left;
    margin: 0;
    text-align: right;
    width: 11em;
}
.formtextRequired, .formTextRequired {
    font-weight: bold;
}
textarea {
    width: 100%;
}
input[type=submit] {margin-bottom: 20px;}

span input {
    display: inline;
}



/* (10) Pagination ========================================*/

.pagination {
    clear: both;
    display: block;
}
.pagination a, .pagination a:link, .pagination a:visited {
    text-decoration: none;
}
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow {
    border: solid 1px #ccc;
    margin: 0;
    padding: 4px 6px;
    font-size: 11px;
    margin-right: 2px;
    display: inline;
    display: inline-block;
}
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover {
    border: solid 1px #555;
    color: #555;
}
.pagination .prevnextCurrent {
    background: #ccc;
    color: #000;
    font-weight: bold;
    padding: 4px 6px;
}
.pagination a.prevnextLink {
    border: 1px solid #ccc;
    padding: 4px 6px 4px;
    margin-right: 2px;
    font-size: 11px;
    display: block;
}


	.lightbox ul { list-style: none; }
	.lightbox ul li { display: inline; }
	.lightbox ul img {
		border: 5px solid #dddddd;
		border-width: 5px 5px 20px;
                margin: 0 20px 20px 0;
	}
	.lightbox ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	.lightbox ul a:hover { color: #fff; }


/* ---------------Freedom Stylesheet--------------- */

READ THIS FIRST

Freedom Ecosystem sharing allows for styles to be
attached to modules as they are shared. This is done
by open/close comment tags for of each module blocks.
Retain the comment blocks if you want your styles to
be included if/when the module is shared over the
Ecosystem.

/* End Comments */


/* ---------------General Module Styles--------------- */
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */


/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */

/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */

/* ModuleBegin::news */
.newsWrapper { }
.newsWrapper .newsList { margin: 0; list-style: none; }
.newsWrapper .newsList li { margin: 0 0 18px 0; }
.newsWrapper .meta { color: #777; font-size: smaller; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
/* ModuleEnd::news */



/* ModuleBegin::events */
/* ---------------
Events Lister
----------------- */
.eventsWrapper { }
.eventsWrapper .eventList { margin: 0; list-style: none; }
.eventsWrapper .eventList li { margin: 0 0 18px 0; }
.eventDate { color: #777; font-size: smaller; }
.eventTime { color: #777; font-size: smaller; }
.eventsWrapper .eventList li h2 { color: #333; }
.eventsWrapper .eventList li h3 { color: #000; }
.eventBlurb { }


/* ---------------
Events Detail
----------------- */
.eventLocation, .eventRSVP, .eventTicketWrapper { }
.eventRSVP {margin-top: 25px;}
.eventLocation { margin-bottom: 20px;}
.eventLocationMap {  }
.eventLocationAddress { }
.eventLocationDriving { } 
.eventContact {  }
.eventPhone { }
.eventEmail { }
.eventRSVP { margin-bottom: 20px;}
.eventTicketWrapper { }
.eventTicket { }
.eventBody {}
/* ModuleEnd::events */

/* ---------------Freedom Stylesheet--------------- */

READ THIS FIRST

Freedom Ecosystem sharing allows for styles to be
attached to modules as they are shared. This is done
by open/close comment tags for of each module blocks.
Retain the comment blocks if you want your styles to
be included if/when the module is shared over the
Ecosystem.

/* End Comments */


/* ---------------General Module Styles--------------- */
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */



/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */

/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */

/* ModuleBegin::news */
.newsWrapper { }
.newsWrapper .newsList { margin: 0; list-style: none; }
.newsWrapper .newsList li { margin: 0 0 18px 0; }
.newsWrapper .meta { color: #777; font-size: smaller; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
/* ModuleEnd::news */



/* ModuleBegin::events */
/* ---------------
Events Lister
----------------- */
.eventsWrapper { }
.eventsWrapper .eventList { margin: 0; list-style: none; }
.eventsWrapper .eventList li { margin: 0 0 18px 0; }
.eventDate { color: #777; font-size: smaller; }
.eventTime { color: #777; font-size: smaller; }
.eventsWrapper .eventList li h2 { color: #333; }
.eventsWrapper .eventList li h3 { color: #000; }
.eventBlurb { }


/* ---------------
Events Detail
----------------- */
.eventLocation, .eventRSVP, .eventTicketWrapper { }
.eventLocation { }
.eventLocationMap {  }
.eventLocationAddress {  }
.eventLocationDriving {  } 
.eventContact {  }
.eventPhone {  }
.eventEmail {  }
.eventRSVP {  }
.eventTicketWrapper { }
.eventTicket {  }
.eventBody { }
/* ModuleEnd::events */


/* ---------------Freedom Stylesheet--------------- */

READ THIS FIRST

Freedom Ecosystem sharing allows for styles to be
attached to modules as they are shared. This is done
by open/close comment tags for of each module blocks.
Retain the comment blocks if you want your styles to
be included if/when the module is shared over the
Ecosystem.

/* End Comments */

/* ---------------General Module Styles--------------- */
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */


/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */

/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */

/* ModuleBegin::news */
.newsWrapper { }
.newsWrapper .newsList { margin: 0; list-style: none; }
.newsWrapper .newsList li { margin: 0 0 18px 0; }
.newsWrapper .meta { color: #777; font-size: smaller; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
/* ModuleEnd::news */



/* ModuleBegin::events */
/* ---------------
Events Lister
----------------- */
.eventsWrapper { }
.eventsWrapper .eventList { margin: 0; list-style: none; }
.eventsWrapper .eventList li { margin: 0 0 18px 0; }
.eventDate { color: #777; font-size: smaller; }
.eventTime { color: #777; font-size: smaller; }
.eventsWrapper .eventList li h2 { color: #333; }
.eventsWrapper .eventList li h3 { color: #000; }
.eventBlurb { }


/* ---------------
Events Detail
----------------- */
.eventLocation, .eventRSVP, .eventTicketWrapper { }
.eventLocation { }
.eventLocationMap {  }
.eventLocationAddress {  }
.eventLocationDriving {  } 
.eventContact {  }
.eventPhone {  }
.eventEmail {  }
.eventRSVP {  }
.eventTicketWrapper { }
.eventTicket {  }
.eventBody { }
/* ModuleEnd::events */

#recaptcha_widget_div {background: #fff;}
#empowered {display: none;}
iframe {color: #fff; background: #000;}
#mainbody {background: #000;}