/* SCREEN.CSS
   This is where all styles for on-screen media are declaired
   
   --------------------------------------------------------------------------------------------------------------------------
   FILE INFO
   Revision number:  1.0
   Last updated:     2008/07/21
   Last updated by:  Matt Wilcox
                     matt@viewcreativegroup.com
   ----------------------------------------------------------------------------------------------------------------------- */

/* =global_reset | based on http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
   ----------------------------------------------------------------------------------------------------------------------- */
   
   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; }

   /* 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; }

/* =typography | based on http://alistapart.com/articles/settingtypeontheweb/
                          http://24ways.org/2006/compose-to-a-vertical-rhythm/
   ----------------------------------------------------------------------------------------------------------------------- */
   body {
     font : 75%/1.5 Helvetica, Ariel, Verdana, sans-serif; }
   html > body {
     font-size : 12px; }
   div, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   address, img, dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
     margin-bottom : 1.5em; }
   h1, h2, h3, h4, h5, h6 { font-family : Georgia, "Times New Roman", Times, serif; color : #B57C40; }
   h1 { font-size : 18px; line-height: 18px; margin : 0 0 18px 0; font-weight : normal; }
   h2 { font-size: 18px; line-height: 18px; margin : 0 0 18px 0; font-weight : normal; }
   h3 { font-size : 16px; line-height : 18px; margin : 0 0 18px 0; font-weight : normal;  }
   h4, h5, h6 {
     font-size : 14px; line-height: 18px; margin : 0 0 18px 0; }
   
/* =design | now the browser reset and basic typographic layout is done, lets get designing
   ----------------------------------------------------------------------------------------------------------------------- */
   
/* =html =body */
   html { background : #24170E url(../images/html.jpg) 60px 0 fixed; }
   body {  }

/* =h1 */
   h1 {  }
   
/* =h2 */
   #content_supp h2 {
     background-color : #eee; }
     
   #nav_main h2,
   #site_info h2,
   #language h2 {
     display : none; }
     
  .home #content_main #widget_productions h2,
  #content_main #boxout h2 {
     position : absolute; top : -20px; left : 0;
     display : block; width : 130px; height : 25px; padding : 25px 30px 0 30px;
     background : url(../images/home-column.png) 0 0 no-repeat; color : #fff; }
     
   .blog-item .post .one-third h2 {
     position : absolute; top : -20px; left : 0;
     display : block; width : 130px; height : 25px; padding : 25px 30px 0 30px;
     background : url(../images/home-column.png) 0 0 no-repeat; color : #fff; }
     
/* =h3 */
   #site_info h3 {
     margin-bottom : 6px; border-bottom : 1px solid #362A1C; padding-bottom : .5em;
     font-size : 18px; text-align : center; }

   #widget_news-blog h3,
   #widget_productions h3,
   .blog-archive .information h4,
   .production-archive .information h4 {
     position : absolute; top : -20px; left : 0;
     display : block; width : 130px; height : 25px; padding : 25px 30px 0 30px;
     background : url(../images/home-column.png) 0 0 no-repeat; color : #fff; }
     
   .blog-item .information h2,
   .blog-item .information h3,
   .blog-item .information h4 {
     font-size : 14px; }
   .blog-item .information h2 {
     font-weight : bold; }
   .blog-item h2.comments,
   .blog-item #content form h2 {
     border-bottom : 1px dotted #999; padding-bottom : .5em; }
     
/* =h4 */
   .home #widget_news-blog h4,
   .home #widget_productions h4 {
     margin-bottom : 0; padding-top : 1em; border-top : 1px solid #bbb; }
   .home #widget_news-blog h4.first,
   .home #widget_productions h4.first {
     margin-bottom : 0; padding-top : 0; border-top : 0; }
     
   .blog-archive .infrmation h4,
   .blog-archive .information h5,
   .blog-item .information h3,
   .blog-item .information h4,
   .production-archive .infrmation h4,
   .production-archive .information h5 {
     margin : 0;
     font-weight : normal; }

/* =p */
   p.accessibility {
     position : absolute;
     margin : -3.5em 0 0 0;
     z-index : 2; }
     
     
   blockquote p {
     font-size : 12px; }
   blockquote.one-third p {
     font-size : 16px; }

   blockquote p:before {
     content : "\201c"; }
   blockquote p:after {
     content : "\201d"; }
     
   blockquote p.author {
     font-weight : bold; margin-top : -1em; margin-bottom : 2em; padding-bottom : 2em; border-bottom : 1px dashed #999;}
   blockquote.one-third p.author {
     border-top : 1px dotted #666; border-bottom : 0; padding-bottom : 0; margin-bottom : inherit; margin-top : inherit; }
   blockquote p.author:before,
   blockquote p.author:after {
     content : ""; }
     
   .attributed p {
     margin-bottom : 0; }
     
   p.pagination {
     clear : both;
     border-top : 3px double #999; padding-top : 1em; }
     
   #content_main > h2 + p,
   #content_main > h1 + p,
   #content_main > h2 + a + p,
   #production > h1 + p {
     font-size : 18px; font-family : Georgia, "Times New Roman", Times; }
     
   label p.error {
     padding : .5em; color : #fff;
     background : #c00; text-align : left; }
     
   #site_info p {
     position : relative; left : auto; top : auto; bottom : auto; right : auto;
     border-bottom : 1px solid #362A1C; padding-bottom : 1em;
     font-size : 12px; }
   #site_info p.copyright {
     position : absolute; right : 26px; top : 14px; font-size : 11px; }
   #site_info form p {
     display : none; }
   #site_info p.viewcreative {
     position : absolute; left : 0; bottom : -50px;
     border : 0; margin : 0; }
     
   .error #site_info p.viewcreative { bottom: auto; margin-top:50px;}

   #nav_main p {
     position : absolute; top : -22px; left : 330px;
     color : #a5a5a5; }
     
   .home #widget_news-blog .intro,
   .home #widget_productions .intro,
   #media_gallery .intro {
     border-bottom : 1px solid #bbb; padding-bottom : .5em; }
   #widget_news-blog .meta,
   #widget_productions .meta {
     font-size : 11px; margin-bottom : .5em; }
   #media_gallery .intro2 {
     border-bottom : 1px solid #bbb; border-top : 1px solid #bbb; padding : .5em 0; }
     
   .blog-archive .post .one-third p,
   .blog-item .post .one-third p,
   .production-archive .post .one-third p {
     margin-bottom : .5em; }
   .blog-archive .readmore,
   .production-archive .readmore {
     clear : both; margin-top : 12px; }
     
   .contact #content_main .privacy p {
     margin-bottom : 0; }
     
   .production #nav_main p,
   .blog-item #nav_main p {
     top : -42px; }
     
