/********************************************************************************************

Theme Name: Savannah Theatre
Theme URI: http://www.savannahtheatre.com/
Description: Do you really need a description? Didn't think so.
Version: 1.0.0
Author: 1M Studios
Author URI: http://1Mstudios.com
License: Copyright Savannah Theatre Project, LLC

*********************************************************************************************/

/* Resets
*********************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body { line-height: 1 }

ol, ul { list-style: none }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* { outline: 0; }

/* Hide Mobile
*********************************************************************************************/

#mobile-logo,
#historic-theatre.mobile,
.menu-main-navigation-container .selector,
#mobile-history-text {
display: none;	
}

.slicknav_menu {
	display:none;
}

/* Setup Sticky Footer
*********************************************************************************************/

html, body { height: 100%; }

#wrap { min-height: 100%; position: relative; }

#main {
position: relative;
overflow:auto;
padding-bottom: 630px;
}  /* must be same height as the footer + padding*/

footer {
position: relative;
z-index: 20;
margin-top: -630px; /* negative value of footer height + padding */
height: 630px;
padding: 20px 0;
clear:both;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/* Setup
*********************************************************************************************/

body {
background: #333;
font-family: Helvetica, Arial, Sans-Serif;
}

a {
color: #cc3333;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p {
font-size: 14px;
line-height: 18px;
margin-bottom: 10px;
}

.clear {
clear: both;	
}

.row {
/*border-top: solid 1px #cc0000;
border-bottom: solid 1px #cc0000;*/
padding: 20px 0;
width: 100%;
position: relative;
}

.row.paper {
background: #e4e1da url(images/paper-bg.jpg) 0 0 repeat;
color: #333;
}

.shadow-top {
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 9px;
background: url(images/shadow-top.png) 0 0 repeat;
}

.shadow-top.relative {
position: relative;
}

header {
position: relative;
height: 246px;
background-color: #826c56;
background-image: url(images/header/header-bg.jpg);
background-position: top center;
background-repeat: repeat-x;
}

#header-top {
margin: 0 auto;
height: 160px;
max-width: 880px;
position: relative;
text-align: center;
}

footer {
background: url(images/footer/footer-bg.png) 0 0 repeat-x;
}

#footer-inner {
max-width: 880px;
border: dashed 0px #fff;
margin: 0 auto;
text-align: center;
}

#single-page {
max-width: 880px;
margin: 20px auto 0;
border: dashed 0px #fff;
}

/* Top Button
*********************************************************************************************/

#toTop {
    background: url(images/to-top.png) 0 0 no-repeat;
    bottom: 20px;
    cursor: pointer;
    display: none;
    height: 50px;
    position: fixed;
    right: 20px;
    text-indent: -99999px;
    width: 50px;
    z-index: 999;
}

/* Sitewide Rules
*********************************************************************************************/

h1.page-title {
text-align: center;
font-family: 'Arial Narrow', Arial, sans-serif;
margin: 0 auto 15px;
font-size: 24px;
line-height: 28px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
border: 4px double #FFFFFF;
background: #333;
display: inline-block;
padding: 7px 15px;
}

strong {
font-weight: 800;	
}

h1.page-title.blog {
font-size: 32px;	
line-height: 1.1;
padding: 0;
border: 0;
background: transparent;
color: #333;
}

/* Fancy Box 
*********************************************************************************************/

#fancybox-outer {
background: #e4e1da url(images/paper-bg.jpg) 0 0 repeat !important;
}

#fancybox-content #single-page.cast {
width: auto;
margin: 10px;
}

/* Main Navigation
*********************************************************************************************/

.menu-main-navigation-container {
position: relative;
z-index: 20;
height: 86px;
background: #826c56 url(images/header/header-bg.jpg) top center repeat-x;
}

#menu-shadow {
width: 100%;
height: 20px;
background: url(images/header/menu-shadow.png) top center repeat-x;
position: absolute;
bottom: 73px;	
z-index: 10;
}

ul#menu-main-navigation {
margin: 0 auto;
height: 90px;
padding: 23px 0;
max-width: 898px;	
text-align: center;
background: url(images/header/nav-bg.png) center center no-repeat;
}

ul#menu-main-navigation li {
display: inline-block;
margin: 0 10px;
}

