/**
 * Debugging
 */
.cake-sql-log {color:white}
.cake-debug {color:white}

  /*
#contact_cell {
  padding-left: 80px;
}
*/

/* this may be a more generally useful rule for white-box */
.white-box #admin_page a {
  color: #333;
}

div.social-media {
  background-image:none!important;
  margin-top:-48px;
}
/**
 * Layout
 */ 
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#000;
}

img {
  margin:0; padding:0; border:0;
}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:846px;
	
	background-color:#000;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */

    background: url('/img/grad-border.jpg') repeat-y center;
}

div#navbar table  {border-collapse:collapse;}
div#navbar table tr td {
  width: 12%;
  text-align:center;
  overflow:hidden;
  font-size:small;
  line-height:1.0em;
  border-right:1px solid #18615c; border-left:1px solid #2daca2;
}

div#content {
	padding: 20px 30px 18em; /* bottom padding for footer is important */
    text-align:center;
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background-color:#22817b;
    text-align:center;

    background: url('/img/footer-border.jpg') repeat-y center;
}

div#footer div {
    background: url('/img/footer-bottom.jpg') no-repeat center bottom;
    padding:1px 10px 30px;
}
div#footer div div {
    background: transparent; 
    padding: 0px;
}

div#navbar {
  padding: 0px 15px;
  margin-left:3px; margin-right:2px;
}
div#navbar table tr td {
	background: url("/img/nav-bkgd.jpg") 50% 0 repeat-x; color: #22817b; padding-top:3px;padding-bottom:3px;}
	
	
	.indent-box {margin-left:40px;}
	.center {text-align:center;}
	

/**
 * Fonts
 */ 
body {font-family:Arial, Helvetica, sans-serif; font-size:.9em; }


div#footer p {font-family:Arial, Helvetica, sans-serif; font-size:0.7em; text-align:center;}
div#navbar table tr td {font-family:Arial Narrow, Helvetica Narrow, sans-serif; text-align:center; text-decoration:none; font-weight:bold; text-transform:uppercase; }

 
		h1, h1.right  {font-family:Arial, Helvetica, sans-serif; font-size: 1.8em;}
		.caption {font-family:Arial, Helvetica, sans-serif; font-size: .6em;}


ul li {padding-bottom:.6em; }
ul li ul li { font-style:italic;}



/**
 * Colors
 */ 
p {color:#fff;}
.caption {color:#6c0c10;}

div#navbar a:hover {color:#ebd683;text-decoration:none}
div#navbar a {color:#fff; text-decoration:none}

h1 {color:#33b7a8;}
h2, h3, h4, h5 {color:#d9bc65;}

p.rule {color:#22827c;}

.gold {
 color:#e8d792; }



/* right column ---------------------- */
h1.right  {color:#22857f;}



.map-directions img.logo {
  margin-bottom: -51px;
  top: 10px;
  position:relative;
  z-index: 1000;
}
.map-directions th {
  text-align:left;
}
.dir-box {
  color: white;
}
.dir-box td {
  color: white !important;
}
.dir-box a { color: #d9bc65}
.dir-box .googledir table {
  background-color: #000 !important;
}

a {color: #d9bc65 }

#loc {
  width: 20em;
  float:left;
}

#goDir {
margin-left:5px;
  
}

/**
 * Misc. (maybe stupid and/or experimental)
 */ 
.ui-button {float:left;cursor:pointer;padding:2px 1em;position:relative;top:0.15em;font-size:0.8em}
input {margin:2px}
.lcol {float:left}
.rcol {float:right}
div.input {margin-bottom:5px}


table.layout {border:none}
table.layout td {vertical-align:top}

table.inside td {padding:0px 10px}

hr {
  color: #33b7a8;
  background-color: #33b7a8;
  border: 0;
  height: 1px;
  width: 100%;
  margin: 1em auto;
}


/**
 * White box: a more general white background content area
 * based on the original styles for the hours box
 */ 
.white-box {
  font-family:Arial, Helvetica, sans-serif;
  background-color:white;
  border: 2px solid #ebd683;
  color: #333;
  margin: 10px 0px;
  text-align:left;
  padding:0 10px 10px 10px;
}

table.locate-contact {border-spacing:10px;margin:-10px;margin-bottom:20px}
table.locate-contact td.white-box {width:380px}
table.locate-contact td {width:380px}

.map-directions {border-spacing:10px; margin: -10px;}


.white-box dl {
	line-height: 2em;
	margin: 0em 0em;
}
.white-box dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
.white-box dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
}


.white-box h1 {
  color: #22857f;
  line-height: 1em;
  font-size:140%;
}
.white-box em {
  color: #22857f;

}
.white-box h2 {
  color: #86141E;
  font-size: 1em;
}

.white-box p {
  color: #333;
}
.white-box .caption {
  font-family:Arial, Helvetica, sans-serif;
  background-color:white;
  border: 2px solid #ebd683;
  color: #333;
  margin: 10px 0px;
  text-align:left;
  padding:0 10px 10px 10px;
  font-weight:normal;
}



/**
 * Home Page (but may be more generally useful)
 */ 
#hours_box {
  background-color:white;
  border: 2px solid #ebd683;
  color: #000;
  margin: 10px 0px;
  text-align:left;
  padding:0 10px 12px 10px;
}
#hours_box p {
  color: #000;
  margin: 0px;
  margin-left:10px;
}
#hours_box h1 {
  color: #22857f;
  text-transform: uppercase;
  margin-bottom:0px;
  margin-top: 6px;
}
#hours_box h2 {
  color: #86141E;
  text-transform: uppercase;
  margin-top:10px;
  margin-bottom:0px;
  margin-left:10px;
  font-size: 1em;
}
#hours_box hr {
  color: #ebd683;
  background-color: #ebd683;
  border: 0;
  height: 2px;
  margin-bottom:0;
  
}
#hours_box td {
  color: #000;
}
#hours_box .price-table {
  font-weight:bold;
  margin-left:10px;
}
span.info-message {
  color: #86141E;
  font-size:small;
  text-transform: none;
}
td.info-message {
  padding-left:10px;
}

