/*  Reset styles see: http://meyerweb.com/eric/tools/css/reset/ 
------------------------------------------------------------------------ */  
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, font, 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 { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-size: 100%; 	vertical-align: baseline; 	background: transparent; } body { 	line-height: 1; } ol, ul { 	list-style: none; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; }  /* remember to define focus styles! */ :focus { 	outline: 0; }  /* remember to highlight inserts somehow! */ ins { 	text-decoration: none; } del { 	text-decoration: line-through; }  /* tables still need 'cellspacing="0"' in the markup */ table { 	border-collapse: collapse; 	border-spacing: 0; }


/*  Everything else
------------------------------------------------------------------------ */

html, body, #page {
    height: 100%;
}

body {
    font: 13px/1 "Trebuchet MS", sans-serif;
    color: #444;
}

#page {
    position: relative;
    width: 960px;
    margin: 0 auto;
}

#main {
    float: right;
    width: 550px;
    padding: 21px 0 30px 0;
}

#side {
    float: left;
    width: 380px;
    padding: 12px 0 30px;
    
}


/*  Footer
------------------------------------------------------------------------ */

#footer {
    width: 560px;
    padding: 40px 0 0 400px;
    border-top: 1px solid #e15a38;
    clear: both;
}

#home-page #footer {
    position: absolute;
    top: 620px;
    right: 0;
    width: auto;
    padding: 0;
    border: 0;
    clear: none;
}

#footer ul {
    padding: 0;
    margin: 0;
    font-size: 11px;
    color: #fff;
}

#footer ul li {
    position: relative;
    float: left;
    padding: 0;
    margin: 0 9px 24px;
}

#footer ul#fine-print li {
    float: none;
}

#footer #social-links li {
    margin: 0 3px !important;
}

#footer p {
    position: relative;
    margin: 0 0 18px;
    text-align: center;
    clear: both;
}

#fine-print {
    font-size: 10px;
    color: #666;
    text-align: center;
    clear: both;
}


/*  Elist
------------------------------------------------------------------------ */

#elist {
    width: 230px;
}

#elist input {
    vertical-align: middle;
}

#elist .cm-email {
    width: 160px;
    height: 15px;
    margin: 0 -6px 0 0;
    background-color: transparent;
    border: 1px solid #7f7f7f;
    border-width: 1px 0 1px 1px;
    text-align: center;
    font-size: 11px;
    color: #444;
}

#confirmation {
    display: none;
    color: #444;
    text-transform: uppercase;
    padding: 5px;
    font-weight: bold;
}

#elist small {
    position: relative;
    display: block;
    margin: -28px 0 3px;
    line-height: 1.2;
    color: #444;
}

#home-page #elist small,
#home-page #confirmation,
#home-page #elist .cm-email  {
    color: #ccc !important;
}

/*  Home
------------------------------------------------------------------------ */

body#home-page {
    background: transparent url('../img/bg-body-ii.png') repeat-y 50% 0;
    color: #ccc;
}

#show-art {
    position: absolute;
    top: 100px;
    left: 323px;
    width: 638px;
    height: 492px;
}

#show-art img {
    float: left;
}

/*#btn-get-tix {
    display: block;
    position: absolute;
    top: 195px;
    left: 324px;
    width: 261px;
    height: 95px;
    background: url('../img/btn-get-tix.png') no-repeat;
    z-index: 100;
    text-indent: -9999px;
}
*/

#btn-get-tix:hover {
    background-position: 0px -114px;
}

#media-closing {
 position: absolute;
 top: -34px;
 left: 125px;   
}

/*  Type
------------------------------------------------------------------------ */

 /* 
 |
 | Using Cufon for nav and font-face here for headings
 | Font-face not used in the nav because Firefox on OS X
 | anti-aliasing is too heavy.
 | 
 */
 

@font-face {
	font-family: 'SheldrakeJNLRegular';
	src: url('sheldrake-webfont.eot');
	src: local('☺'), url('sheldrake-webfont.woff') format('woff'), url('sheldrake-webfont.ttf') format('truetype'), url('sheldrake-webfont.svg#webfontOGhLfZrf') format('svg');
	font-weight: normal;
	font-style: normal;
}

