/*
 * Project:   Alaska Experience Theatre
 * Date:      2010-01-19
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #8ca760 url(../images/bg.jpg) 50% 0 no-repeat; font-size: 62.5%; }

* html body { behavior: url("styles/csshover.htc"); } 

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #005a81; font-family: Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #09f; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: none; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 960px; padding: 0 9px; margin: 0 auto; background: url(../images/root-bg.png) repeat-y; }
 #top { position: relative; height: 195px; background: url(../images/header.jpg) 0 25px no-repeat; }
  #logo { position: absolute; left: 300px; top: 56px; }
   #logo a { }
  #top .bar-a { padding: 0 5px; height: 24px; background: url(../images/top-bar-a.png) repeat-x; }
   #top .bar-a ul { float: right; display: inline; padding: 0; list-style: none; }
    #top .bar-a ul li { float: left; margin: 0 10px; font: 1.2em/24px "Trebuchet MS", Helvetica,Arial,sans-serif; }
     #top .bar-a ul li a { color: #ffffff; text-decoration: none; }
     #top .bar-a ul li a:hover, #top .bar-a ul li a:focus, #top .bar-a ul li a:active { text-decoration: underline; }
   #top .bar-a ul.social { float: right; margin: 0 0 0 10px; }
    #top .bar-a ul.social li { margin: 2px; }
  #top .tickets { position: absolute; bottom: 0; right: 0; width: 241px; font: bold 1.4em/22px "Trebuchet MS",Helvetica,Arial,sans-serif; margin: 0; overflow: hidden; }
   #top .tickets a { display: block; width: 220px; padding: 0 0 0 21px; background: url(../images/buy-tickets.png) no-repeat; letter-spacing: 4px; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; }
   #top .tickets a:hover, #top .tickets a:focus, #top .tickets a:active { background-position: 0 -22px; }

  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 #nav { position: relative; width: 100%; overflow: hidden; background: url(../images/nav.png) repeat-x; height: 28px; }
  #nav ul { position: relative; float: left; left: 50%; list-style: none; margin: 0; padding: 0; background: none; }
   #nav li { position: relative; left: -50%; float: left; font: 1.2em/28px "Trebuchet MS",Helvetica,Arial,sans-serif; text-align: center; text-transform: uppercase; background: url(../images/nav-sep.png) 0 50% no-repeat; padding: 0 0 0 2px; }
   #nav li:first-child, #nav li.first { padding: 0; background: none; }
    #nav li a { float: left; color: #fff; text-decoration: none; padding: 0 11px; height: 28px; background: url(../images/nav.png) repeat-x; }
    #nav li a:hover, #nav li a:focus, #nav li a:active, #nav li.selected a { background-position: 0 100%; }
 #content { overflow: hidden; }
  .content { width: 940px; margin: 0 auto; padding: 10px 0; }
   .content .main-b { float: right; width: 760px; overflow: hidden; }
   .content .aside-b { float: left; width: 160px; }
  .content-home { width: 100%; background: url(../images/aside-a.png) repeat-y; }
   .content-home .main-a { display: inline; float: right; margin: 0 10px 0 0; padding: 10px 0 0; width: 760px; }
    .content-home .main-a .wrapper-a { width: 100%; overflow: hidden; }
     .content-home .main-a .wrapper-a .col-a { float: left; width: 580px; }
     .content-home .main-a .wrapper-a .col-b { float: right; width: 160px; }
   .content-home .aside-a { float: left; width: 170px; padding: 10px 0 0; }
 #footer { width: 978px; padding: 10px 0; height: 45px; margin: 0 auto 15px; color: #fff; background: url(../images/footer.png) no-repeat; line-height: 1.5; overflow: hidden; }
  #footer ul { position: relative; float: left; left: 50%; padding: 0; margin: 0; list-style: none; }
   #footer ul li { position: relative; left: -50%; display: inline; float: left; padding: 0 5px 0 7px; background: url(../images/footer-nav-sep.png) 0 50% no-repeat; font-size: 1.1em; }
   #footer ul li:first-child, #footer ul li.first { background: none; }   
  #footer p { clear: left; text-align: center; font-size: 1.1em; width: 100%; }
   #footer a { color: #fff; zoom: 1;}
   #footer abbr { border: none; }
   .infoBox {width: 750px;border: 4px solid #005a81;float: left;}
.movieText {padding: 5px;width: 740px;}
.moviePoster {
	padding: 5px;
	float: right;
	width: 100px;
	margin: 5px;
	border: 1px solid #005a81;
}
#internalPhoto {
	height: 200px;
	width: 300px;
	border: 4px solid #005a81;
	float: right;
	margin: 0px 10px 10px;
}
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; margin: 0 0 20px; }
h1 { font-size: 2.6em; color: #548911; font-weight: normal; }
h2 { font-size: 1.8em; color: #c92806; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* containers */
.section-a { width: 100%; overflow: hidden; }

