/*----------------------------------------
    Main stylesheet for: Cabaret Latte
    Author: Libby Chapman
    Email: Libby@simb.com.au
    Author website: http://www.simb.com.au
    ----------------------------------------*/ 
    
    /*----------------------------------------  
    Colour Master List
    
    text: #d2e2ff;
    light blue (h2): #e9f1ff
    h1: #fff;
    medium blue: #32498f
    gold: #eacb39
    ----------------------------------------*/ 

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,
ul, li{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0; 
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
    line-height: normal;
}  

/*scrollbars always visible in firefox to stop things moving round */
:root 
{
     overflow-y: scroll !important;
}

html
{
    margin: 0;
    padding: 0;
    background: #000;         
}

body
{        
    background-color: #040813;
    color: #d2e2ff;
    font: 0.9em/1.6em "trebuchet ms", georgia, sans-serif;      
    margin: 0 auto; 
    width: 960px;
}

h1, h2, h3, h4
{
    color: #fff;
    line-height: 1.3em;     
    padding-bottom: .6em;
}

p
{
    line-height: 1.6em;
    padding-bottom: .6em;    
} 

h1
{
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: bold; 
}

h2
{
    color: #e9f1ff;
    font-size: 1.2em;
    font-weight: bold;   
}

h3, h4
{
    font-size: 1.1em;  
}

h4
{
    color: #1a1a18;
    font-size: 1em;
}

a
{
    color: #accaff;
    text-decoration: none;      
    border-bottom: 1px dotted;
}

    a:hover
    {
        color: #fff; 
    }
    
    .plain
    {
        border: 0;
    }

ul li
{
    list-style-type: none;
    background: url(../images/bullet.gif) top left no-repeat;
    padding: 0 0 0.25em 10px;
    background-position: 0 6px;
}

.right
{
    float: right;
}

.left
{
    float: left;
    padding: 0 0.5em 0 0;
}

.textright
{
    text-align: right;
}

.textCenter
{
    text-align: center;
    margin-left: auto;
    width: 100%;
}

.highlight
{
    color: #eacb39;
}

.bold
{
    font-weight: bold;
}

.clear
{
    clear: both;
}

.padding
{
    padding: 20px;
}

blockquote
{
   border: 1px dashed #193281; 
      border-width: 1px 0;
    margin: 20px;
    padding: 10px;
    font-style: italic;
}

    .author
    {
        color: #accaff;
        font-size: 0.9em;
        font-weight: bold;           
    }
    
.divider
{
    border-bottom: 1px dashed #193281;
    display: block;
    height: 10px;
    margin-bottom: 20px;
    width: 100%;     
}       

/* Layout ------------------------------------------------------------------------------  */
#header
{
    width: 100%;              
}

#wrapper
{
    background: #040813 url(../images/footer.jpg) bottom left repeat-x;
    width: 960px;
    margin: 0 auto;
    min-height: 900px;
    border: 5px solid black;
    border-width: 0 1px;
    position: relative;    
}

#main
{
    margin-bottom: 140px;
    position: relative;
}

#content
{
    width: 640px; 
    margin-left: 40px; 
    min-height: 290px; 
    position: relative;           
}

    #home #content
    {
        width: 430px; 
        margin-left: 250px;        
    }
    
    #home h1
    {
      text-align: center;
    } 

#LHS
{
    position: absolute;
    width: 250px;
    bottom: -484px;   
}

#footer
{
    clear: both;
    width: 100%;
    text-align: right; 
    height: 320px;       
}

#outer
{
    width: 100%;
    background: url(../images/background_outer.jpg) bottom left repeat-x;     
}

/* Navigation ------------------------------------------------------------------------------  */   
#nav
{
    position: absolute;
        top: 0;
        right: 0;
    width: 233px;
    z-index: 1000;         
}

    #nav ul
    {     
        list-style: none;
        float: right;
    }
    
    #nav ul li
    {     
        margin: 0;
        padding: 0;         
    }
    
    #nav ul li a
    {
        display: block;       
        width: 233px;
        border: 0 none;
    }    
    
    #nav_home
    {
        background: url(../images/nav_home.png) top left no-repeat;
        height: 53px;          
    }
    
    #nav_home:hover, #home #nav_home
    {
        background-position: 0 -53px;         
    }
    
    #nav_about
    {
        background: url(../images/nav_about.png) top left no-repeat;
        height: 29px;                  
    }
    
    #nav_about:hover, #about #nav_about, #nav_performers:hover, #performers #nav_performers 
    {
        background-position: 0 -29px;         
    }    
    
    #nav_performers
    {
        background: url(../images/nav_performers.png) top left no-repeat; 
        height: 29px;                 
    }  
    
    #nav_photos
    {
        background: url(../images/nav_gallery.png) top left no-repeat;
        height: 30px;                          
    }
    
    #nav_photos:hover, #photos #nav_photos
    {
        background-position: 0 -30px;         
    } 
    
    #nav_media
    {
        background: url(../images/nav_media.png) top left no-repeat;
        height: 28px;                          
    }
        
    #nav_media:hover, #media #nav_media
    {
        background-position: 0 -28px;         
    }        
    
    #nav_shows
    {
        background: url(../images/nav_shows.png) top left no-repeat;
        height: 30px;                          
    }
    
    #nav_shows:hover, #shows #nav_shows
    {
        background-position: 0 -30px;         
    }  
    
    #nav_contact
    {
        background: url(../images/nav_contact.png) top left no-repeat;
        height: 75px;                          
    }
    
    #nav_contact:hover, #contact #nav_contact
    {
        background-position: 0 -75px;         
    }    
    
/* Tables. Yes, they were needed. ------------------------------------------------------------------------------  */      
.showcard
{
    border: 1px dashed #e9f1ff;  
    margin: 0.5em auto 1em auto;
    vertical-align: top;   
    width: 520px;
}

    .showcard td
    {
        padding: 10px;
        padding-top: 10px; 
        vertical-align: top;
    }
    
    .showcard th
    {
        background: url(../images/bk_grad.png) bottom center repeat-x;           
        border-bottom: 1px dashed #e9f1ff;  
        padding: 10px 10px 0 10px;           
    }
    
    .card
    {
        padding-right: 0 !important;
        width: 200px;                    
    }
    
    .showcard ul li
    {
        font-size: 0.9em; 
        line-height: 1.4em;
    }
    
    .showcard h3
    {
       font-weight: bold;
    } 
    
    .showcard strong
    {
       font-weight: bold;
    }
    
    .showcard img.right
    {
       margin: 0 0 10px 10px;
    }     
    
img#show
{
   position: absolute;
      top: -87px;
      left: -240px;
}