/* =blockquote */
   blockquote.pullquote {
     font-family : Georgia,"Times New Roman",Times; font-size : 16px; }
   blockquote.pullquote.one-third {
     float : left; margin-right : 12px; }

/* =em =strong =del =ins =abbr =acronym =code */
   em          { font-style : italic; }
   strong      { font-weight : bold; }
   del         { text-decoration : line-through; }
   ins         { text-decoration : none; color : #006; }
   del[title],
   ins[title]  { cursor : help; }
   acronym,
   abbr        { text-decoration : none; border-bottom : none; font-style : italic; cursor : help; }
   code        { font-family : dialogue, 'Courier New', courier, serif; }
   sup         { vertical-align : super; font-size : .8333em; }
   sub         { vertical-align : sub; }
   
/* =address */
   address {  }

/* =dl =dt =dd */
   dl {  }
   dt {
     margin-bottom : 0;
     font-weight : bold; font-style : italic; }
   dd {
     margin-top : 0;
     border-left : .3em solid #ddd; padding : .5em 0 0 .7em; }
   
/* =ul */
   #content ul {
     margin-left : 1em;
     list-style : disc outside; }
   #nav_main ul {
     margin : 0 0 0 22px; width : 200px;
     font-size : 18px; font-family : Georgia, "Times New Roman", Times; list-style : none outside; }
   #nav_main ul li ul { width: 178px; font-size:16px;}
   #language ul {
     position : absolute; top : -26px; left : 710px;
     width : 240px; height : 26px; margin : 0; }
   
   #widget_productions ul {
     display : block; margin-left : -8px; width : 160px;
     list-style-type : none; overflow : hidden; }
     
   #content ul.cast,
   #content ul.crew {
     margin-left : 0; }
   
   #boxout ul {
     margin-left : 1em; }
   