ul#menu-main-navigation li a {
font-size: 20px;
line-height: 40px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-weight: 800;
text-transform: uppercase;
text-decoration: none;
color: #333;
}

ul#menu-main-navigation li a:hover {
color: #cc3333;
}

/* Header
*********************************************************************************************/


/*********** 2013 Trip Advisor ***********/

#trip-advisor-top {
position: absolute;
right: 0;
bottom: 5px;
width: 188px;
height: 148px;
background: url(images/header/trip-advisor-bg.png) 0 0 no-repeat;
z-index: 20;
}

#trip-advisor-top .TA_excellent {
margin-top: 19px;	
}

#trip-advisor-top .TA_excellent .widEXC {
margin: 3px auto 0;	
}

#trip-advisor-top .TA_excellent .widEXC .widEXCLINK,
#trip-advisor-top .TA_excellent .widEXC .widEXCLINK a {
font-size: 12px !important;
line-height: 13px;
}

/*********** 2014 Trip Advisor ***********/

.TA_certificateOfExcellence {
position: absolute;
left: 6px;
top: 4px;
}

.TA_certificateOfExcellence .widCOE {
height: 108px !important;
}

.TA_certificateOfExcellence .widCOETitle {
padding-top: 3px !important;	
}

.TA_certificateOfExcellence .widCOELink a {
font-size: 11px !important;
text-decoration: none !important;
}

.TA_certificateOfExcellence .widCOELink {
padding-top: 2px !important;	
}

.TA_certificateOfExcellence .widCOELogo {
margin-top: -3px;	
}


/*********** END Trip Advisor ***********/

#logo-top-wrap {
/*left: 204px;
top: 10px;
position: absolute;*/
position: relative;
display: inline-block;
margin: 10px auto 0;
width: 471px;
height: 137px;
}

#logo-top-wrap img#logo-top {
margin-top: 20px;
position: relative;
z-index: 10;
}

#logo-top-wrap img#historic-theatre {
left: 98px;
top: 0;
position: absolute;
z-index: 15;
}

/* Social Wrap
*********************************************************************************************/

#social-wrap {
position: relative;
z-index: 100;
text-align: center;
height: 30px;
background: url(images/header/header-bg.jpg) top center repeat-x;
}

#social-wrap .social {
display: inline-block;
margin: 4px 10px 0;	
}

#social-wrap .social.twitter {

}


#social-wrap #g-wrap {
margin-left: 10px;	
}

/* Mega Order Row
*********************************************************************************************/

#home-mega.row {
padding-bottom: 0;	
}

#home-mega #main-inner {
text-align: center;	
}

#home-mega h3.row-title {
color: #fff;
background: url(images/popular-decor.png) center center no-repeat;
}

.mega-pod {
width: 200px;
display: inline-block;
margin: 0 6px 10px;
text-align: center;
vertical-align: top;
}

.mega-pod img {
border: solid 1px #333;	
}

.mega-pod img:hover {
border: solid 1px #ccc;	
}

.mega-pod h3 {
line-height: 18px;
font-size: 16px;
font-family: 'Arial Narrow', Arial, sans-serif;
font-weight: 800;
padding: 2px 0;
}

div.mega-pod  a {
text-decoration: none;
}

div.mega-pod a h3 {
color: #fff;
text-decoration: none;
}

div.mega-pod a h3:hover {
color: #ffffcc;
}

div.mega-pod .show-dates {
color: #fff;	
}

/* Footer
*********************************************************************************************/

.footer-third {
width: 280px;
margin-left: 10px;
display: inline-block;
border: dashed 0px #ffcc00;
vertical-align: top;
}

.footer-third.first {
margin-left: 0;
}

.footer-third.middle { 
padding-top: 98px;
background: url(images/footer/footer-decor.png) top center no-repeat;
}



ul#menu-footer-menu li {
line-height: 24px;	
}

ul#menu-footer-menu li a {
color: #fff;
font-size: 12px;	
text-transform: uppercase;
text-decoration: none;
}

ul#menu-footer-menu li a:hover {
color: #ffffcc;
}

div.menu-footer-menu-container {
/*width: 280px;*/
text-align: left;
}

#show-scroll {
}

