/*
========================================================================
Title:    Club Salvation Stylesheet (Screen)
Author:   jamie.webster@orcawebsites.com
========================================================================
*/

* {
    margin: 0;
    padding: 0;
    line-height: 100%;
    list-style-type: none;
    }

body {
    background: #000 url(/images/bg.png) no-repeat top center;
    text-align: center;
    }



/*
========================================================================
Common Styles
========================================================================
*/

div, p, span, li, dd, dt, th, td, legend, h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #999;
    }

div, p, span, li, dd, dt, th, td {
    font-weight: normal;
    font-size: 12px;
    }

div, p, span, dd, dt, th, td, label {
    line-height: 160%;
    }

p, ul, ol, table {
    padding: 8px 0;
    }

h1, h2, h3, h4, h5, h6, legend {
    line-height: 120%;
    font-weight: normal;
    text-transform: uppercase;
    }

h2, legend {
    font-family: Arial Narrow, Arial;
    font-weight: bold;
    font-size: 27px;
    color: #FFF;
    }

h3 {
    font-size: 21px;
    font-family: Helvetica;
    font-weight: bold;
    text-transform: none;
    color: #FFF;
    }

.text,
.smalltext,
.mediumtext,
.largetext,
.password {
    height: 16px;
    width: 155px;
    border: 1px solid #666;
    background: #FFF;
    color: #000;
    font-size: 11px;
    font-size: 10px;
    padding-left: 1px;
    }

.image {
    position: absolute;
    }

select.dropdown {
    background: #000;
    border: 1px solid #FFF;
    color: #FFF;
    }

a {
    color: #E10E35;
    text-decoration: none;
    outline: none;
    }

a:hover {
    color: #FFF;
    }

:focus {
    -moz-outline-style: none;
    }

pre {
    text-align: left;
    color: #FFF;
    }

label {
    font-weight: bold;
    }

fieldset {
    border: none;
    }



/*
========================================================================
Basic Layout
========================================================================
*/

#container {
    width: 990px;
    margin: 0 auto;
    text-align: left;
    }


    /* === Header === */

    #header {
        width: 990px;
        height: 197px;
        float: left;
        position: relative;
        }

            #newsletter_signup {
                width: 169px;
                position: absolute;
                right: 0;
                }
            #newsletter_signup p {
                color: #FFF;
                font-size: 10.5px;
                }
                    #newsletter_signup fieldset {
                        border: none;
                        }
                        #newsletter_signup ul {
                            padding: 0;
                            }
                            #newsletter_signup #input_email {
                                float: left;
                                }
                        #newsletter_signup li.submit {
                            margin: 0;
                            }
                        #newsletter_signup li.submit {
                            float: left;
                            }

        #positioning_statement {
            position: absolute;
            top: 140px;
            }

        #pri_nav {
            width: 800px;
            position: absolute;
            top: 168px;
            }
            #pri_nav ul {
                list-style: none;
                padding: 0;
                }
                #pri_nav li {
                    float: left;
                    }
                    #pri_nav a {
                        padding-right: 10px;
                        text-transform: uppercase;
                        font-family: Arial Narrow, Arial;
                        font-size: 14px;
                        font-weight: bold;
                        text-decoration: none;
                        color: #FFF;
                        }
                    #pri_nav a:hover {
                        color: #CCC;
                        }
                    #pri_nav .selected {
                        background: url(/images/selected.png) center left no-repeat;
                        padding-left: 12px;
                        }

            #search_box {
                width: 169px;
                position: absolute;
                right: 0;
                top: 165px;
                }
                    #search_box fieldset {
                        border: none;
                        }
                        #search_box ul {
                            padding: 0;
                            }
                            #search_box #input_search {
                                float: left;
                                }
                        #search_box li.submit {
                            margin: 0;
                            }
                        #search_box li.submit {
                            float: left;
                            }

    /* === Body === */

    #body {
        width: 100%;
        float: left;
        }

#middle {
    width: 990px;
    background: #000;
    height: 270px;
    border: 1px solid #666;
    float: left;
    }
    #logo {
        width: 53px;
        height: 270px;
        float: left;