/* =ol */
   #content ol {
     margin-left : 1.6em;
     list-style : decimal outside; }

/* =li */
   li {
     margin : .5em 0; }
   #nav_main li {
     border-bottom : 1px dotted #512D15; margin : 6px 0 0 0; }
   #nav_main li ul li {  border-bottom : 1px dotted #874B22; margin-bottom:-1px;}
     
   #widget_productions li {
     float : left;
     display : block; margin-left : 8px; width : 72px; height : 52px; }
     
   ul.cast li,
   ul.crew li {
     border-bottom : 1px dotted #ddd; padding-bottom : 0;
     list-style-type : none; clear : both; overflow : hidden; }
   ul.crew li {
     padding-bottom : .75em; }

   #language ul li {
     list-style-type : none; }
   .download_list li { margin-left:20px; }
/* =img */
   img { border : none; }
   .attributed img {
     margin : 0; border: 1px solid #AE7B44; }
   a img {
     margin : 0; }
   
   #widget_productions ul img {
     display : block; margin : 0; }
     
   ul.cast li img {
     float : left; margin-right : 12px; }
     
   .two-thirds.writer img {
     float : left; margin-right : 24px; margin-top : 12px; /*border : 3px solid #B3885B;*/ }
   .two-thirds.writer img#sellotape {
     position : absolute; left : 350px;
     float : none; margin : -6px 0 0 0; z-index : 400;
     -webkit-box-shadow: none; -moz-box-shadow: none; }
   div.writer img {
     -webkit-transform : rotate(-1deg); -moz-transform : rotate(-1deg); -webkit-box-shadow: -1px 6px 12px #937A64; -moz-box-shadow: -1px 6px 6px #937A64; }
          
   /* webkit animation on hover, mozilla gets fancy effects but no animation */
   ul.cast li img {
     -webkit-transition-property: -webkit-transform, -webkit-box-shadow;
     -webkit-transition-duration: .5s, 1s; }
   ul.cast li:hover img {
     -webkit-transform : rotate(-2deg); -webkit-box-shadow: -1px 2px 3px #937A64;
     -moz-transform : rotate(-2deg); -moz-box-shadow: -1px 3px 3px #937A64; }
     
   .cycle-lite img {
     margin : 0; padding : 0; display : block; }
   
   .home #content_main #widget_productions img {
     margin-bottom : 1.5em; }

/* =hr */
   hr { display : none; }

/* =a */
   a:link    { color : #c06; text-decoration : none; }
   a:visited { color : #c06; text-decoration : none; }
   a:hover   { text-decoration : underline; }
   a:focus   { background-color : #ff9; color : #333; }
   a:active  { background-color : #ff6; color : #000; outline : none; }
/*   :target   { background-color : #ff6; }*/
   
   p.accessibility a {
     margin : 0; padding : 0; line-height : 1em; }
   p.accessibility a:focus {
     position : absolute; left : 1em;
     margin-top : 2.5em;
     background-color : #ffff99; }
     
   #site_context a.link-home,
   #page_context a.link-home {
     position : absolute; left : 0; top : -25px;
     display : block; width : 338px; height : 119px;
     text-indent : -999em; overflow : hidden; background : url(../images/h1.png) 0 0; z-index : 300; }
     
   #nav_main li a {
     display : block; padding : 0 0 0 6px;
     color : #512D15; }
   #nav_main p a {
     color : inherit; }
   #nav_main p a,
   #nav_main p a:hover {
     color : #fff; }
     
   #language ul li a {
     position : absolute; left : 0; top : 0;
     display : block; width : 116px; height : 20px; padding : 3px; }
   #language ul li#lang_2 a {
     left : 122px;
     width : 112px; }
     
   a.rss {
     padding-left : 16px;
     background : url(../images/rss-12x12.png) 0 50% no-repeat; }
   p.readmore a {
     padding : 6px; background-color : #c06; color : #fff; }
   p.readmore a:focus {
     background-color : #ff9; color : #000; }
     
   #widget_productions li a {
     display : block;
     border : 1px solid #75441A; }
   #widget_productions li a:hover,
   #widget_productions li a:focus {
     border-color : #fff; }
     
   #site_info p.viewcreative a {
     display : block; width : 145px; height : 25px;
     background : url(../images/viewcreative.png) 0 0 no-repeat; text-indent : -999em; overflow : hidden; }
     
   ul.cast a,
   ul.crew a {
     display : block; 
     font-size : 1.2em; }
     
   #site_info div a {
     color : #362A1C; }
 

   .download_list li a { font-size:16px; margin-right: 4px; }
     
/* =table */
   table {
     width : 100%; border-top : 1px solid #8B623C; }
   #showings table {
     width : 97%; }

/* =caption */
   caption {  }

/* =thead */
   thead {
     text-align : left; background : #CBAD83; color : #fff; }

/* =tfoot */
   tfoot {
     background-color : #ddd; }
   
/* =tbody */
   tbody {  }
   
/* =tr */
   tbody tr { border-bottom : 1px solid #8B623C; }
   tbody tr.tr-odd { background-color : #F7E5D0; }
   tbody tr:hover { background-color : #E5D0B5; }
   
/* =th */
   th {
     font-weight : bold; padding : 6px 4px; }

/* =td*/
   td {
     padding : 6px 4px; }

/* =form */
   form {
     position : relative;
     width : 100%;
     overflow : hidden; }
     
   #nav_main form {
     margin : 0; }
     
   #site_info form {
     position : absolute; top : -105px; left : 0;
     display : block; width : 265px; height : 112px;
     background : transparent url(../images/footer.gif) 0 0 no-repeat; }
   body.cy #site_info form {
     background-image : url(../images/footer_cy.gif); }
     
   #comment-form {
     clear:both; }
   
/* =fieldset */
   #site_info fieldset {
     position : absolute; top : 62px; left : 30px; }
   body.cy #site_info fieldset {
     top : 32px; }

   .contact #content_main fieldset {
     border-top : 1px solid #ccc; padding-top : 1em; }

/* =legend */
   legend {
     margin : 0 0 1em 0; font-weight : bold; }
   
   #nav_main legend,
   #site_info legend {
     display : none; }
     
/* =label */
   label {
     position : relative; /* so we can absolutely position errors */
     display : block;
     overflow : hidden; /* so no collapsing float issues */ }
     
   #site_info label {
     float : left;
     width : 80px; margin-right : 6px; }
   body.cy #site_info label {
     width : 100px; }
   
   .blog-item label[for="comment"] span,
   .contact label[for="message"] span {
     display : none; }
      