h2 {
    padding: 0 0 9px;
    margin: 0 0 18px;
    border-bottom: 1px solid #000;
    font-family: "SheldrakeJNLRegular";
    font-size: 48px;
    font-weight: normal;
    color: #000;
    
}

h2 span {
    font-size: 30px;
}

#main h3 {
    margin: 0 0 13px;
    font-family: "SheldrakeJNLRegular";
    font-size: 36px;
    font-weight: normal;
    color: #000;
}

#main h4 {
    font-size: 16px;
    line-height: 1.3;
}

p {
    line-height: 1.3;
    margin: 0 0 13px;
}

a {
    color: #e15a38;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    text-decoration: underline;
}

#main ul {
    margin: 0 0 13px;
}

#main li {
    margin: 0 0 0 21px;
    line-height: 1.3;
    list-style-type: circle;
}

sup {
    vertical-align: top;
    font-size: 9px;
}

p.intro {
    font-size: 21px;
}

#review-status p {
    color: #f00;
    font-weight: bold;
}


/*  Nav
------------------------------------------------------------------------ */

#nav {
    position: relative;
    height: 50px;
    z-index: 1000;
}

#nav li {
    float: left;
    position: relative;
    display: inline;
    margin: 0;
    padding: 9px 0 11px;
    text-align: center;
}

#nav li a {
    display: block;
    padding: 0 23px;
    font-size: 24px;
    text-transform: lowercase;
    text-decoration: none;
    color: #000;
	font-weight: normal;
	font-style: normal;
	font-family: 'Antique3Regular', sans-serif;
	background: url('../img/nav-divider.png') no-repeat 100% 50%;
	text-align: center;
}

#home-page #nav li a {
    color: #fff;
}

/*#nav li a:hover {
    color: #e15a38 !important;
}
*/
#nav li:last-child a {
    background-image: none;
}

/*  Sub-nav
------------------------------------------------------------------------ */

/* pre-load sub-nav bg-images */
body:after {
    content: url('../img/bg-sub-nav-bottom.png') url('../img/bg-sub-nav-top.png');
    display: none;
}

#nav li:hover .sub-nav {
    display: block;
}

.sub-nav {
    display: none;
    position: absolute;
    top: 30px;
    left: 50%;
    width: 216px;
    margin-left: -108px;
    padding: 0 0 13px;
    background: url('../img/bg-sub-nav-bottom.png') no-repeat 0 100%;
    z-index: 1000;
}

.sub-nav ul {
    width: 223px;
    padding: 28px 0 6px;
    background: url('../img/bg-sub-nav-top.png') no-repeat 0 0%;
    overflow: hidden;
}

.sub-nav ul li {
    width: 207px;
    padding: 0 !important;
}

#nav .sub-nav ul li a {
    display: block;
    padding: 2px 0;
    color: #fff;
}

#nav .sub-nav ul li a:hover {
    color: #000 !important;
}

#nav .sub-nav ul li:last-child a {
    border: 0;
}

/*  Tickets
------------------------------------------------------------------------ */

#tix-options {
    padding: 30px 0 0;
}

#tix-options div {
    clear: both;
    overflow: hidden;
    margin: 0 0 30px;
}

#tix-options p {
    font-size: 14px;
    width: 350px;
    float: right;
    overflow: hidden;
}

#tix-options h3 {
    float: left;
    width: 190px;
}

#performance-schedule {
    padding: 30px 0 0;
}

#performance-schedule table {
    width: 550px;
    margin: 0 0 48px;
}

#performance-schedule thead td {
    border-bottom: 1px solid #444;
    font-weight: bold;
}

#performance-schedule td {
    border-right: 1px solid #444;
    padding: 8px 12px 8px;
    text-align: center;
    font-size: 16px;
}

#performance-schedule td.last {
    border-right: none;
}

/*  Cast
------------------------------------------------------------------------ */

.bio {
    overflow: hidden;
    margin: 0 0 30px;
}

.bio img {
    float: left;
    margin: 0 24px 0 0;
}

