@charset "UTF-8";

/* import core styles from yaml */
@import url(/yaml/core/base.css);
/* default styles for all elements */
@import url(/yaml/screen/content_default.css);
/* style for forms */
@import url(/css/forms.css);
/* style for our navigation */
@import url(/css/navigation.css);
/* base positioning of content */
@import url(/css/positioning.css);

@media screen, projection
{
    /**************************************
     *
     * General styles for elements
     *
     */

    body {
        color: #fff; 
        background: #2e2e2e url("/images/bck.png") repeat-y;
        background-position: center;
        cursor: default; /* fix for IE */
        font-family:'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
    }


    a:focus,
    a:hover,
    a:active { 
        background-color: transparent; 
        text-decoration: none; 
        cursor: pointer; /* fix for IE */
    }

    a, a:visited { 
        color: #e0ac20;
        background-color: transparent;
    }
    
    p {
        text-align: justify;
        font-family: Arial;
        font-weight: 600;
        font-size: 110%;
        line-height: 140%;
    }

    h1, h2, h3, h1 a, h2 a, h3 a {
        color: #ab7a0f;
        font-family:'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
        font-weight: 600;
    }

    h2 {
        font-family: "DejaVu Sans Bold", sans-serif;
    }

    blockquote {
        color: #fff;
        margin:0 0 1em 1.6em;
    }

    tbody tr:hover td {
        background: #000 none repeat scroll 0 0;
    }

    /********************************************************************
     *
     * Global styles on specific ids or classes
     *
     */

    #page {
        background: #000;
    }

    a#logo_slogan {
        display: block;
    }

    #copyright {
        display: block;
        padding: 5px 0 0 0;
    }

    .img_swap {
       margin: 0; 
       padding: 0;
       position: relative;
       overflow: hidden;
       font-size: 50%;
    }

    .img_swap span {
        display: block;
        position: absolute; 
        left: 0; 
        top: 0; 
        z-index: 1;
        margin: 0; 
        padding: 0;
    }

    #logo_slogan {
       width: 226px; 
       height: 62px;
       color: #000;
    }

    #logo_slogan span {
        width: 226px; 
        height: 62px;
        background: url("/images/logo-slogan.png") top left no-repeat;
    }

    .page_logo {
        position: relative;
        top: 60px;
        left: 195px;
        width: 320px; 
        height: 60px;
        color: #000;
    }

    .page_logo span {
        display: block;
        width: 320px; 
        height: 60px;
        background: #000 no-repeat 0 5px;
    }

    #footer {
        position: relative;
        top: -10px;
        margin: 0px -10px 0 -10px;
        padding: 20px;
    }

    .inner_page #page {
        background: url("/images/green-stripe.gif") repeat-x scroll 0px 60px;
    }

    /* move the vert stripe on all inner pages up to meet the vertical pic stripe */
    .inner_page #footer {
        top: -38px; 
        background: url("/images/green-stripe.gif") repeat-x;
    }

    .product_page #main {
        position: relative;
        top: -37px;
        height: 544px;
        background: no-repeat scroll 220px 0px;
    }

    .product_page .show_info h3 {
        font-weight: 900;
        font-family: "DejaVu Sans Bold", sans-serif;
        font-size: 160%;
        margin: 0;
        padding: 2px 0 0 5px;
        position: relative; /* fix for IE */
    }

    .product_page .show_info ul {
        font-family: Arial;
        font-weight: 600;
        font-size: 110%;
        padding: 5px 0 9px 15px;
        background: repeat-x -8px 0;
        margin: -8px 0 10px 0;
    }

    .product_page .show_info li {
        list-style-type: none;
        line-height: 120%;
        margin: 0;
    }

    .product_page #learn_more {
        font-family: Arial;
        font-weight: 600;
        font-size: 110%;
        text-align: right;
        padding: 0;
        margin: 0;
    }

    .product_page #time_info.show_info ul {
        background-image: none;
    }

    .product_page #ticket_info.show_info ul {
        background-image: none;
    }

    .product_page #ticket_info.show_info li {
        color: #ab7a0f;
        list-style-type: square;
        margin: 0 0 0 15px;
    }
    
    .success_message {
        padding: 20px 150px 0 150px;
    }

    .emphasis {
        font-weight: 800;
        font-size: 140%;
    }

    .hear_about {
        width: 350px;
    }

    #recaptcha {
        margin: 10px;
    }

    span.block {
        display: block;
        margin: 5px 0;
    }



    /***************************************************************
     *
     * Styles for error500, error404
     *
     */

    #error500_page p, #error404_page p {
        padding: 50px 150px 0 150px;
    }



    /***************************************************************
     *
     * Styles for pics 
     *
     */

    #pics_page #page {
        background-image: url("/images/blue-stripe.gif");
    }
    
    #pics_page #main {
        background-image: url("/images/pics-sliver.jpg");
    }

    #pics_page #footer {
        background-image: url("/images/blue-stripe.gif");
    }

    /* col1_content */

    #pics_logo {
        width: 300px; 
        height: 70px;
    }

    #pics_logo span {
        width: 300px; 
        height: 70px;
        background-image: url("/images/pics-logo.png");
    }


    /* col3_content */

    #pics_page #col3_content {
        padding: 150px 0 0 0;
    }
    
    

    /***************************************************************
     *
     * styles for press 
     *
     */

    #press_page #main {
        background-image: url("/images/press-sliver.jpg");
        /* this is the height of the sliver 
        height: 850px; */
    }
    

    /* col1_content */

    #press_logo {
        width: 280px; 
    }

    #press_logo span {
        width: 280px; 
        background-image: url("/images/press-logo.png");
    }


    /* col3_content */
        

    #press_page #col3_content {
        padding: 125px 0 0 0;
        width: 325px;
    }



    /***************************************************************
     *
     * styles for jobs 
     *
     */

    #jobs_page #page {
        background-image: url("/images/blue-stripe.gif");
    }

    #jobs_page #main {
        background-image: url("/images/jobs-sliver.jpg");
    }
    
    #jobs_page #footer {
        background-image: url("/images/blue-stripe.gif");
    }

    /* col1_content */
    #jobs_logo {
        height: 70px;
    }

    #jobs_logo span {
        height: 70px;
        background-image: url("/images/jobs-logo.png");
    }


    /* col3_content */

    #jobs_page #col3_content {
        padding: 130px 0 0 0;
    }

    /*
    #jobs_page #col3_content p.first_p {
        background: url("/images/blue-black-gradient-large.png") repeat-x;
        padding: 0 5px;
    }
        */

    #jobs_page #view_roles a {
        color: #ab7a0f;
        font-size: 140%;
        text-decoration: underline;
    }
        


    /***************************************************************
     *
     * styles for jobs_apply 
     *
     */

    #jobs_apply_page #page {
        background-image: url("/images/blue-stripe.gif");
    }

    #jobs_apply_page #main {
        padding-top: 20px;
        height: 725px;
    }
    
    #jobs_apply_page #footer {
        background-image: url("/images/blue-stripe.gif");
    }

    /* col1_content */

    #jobs_apply_page #col1_content {
        margin-right: 30px;
    }

    #jobs_apply_page h2 {
        color: #356673;
    }


    /* col3_content */

    #jobs_apply_page #col3_content {
    }



    /***************************************************************
     *
     * styles for the_tale_tickets_page
     *
     */

    #the_tale_tickets_page #main {
        height: 720px; 
        padding: 20px 10px;
    }

    #the_tale_tickets_page #page {
        background-image: url("/images/blue-stripe.gif");
    }
    
    #the_tale_tickets_page #footer {
        background-image: url("/images/blue-stripe.gif");
    }

    #the_tale_tickets_form .float_left {
        width: 50%;
    }

    #the_tale_tickets_form .type-select select,
    #the_tale_tickets_form .type-text input {
        width: 70%;
    }



    /***************************************************************
     *
     * styles for killing_rick_tickets_page
     *
     */

    #killing_rick_tickets_page #main {
        height: 760px; 
        width: 760px;
        padding: 20px 10px;
    }

    #killing_rick_tickets_page #page {
        background-image: url("/images/blue-stripe.gif");
    }
    
    #killing_rick_tickets_page #footer {
        background-image: url("/images/blue-stripe.gif");
    }

    #killing_rick_tickets_page #col1 {
        padding: 0 20px 0 0;
    }
    #killing_rick_tickets_page #col3 {
        width: 320px;
    }

    #killing_rick_tickets_form #shows {
        width: 300px;
        font-family:"Courier New",Courier,Fixed,monospace;
        font-size: 90%;
    }

    #killing_rick_tickets_form #participants {
        width: 30%;
    }

    #killing_rick_ticket_info_page #page {
        background-image: url("/images/blue-stripe.gif");
    }
    
    #killing_rick_ticket_info_page #footer {
        background-image: url("/images/blue-stripe.gif");
    }

    #killing_rick_ticket_info_page #main {
        height: 800px; 
        padding: 20px 10px;
    }


    /***************************************************************
     *
     * styles for contact 
     *
     */

    #contact_page #main {
        background-image: url("/images/contact-sliver.jpg");
        height: 656px; 
    }


    /* col1_content */

    #contact_page .page_logo {
        left: 170px;
    }

    #contact_logo span {
        background-image: url("/images/contact-logo.png");
    }


    /* col3_content */
        

    #contact_page #col3_content {
        padding: 125px 0 0 0;
    }

    
    
    /***************************************************************
     *
     * styles for reviews 
     *
     */

    #reviews_page #page {
        background-image: url("/images/red-stripe.gif");
    }
    
    #reviews_page #main {
        background-image: url("/images/reviews-sliver.jpg");
    }

    #reviews_page #footer {
        background-image: url("/images/red-stripe.gif");
    }

    /* col1_content */

    #reviews_logo {
        width: 260px; 
        height: 60px;
    }

    #reviews_logo span {
        width: 320px; 
        height: 60px;
        background-image: url("/images/reviews-logo.png");
    }


    /* col3_content */
        

    #reviews_page #col3_content {
        padding: 130px 0 0 30px;
    }



    /***************************************************************
     *
     * styles for tickets 
     *
     */

    #tickets_page #page {
        background-image: url("/images/blue-stripe.gif");
    }
    
    #tickets_page #main {
        background-image: url("/images/tickets-sliver.jpg");
    }

    #tickets_page #footer {
        background-image: url("/images/blue-stripe.gif");
    }

    /* col1_content */


    #tickets_logo span {
        background-image: url("/images/tickets-logo.png");
    }


    /* col3_content */
        

    #tickets_page #col3_content {
        padding: 130px 0 0 30px;
    }

    #tickets_page #col3_content h2 {
        margin: 0 0 -12px 20px;
        position: relative;
    }
    
    #tickets_page #col3_content p {
        background: url("/images/blue-black-gradient.png") repeat-x -10px 6px;
        margin: -10px 0 30px 15px;
        padding: 10px 20px 0 20px;
    }



    /***************************************************************
     *
     * styles for faq 
     *
     */

    #faq_page #main {
        background-image: url("/images/faq-sliver.jpg");
        /* this is the height of the sliver */
        height: 850px;
    }
    

    /* col1_content */

    #faq_logo {
        width: 280px; 
    }

    #faq_logo span {
        width: 280px; 
        background-image: url("/images/faq-logo.png");
    }


    /* col3_content */
        

    #faq_page #col3_content {
        padding: 125px 0 0 0;
        width: 325px;
    }

    #faq_page #col3_content p {
        background: url("/images/green-black-gradient.png") repeat-x -10px 6px;
        margin: -10px 0 10px 15px;
        padding: 10px 20px 0 20px;
    }

    #faq_page #col3_content h3 {
        margin: 0 0 -12px 20px;
        position: relative;
    }

    #faq_page #col3_content span.title {
        font-style: italic;
    }



    /***************************************************************
     *
     * styles for astronomical_clock_page 
     *
     */

    #astronomical_clock_page #main {
        height: 575px; 
        padding: 30px;
    }



    /***************************************************************
     *
     * styles for about 
     *
     */

    #about_page #page {
        background-image: url("/images/red-stripe.gif");
    }

    #about_page #main {
        background-image: url("/images/about-sliver.jpg");
        height: 915px; 
    }
    
    #about_page #footer {
        background-image: url("/images/red-stripe.gif");
    }

    /* col1_content */

    #about_logo span {
        background-image: url("/images/about-logo.png");
    }


    /* col3_content */
        

    #about_page #col3_content {
        padding: 130px 0 0 0;
        width: 322px;
    }

    #about_page #col3_content h2 {
        margin: 0 0 -14px 20px;
        position: relative;
    }

    #about_page #col3_content p {
        background: url("/images/red-black-gradient-xlarge.png") repeat-x -10px 6px;
        margin: -10px 0 10px 15px;
        padding: 10px 20px 0 20px;
    }

    
        

    /***************************************************************
     *
     * styles for Killing Rick 
     *
     */

    #killing_rick_page #page {
        background-image: url("/images/blue-stripe.gif");
    }

    #killing_rick_page #main {
        background-image: url("/images/killing-rick-sliver.jpg");
    }
    
    #killing_rick_page #footer {
        background-image: url("/images/blue-stripe.gif");
    }


    /* col1_content */

    #killing_rick_logo span {
        background-image: url("/images/killing-rick-logo.png");
    }

    #killing_rick_page #time_info {
        position: relative;
        top: 310px;
        left: 200px;
        background: #000;
    }


    /* col3_content */
        

    #killing_rick_page #col3_content {
        padding: 120px 0 0 80px;
    }

    #killing_rick_page .show_info ul {
        background-image: url("/images/blue-black-gradient.png");
    }


    #killing_rick_page #ticket_info {
        position: relative;
        top: 100px;
        left: 30px;
        background: #000;
    }

    #killing_rick_page #ticket_info h3, #killing_rick_page #learn_more a {
        color: #356673;
    }


    /***************************************************************
     *
     * styles for The Tale 
     *
     */

    #the_tale_page #page {
        background-image: url("/images/red-stripe.gif");
    }

    #the_tale_page #main {
        background-image: url("/images/the-tale-sliver.jpg");
    }

    #the_tale_page #footer {
        background-image: url("/images/red-stripe.gif");
    }


    /* col1_content */

    #the_tale_logo {
        width: 217px; 
    }

    #the_tale_logo span {
        width: 217px; 
        background-image: url("/images/the-tale-logo.png");
    }

    #the_tale_page #time_info {
        position: relative;
        top: 350px;
        left: 205px;
        background: #000 none;
    }


    /* col3_content */

    #the_tale_page #col3_content {
        padding: 113px 0 0 50px;
    }

    #the_tale_page .show_info ul {
        background-image: url("/images/red-black-gradient-small.png");
    }

    #the_tale_page .show_info ul.usp_large {
        background-image: url("/images/red-black-gradient-large.png");
    }

    #the_tale_page #ticket_info {
        position: relative;
        top: 100px;
        left: 75px;
    }

    #the_tale_page #ticket_info h3, #the_tale_page #learn_more a {
        color: #8b0000;
    }
    



    /***********************************************************
     * 
     * styles for index
     *
     */

    #index #nav {
        position: relative;
        top: 5px;
    }

    #index #col1_content {
        background-color: #332f00;
        padding: 0 0 0 3px;
        margin: 0px;
        width: 229px;
        height: 378px;
        cursor: pointer;
    }

    #index #logo_slogan {
        color: #332f00;
    }
   
    #index #product_definition {
        position: relative;
        top: 215px;
        left: 0px;
    }
    
    #index #product_definition dt {
        font-size: 200%;
        font-weight: bolder;
        text-align: right;
        margin: 0 10px 10px 0; 
    }
    
    #index #product_definition dd {
        margin: 0 10px 0 0;
        text-align: right;
        font-size: 150%;
        font-style: italic;
        line-height: 120%;
    }

    #index #product_definition a {
        color: #fff;
    }

    #index #the_tale {
       margin: 0 0 0 10px ; 
       float: left;
       width: 229px; 
       height: 378px;
       cursor: pointer;
    }

    #index #the_tale span {
        width: 229px; 
        height: 378px;
        background: url("/images/the-tale-bck.jpg") top left no-repeat;
    }

    #index #killing_rick {
       margin: 0 0 0 10px ; 
       float: left;
       width: 229px; 
       height: 378px;
       cursor: pointer;
    }

    #index #killing_rick span {
        width: 229px; 
        height: 378px;
        background: url("/images/killing-rick-bck.jpg") top left no-repeat;
    }

    #bottom_tagline {
        padding: 5px;
    }
    
}