/* =input */
   input[type="text"],
   input[type="password"],
   textarea {
     border : 1px solid #999; }
   input[type="text"]:focus,
   input[type="password"]:focus,
   textarea:focus {
     background-color : #ffd; }
     
   label input {
     width : 97%; }
   .boolean input {
     width : auto; margin-right : .5em; }
     
/* =textarea */
    textarea {
      width : 99%; height : 7.2em; }

/* =select */
   label select {
     width : 100%; }
   select:focus {
     background-color : #ff9; }
     
/* =div */
   #container {
     position : relative;
     width : 940px; padding-left : 46px; margin : 70px 0 70px 5px; }
   #page_context,
   #site_context  {
     height : 290px; padding-left : 274px; /* content area is 660px wide */ margin : 0;
     background : transparent none 264px 0px no-repeat; }
     
   #content {
     margin-top : 0;
     background : #faf2ec url(../images/content.jpg) 50% 0; overflow : hidden; }
   #content_main {
     float : right;
     width : 630px; min-height : 660px; margin : 14px 20px 0 0; padding-left : 20px; }
   #nav_main {
     float : left;
     width : 253px; margin : -200px 0 0 10px; padding-bottom : 170px;
     background : url(../images/logos.gif) 30px 100% no-repeat; }

   #site_info {
     position : relative;
     height : 340px; margin-top : -25px;
     background : url(../images/footer.gif) 0 -105px no-repeat; }
   #site_info div div {
     margin-top : 90px; background : #E9DDD1;
     -webkit-box-shadow: -1px 6px 12px #111; -moz-box-shadow: -1px 6px 6px #111; }
   #site_info div#footer-news-1 {
     background : url(../images/footer-news-1.jpg) 0 0 no-repeat;
     -webkit-transform : rotate(-1deg); /* mozilla font rendering under transform is awful, so no transform for mozilla! -moz-transform : rotate(-1deg); */ }
   #site_info div#footer-news-2 {
     background : url(../images/footer-news-2.jpg) 0 0 no-repeat;
     -webkit-transform : rotate(-2deg); /* mozilla font rendering under transform is awful, so no transform for mozilla! -moz-transform : rotate(-2deg);*/ }
   #site_info div#footer-news-3 {
     background : url(../images/footer-news-3.jpg) 0 0 no-repeat;
     -webkit-transform : rotate(1.5deg);/* mozilla font rendering under transform is awful, so no transform for mozilla! -moz-transform : rotate(1.5deg);*/ }
   #site_info div#si_news {
     display : block; overflow : hidden; padding : 0; margin : 0;
     background-color : transparent; }
     
   .home #widget_news-blog,
   .home #widget_productions,
   #content_main #boxout {
     position : relative;
     margin-top : 10px; width : 150px; padding : 40px 20px 0 20px;
     background : url(../images/home-column.png) 0 100% no-repeat; }
   .home #content_main #widget_productions,
   #content_main #boxout {
     position : relative;
     margin-top : 10px; width : 150px; padding : 40px 20px 0 20px;
     background : url(../images/home-column.png) 0 100% no-repeat; }
     
   .blog-archive .post,
   .blog-item .post,
   .production-archive .post {
     border-top : 1px dotted #999; padding-top : 1em;
     overflow : hidden; clear : both; }
   .blog-archive .information,
   .blog-item .information,
   .production-archive .information {
     position : relative;
     margin-top : 22px; width : 150px; padding : 50px 20px 10px 20px;
     background : url(../images/home-column.png) 0 100% no-repeat; }
   .blog-item .comment {
     padding-bottom : 0px; border-bottom : 1px dotted #ccc;
     overflow : hidden; }
   .blog-item .comment.last {
     border-bottom : none; }
     
   .contact #content_main .privacy {
     padding : 11px; width : 166px;
     border : 1px dotted #999; }
      
   .production-archive #site_context {
     height : 0; }
      
   .production #content_main {
     background : transparent url(../images/paper.jpg) no-repeat scroll 0 35px; }
   .production #page_context,
   .production #site_context  {
     background : transparent url(../images/h1.png) 440px 50% no-repeat; }
 /*  .production .one-third #tabbed_content_2 {
     background : url(../images/scroll-bottom.jpg) 0 0 no-repeat; }*/
   
   .cycle-lite {
     position : absolute; top : 18px; left : 310px;
     display : none; margin : 0; padding : 0; } /* hidden by default, JS brings it back */
   .cycle-title {
     position : absolute; top : 274px; right : 16px;
     margin : 0; padding : .25em .5em; -moz-border-radius-topleft : 6px; -webkit-border-top-left-radius : 6px;
     background : rgba(224, 203, 172, 0.85); color : #512D15; z-index : 400; text-align : right; }
	
   .error #site_context { height: 100px;}
   .error #nav_main { margin-top: 200px;}
     
/* =span */
   label span {
     display : block; }
   label.boolean span {
     display : inline; }
     
   #language ul li a span {
     position : absolute; left : 0; top : 0;
     display : block; width : 122px; height : 26px;
     background : url(../images/language.gif) 0 -26px no-repeat; }
   #language ul li#lang_2 a span {
     width : 118px;
     background-position : -122px 0; }
   .cy #language ul li#lang_1 a span {
     background-position : 0 0; }
   .cy #language ul li#lang_2 a span {
     background-position : -122px -26px; }
   span#load { padding: 10px;font-size: 32px;  font-family : Georgia, "Times New Roman", Times; 
	 border-top : 1px solid #ccc; border-bottom : 1px solid #ccc;
    padding : .25em 0; color : #65381A; 
    background: url(/assets/images/ajax-loader.gif) no-repeat 100% 50%; padding-right: 30px;}
   #content #tabbed_content_2 ul.castcrew_tabs li a span { text-indent:-999em; display:block;}
     
   