#show-scroll a {
color: #fff;
text-decoration: none;
}

#show-scroll a:hover {
color: #ffffcc;
}

#show-scroll div {
width: 280px;
height: auto;
padding-top: 10px;
text-align: center;
}

/* Flashbox 
*********************************************************************************************/

#slideshow-wrap {
position: relative;
height: auto;
background: #000 url(images/curtains-bg.jpg) top center repeat-x;
}

#slides {
margin: 0 auto;
padding-bottom: 30px;
max-width: 880px;
height: auto;
position: relative;
z-index: 20;	
}

#slideshow-wrap .grid,
body.single-show #main .grid {
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(images/grid-dot.png) top center repeat;
}

ul.slidesjs-pagination {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
z-index: 20;	
}

ul.slidesjs-pagination li {
display: inline-block;
width: 24px;
height: 24px;
overflow: hidden;
cursor: pointer;
}


ul.slidesjs-pagination li a {
height: 0;
width: 24px;
padding-top: 24px;
overflow: hidden;
background: url(images/home-pagination.png) 0 0 no-repeat;
display: block;
}

ul.slidesjs-pagination li a:hover,
ul.slidesjs-pagination li a.active {
background-position: 0 -24px;
}

#slides a.slidesjs-navigation {
position: absolute;
bottom: 40px;
width: 40px;
height: 40px;
overflow:hidden;
text-indent: -2000px;
background: url(images/show-slide-prev-next.png) 0 0 no-repeat;
z-index: 10;
}

#slides a.slidesjs-previous {
left: 10px;
background-position: 0 -40px;
}

#slides a.slidesjs-next {
right: 10px;	
}

div.home-slide-wrap {
position: relative;	
}

div.home-slide-wrap img {
width: 100%;
height: auto;
vertical-align: top;
}

div.slide-inner {
position: absolute;
padding: 0 3%;
color: #fff;
background: transparent url(images/bg-black-70.png) 0 0 repeat;
}

div.slide-inner h2 {
font-family: 'Arial Narrow', Arial, sans-serif;
margin: 10px 0 6px;
font-size: 30px;
font-weight: 800;
color: #ffffcc;
}


div.slide-inner.top_left {
width: 44%;

text-align: center;
top: 0;
left: 0;
}

div.slide-inner.top_right {
width: 44%;

text-align: center;
top: 0;
right: 0;
}

div.slide-inner.bottom_left {
width: 44%;

text-align: center;
bottom: 0;
left: 0;
}

div.slide-inner.bottom_right {
width: 44%;

text-align: center;
bottom: 0;
right: 0;
}

div.slide-inner.bottom_span {
padding-left: 10%;
padding-right: 10%;
width: 80%;
text-align: left;
bottom: 0;
left: 0;
}

div.slide-inner.top_span {
padding-left: 10%;
padding-right: 10%;
width: 80%;
text-align: left;
top: 0;
left: 0;
}

div.slide-inner.left {
width: 30%;
height: 100%;
text-align: center;
top: 0;
left: 0;
}

div.slide-inner.right {
width: 30%;
height: 100%;
text-align: center;
top: 0;
right: 0;
}


/* Show Row - Home
*********************************************************************************************/

#main-inner {
margin: 0 auto;
max-width: 880px;
padding: 0 3%;
height: auto;
}

#home-shows #main-inner {
text-align: center;	
}

#main-inner.left-align {
text-align: left;	
}

.blog#main-inner {
padding: 30px;
font-size: 16px;
}

.blog#main-inner p {
font-size: 16px;
line-height: 1.2;	
}

div.show-pod {
width: 282px;
display: inline-block;
text-align: center;
margin: 0 4px 10px;
padding: 0;
vertical-align: top;
}

div.show-pod.show-main,
body.page #more-shows .show-pod {
margin-bottom: 20px;	
}

div.show-pod img {
margin-bottom: 0px;
border: solid 1px #ccc;
}

div.show-pod img:hover {
border: solid 1px #333;
}

div.show-pod h2 {
line-height: 20px;
font-size: 18px;
padding: 2px 0;	
}

.show-dates {
padding: 2px 0;
text-align: center;
font-size:13px;
line-height: 14px;	
}