overflow: hidden;
        }

#flash_container {
.padding-top: 10px;
    width: 522px;
    margin-left: 10px;
    float: left;
    }
    #flash_panel {

        float: right;
        }
    #middle_copy {
        margin: 0 40px;
        margin-top: 30px;
        float: right;
        width: 315px;
        }
    #middle_copy p {
        margin-top: 10px;
        }
.homeheading {
    display: none;
    }
#page_home #middle_copy h2 {
    display: none;
    font-size: 1px;
    }

#page_home .hometitle {
display: block;
font-size: 21px;
font-weight: bold;
color: #FFF;
line-height: 130%;
}

        #content {
            width: 990px;
            float: left;
            }
            #messages {
                background: #000;
                border: 1px solid #FFF;
                margin: 0 0 20px 0;
                padding: 10px 0 0 0;
                }
                #messages p {
                    margin: 0 10px 10px 10px;
                    padding: 0 0 0 23px;
                    background-repeat: no-repeat;
                    color: #FFF;
                    font-weight: bold;
                    }
                    #messages p.ok {
                        background-image: url(/images/icn_tick.png);
                        }
                    #messages p.error {
                        background-image: url(/images/icn_error.png);
                        }
                    #messages p.info {
                        background-image: url(/images/icn_info.png);
                        }
            #footer {
                width: 100%;
                border-top: 1px solid #666;
                padding-top: 10px;
                float: left;
                margin: 30px 0;
                }
                #footer ul {
                    list-style: none;
                    padding: 0;
                    }
                    #footer li {
                        display: inline;
                        }
                #footer a {
                    padding: 5px 0 0 0;
                    font-size: 10px;
                    }

#links {
float: left;
width: 600px;
}

#facebook {
float: right;
width: 100px;
text-align: right;
}

#facebook img {
border: 0;
}

#page_home #footer {
margin-top: 0;
}

/*
========================================================================
Home Page
========================================================================
*/

#page_home {
    }

#buttons {
    float: left;
    width: 194px;
    height: 285px;
    background: #202020;
    text-align: center;
    }
    #buttons ul {
        padding: 0;
        margin-top: 16px;
        }

.vip li {
    background: url(/images/membership.png);
    width: 171px;
    height: 50px;
    margin-left: 12px;
    .margin-left: 2px;    
    overflow: hidden;
    }
.student li {
    display: none;
    background: url(/images/button_student.png);
    width: 171px;
    height: 50px;
    margin-left: 12px;
    .margin-left: 2px;     
    overflow: hidden;
    }

.booth li {
    display: none;
    background: url(/images/map.png);
    width: 171px;
    height: 50px;
    margin-left: 12px;
    .margin-left: 2px;    
    overflow: hidden;
    }

.tickets li {
    background: url(/images/freeguestlist.png);
    width: 171px;
    height: 50px;
    margin-left: 12px;
    .margin-left: 2px;     
    overflow: hidden;
    }
.night_planner li {
    background: url(/images/nightplanner.png);
    width: 171px;
    height: 66px;
    margin-left: 12px;
    .margin-left: 2px;     
    overflow: hidden;
    }


#nights {
    width: 500px;
    float: left;
    padding-top: 10px;
    padding-left: 10px;
    }
#nights img{width:155px;}

.promoflyer {
    height: 100%;
    color: #000;
    float: left;
    width: 155px;overflow:hidden;
    }
    .night {
        width: 280px;
        margin-left: 20px;
        float: left;
        }
    .night ul {
        padding: 0;
        }
        .night_name {
            float: left;
            width: 280px;
            height: 111px;
            background: url(/images/nightbg.png);
            position: relative;
            }
        .night_name h3 {
            padding: 10px;
            position: absolute;
            top: 68px;
            font-weight: normal;
            }
        li.night_info {
             float: left;
             width: 100%;
             }
        .night_info p {
             padding: 0;
             }

.nighttext {
width: 280px;
float: left;
margin-top: 10px;
}
.nighttext p {
padding: 0;
}