.bio p {
    overflow: hidden;
    text-align: justify;
}

.bio h3 span {
    font-size: 28px;
}

/*  News
------------------------------------------------------------------------ */

#news-articles .article {
    margin: 0 0 30px;
}

/*  Slideshow
------------------------------------------------------------------------ */

#home-slide-show {
    position: absolute;
    top: 36px;
    left: -278px;
    width: 742px;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

#slide-show {
    position: relative;
    width: 380px;
    height: 530px;
    overflow: hidden;
}

#slide-pager {
    margin: 8px 0 0 14px;
}

#slide-pager span {
    display: block;
    float: left;
    width: 8px;
    height: 8px;
    margin: 0 3px 0 0;
    background-color: #646464;
    cursor: pointer;
}

#slide-pager span.activeSlide {
    background-color: #e15a38;
}

/*  Photo gallery
------------------------------------------------------------------------ */

#photo-gallery li {
    list-style-type: none;
    float: left;
    padding: 4px;
    background: #666666;
    margin: 0 20px 24px 0;
}

#photo-gallery li img {
    border: 2px solid #fff;
}


/*  Social
------------------------------------------------------------------------ */

.social-network {
    display: block;
    width: 530px;
    padding: 10px;
    margin: 0 0 30px;
    background-color: #f9fbfc;
    clear: both;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 1px solid #fff;
}


#main .social-network h3 {
    float: left;
    padding: 18px 0 0;
}

#main .social-network img {
    float: left;
    vertical-align: middle;
    margin: 0 30px 0 0;
}

.social-network:hover {
    border-bottom: 1px solid #bacfd8;
    background-color: #eaf6fc;
    text-decoration: none !important;
}

/*  Reviews
------------------------------------------------------------------------ */

#reviews-page #main h3 {
    margin: 0 0 24px;
    font-size: 28px;
    text-transform: none;
}

#reviews-page #main h4 {
    margin: 0;
}

#reviews-page #main p {
    margin: 0 0 48px;
}

/*  E-card
------------------------------------------------------------------------ */

#ecard-page #side {
    width: 250px;
}

#ecard-page #main {
    width: 700px;
}


#ecard-form label {
    display: block;
    width: 270px;
    margin: 0 0 5px;
    font-weight: bold;
    
}

#ecard-form input,
#ecard-form textarea {
    width: 244px;
    padding: 3px;
    margin: 0 0 12px;
    border: 1px solid #444;
}

#ecard-form select {
    width: 253px;
    margin: 0 0 12px;
}

#ecard-form #ecard-send {
    width: auto;
}

#ecard-form #error-message {
    margin: 0 0 12px;
}

#ecard-page td {
    vertical-align: top;
}

#ecard-message {
    white-space: pre-line;
    width: 320px;
}

/*  Downloads
------------------------------------------------------------------------ */

.downloads {
    margin: 0 0 30px;
}

/*  Audience reviews.
------------------------------------------------------------------------ */

#review-form {
    overflow: hidden;
    padding: 0 0 15px;
    border-bottom: 1px solid #444;
    margin: 0 0 15px;
}

#review-form label {
    float: left;
    display: block;
    width: 183px;
    font-weight: bold;
}

#review-form input,
#review-form textarea {
    width: 160px;
    padding: 3px;
    margin: 4px 0 12px;
    border: 1px solid #444;
}

#review-form textarea {
    width: 528px;
    height: 80px;
}

#review-form #ecard-send {
    width: auto;
}

#review-form #error-message {
    margin: 0 0 12px;
}

#review-form #review-save {
    width: auto;
    clear: both;
}

#review-form label em {
    font-size: 10px;
}

#audience-reviews {
    clear: both;
}

#audience-reviews .section {
    margin: 0 0 30px;
}

#audience-reviews small {
    position: relative;
    top: -24px;
    color: #666;
    display: block;
    font-size: 11px;
}


/*  Video
------------------------------------------------------------------------ */

.video {
    padding: 10px;
    margin: 0 0 48px;
    background-color: #646464;
}

#video-page #main h4 {
    margin: 0 0 12px;
}