div.show-pod a {
text-decoration: none;
}

div.show-pod a h2 {
color: #333;
text-decoration: none;
}

div.show-pod a h2:hover {
color: #cc3333;
}


div#view-shows {
width: 320px;
margin: 10px auto 0;
text-align: center;
height: 34px;
}

div#view-shows a {
display: inline-block;
font-size: 24px;
height: 30px;
line-height: 30px;
text-transform: uppercase;
text-decoration: none;
font-family: 'Arial Narrow', Arial, Sans-Serif;
font-weight: 800;
padding-right: 50px;
background: url(images/shows-pointer.png) top right no-repeat;
color: #333;
border: dashed 0px #000;
}

div#view-shows a:hover {
background-position: bottom right;
color: #cc3333;
}


/* Home Video Row - 06/01/18
*********************************************************************************************/ 

.row.new-video {
background: url(images/home-video-bg.jpg) center center no-repeat;
background-size: cover;	
}

.video-wrap {
	width: 100%; max-width: 1000px; margin: 0 auto;
}


/* Contact Row
*********************************************************************************************/

.row-title {
font-size: 24px;
height: 30px;
line-height: 30px;
text-transform: uppercase;
text-decoration: none;
font-family: 'Arial Narrow', Arial, Sans-Serif;
font-weight: 800;
color: #333;
text-align: center;
margin-bottom: 10px;
background: url(images/contact-decor.png) center center no-repeat;
}

#contact.row {
height: auto;
z-index: 10;
position: relative;
}

#contact-inner {
margin: 0 auto;
max-width: 880px;	
}

#contact-info {
float: right;
width: 280px;
text-transform: uppercase;
font-size: 13px;
line-height: 19px;
color: #333;	
}

#contact-info h3 {
font-family: 'Arial Narrow', Arial, Sans-Serif;
font-weight: 800;
font-size: 18px;
line-height: 18px;
margin: 2px 0;	
}

#contact-info h3.hours {
margin-top: 0;
}

#contact-info a {
color: #333;
}

#contact-info a:hover {
color: #cc3333;
}

#google-map {
max-width: 100%;
height: auto;
vertical-align: top;
float: left;
}

/* Main Shows and Single Show Pages
*********************************************************************************************/

body.single-show #main {
background: #000 url(images/curtains-bg.jpg) top center repeat-x;
}

body.single-show #single-page {
position: relative;
z-index: 20;
}

#main-shows,
#main-cast {
text-align: center;	
}

#single-show-info {
width: 260px;
padding: 1%;
float: right;
color: #fff;
font-size: 14px;
line-height: 18px;
background: url(images/bg-black-50.png) 0 0 repeat;
}

#single-show-info .show-dates {
color: #ffffcc;
margin-bottom: 8px;	
}

#single-show-info p {
margin-bottom: 8px;
}

#single-show-info h1 {
text-align: center;
font-size: 24px;
line-height: 28px;
margin-bottom: 5px;
font-weight: 800;
font-family: 'Arial Narrow', Arial, sans-serif;	
}

.show-media-wrap {
/*float: left;*/
max-width: 580px;
height: auto;
text-align: center;
background: url(images/bg-black-50.png) 0 0 repeat;
overflow: hidden;
position: relative;
}

img.show-big {
vertical-align: top;
width: 100%;
height: auto;	
}

#show-slides {
width: 100%;
height: auto;
position: relative;
/*float: left;*/
}

#show-slides div {
text-align: center;
width: 100%;
height: 100%;
}

#show-slides div img.big-slide {
height: 100%;
width: auto;
}

#show-slides a.slidesjs-navigation {
position: absolute;
bottom: 20px;
width: 40px;
height: 40px;
overflow:hidden;
text-indent: -2000px;
background: url(images/show-slide-prev-next.png) 0 0 no-repeat;
z-index: 10;
}

#show-slides a.slidesjs-previous {
left: 10px;
background-position: 0 -40px;
}

#show-slides a.slidesjs-next {
right: 10px;	
}

.show-cast-wrap {
text-align: center;
padding-top: 20px;
max-width: 700px;
margin: 0 auto;
}

