/*
Theme Name: Hale V3
Author: dnnsldr w/ Mosaic Group LLC
Author URI: http://mosaicteam.com
Version: V3
*/


/*global resets*/
* {margin:0; padding:0}
ol, ul {list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
strong { font-weight: 700 }
em { font-style: italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
img {border:none}
.clear { clear: both; }
.left {    float: left; }
.right { float: right; }

a {color: #002e66;text-decoration: none;}

body{ text-align:center;font-size: 100%; /*Both For IE6 and IE7 Shenanigans*/ background: #01123d url(../images/background2.jpg) repeat;position: relative;font-family: georgia, sans-serif;font-size: 1.125em;font-size-adjust: none;font-stretch: normal;font-style: normal;font-variant: normal;font-weight: normal;line-height: 1.125em;}

#top-background {background: url(http://haletheatrearizona.com/images/carpet2.jpg) repeat-x;height: 690px;}
   
#wrapper{ width:960px; margin:0 auto; text-align:left;height: 100%;position: relative;}
.linux.ff3 #wrapper {width: 930px;}
.wrapper-background{background: url(http://haletheatrearizona.com/images/sidebar.png) repeat-y;height: 100%;position:fixed;width: 151px;opacity: .65;filter: alpha(opacity=35);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";}

h1, h2, h3, h4, h5, h6 {color: #032E59;padding-bottom: 10px;}

/****************
SIDEBAR
****************/
#sidebar {float: left;width: 127px;position: relative;padding: 0 12px;font-weight: normal;}
.linux.ff3 #sidebar {width: 120px;}
#sidebar .logo {left: 5px;position: relative;}
#sidebar .news {margin: 10px auto;width: 117px;text-align: center;}
#sidebar .news h2 {font-size: 1em;color: #A6B5CE;font-weight: normal;padding-bottom: 2px;}
#sidebar ul.headlines { text-align: left;padding: 0 5px;}
#sidebar .headlines li {font-size: 0.75em;line-height: 1.25em;}
#sidebar .headlines li a {display: block;padding: 10px 0;color: #637ca5;}
#sidebar .headlines li a span {font-size: 0.625em;position: relative; top: 3px;}
#sidebar .headlines li a:hover {color:#DEEBFF;}
#sidebar .side-nav {width: 117px;margin: 25px auto 35px auto;}
#sidebar  ul.links {list-style: none;margin: 5px 0 15px 5px;}
#sidebar .links li {font-size: .92em;line-height:1.25em;}
#sidebar .links li a {display: block;color: #A6B5CE;width: 117px;}
#sidebar .links li a.highlight {/*color: #658AC8;*/margin-bottom: 7px;}
#sidebar .links li a:hover {color: #DEEBFF;}
#sidebar .links li img {opacity: .50;filter: alpha(opacity=30);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"}
#sidebar .links li:hover img {opacity: 100;filter: alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}

#sidebar .social {width: 117px;margin: 0 auto;position: relative;}
#sidebar .social h3 {font-size: 0.688em;color: #A6B5CE;margin: 0 0 0 5px;line-height: 1.25em;padding-bottom: 0;font-weight: normal;}
#sidebar .social ul {position: relative; top: -8px;}
#sidebar .social .twitter {z-index: 10;display: block;padding: 12px 0 0 10px;position: relative;}
#sidebar .social a.twitter:hover {opacity: .65;filter: alpha(opacity=35);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"}
#sidebar .social .facebook {display: block;position:relative;top: -3px;left: 10px;}
#sidebar .social a.facebook:hover {opacity: .65;filter: alpha(opacity=35);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"}


/***************
MAIN CONTENT
***************/
#main {float: left;position: relative;}

/**************
Navigation
**************/
#navigation {position: relative;top: 3px;height: 33px;z-index: 999;}
#navigation ul.sf-menu {list-style: none;font-size: 0.75em;}

/**************
Text Increase
**************/
#content #text-sizes {display:block;height:30px;position:absolute;right:38px;top:3px;width:95px;z-index:20;}
#content #text-sizes #regular-text {display:block;font-size:13px;height:20px;left:46px;top:1px;width:20px;position: absolute;line-height: 20px;}
#content #text-sizes #large-text {display: block;font-size: 21px;height: 20px;width: 20px; right: 0;text-align: center;top: 1px;position: absolute;line-height: 20px;}
#content #text-sizes span {color:#777;font-size:15px;font-size:14px;left:-25px;position:relative;top:3px;}
#content #text-sizes a {cursor: pointer; position: absolute;top: 0px; display: block;border-bottom: none;text-align:center;}
#content #text-sizes a:hover {color: #087DF2;background: #d3d3d3;border: 1px solid #afafaf;}
#content #text-sizes a.active {background: #d3d3d3;border: 1px solid #afafaf;}

.inner #content #text-sizes #regular-text {display:block;font-size:13px;height:18px;left:40px;top:1px;width:18px;position: absolute;line-height: 18px;}
.inner #content #text-sizes #large-text {display: block;font-size: 21px;height: 18px;width: 18px; right: 0;text-align: center;top: 1px;position: absolute;line-height: 18px;}
.inner #content #text-sizes span {color:#999999;font-size:15px;font-size:14px;left:-30px;position:relative;top:3px;}

/*************
Flash Component
*************/
#splash-bg {position:absolute;height:580px;width:800px;top:38px;left:-20px;background: url(../images/splash-shadow-box.png);}
#splash-showing {top:4px;height:550px;margin:1px 0 15px 8px;overflow:hidden;position:relative;width:750px;}
#show-bg {position:absolute;height:295px;width:770px;top:38px;left:-19px;background: url(../images/show-shadow-box.png);}
#show-bottom {position:absolute;width:721px;height:40px;top:304px;left:7px;background: url(../images/show-shadow-bottom.png);}
#show-showing {top:4px;margin:1px 0 0 8px;overflow:hidden;position:relative;}
/*#showing {height: 305px;width: 710px;margin: 25px 0 0 12px;overflow: hidden;position: relative;}
#showing img {padding: 30px 10px 10px 10px;}*/
#letterbox {position: absolute;top: 80px;}
#letterbox .top {background: url(../images/content-top.png) no-repeat;width: 734px;height:17px;position: relative;}
#letterbox .middle {background: url(../images/content-middle.png) repeat-y;width: 734px;height: 256px;position: relative;}
#letterbox .bottom {background: url(../images/content-bottom.png) no-repeat; height: 17px;width:734px;position: relative;}

#splash-showing #slider {width: 720px;height: 265px;position:relative;border: 15px solid #021027;}
#splash-showing #slider img {position: absolute;top: 0px;left: 0px;display: none;}
#splash-showing .future-shows {width: 750px;height: 250px;}
#splash-showing .future-shows .show-boxes {width: 249px;height: 250px;background: url(../SplashSwf/resources/btn.png) no-repeat;border-top: 1px solid #021027;border-right: 1px solid #021027;position: relative;display: block;float: left;}
#splash-showing .future-shows .show-boxes:hover {background: url(../SplashSwf/resources/bottomBtnShort2.png) no-repeat;}
#splash-showing .future-shows .upcoming {border-right: 0 none;}
#splash-showing .future-shows img {position: absolute;}
#splash-showing .future-shows .future-title {position: absolute;top: 10px;width: 248px;text-align: center;font-size: 17px;color: #a6b5ce;opacity: 0.8;}
#splash-showing .future-shows .show-boxes ul.show-info {background: #021027;position: absolute;height: 70px;width: 100%;margin-top: 185px;padding: 5px 15px;}
#splash-showing .future-shows .show-boxes ul.show-info {list-style: none outside none;}
#splash-showing .future-shows .show-boxes ul.show-info li {display: inline;padding-right: 20px;font-size: 11px;}
#splash-showing .future-shows .show-boxes ul.show-info li a {color: #a6b5ce;}
#splash-showing .future-shows .show-boxes ul.show-info li a:hover {color: #fff;}
#splash-showing .future-shows .show-boxes .buy-tix {position: absolute;width: 86px;height: 23px;background: url(../SplashSwf/resources/buy_tickets.png) no-repeat;left: 50%;margin-left: -43px;bottom: 5px;}


/*************
CONTAINER
*************/
#container {margin: 15px 0 10px 0;width: 734px;position: relative;}
#container .scroll-tl {position: absolute; top: 9px;left: 10px;z-index: 10;}
#container .scroll-tr {position: absolute;top: 11px;right: 9px;z-index: 10}
#container .scroll-bl {position: absolute; bottom: -5px;left: 10px;z-index: 10;}
#container .scroll-br {position: absolute; bottom: -7px;right: 12px;z-index: 10;}
#container .top {background: url(../images/content-top.png) no-repeat;width: 734px;height:17px;}
#container .middle {background: url(../images/content-middle.png) repeat-y;width: 734px;}
#container .bottom {background: url(../images/content-bottom.png) no-repeat; height: 17px;width:734px;}

/************
content
************/

#content {padding: 30px 30px 0 30px;position: relative;color: #000;font-size: 1em;min-height: 300px;}
#content a {color: #376DA5;border-bottom: 1px dotted;}
#content a:hover {color: #087DF2;}
#content h1 {font-size: 1.5em;line-height: 1em;}
#content h2 {font-size: 1.25em;line-height: 1.4em;}
#content h3 {font-size: 1.125em;line-height: 1em;}
#content h4 {font-size: 1.063em;line-height: 1em;}
#content h2.title {color: #032E59;color: #032E59;display: inline;padding: 0 65px 3px 0;background: url(../images/dotted-line2.png) repeat-x bottom left;}
#content p {text-align: justify;font-size: 0.75em;line-height: 1.425em;}
#content span {line-height: 1.425em;}
#content p.show-date {color:#444444;padding-top: 10px;}
#content p.author {color:#444444;}
#content .show-tickets {position: absolute; right: 37px; top: 3em;border-bottom: none;}
#content a.show-tickets {background: url(../images/buyticket2.png) no-repeat;height: 26px;}
#content .show-desc {clear:both;padding: 15px 0 25px 0;line-height:1.2em;}
#content .first.column {padding-right: 25px;}
#content .last.column {padding: none;}
#content p.date {font-weight: 700;}
/**childrens show in flash component**/
#content .show-content a.child-ticket {position: relative;float: left;text-decoration: none;border: none;}
#content .show-content .show-desc.childrens {padding-bottom: 50px;}
#content .show-content .show-desc.childrens p {padding-bottom: 10px;}
#content .show-content .col {float: left; width: 50%;padding-bottom: 50px;}

#content .box {padding: 25px 0 10px 0;}
#content .box.bio {border-bottom: 1px dotted #999;}
#content .box.bio.first {border-top: 1px dotted #999;}
#content .box.bio.odd {background: #ececec;}
#content .box .bio-thumb {width:110px; float:left;padding: 0 15px 10px 10px;}
#content .box .bio-thumb img {border: 2px solid #777;}
#content .box h2 {display: inline;padding: 0 65px 3px 0;background: url(../images/dotted-line2.png) repeat-x bottom left;}
#content .box h2.calendar{display: inline-block;padding: 0 65px 3px 0;background: url(../images/dotted-line2.png) repeat-x bottom left;margin-bottom: 20px;}
#content .box .desc {float: left;width: 550px;}
#content .box .bio-desc.narrow {width: 526px;float: left;}
#content .box .social {width:100px; float:left;}
#content .box .social a {border-bottom: none;}
#content .box .social a:hover {background: none;opacity: .75;filter: alpha(opacity=35);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";}
#content .box .desc p {padding: 15px 0 0 0;}
#content .box .bio-desc p {padding: 3px 0;}
#content .box table {font-size: .75em;padding-top: 5px;}
#content .box td {padding: 0 10px 0 15px;width: 225px;}
#content .box td.first {text-align: left;}
#content .box.last {border-bottom: none;margin: 3px 0 35px 0;}
#content .box h3 {padding-bottom: 5px;}
#content .box h5 {padding: 15px 0 0 0;}
#content .box .nopad {padding: 0;}

#content .show-content h2 {padding-top: 10px;}
#content ul.crew {padding: 0 0 20px 20px;}
#content ul.crew li {clear: both; font-size: 0.75em;}
#content ul.pricing li span {width:43%;}
#content ul.pricing li span.left {width:55%;padding-bottom: 10px;}

#content table th {font-size: .875em;color: #444;font-weight: normal;}
#content table.pricing td {padding: 10px 20px;font-size: 0.75em;border: 1px solid #ececec;}
#content table.pricing td.odd {background: #ececec;}
#content .swf-show {height:0px;left:-8px;overflow:hidden;position:relative;width:688px;}
#content .swf-show embed, #content .swf-show object {bottom:-10px;left:-10px;position:absolute;}

.inner #content {padding: 30px 30px 15px 30px;position: relative;color: #000;font-size: 1em;width: 674px;}
.inner #content a {color: #376DA5;border-bottom: 1px dotted;padding: 1px 3px;}
.inner #content a:hover {background-color: #376DA5;color: #fff;border-bottom: none;}
.inner #content h2, .inner #content h3, .inner #content h4, .inner #content h5, .inner #content h6 {padding: 8px 0 5px 0;}
.inner #content p {padding-bottom: 10px;line-height: 1.425em; text-align: justify;}
.inner #content p.no-padding {padding:0;}
.inner #content h2.title {padding-bottom: 10px;}
.inner ul {padding-bottom: 10px;}
.inner ul.list {list-style: outside disc; margin-left: 15px;}
.inner #content ul {margin: 10px 25px;}
.inner #content ul.no-margin {margin-top:0;margin-bottom:0;}
.inner #content li {padding-bottom: 5px;font-size: .75em;}
.inner #content table.basic {margin: 10px 0;}
.inner #content .basic th {font-size: 0.875em;}
.inner #content .basic td {border-bottom: 1px dotted #376DA5; padding: 5px; width: 150px;font-size: .75em;}
.inner #content .basic td.odd {background: #C8D5E5;}
.inner #content .padding-top2 {padding-top: 10px;}

.inner #content .show-box {border-bottom: 1px dotted #999;padding: 25px 0 10px 0;}
.inner #content .show-box .show-tickets {right: 10px; top: -1px;border-bottom: none;padding: 0;position: relative;float:right;}
.inner #content .show-box a.show-tickets:hover {padding: 0;background: none;}
.inner #content .show-box h2 {display: inline;padding: 0 65px 3px 0;background: url(../images/dotted-line2.png) repeat-x bottom left;}
.inner #content .show-box .show-thumb {width:120px; float:left;}
.inner #content .show-box .desc {float: left;width: 550px;}
.inner #content .show-box .desc p.author {margin-top: -13px;}
.inner #content .show-box .desc p.learn-more {margin: -5px 0 5px 0;}
.inner #content .show-box.last {border-bottom: none;margin: 3px 0 35px 0;}


/*Only new width is needed

.inner #content .box {padding: 25px 0 10px 0;}
.inner #content .box.bio {border-bottom: 1px dotted #999;}
.inner #content .box.bio.first {border-top: 1px dotted #999;}
.inner #content .box.bio.odd {background: #ececec;}
.inner #content .box .bio-thumb {width:110px; float:left;padding: 0 15px 10px 10px;}
.inner #content .box .bio-thumb img {border: 2px solid #777;}
.inner #content .box h2 {display: inline;padding: 0 65px 3px 0;background: url(../images/dotted-line2.png) repeat-x bottom left;}
.inner #content .box .desc {float: left;width: 550px;}*/
.inner #content .box .bio-desc.narrow {width: 310px;float: left;}
/*.inner #content .box .social {width:100px; float:left;}
.inner #content .box .social a {border-bottom: none;}
.inner #content .box .social a:hover {background: none;opacity: .75;filter: alpha(opacity=35);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";}
.inner #content .box .desc p {padding: 15px 0 0 0;}
.inner #content .box .bio-desc p {padding: 3px 0;}
.inner #content .box table {font-size: .75em;padding-top: 5px;}
.inner #content .box td {padding: 0 10px 0 15px;width: 225px;}
.inner #content .box td.first {text-align: left;}
.inner #content .box.last {border-bottom: none;margin: 3px 0 35px 0;}
.inner #content .box h5 {padding: 15px 0 0 0;}
.inner #content .box .nopad {padding: 0;}*/

#group-tickets input, #group-tickets textarea {border: 1px solid #4c4c4c; padding: 2px;background: #f5f4f4;}
#group-tickets select.date {width:145px;border: 1px solid #000;}
#group-tickets select.time {width:45px;border: 1px solid #000;}
#group-tickets tr.row-padding>td {padding-bottom: 6px;}
#group-tickets tr.height {height:28px;}
#group-tickets textarea {font-family: "Lucida Grande", "Lucida Sans", verdana, sans-serif;font-size:0.75em;}
#group-tickets td.td-right {text-align:right;padding-right:6px;}
#group-tickets table.group-shows {border: 1px solid #000;}
#group-tickets tr.button td {text-align: center;}
#group-tickets table span {font-size: 0.75em;}
#group-tickets label {font-size: 0.75em;}

.invalid {border-color: red !important; color: red !important;}
#errors {font-weight: bold !important;}
#submit {border: 1px solid #376DA5 !important; cursor: pointer !important; padding: 2px 10px !important; color: #fff !important;background: #284974 url(../images/button-background.jpg) repeat-x !important;}
#submit:hover {background: #376DA5 !important;color:#fff !important;}

#auditionform .col-1 {width: 330px; float: left;}
#auditionform .col-2 {width: 330px; float: right;}
#auditionform input {border: 1px solid #4c4c4c; padding: 2px;background: #f5f4f4;}
#auditionform label {float:left;padding-right:11px;text-align:right;width:100px;}
#auditionform li.show-radio {padding-left:30px;}
#auditionform li.button {padding:10px 0 0 30px;}

#newsletter input, #newsletter select {border: 1px solid #4c4c4c; padding: 2px;background: #f5f4f4; margin-right: 3px;}
#newsletter input.email {width:273px;}
#newsletter input.title {width:40px;} #newsletter input.fname, #newsletter input.lname {width:130px;}
#newsletter select.pref {width:279px;}
#newsletter select {padding: 1px;}
#newsletter label {float:left;padding-right: 11px;text-align:right;width:150px;}
#newsletter .radio label {float: none;}
#newsletter .radio li {padding-left: 40px;}
#newsletter .radio li.button {padding-top: 10px;}


/************
Footer
************/
body#index #footer {width: 734px;height: 50px;position: relative;left: 16px;}
#footer {width: 734px; height: 50px;position: relative;left: 0;}
#footer ul {text-align:center;margin: 0 auto;}
#footer li {display:inline;color: #637CA5;font-size:0.75em;text-align: center;padding:0 5px;opacity: .9;filter: alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
#footer li.full {border-left:1px dotted;color:#637CA5;padding-right:0;}