#video {
    margin-top: 10px;
    float: right;
    width: 257px;
    }

.children .date {
display: none;
}


/*
========================================================================
Newsletter
========================================================================
*/

#newsletter p.email label {
    width: 100px;
    display: block;
    float: left;
    }

#newsletter p.fullname label {
    width: 100px;
    display: block;
    float: left;
    }

/*
========================================================================
Forms
========================================================================
*/

#form {
    }
    #form li {
        margin: 0 0 8px 0;
        width: 100%;
        float:left;
        }
        #form label {
            float: left;
            width: 100px;
            margin: 0 10px 0 0;
            }
        #form li p {
            //padding: 0px;
            float: left;
            width: 100%;
            }
#form ul.radio_buttons {
    float: left;
    }
    #form ul.radio_buttons li {
        float: none;
        }
#form ul.radio_buttons label {
    float: none;
    }

/*
========================================================================
Contact Page
========================================================================
*/

#page_contact {
    }
    #page_contact #additional {
        width: 250px;
        float: left;
        margin: 20px 0 0 0;
        }
    #page_contact #fields {
        width: 250px;
        float: right;
        margin: 20px 0 0 0;
        margin-bottom: 45px;
        }
        #fields .text {
            width: 250px;
            }
        #fields .mediumtext {
            height: 180px;
            width: 250px;
            }

/*
========================================================================
Gallery
========================================================================
*/

.article {
    margin-top: 20px;
    border-bottom: 1px solid #666;
    width: 100%;
    float: left;
    }
.article_inner {
    float: left;
    width: 100%;
    }
        .thumbnail { 
            padding-left: 15px;
            padding-bottom: 15px;
            width: 125px;
            height: 125px;
            float: left;
            _padding-bottom: 0px;
            _margin-bottom: 0px;
            }
        .thumbnail a {
            float: left;
            }
            .thumbnail a img {
                float: left;
                }
        .article_info {
            float: right;
            width: 650px;
            padding: 20px;
            }
            .article_info h3 {
                text-transform: uppercase;
                }            
            .article_info p.date {
                font-weight: bold;
                color: #FFF;
                }

#section.imagegallery .thumbnail { width: 270px; height: 270px; }


#gallery {

    padding: 25px;
    }
    #children_wrapper {
        margin-top: 20px;
        width: 100%;
        float: left;
        margin-bottom: 25px;
        }
        .children {
             width: 150px; 
             float: left;
             }
             #gallery img {
                 border: 0;
                 }

/*
========================================================================
Events
========================================================================
*/

#event_container {
    margin: 25px;
    }

.column1 {
    float: left;
    }

.column2 {
    float: left;
    width: 350px;margin-left:20px;
    }

.column3 {
    float: left;
    width: 300px;
    }
    .facebook {
        margin-bottom: 15px;
        }
    .facebook img {
        margin-right: 10px;
        }
    .facebook a {
        font-weight: bold;
        }
    .voucher {
        margin-bottom: 20px;
        }

/*
========================================================================
FAQ's
========================================================================
*/

#faqs {
    }
    #faq_index dt {
        margin: 20px 0 0 0;
        font-weight: bold;
        }
        #faq_index dt.on {
            }
        #faq_index dt.off {
            }

/*
========================================================================
Jobs
========================================================================
*/

#jobs {
    }
    #job_index {
        margin: 10px 0 0 0;
        }
        dl.job {
            width: 100%;
            float: left;
            border-bottom: 1px solid #990000;
            padding: 10px 0;
            }
            dl.job dt.job_title {
                font-size: 14px;
                }
            dl.job dd.salary,
            dl.job dd.salary span {
                font-size: 14px;
                }
            dl.job dd.summary {
                margin: 10px 0 0 0;
                }
            dl.job dd.requirements {
                margin: 10px 0 0 0;
                }
            dl.job h3 {
                font-weight: bold;
                }
#job {
    }
    #job #thumbnail {
        float: right;
        margin: 0 20px 20px 0;
        }
    #job h3 {
        margin: 20px 0 0 0;
        }

/*
========================================================================
Privacy Policy & Other Things
========================================================================
*/