.show-cast-wrap h3,
#more-shows h3,
#gform_wrapper_2 h3.gform_title {
font-size: 20px;
line-height: 24px;
margin-bottom: 8px;
color: #ffffcc;
font-weight: 800;
font-family: 'Arial Narrow', Arial, sans-serif;
text-align: center;	
}

.show-cast-wrap img {
display: inline-block;
margin: 0 3px 6px;
}

#more-shows {
position: relative;
z-index: 20;
color: #fff;
text-align: center;	
}

#more-shows a h2 {
color: #fff;
letter-spacing: 1px;
}

#more-shows a:hover h2 {
color: #cc3333;	
}

/* Cast Stuff
*********************************************************************************************/

.single-cast-img {
float: left;
margin: 0 10px 0 0;	
}

.member-wrap {
margin: 10px 0;
text-align: left;
padding: 0 20px;
}

.member-wrap h2 {
font-size: 20px;
line-height: 24px;
font-weight: 800;
font-family: 'Arial Narrow', Arial, sans-serif;	
margin-bottom: 5px;
}

#single-page.cast h2 {
font-size: 20px;
line-height: 24px;
font-weight: 800;
font-family: 'Arial Narrow', Arial, sans-serif;	
}

/* Ticket Stuff
*********************************************************************************************/

.ticket-wrap {
margin: 10px auto;
max-width: 500px;
font-size: 14px;
line-height: 18px;	
}

.ticket-wrap .ticket-line {
border: dashed 0px #000;
margin-bottom: 5px;
border-bottom: dashed 1px #ccc;
padding-bottom: 3px;
}

.ticket-wrap label {
width: 48%;
float: left;
text-align: right;
padding-right: 2%;
}

.ticket-wrap .price {
width: 48%;
float: left;
text-align: left;
padding-left: 2%;
line-height: 16px;
font-size: 16px;
font-family: 'Arial Narrow', Arial, sans-serif;	
}

#single-show-info img.etix-btn,
#single-show-info img.ctix-btn {
width: 260px;
height: auto;	
}

.ctix-modal-wrap {
display: none;	
}

.ctix-inline {
text-align: center;
padding: 5px 10px;
}

img.seating-chart {
width: 475px;
height: auto;
padding-top: 10px;
margin-top: 10px;
}


/* Page Stuff
*********************************************************************************************/


#page-slides a.slidesjs-navigation {
display: none;	
}

#page-slides {
float: right;
width: 440px;
height: 315px;
position: relative;
margin-left: 10px;
padding-bottom: 30px;
}

#page-slides .slide {
height: 100%;
width: 100%;
text-align: center;	
}

#page-slides .slide img {
height: 100%;
width: auto;	
}

#page-slides ul.slidesjs-pagination li {
cursor: pointer;
display: inline-block;
height: 20px;
overflow: hidden;
width: 20px;
margin-left: 2px;
margin-right: 2px;
}

#page-slides ul.slidesjs-pagination li a {
background: url("images/page-bullets.png") 0 0 no-repeat;
display: block;
height: 0;
overflow: hidden;
padding-top: 20px;
width: 20px;
}

#page-slides ul.slidesjs-pagination li a.active {
background-position: 0 -20px;
}

img.page-featured {
max-width: 440px;
height: auto;
margin-left: 10px;
margin-bottom: 6px;
float: right;
}

/* Theatre History
*********************************************************************************************/

img.postcard-click { margin-top: 10px; }

#main-inner.theatre-history {
max-width: 800px;
overflow: hidden;	
}

#history-wrap {
position: relative;
left: 0;
max-width: 800px;
height: auto;
}

.textElement12_opportune {
background: url(images/bg-black-70.png) 0 0 repeat !important;
color: #fff !important;
font-weight: 400 !important;
padding: 0 3%;
}


/* Gravity Constant Contact
*********************************************************************************************/

#gform_wrapper_2 h3.gform_title {
text-align: left;
}

#gform_wrapper_2 span.gform_description {
color: #fff;
font-size: 13px;
line-height: 17px;	
}

#gform_wrapper_2 label.gfield_label,
#gform_wrapper_2 #input_2_1_1_container label,
#gform_wrapper_2 #input_2_1_2_container label,
div.gform_confirmation_message_2 {
color: #fff;
}

/*----- End of Document -----*/