/* Mills Entertainment: Main CSS  */
/* Shannon-Rose Design 2010 */

/* == Common Rules ============================ */
.clear { clear: both; }
div.clear { font-size: 0px; line-height: 0px; height: 0; visibility: hidden; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
strong { font-weight: bold; }
em { font-style: italic; }
.white { color: #fff; }
/* ============================================ */
body { font: normal 12px/16px Helvetica, Arial, sans-serif; color: #fff; background: #000 url(/imgs/bodyBkgd.jpg) repeat-x 0 0; }
/* Typography Styles */
a, a:visited { color: #009bdf; text-decoration: none; }
a:hover, a:active { color: #009bdf; text-decoration: underline; }
h1 { font-size: 26px; line-height: 32px; margin: 0; color: #009BDF; font-weight: normal; }
h2 { font-size: 18px; line-height: 22px; color: #009bdf; font-weight: bold; margin: 0 0 10px; }
h3 { font-size: 18px; line-height: 22px; color: #e4d575; margin: 0 0 10px; }
h3.widget-title { margin-bottom: 0; }
h4 { font-size: 14px; line-height: 20px; font-weight: bold; color: #e4d575; margin: 0 0 10px; }
h5 { font-size: 14px; line-height: 20px; font-weight: bold; color: #009bdf; margin: 0 0 10px; }
h6 { font-weight: bold; text-transform: uppercase; }
p { margin: 0 0 1em; }
ul { list-style-type: disc; margin: 0 0 15px 15px; }
ol { list-style-type: decimal; margin: 0 0 15px 15px; }
li { margin: 0 0 3px 15px; }

/* Masthead Styles */
#header-container { margin: 27px 0 -43px; position: relative; z-index: 999; }
#header { margin: 0 auto; width: 900px; height: 116px; background: transparent url(/imgs/mastheadBkgd.png) no-repeat 0 0; position: relative; }
img#logo { position: absolute; top: -15px; left: -18px; }

/* Navigation Styles */
#navigation { position: relative; right: 48px; top: 0; height: 31px; border-right: 1px solid #272925; }
#navigation ul { list-style-type: none; margin: 0; float: right; display: inline; }
#navigation li { border-left: 1px solid #272925; float: left; display: inline; font-weight: bold; line-height: 31px; margin: 0; }
#navigation a, #navigation a:visited { color: #fff; text-decoration: none; padding: 0 17px; float: left; display: block; line-height: 31px; background: #009bdf url(/imgs/navBkgd.png) repeat-x 0 0; }
#navigation a:hover, #navigation a:active, #navigation li.current_page_item a, 
#navigation li.current_page_item a:visited { color: #fff; text-decoration: none; background-color: #141414; background-position: 0 100%; }

/* Container Styles */
#container { margin: 0; position: relative; min-height: 500px; z-index: 500; background: transparent url(/imgs/contentBkgd.jpg) no-repeat 50% 100%; }

/* Content Styles */
#content { width: 900px; margin: 0 auto; min-height: 500px; background: #121212 url(/imgs/contentBkgd.jpg) no-repeat 50% 100%; position: relative; }
#contentWide { width: 820px; margin: 0 0 0 45px; padding: 0 0 23px; }

/* Interior Content Styles */
#interiorHeader { padding: 22px 0 14px; margin: 0 0 25px; width: 900px; }
.productionsInteriorHeader { margin-bottom: 0!important; }
#interiorHeader h1 { float: left; display: inline; width: 210px; margin: 21px 0 0 196px; }
#interiorHeader img { line-height: 37px; font-size: 33px; color: #e4d575; margin: 0; }

/* Productions Page Styles */
#productionsNav { width: 420px; margin: 0 43px 0 0; float: right; display: inline; background: transparent url(/imgs/productions/productionsSubNavBkgd.png) no-repeat 100% 0; }
#productionsNav p { font-size: 11px; color: #7e7e7e; float: left; display: inline; width: 125px; margin: 27px 0 0; }
#productionsNav ul { list-style-type: none; float: right; display: inline; margin: 0 29px 0 0; }
#productionsNav li { margin: 21px 2px 0 0; float: left; display: inline; line-height: 33px; height: 45px; font-size: 18px; color: #3e3f3f; }
#productionsNav li.productionsCurrent { width: 131px; }
#productionsNav li.productionsPast { width: 130px; }
#productionsNav li a, #productionsNav li a:visited { height: 33px; text-align: center; text-transform: uppercase; float: left; display: block; color: #3e3f3f; text-decoration: none; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }
#productionsNav li a:hover, #productionsNav li a:active { color: #009bdf; text-decoration: none; background-position: 0 100%; }
#productionsNav li.productionsCurrent a { background-image: url(/imgs/productions/navCurrent.png); width: 131px; }
#productionsNav li.productionsPast a { background-image: url(/imgs/productions/navPrevious.png); width: 130px; }
#productionsNav li a em { font-style: normal; display: none; }
#productionsNav li#selectedProductions { background: transparent url(/imgs/whiteDownArrow.png) no-repeat 50% 100%; }
#productionsNav li#selectedProductions a, #productionsNav li#selectedProductions a:visited { color: #009bdf; text-decoration: none; background-position: 0 100%; }
#productionsNav p.productionsNote { font-size: 14px; line-height: 18px; color: #00abe5; margin: 15px 11px 0 0; width: auto; float: right; font-weight: normal; }

.currentProductionsList a, .currentProductionsList a:visited { float: left; display: inline; width: 154px; height: 154px; text-decoration: none; background-color: #121212; margin: 0 10px 10px 0; }
.currentProductionsList a:hover, .currentProductionsList a:active { background-color: #009bdf; text-decoration: none; }
.currentProductionsList a img { width: 144px; height: 144px; border: 1px solid #464646; display: inline; margin: 4px 0 0 4px; }

.productionWrap { width: 146px; float: left; display: inline; margin: 0 14px 18px 4px; }
.productionWrap img { border: 1px solid #464646; margin: 0 0 12px; }
.productionWrap h4 { margin-bottom: 0; }

.productionVideo { margin: 0 0 13px; }

/* Productions Detail Styles */
#productionsHeader { width: 801px; margin: 0 0 27px 49px; padding: 44px 0 0; }
#productionsHeader p { margin: 0 auto 20px; width: 157px; height: 11px; text-align: center; font-size: 11px; line-height: 11px; }
#productionsHeader p a em { display: none; }
#productionsHeader p a, #productionsHeader p a:visited { margin: 0 0 0 4px; display: inline; float: left; color: #009bdf; text-decoration: none; background: transparent url(/imgs/productions/viewAllProductions.png) no-repeat 0 0; width: 153px; height: 11px; line-height: 11px; }
#productionsHeader p a:hover, #productionsHeader p a:active { color: #fff; text-decoration: none; background-position: 0 100%; }

a.productionsArrow, a.productionsArrow:visited { display: inline; float: left; width: 72px; height: 43px; color: #6a6a6a; font-weight: bold; text-transform: uppercase; line-height: 43px; background-color: #121212; background-image: url(/imgs/homeSlideshowArrows.png); background-repeat: no-repeat; }
a.productionsArrow:hover, a.productionsArrow:active { color: #009bdf; text-decoration: none; }
a#previousProduction, a#previousProduction:visited { padding-left: 53px; background-position: 0 -86px; }
a#previousProduction:hover, a#previousProduction:active { background-position: 0 -129px; }
a#nextProduction, a#nextProduction:visited { width: 43px; padding-right: 53px; background-position: 100% 0; text-align: right; }
a#nextProduction:hover, a#nextProduction:active { background-position: 100% -43px; }
#productionsTitle { float: left; display: inline; width: 580px; text-align: center; margin: 9px 0 0; }

.productionsLeft { width: 397px; margin: 0 0 15px 32px; text-align: center; }
.productionsLeft img { margin: 0 0 40px; border: 1px solid #4c4c4c; }
.productionsLeft h3 { margin: 0 8px; }
.productionsLeft p { margin: 0 8px 23px; font-size: 14px; line-height: 22px; }

.productionsRight { width: 320px; margin: 0 41px 15px 0; }

/* Generic Interior Page Styles */
#contentMain { float: left; display: inline; width: 501px; margin: 0 0 0 70px; padding: 0 0 23px; }
.contactMain a { margin-right: 15px; }
.contactMain strong { font-size: 14px; }

.sidebar { float: right; display: inline; width: 231px; margin: 0 70px 0 0; }
.sidebar img { margin: 0 0 15px; border: 1px solid #464646; }
.sidebar img.socialMediaIcon { margin: 0 0 5px; border: none; }
.slideshowButton { width: 231px; height: 55px; background: #121212 url(/imgs/about/slideshowCalloutBkgd.png) no-repeat 0 0; }
.slideshowButton a, .slideshowButton a:visited { color: #e2d374; padding: 12px 0 0 63px; width: 168px; height: 43px; float: left; display: block; text-decoration: none; }
.slideshowButton a:hover, .slideshowButton a:active { color: #fff; text-decoration: none; }
.slideshowImagesWrap { display: none; }
.widget { margin: 0 0 25px; }

/* Home Page Styles */
#homeSlideshowWrap { width: 587px; height: 572px; position: relative; }
.homeSlideshow { width: 587px; height: 572px; position: absolute; left: 0; top: 0; }
#homeSlideshowFront { z-index: 600; }
#homeSlideshowBack { z-index: 550; }
.slideshowArrow { width: 43px; height: 43px; position: absolute; z-index: 650; top: 410px; }
.slideshowArrow a, .slideshowArrow a:visited { text-decoration: none; width: 43px; height: 43px; display: block; background: transparent url(/imgs/homeSlideshowArrows.png) no-repeat 0 0; }
.slideshowArrow a:hover, .slideshowArrow a:active { text-decoration: none; }
.slideshowArrow a em { display: none; }
#slideshowArrowLeft { left: -23px; }
#slideshowArrowLeft a, #slideshowArrowLeft a:visited { background-position: 0 -86px; }
#slideshowArrowLeft a:hover, #slideshowArrowLeft a:active { background-position: 0 -129px; }
#slideshowArrowRight { right: -20px; }
#slideshowArrowRight a, #slideshowArrowRight a:visited { background-position: 0 0; }
#slideshowArrowRight a:hover, #slideshowArrowRight a:active { background-position: 0 -43px; }
.caPresent { height: 0; font-size: 1px; line-height: 1px; display: none; visibility: hidden; }
div#loadingGraphic { width: 40px; height: 40px; position: relative; z-index: 999; left: 275px; top: 275px; overflow: hidden; display: none; margin: 0 0 -40px; }
#loadingGraphic div { width: 40px; height: 480px; position: relative; background: transparent url(/imgs/fancy_progress.png) no-repeat 0 0; }

#homeSidebar { width: 313px; padding: 60px 0 0; text-align: center; }
img#tagline { width: 239px; height: 202px; margin: 0 auto; color: #e4d575; font-size: 26px; line-height: 30px; }
#homeSidebar h2 { margin: 41px 0 0; width: 100%; height: 119px; text-align: center; background: #121212 url(/imgs/homeThumbnailBkgd.jpg) no-repeat 0 6px; font-size: 18px; line-height: 22px; }
#homeSidebar h2 a em { display: none; }
#homeSidebar h2 a, #homeSidebar h2 a:visited { margin: 105px 0 0 53px; display: inline; float: left; color: #009bdf; text-decoration: none; background: transparent url(/imgs/viewAllProductions.png) no-repeat 0 0; width: 202px; height: 14px; line-height: 14px; }
#homeSidebar h2 a:hover, #homeSidebar h2 a:active { color: #fff; text-decoration: none; background-position: 0 100%; }

/* Footer Styles */
#footer-container { background: #000 url(/imgs/footerBkgd.jpg) no-repeat 50% 0; position: relative; z-index: 250; }

#footer { background: #000 url(/imgs/footerBkgd.jpg) no-repeat 50% 0; width: 900px; margin: 0 auto; text-align: center; }
#footer p { font-size: 11px; line-height: 14px; color: #3e3e3e; padding: 103px 0 50px; margin: 0; }
#footer p strong { font-weight: normal; }
#footer p span { padding: 0 5px; }