#page_privacy_policy #additional li {
    list-style-type: disc;
    line-height: 160%;
    margin-left: 20px;
    padding: 5px;
    }

#content {
    margin-top: 20px;
    background: #1F1F1F;
    border: 1px solid #666666;
    float: left;
    }
#page_home #content {
    margin-top: 0px;
    background: #000;
    border: 0;
    }

#copy, #faqs, #jobs {
    padding: 10px 20px;
    }

#search {
    padding: 25px;
    }

#children_wrapper2 {
display: none;
}

#page_newsletters #children_wrapper2 {
display: block;
}

#copy .input_submit {
padding-bottom: 45px;
}


/* Promo Panel */
.promo_panel {}
.promo_panel #promo-controller { margin-bottom: 15px; }
.promo_panel #promo-controller a { display: block; float: left; }
.promo_panel #promo-controller li.prev a { width: 34px; height: 35px; background: url(/images/prev.png) no-repeat;}
.promo_panel #promo-controller li.next a { width: 34px; height: 35px; background: url(/images/next.png) no-repeat; }
.promo_panel #jPromoSlide { clear: both; }
.promo_panel #promo-slides { height: 210px !important; }
.promo_panel #promo-controller {
width: 180px;
float: left;
height: 50px;
padding:0;
margin-top: 20px;
}

.promo_panel #promo-controller li {
display: inline;
padding: 0;
float: left;
padding: 1px;
border: 0;
}

#promo-controller img {
border: 0;
}

#promo-controller a {
text-indent: -9999px;
}

#additional li {
padding: 10px;
list-style: disc;
margin-left: 30px;
}

#fields .date, .email, .numeric, .dropdown {
background: #FFF;
width: 250px;
border: 1px solid #000;
}

/* Flash Panel (Additional Styles) */
.flash-panel { width: 522px; float: right; height: 250px; }
.flash-panel .slide-text { background: #000; position: absolute; height: 100%; width: 125px; .width: 150px; right: 0px; padding: 20px; padding-top: 5px; }
.flash-panel .slide-text[class] {  }
.slide-text, .slide-text p { color: #FFF; font-size: 100%; }
.slide-text a { color: #FFF; border-bottom: 1px dotted #FFF; }
.slide-text a:hover { background: #FFF; color: #000; border-bottom: none; text-decoration: none; }
/* Embedded Video */
p.video { padding: 0; }
a.videoembed { position: relative; }
a.videoembed img { padding: 0; border: none; }
div.playButton { background: url(/images/icon-video_play.png); width: 100px; height: 77px; position: absolute; .top:130px; left: 50%; opacity: 0.85; margin-top: -105px; margin-left: -50px; z-index: +1; }
div.playButton:hover { opacity: 0.90; }
 

.largetext {
width: 250px;
height: 150px;
}
#page_feedback #input_submit {
margin-left: 110px;
}

#page_feedback #content h2 {
display:none;
}

#page_parties #summary {
display:none;
}

#page_about_us #additional {
width: 100%;
float: left;
}

#page_about_us #fields {
width: 100%;
float: left;
.margin-top: 20px;
}

#page_gallery .date {
display: none;
}

#page_resident_djs #summary {
display:none;
}

#page_guest_list h2 {
display:none;
}

#page_about_us #content h2 {
display: none;
}

.date {
color: #999;
}

.frame {
position: absolute;
z-index: 1;
}

.videoembed img {
width: 200px;
height: 153px;
position: absolute;
top: 12px;
left: 10px;
}

#video {
width: 257px;
height: 213px;
position: relative;
background: url(/images/vidbg.png);
}

.playButton {
left: 0 !important;
margin: 0 !important;
top: 50px;
.top: 50px !important;
left: 60px !important;
}


.video_container {
position: relative;
width: 218px;
height: 175px;
top: 18px;
left: 20px;
}

embed {
width: 218px !important;
height: 175px !important;
position: absolute;
top: 0px;
left: 0px;
}

#video_summary {
float: right;
width: 257px;

}

#search .article_info { width: 95%; }