/* =layout-classes */
   .float-left {
     float : left;
     margin-right : 30px; }
   .float-right {
     float : right;
     margin-left : 30px; }
     
   img.float-left {
     margin : 4px 14px 0 0; border : 1px solid #333; }
   img.float-right {
     margin : 4px 0 0 14px; border : 1px solid #333; }
     
   /* full width portions */
   .one-third {
     width : 190px; text-align : left; /* text align to show column bounds */ }
   .two-thirds {
     width : 410px; text-align : left; /* text align to show column bounds */ }
   .half {
     width : 300px; text-align : left; /* text align to show column bounds */ }

	.two-thirds.writer { width: 390px;}
     
   .production .one-third.castcrew {
     padding-left : 30px;
	 margin-left:-30px;
     background : transparent url(../images/paper-cast.jpg) no-repeat scroll -430px -18px; }
     
   /* portions inside a two-thirds portion */
   .two-thirds .one-third {
     width : 116px; text-align : left; /* text align to show column bounds */ }
   .two-thirds .two-thirds {
     width : 262px; text-align : left; /* text align to show column bounds */ }
   .two-thirds .half {
     width : 135px; text-align : left; /* text align to show column bounds */ }
     
   /* portions inside the footer */
   #site_info .one-third {
     width : 273px; padding : 10px; text-align : left; /* text align to show column bounds */ }
   #site_info .two-thirds {
     width : 596px; padding : 10px; text-align : left; /* text align to show column bounds */ }
   #site_info .half {
     width : 455px; text-align : left; /* text align to show column bounds */ }
     
   /* portions inside the production page */
   .production .book .one-third {
     width : 180px; }
   .production .book textarea,
   .production .book input[type=text] {
     width : 94.5%; }
     
   .float-left.last {
     margin-right : 0; }
   .clear {
     clear : both; }
   .attributed {
     padding : 9px; border : 1px solid #AE7B44;
     background-color : #E9D7BF; }
     
/* experimenting with the media gallery */
   #media_gallery {
     position : absolute; top : 130px; left : 986px;
     width : 240px; height : 569px; margin : 0;
     background : transparent url(../images/media_bg.png) 0 0 no-repeat; overflow : hidden; z-index:1; /* z-index to fix Opera bug */ }
   #media_gallery h2 {
     padding : 6px;
     background-color : #c06; color : #fff; }
   #media_gallery ul {
     margin : 0 0 10px -8px;
     list-style-type : none; overflow : hidden; }
   #media_gallery ul li {
     float : left; margin-left : 18px; }
   #media_gallery ul li a {
     display : block; border : 1px solid #75441A; }
   #media_gallery ul li a img {
     display : block; }
   #media_gallery #sizer {
     width : 180px; margin : 20px; }
     