.figure-a { float: left; margin: 0 10px 15px 0; }
 .figure-a img {
	border: 2px solid #005a81;
}

.testimonial { }
 .testimonial blockquote { padding: 0; }
  .testimonial blockquote p { font: italic 1.2em/1.5 "Trebuchet MS",Helvetica,Arial,sans-serif; margin: 0; }
 .testimonial .author { font-size: 1em; }

/* forms */
.form-a { }
 .form-a p { width: 100%; overflow: hidden; }
  .form-a p label { float: left; width: 105px; margin: 0 10px 0 0; line-height: 2;  }
  .form-a p input, .form-a p textarea { float: left; width: 275px; padding: 3px 5px; border: 1px solid #82c135; }
  .form-a p textarea { overflow: auto; resize: none; }
  .form-a p.checkbox input { float: none; width: auto; padding: 0; margin: 0 10px 0 0; border: none; }
  .form-a p.checkbox label { float: none; width: auto; line-height: 1; }
  .form-a p button { width: 85px; height: 21px; background: url(../images/button-a.png) no-repeat; color: #fff; text-align: center; line-height: 21px; border: none; }
  .form-a p button:hover { background-position: 0 100%; }



/* tables */

table.a { width: 100%; border-collapse: collapse; }
 table.a th, table.a td { border: 1px solid #82c135; padding: 8px 10px; border: 1px solid #ccc; }
 table.a thead th { background: #82c135; color: #fff; text-align: left; }

/* lists */

.main-a li, .main-b li { font-weight: bold; }

.sidenav-a { background: url(../images/sidenav-bg.jpg) repeat-y; padding: 10px; margin: 0 0 10px; }
 .sidenav-a ul { color: #fff; padding: 0; margin: 0; list-style: none; }
  .sidenav-a ul li { margin: 0 0 5px; padding: 0 0 0 10px; font: bold 1.2em/1.25 Helvetica,Arial,sans-serif; background: url(../images/sidenav-a-li.png) 0 0.4em no-repeat; }
   .sidenav-a ul li a { color: #fff; text-decoration: none; }
   .sidenav-a ul li a:hover, .sidenav-a ul li a:focus, .sidenav-a ul li a:active { text-decoration: underline; }

/* paragraphs */
.call-a { margin: 0 0 10px; }


/* links */
.main-a a, .main-b a {
	color: #c92806;
	font-weight: normal;
}

.button-b { display: block; width: 160px; height: 71px; text-align: center; font: bold 1.7em/71px "Trebuchet MS",Helvetica,Arial,sans-serif; background: url(../images/button-b.png) no-repeat; color: #fff; text-decoration: none; }
.button-b:hover, .button-b:focus, .button-b:active { background-position: 0 100%; }

.button-c { display: block; width: 160px; height: 71px; text-align: center; font: bold 1.7em/71px "Trebuchet MS",Helvetica,Arial,sans-serif; background: url(../images/button-c.png) no-repeat; color: #fff; text-decoration: none; }
.button-c:hover, .button-c:focus, .button-c:active { background-position: 0 100%; }

/* other */


 
/* SPECIFIC
------------------------------------------- */
#heading-showing { width: 100%; height: 47px; margin: 0 0 10px; background: url(../images/h2-showing.png) 50% 50% no-repeat; text-indent: -999em; overflow: hidden; }
#heading-coming-soon { width: 100%; height: 20px; margin: 0 0 10px; background: url(../images/h2-comingsoon.png) 50% 50% no-repeat; text-indent: -999em; overflow: hidden; }
#heading-newsletter { width: 100%; height: 19px; margin: 0 0 10px; background: url(../images/h2-newsletter.png) 50% 50% no-repeat; text-indent: -999em; overflow: hidden; }
.poster { margin: 0 0 10px; }

#newsletter-form { width: 150px; margin: 0 auto 10px; background: #307491; padding: 10px 5px; overflow: hidden; }
 #newsletter-form .leadin { font: bold 1em/1.25 Verdana,Helvetica,Arial,sans-serif; color: #b8cfd9; text-transform: uppercase; }
 #newsletter-form p { position: relative; font: 1.1em/1.25 Helvetica,Arial,sans-serif; color: #404040; margin: 0 0 10px; }
  #newsletter-form p label { position: absolute; left: 4px; top: 4px; }
  #newsletter-form p input { width: 144px; border: none; padding: 3px; line-height: 1; border-width: 0; }
 #newsletter-form p.submit { width: 100%; margin: 0 0 3px; overflow: hidden; font: bold 1.1em/1.25 Helvetica,Arial,sans-serif; }
  #newsletter-form p.submit button { float: right; width: 85px; height: 21px; background: url(../images/button-a.png) no-repeat; color: #fff; text-align: center; border: none; }
  #newsletter-form p.submit button:hover { background-position: 0 100%; }
 #newsletter-form p.privacy { text-align: right; font: 1em/1.25 Helvetica,Arial,sans-serif; margin: 0; }
  #newsletter-form p.privacy a { color: #fff; text-decoration: none; }
  #newsletter-form p.privacy a:hover, #newsletter-form p.privacy a:focus, #newsletter-form p.privacy a:active { text-decoration: underline; }

.bar-b { width: 100%; overflow: hidden; margin: 0 0 10px; }
 .bar-b .breadcrumbs { float: left; color: #c92806; margin: 0; line-height: 20px; }
  .bar-b .breadcrumbs a { color: #c92806; text-decoration: none; font-weight: normal; }
  .bar-b .breadcrumbs a:hover, .bar-b .breadcrumbs a:focus, .bar-b .breadcrumbs a:active { text-decoration: underline; }

.bar-b .options { float: right; }
 .bar-b .options .print { float: left; margin: 0 10px 0 0; }
 .bar-b .options form { display: block; padding: 2px; float: left; background: #c92806; }
  .bar-b .options form p { position: relative; margin: 0; font: 1.1em/1.25 Helvetica,Arial,sans-serif; }
   .bar-b .options form p label { position: absolute; left: 5px; top: 5px; }
   .bar-b .options form p input { border: none; padding: 3px; line-height: 1; border-width: 0; }
   .bar-b .options form p button { border: none; background: #c92806; font-size: 1.09em; text-transform: uppercase; color: #fff; padding: 0 3px; }

.featured-a { margin: 0 0 15px; }
 .featured-a img { border: 6px solid #005a81; }

.section-b { margin: 0 0 10px; }
 .section-b img { border: 4px solid #005a81; }

.listing-a { position: relative; left: -26px; width: 786px; margin: 0 0 15px; overflow: hidden; }
 .listing-a .item { display: inline; float: left; width: 226px; padding: 5px; margin: 0 0 25px 26px; background: #4db1da; }
  .listing-a .item h3 { background: #6db117; padding: 2px 4px; margin: 0 0 5px; border: 1px solid #fff; font: bold 1.2em/1.25 Helvetica,Arial,sans-serif; color: #fff; text-transform: uppercase; }
  .listing-a .item .thumb { float: left; }
   .listing-a .item .thumb img { border: 1px solid #fff; }
  .listing-a .item .description { float: right; width: 110px; }
   .listing-a .item .description p { font-size: 1.1em; color: #010810; margin: 0 0 5px; }
   .listing-a .item .description ul { padding: 0; list-style: none; margin: 0; }
    .listing-a .item .description ul li { padding: 0 0 0 10px; font: bold 1.1em/1.25 Helvetica,Arial,sans-serif; background: url(../images/listing-a-li.png) 0 50% no-repeat; }
     .listing-a .item .description ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
     .listing-a .item .description ul li a:hover, .listing-a .item .description ul li a:focus, .listing-a .item .description ul li a:active { text-decoration: underline; }
	 
	  .listing-b .item { display: inline; float: left; width: 750px; padding: 5px; margin: 0 0 25px 26px; background: #4db1da; }
/* Calendar
---------------------------------------- */

#events-a { /*width: 552px;*/width:auto; padding: 10px; margin: 0 0 15px auto; overflow: hidden; border: 4px solid #005a81; }
 #events-a .data { position: absolute; left: -999em; }
 #events-a .main { float: left; width: 320px; padding: 0 5px; }
  #events-a .main h2 { display: none; }
  #events-a .main h3 { font-weight: normal; font-size: 1.8em; margin: 0 0 20px; font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif; color: #5f9121; }
   #events-a .main h3 span { color: #307491; }
  #events-a .main .empty { font-weight: bold; color: #548911; }
  #events-a .main .day { position: relative; width: 245px; padding: 5px 0 15px 85px; background: url(../images/sep-hor.png) 0 100% repeat-x; margin: 0 0 15px; }
   #events-a .main .day h4 { position: absolute; left: 0; top: 0; width: 50px; height: 53px; margin: 0; padding: 10px; background: url(../images/ico-calendar.png) no-repeat; text-align: center; color: #000; text-indent: -999em; overflow: hidden; }
    #events-a .main .day h4 span { display: block; text-indent: 0; font-size: 30px; font-weight: bold; font-family: Verdana,Helvetica,Arial,sans-serif; }
   #events-a .main .day .weekday { color: #307491; margin: 0; font: bold 1.8em "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif; }
   #events-a .main .day .event { position: relative; margin: 0 0 15px; padding: 15px 0 0; background: url(../images/sep-hor.png) repeat-x; width: 100%; }
   #events-a .main .day .event-first { padding: 0; background: none; }
    #events-a .main .day .event h5 { font-size: 1.5em; color: #307491; margin: 0; }
    #events-a .main .day .event .dates { font-size: 1.1em; font-style: italic; margin: 0 0 5px; }
    #events-a .main .day .event p { margin: 0; line-height: 1.5; }
     #events-a .main .day .event p span { color: #548911; }

 #events-a .aside { position: relative; float: right; width: 200px; padding: 0; color: #548911; }
  #events-a .aside .nav { position: relative; width: 175px; margin: 0 0 8px 25px; text-align: center; font-family: "Trebuchet MS",Helvetica,Arial,sans-serif; line-height: 1.25; color: #548911; text-transform: uppercase; font-weight: bold; }
   #events-a .aside .nav a { position: absolute; top: 0; width: 11px; height: 15px; text-indent: -999em; overflow: hidden; }
   #events-a .aside .nav a.prev { left: 0; background: url(../images/arrow-left.png) no-repeat; }
   #events-a .aside .nav a.next { right: 0; background: url(../images/arrow-right.png) no-repeat; }
  #events-a .aside table { width: 100%; border-collapse: collapse; border: none; margin: 0 0 15px; }
   #events-a .aside table td, #events-a .aside table th { font-weight: normal; font-size: 1em; vertical-align: middle; border: 1px solid #fff; padding: 0; width: 12.5%; }
   #events-a .aside table th { color: #548911; }
   #events-a .aside table th a { color: #548911; font-weight: normal; }
   #events-a .aside table td { background: #1d6c90; }
    #events-a .aside table a { display: block; padding: 5px 0; color: #fff; text-decoration: none; text-align: center; font-weight: normal; }
    #events-a .aside table a.event { background: #fc0; color: #000; font-weight: bold; }
    #events-a .aside table a:hover, #events-a .aside table a.selected { background: #5f9121; }

    #events-a .aside table td > a.event:hover, #events-a .aside table a.selected.event { background: #fc0; border: 3px solid #fff; padding: 2px 0; color: #000; }

 #events-a .aside .filter { margin: 0; padding: 0 0 0 20px; list-style: none; }
  #events-a .aside .filter li { margin: 0 0 5px; color: #548911; font-weight: normal; }

 #events-a .aside button { }

 .system-message, .system-error-message {margin:0px; padding:0px; padding:25px; background:none; border:none; color:#005A81;}
table th, table td {border:0px; }

 .system-message h1, .system-error-message h1 {color:#548911;font-size:2.6em;font-weight:normal; font-family:"Trebuchet MS",Helvetica,Arial,sans-serif; margin:0 0 20px;}