/*  Media player
------------------------------------------------------------------------ */

#media-player-wrapper {
    display: none;
    position: absolute;
    top: 100px;
    left: 50%;
    width: 924px;
    height: 555px;
    margin-left: -450px;
    z-index: 2020;
}

#media-player {
    width: 900px;
    height: 531px;
    padding: 0 12px;
    background: #000;
    border: 1px solid #2d2d2d;
    overflow: visible;
}

/*#media-player-object {
    position: relative;
    width: 800px;
    height: 475px;
}

#media-controls {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#progress-bar {
    position: absolute;
    bottom: 6px;
    left: 70px;
    width: 468px;
    height: 3px;
    background: #000;
}

#elapsed {
    width: 0;
    height: 100%;
    background: #fff;
}
*/
#btn-close {
    display: none;
    position: absolute;
    top: -15px;
    left: -20px;
    width: 43px;
    height: 44px;
    background: url('../img/btn-close.png') no-repeat;
    text-indent: -9999px;
    z-index: 2000;
}

#btn-play {
    float: left;
    display: block;
    width: 16px;
    height: 18px;
    margin: 0 6px 0 12px;
    text-indent: -9999px;
    background: url('../img/btn-play-pause.png') no-repeat;
}

#btn-pause {
    float: left;
    display: block;
    width: 16px;
    height: 18px;
    margin: 0 0 0 12px;
    text-indent: -9999px;
    background: url('../img/btn-play-pause.png') no-repeat -27px 0;
}

/*  Home page btn's
------------------------------------------------------------------------ */

#btn-speak-truth {
    position: absolute;
    top: 50px;
    right: -40px;
    z-index: 100;
}

#quotes {
    position: absolute;
    top: 50px;
    right: -40px;
    z-index: 100;
    width: 380px;
    height: 64px;
    overflow: hidden;
}


#btn-play-video {
    position: absolute;
    top: 140px;
/*    right: 0;*/
    right: 50px;
    z-index: 100;
}

#btn-get-tix {
    display: block;
    position: absolute;
    top: 130px;
/*    right: 0; */
    right: 50px;
    z-index: 100;
}

/* position tix btn when video plays */
.video-playing {
    top: 60px !important;
    z-index: 100000 !important;
}

/*  Awesome cloud.
------------------------------------------------------------------------ */

#awesome-cloud {
    border-bottom: 1px solid #000;
}

#awesome-cloud .words {
    padding: 12px;
    margin-bottom: 24px;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    line-height: 2em !important;
}

#awesome-cloud .words a {
    color: #646464;
    text-decoration: none;
}

.font-size-1 {
    color: #74dfff;
    font-size: 18px;
}

.words {
    overflow: hidden;
}

.words li {
    display: block;
    float: left;
    margin: 0 5px !important;
    line-height: 40px;
    
}

.words li a {
    font-weight: normal !important;
    
}

.highlight {
    background-color: yellow;
}

/*  Review bubble
------------------------------------------------------------------------ */

/* pre-load */
body:after {
    content: url("../img/bg-review-bubble-ii.png") url('../img/bg-pointer-ii.png') url('../img/btn-close-bubble.png');
    display: none;
}

#review-bubble {
    display: none;
    position: absolute;
    top: 70px;
    right: 0;
    width: 408px;
    height: 242px;
    padding: 20px;
    background: url('../img/bg-review-bubble-ii.png');
    z-index: 1000;
}

#review-bubble .content {
    height: 242px;
    overflow: auto;
}

#review-bubble .section h4 {
    margin: 0 0 4px;
}

#review-bubble .section p {
    padding-right: 12px;
    line-height: 1.2
}

#awesome-cloud .pointer {
    width: 27px;
    height: 19px;
    background: url('../img/bg-pointer-ii.png') no-repeat;
    z-index: 1010;
}

#review-bubble .btn-close {
    position: absolute;
    top: 12px;
    left: -23px;
    width: 25px;
    height: 33px;
    background: url('../img/btn-close-bubble.png') no-repeat;
    z-index: 1000;
    cursor: pointer;
}