/* Presentational styles
     Yes we are stooping to presentational styles, but this is an art site and we want styling that doesn't map to semantics */
   .style-1 {
     font-size : 32px; line-height : 1.3em; font-family : Georgia, "Times New Roman", Times;
     border-top : 1px solid #ccc; border-bottom : 1px solid #ccc;
     padding : .25em 0; color : #65381A; }
   .style-2 {
     font-size : 18px; font-family : Georgia, "Times New Roman", Times; }

   #site_info .meta {
     font-size : 11px; margin-bottom : 1.6em; padding-bottom : 0; border-bottom : 0; }

/* JavaScript generated widgets */
   .ui-tabs-hide {
     display: none; }
   #content ul.production-tabs, #content ul.ui-tabs-nav {
     width : 640px; height : 35px; margin-left : -10px; 
     list-style-type : none; background : url(../images/tabs_production.jpg) 0 0 no-repeat; }
   body.cy #content ul.ui-tabs-nav, body.cy #content ul.production-tabs {
     background-image : url(../images/tabs_production_cy.jpg); }
   .ui-tabs-nav li,.production-tabs li {
     display : inline; margin : 0; }
   .ui-tabs-nav li a, .production-tabs li a {
     float : left;
     display : block; margin : 0; height : 35px; }
   .ui-tabs-nav li.ui-tabs-selected a, .production-tabs li.selected a  {
     border-bottom-color : #FCF2E9; }
     
   #content ul.ui-tabs-nav li.production a, #content ul.production-tabs li.production a {
     display : block; width : 138px; height : 35px; text-indent : -999em; overflow : hidden; }
   #content ul.ui-tabs-nav li.cast-crew a, #content ul.production-tabs li.cast-crew a {
     display : block; width : 122px; height : 35px; text-indent : -999em; overflow : hidden; }
   #content ul.ui-tabs-nav li.showings a, #content ul.production-tabs li.showings a {
     display : block; width : 121px; height : 35px; text-indent : -999em; overflow : hidden; }
   #content ul.ui-tabs-nav li.reviews a, #content ul.production-tabs li.reviews a {
     display : block; width : 121px; height : 35px; text-indent : -999em; overflow : hidden; }
   #content ul.ui-tabs-nav li.book a, #content ul.production-tabs li.book a {
     display : block; width : 138px; height : 35px; text-indent : -999em; overflow : hidden; }
     
   #content ul.ui-tabs-nav li.production.ui-tabs-selected a, #content ul.production-tabs li.production.selected a {
     background : url(../images/tabs_production.jpg) 0 -35px no-repeat; }
   #content ul.ui-tabs-nav li.cast-crew.ui-tabs-selected a, #content ul.production-tabs li.cast-crew.selected a {
     background : url(../images/tabs_production.jpg) -138px -35px no-repeat; }
   #content ul.ui-tabs-nav li.showings.ui-tabs-selected a,  #content ul.production-tabs li.showings.selected a {
     background : url(../images/tabs_production.jpg) -260px -35px no-repeat; }
   #content ul.ui-tabs-nav li.reviews.ui-tabs-selected a, #content ul.production-tabs li.reviews.selected a {
     background : url(../images/tabs_production.jpg) -381px -35px no-repeat; }
   #content ul.ui-tabs-nav li.book.ui-tabs-selected a, #content ul.production-tabs li.book.selected a {
     background : url(../images/tabs_production.jpg) -502px -35px no-repeat; }


   #tabs_menu a:focus,
   #content #tabbed_content_2 ul.castcrew_tabs li.cast a:focus,
   #content #tabbed_content_2 ul.castcrew_tabs li.crew a:focus, 
   #content #tabbed_content_2 ul.production-tabs li.cast a:focus,
   #content #tabbed_content_2 ul.productions-tabs li.crew a:focus{ background-color : transparent; }
  #load { display:none;}
	
   
   body.cy #content ul.ui-tabs-nav li.production.ui-tabs-selected a, body.cy #content ul.production-tabs li.production.selected a {
     background-image : url(../images/tabs_production_cy.jpg); }
   body.cy #content ul.ui-tabs-nav li.cast-crew.ui-tabs-selected a, body.cy #content ul.production-tabs li.cast-crew.selected a {
     background-image : url(../images/tabs_production_cy.jpg); }
   body.cy #content ul.ui-tabs-nav li.showings.ui-tabs-selected a, body.cy #content ul.production-tabs li.showings.selected a {
     background-image : url(../images/tabs_production_cy.jpg); }
   body.cy #content ul.ui-tabs-nav li.reviews.ui-tabs-selected a, body.cy #content ul.production-tabs li.reviews.selected a {
     background-image : url(../images/tabs_production_cy.jpg); }
   body.cy #content ul.ui-tabs-nav li.book.ui-tabs-selected a, body.cy #content ul.production-tabs li.book.selected a {
     background-image : url(../images/tabs_production_cy.jpg); }
   
   #content #tabbed_content_2 ul.castcrew_tabs {
     width : 190px; height : 35px; margin-left : 0;  
     list-style-type : none; background : url(../images/tabs_production_sub.jpg) 0 0 no-repeat; }
   .castcrew_tabs li {
     display : inline; margin : 0; }
   #tabbed_content_2 .castcrew_tabs li a {
     float : left;
     display : block; margin : 0; height : 35px; color : #fff; }
    #tabbed_content_2 .castcrew_tabs li.selected a  {
     border-bottom-color : #FCF2E9; }
   
     
   #content #tabbed_content_2 h2 {
     color : #512D15; }
   #content #tabbed_content_2 a {
     color : #fff; }
     
   #content #tabbed_content_2 ul.ui-tabs-nav li.cast a, #content #tabbed_content_2 ul.castcrew_tabs li.cast a {
     display : block; width : 84px; height : 35px; text-indent : -999em; overflow : hidden; }
   #content #tabbed_content_2 ul.ui-tabs-nav li.crew a, #content #tabbed_content_2 ul.castcrew_tabs li.crew a {
     display : block; width : 71px; height : 35px; text-indent : -999em; overflow : hidden; }
     
   #content #tabbed_content_2 ul.ui-tabs-nav li.cast.ui-tabs-selected a, #content #tabbed_content_2 ul.castcrew_tabs li.cast.selected a {
     background : url(../images/tabs_production_sub.jpg) 0 -35px no-repeat; }
   #content #tabbed_content_2 ul.ui-tabs-nav li.crew.ui-tabs-selected a,#content #tabbed_content_2 ul.castcrew_tabs li.crew.selected a  {
     background : url(../images/tabs_production_sub.jpg) -84px -35px no-repeat; } 
     