#strand {
  background: url('/img/img-strand-OFF.jpg') no-repeat;
}
#strand.active {
  background: url('/img/img-strand-ON.jpg') no-repeat;
}

#family.active {
  background: url('/img/img-family-ON.jpg') no-repeat;
}
#family {
  background: url('/img/img-family-OFF.jpg') no-repeat;
}

#theaters div {
  float:left;
  cursor:pointer;
  width:263px;
  height:199px;
}


#sponsors_box {
  border: 1px solid #22857f;
}

.no-title .ui-dialog-titlebar {display:none}
.alerts-dialog p {
    text-align: center;
    color: #22857f;
    font-weight:bold;
}

.tool-tip 
{
          padding:6px;
          background-color: #22857f; 
          color: white; 
          border:solid 1px #FFFFFF; 
          font-size:small;
          text-align: center;
}


/**
 * Handy Edit area style 
 */
.rec-edit input { font-size:110%;}
.rec-edit .text input {border: 1px solid #E8D792}
.rec-edit textarea {border: 1px solid #E8D792}
.rec-edit label {display:block; color:#333; font-size:small;font-weight:bold; font-family: Helvetica, Arial, sans-serif; }
.rec-edit label.parties {color:#22857f; text-transform:uppercase; padding-top:6px;}
.rec-edit .checkbox label {display:inline; color:#333}
.rec-edit p.times {font-size:80%; font-weight:normal; color: #86141E; margin-left:24px; margin-top:-12px; margin-bottom:0; }

#contact_request input {
  width: 100%;
}
#contact_request textarea {
  width: 100%;
}
#contact_request {
  padding-right:10px;
}

.request-hide {
  background-color: #000;
  text-align:center;
  color: #fff;
  font-size:1.5em;
}

.dark-bg label {
  color: #22857f; 
}
.dark-bg input {
  border: 1px solid #22857f;
}
.dark-bg .white {
  color:#fff;
}
.dark-bg {
  text-align:left;
}
.dark-bg h1 {
 color:#E8D792; 
 line-height:1em;
}
.dark-bg h2 {
 color:#22857f; 
 font-size:100%;
}
.dark-bg ul {color:white}

.dark-bg em {
 color:#E8D792; 
 font-weight:bold;
 font-style:normal;
}
.dark-bg .call-out {
  background-color:#22857f;
  float:right;
  color:white;
  width:15em;
  padding: 15px;
  margin: 20px;
}

.dark-bg dl {
	line-height: 2em;
	margin: 0em 0em;
}
.dark-bg dt {
	font-weight: bold;
	padding-left: 2em;
	vertical-align: top;
}
.dark-bg dd {
	margin-left: 12em;
	margin-top: -2em;
	vertical-align: top;
}
.dark-bg dt.gold {color:#efd780;}
.dark-bg dd.white { color:#fff;}