/* experimenting with alternate homepage design 1 */
   .alt1 #site_context {
     height : 0; }
   .alt1 #nav_main,
   .production-archive #nav_main {
     margin-top : 90px; }
   .alt1 #content_main > h2 + p,
   .alt1 #content_main > h1 + p,
   .alt1 #content_main > h2 + a + p,
   .contact #content_main div > h1 + p,
   .production h1,
   .production-archive #content_main > h1 + p {
     font-size : 32px; line-height : 1.3em; font-family : Georgia, "Times New Roman", Times;
     border-top : 1px solid #ccc; border-bottom : 1px solid #ccc;
     padding : .25em 0; color : #65381A; }
     
/* Some overrides, Matt R 18/11/08 */

.production blockquote {
  font-family : Georgia,"Times New Roman",Times; font-size : 16px;
  float : left; margin-right : 12px; width: 190px; }
  
#content .no-booking ul.ui-tabs-nav, #content .no-booking ul.production-tabs {
  background-image : url(../images/tabs_production_no-book.jpg); }
  
/* Matt W fiddling */
   .production label input {
     border-top : 0; border-left : 0; border-right : 0; border-bottom : 1px dashed #999;
     color : #006; background : transparent;
     font-family : "Comic Sans MS"; font-size : 16px; }
   .production label textarea {
     color : #000; background : transparent;
     font-family : "Comic Sans MS"; font-size : 16px; }
   .production #production {
     padding-right : 20px; }