/* core */

html
{   
    overflow-x:hidden;
    }
    
html#noOverflow
{
    overflow:hidden;
    }

body
{
    padding:0;
    margin:0;
    border:none;
    font: normal 0.75em/1.3em arial, sans-serif;
    color: #000;
    }
    
form
{
    width:100%;
    overflow:hidden;
    }

p
{
    margin:0px;
    margin-bottom: 10px;
    }

div
{
    border:none;
    padding:0px;
    margin:0px;
    }
    
img
{
    padding:0;
    border:none;
    margin:0;
    }
    
ul
{
    list-style:none;
    padding:0;
    margin:0 0 10px 0;
    }
    
ul.bullets
{
     list-style-type:square;
     padding-left:14px;
    }
    
h1
{
    border:none;
    padding:0;
    margin:0;
    }

h2
{
    border:none;
    padding:0;
    margin:18px 0px 20px 0px;
    font-size:1.4em;
    }

h2#top
{
    margin:5px 0px 18px 0px;
    }

h3
{
    border:none;
    padding:4px 0px 6px;
    margin:0;
    font-size:1.1em;
    }
    
.clr
{
    clear: both;
    }
        
a
{
    font:normal arail, sans-serif;
    font-weight:bold;
    color:#000;
    }
    a:link, a:visited, a:active
    {
        text-decoration:underline;
        }
    a:hover
    {
        text-decoration:none;
        }
    a:link img, a:visited img, a:active img, a:hover img
    {
        border:none;
        }
        
.bold
{
    font-weight:bold;
    font-size:1.1em;
    }

fieldset, legend
{
    border:none;
    margin:0;
    padding:0;
    }   
    
blockquote
{
    border:none;
    padding:0px 0px 10px 0px;
    margin:0;
    line-height:1.7em;
    }    
    blockquote .source
    {
        text-align:right;
        }   
        
.expandable
{
    float: left; 
    }
    
.workshop
{
    clear: both;
    min-height: 25px;
    }
    .workshop a.click-info
    {
        padding: 5px 0 6px 5px;
        display: block;
        float: right;   
        text-decoration: underline;  
        cursor: hand;
        cursor: pointer;   
        }  
    .workshop a.click-info:hover
    {
        text-decoration: none;
        }

p.video
{
    margin:10px 0 10px;    
    }
        
.hidden 
{
    clear: both;
    }
 

            
/* content */
    
#graf-header
    {
        top:57px;
        left:340px;
        position:absolute;
        z-index:2;
        }
        
#surgery-header
{   
    top:28px;
    left:320px;
    position:absolute;
    z-index:2;
    }
    
div#pseudo-content
{
    padding-bottom:1000px;
    margin-left:-100px;
    }
    
p.creditAlignRight
{
    margin:0px;
    margin-top:-10px;
    float:right;
    font-size:0.9em;
    padding-right:10px;
    }
        
p.creditAlignLeft
{
    margin:0px;
    margin-top:-5px;
    font-size:0.9em;
    }
        
span.bold
{
    font-weight:bold;
    }
    
blockquote .quote
{
    font-weight:bold;
    font-size:1.2em;
    line-height:1.1em;
    padding:0;
    margin:0;
    }
blockquote .source
{
    font-weight:bold;
    padding:0;
    margin:0;
    }
    

/* backgrounds */
    
#image-cache
{
    visibility:hidden;
    position:absolute;
    top:0px;
    left:0px;
    }

#home-gradient
{
    background-image:url(../images/bg-home-gradient.jpg);
    background-repeat:repeat-x;    
    }
    
#popup-gradient
{
    background-image:url(../images/bg-home-gradient.jpg);
    background-repeat:repeat-x;  
    }
    
.home-jonzi-image
{
    position:absolute;
    top:21px;
    left:231px;
    }
    
.home-katie-p-image
{
    position:absolute;
    top:35px;
    left:354px;
    }
    
.home-lil-tim-image
{
    position:absolute;
    top:0px;
    left:318px;
    }
    
#original-hip-hop-theatre
{
    position:absolute;
    top:38px;
    left:244px; 
    }
    
#markus-banner
{
	position:absolute;
	top:38px;
	left:604px;
	}
    
#get-in-touch-gradient
{
    background-image:url("../images/bg-mailing-gradient.jpg");
    background-repeat:repeat-x; 
    }    
#get-in-touch-splat
{
    position:absolute;
    top:0px;
    left:580px;
    z-index:1;
    }
    
#news-gradient
{
    background-image:url("../images/news-bg-gradient.jpg");
    background-repeat:repeat-x;
    }
#news-bg-swirl
{
    position:absolute;
    top:39px;
    left:0px;
    z-index:1;
    }
    
#about-us-gradient
{
    background-image:url("../images/about-us-bg-gradient.jpg");
    background-repeat:repeat-x;
    }

#about-us-bg-splat
{
    position:absolute;
    top:0px;
    left:152px;
    z-index:1;
    }
    
#productions-gradient
{
    background-image:url("../images/productions-bg-gradient.jpg");
    background-repeat:repeat-x;
    }
    
#productions-bg-jive
{
    position:absolute;
    top:14px;
    left:496px;
    z-index:1;
    }
    
#get-skooled-gradient
{
    background-image:url("../images/get-skooled-bg-gradient.jpg");
    background-repeat:repeat-x;
    }
    
#get-skooled-bg-splat
{
    position:absolute;
    top:0;
    left:254px;
    z-index:1;
    }
    
#education-bg-splat-i
{
    position:absolute;
    top:0;
    left:0px;
    z-index:1;
    }
    
#education-bg-splat-ii
{
    position:absolute;
    top:0;
    left:599px;
    z-index:1;
    }
    
#shout-outs-gradient
{
    background-image:url("../images/shout-outs-bg-gradient.jpg");
    background-repeat:repeat-x;
    }
#shout-outs-bg-jive
{    
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    }
    
#tour-dates-gradient
{
    background-image:url("../images/tour-dates-bg-gradient.jpg");
    background-repeat:repeat-x;
    }
#tour-dates-bg-splat
{
    position:absolute;
    top:0;
    left:3px;
  }

#content
{
    position:absolute;
    z-index:2;
    top:150px;
    left:29px;
    font-size: larger;
}
    
#logo
{
    top:20px;
    left:30px;
    position:absolute;
    z-index:2;
    }
    
        
    
/* columns */    

div#home-nav-column
{
    padding-top:4px;
    width:244px;
    float: left;
    /*padding-bottom:500px;*/
    }
    div#home-nav-column #nav-level-one
    {
        display: block;
        margin-bottom: 8px;
        }
    div#home-nav-column #nav-level-two
    {
        display: block;
        margin-bottom:208px;
        }
        
div#nav-column
{
    padding-top:4px;
    padding-right:95px;
    width:216px;
    float:left;
    }

#nav
{
    padding-bottom:17px;
    }
    #nav ul
    {
        list-style:none;
        }
        #nav ul li ul
        {
            padding-top:2px;
            }
    #nav li
    {
        }
    #nav a
    {
        display:block;
        text-indent:-100%;
        }
    a#nav-home
    {
        background-image:url("../images/nav-home.png");
        width:83px;
        height:32px;
        }
    a#nav-news
    {
        background-image:url("../images/nav-news.png");
        width:214px;
        height:32px;
        }
    a#nav-about-us
    {
        background-image:url("../images/nav-about-us.png");
        width:137px;
        height:32px;
        }
        a#nav-jonzi-d
        {
            background-image:url("../images/nav-jonzi-d.png");
            width:76px;
            height:20px;
            }
        a#nav-company-profile
        {
            background-image:url("../images/nav-company-profile.png");
            width:161px;
            height:20px;
            }
        a#nav-faq
        {
            background-image:url("../images/nav-faq.png");
            width:46px;
            height:20px;
            }
    a#nav-productions
    {
        background-image:url("../images/nav-productions.png");
        width:193px;
        height:32px;
        }
        a#nav-markus-the-sadist
        {
            background-image:url("../images/nav-markus-the-sadist.png");
            width:176px;
            height:20px;
            }
        a#nav-tag
        {
            background-image:url("../images/nav-tag.png");
            width:246px;
            height:20px;
            }
        a#nav-ivan
        {
            background-image:url("../images/nav-ivan.png");
            width:52px;
            height:20px;
            }
        a#nav-the-surgery
        {
            background-image:url("../images/nav-the-surgery.png");
            width:122px;
            height:20px;
            }
        a#nav-archive
        {
            background-image:url("../images/nav-archive.png");
            width:84px;
            height:20px;
            }
    a#nav-tour-dates
    {
        background-image:url("../images/nav-tour-dates.png");
        width:167px;
        height:32px;
        }
    a#nav-get-skooled
    {
        background-image:url("../images/nav-get-skooled.png");
        width:182px;
        height:32px;
        }
        a#nav-education
        {
            background-image:url("../images/nav-education.png");
            width:103px;
            height:20px;
            }
        a#nav-hip-hop-theatre-workshops
        {
            background-image:url("../images/nav-hip-hop-theatre.png");
            width:186px;
            height:20px;
            }      
        
    a#nav-shout-outs
    {
        background-image:url("../images/nav-shout-outs.png");
        width:171px;
        height:32px;
        }
                   
    a#nav-get-in-touch
    {
        background-image:url("../images/nav-get-in-touch.png");
        width:187px;
        height:32px;
        }
        a#nav-contact-details
        {
            background-image:url("../images/nav-contact-details.png");
            width:153px;
            height:20px;
            }
        a#nav-mailing-list
        {
            background-image:url("../images/nav-mailing-list.png");
            width:118px;
            height:20px;
            }  
            
    a#nav-admin-shown
    {
        background-image:url("../images/nav-admin-shown.png");
        width:104px;
        height:32px;
        }
        
    a#nav-admin-hidden
    {
        background-image:url("../images/nav-admin-hidden.png");
        width:97px;
        height:32px;
        }  
        
    #nav a:hover
    {
        background-position:0 100%;
        }    
    li.selected a:active, li.selected a:link, li.selected a:visited
    {
        background-position:0 100%;
        }
    li.selected ul li a:active, li.selected ul li a:link, li.selected ul li a:visited
    {
        background-position:0 0;
        }

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}

div.horizontal-rule
{
    background-image:url("../images/dots.gif");
    background-repeat:repeat-x;
    height:1px;
    padding-bottom:10px;
    }
    
div#arts-council-bloomberg
{
    margin-bottom:4px;
    }

div#registered-office
{
    margin-bottom:10px;
    font-size: 0.9em;
    line-height:1.3em;
    }
    div#registered-office p
    {
        margin: 0px 0px 0px 0px;
        }

div#home-footer
{
    }        
    div#home-footer div#photo-credit
    {
        }
        div#home-footer div#photo-credit p
        {
            font-size: 0.9em;
            line-height:1.3em;
            float: left;
            }
        div#home-footer div#photo-credit label
        {
            font-weight:bold;
            }
        div#home-footer div#photo-credit span
        {
            margin-left:3px;
            margin-right: 3px;
            }
            
#footer
{
    padding-bottom:15px;
}
    
div#content-column
{
    width:426px;
    z-index:100;
    float:left;
    }    
#content-column-compressed
{
    width:400px;
    z-index:100;
    float:left;
    }
    
#content-column-mid
{
    width:435px;
    z-index:100;
    float:left;
    }
    
#content-column-expanded
{
    width:480px;
    z-index:100;
    float:left;
    }
    
div#extra-column
{
    width:255px;
    float:left;
    z-index:1000;
    }    
div#extra-column-compressed
{
    width:231px;
    float:left;
    z-index:1000;
    }
    
        
#popup-content
{
    margin-left:auto;
    margin-right:auto;
    width:428px;
    padding:50px 0px 40px 0px;
    }
    #popup-content p
    {
        margin-top:12px;
        margin-bottom:12px;
        }
        
#mailingForm
{
    /*padding-bottom:200px;*/
    }
        
#boxes
{
    }
    #boxes fieldset
    {
        float:left;
        padding:0;
        margin:0;
        }
    #boxes fieldset.left
    {
        padding-bottom:10px;
        padding-right:18px;
        }
    #boxes label
    {
        display:block;
        font-weight:bold;
        font-size:1.1em;
        padding-bottom:5px;
        width:180px;
        }        
    #boxes input
    {
        width:193px; 
        padding:0px 0px 0px 2px;   
        margin:0px; 
        }
    #boxes select
    {               
        width:198px; 
        }    
    
.radios
{
    padding-bottom:10px;
    clear:both;
    }
    .radios div
    {
        padding-bottom:12px;
        }
.mailing-radio-left
{
    display:block;
    margin-bottom:5px;
    float:left;
    width:216px;
    }
.mailing-radio
{    
    display:block;
    margin-bottom:5px;
    float:left;
    width:190px;
    }
    .mailing-radio input, .mailing-radio-left input
    {
        margin:0px 5px 0px 1px;
        padding:0;
        }    

.checks
{
    padding-bottom: 12px;
    padding-left:1px;
    clear:both;
    }
    .checks #chkTandCs
    {
        padding:0px;
        margin:0px 3px 0px 0px;
        }
    input#btnMailingList
    {
        margin:0px 0px 0px 0px;
        }
        
#errorMessages
{
    padding-top:12px;
    }
    #errorMessages p
    {
        color: Red;
        font-weight: bold;
    }

#statusMessages
{    
    padding-top:12px;
    }
    #statusMessages p
    {
        font-weight: bold;   
        }
  
  
  
/* default/home page */  
  
#facebook-logo
{
    margin: 5px 0 0 3px;
    vertical-align: bottom;
    }
  
    
    
/* breakin news page */

div#content-column .newsItem
{
    padding-bottom:10px;
    }
    div#content-column .newsItem .date
    {
        margin:0px;
        font-weight:bold;
        }        
    div#content-column .newsItem .bodyCopy
    {
        margin:0px;
        padding-bottom:6px;
        }
    div#content-column .newsItem img
    {
        padding-bottom:6px;
        width:425px;
        }    
    div#content-column .newsItem h2
    {
        margin:5px 0px 10px 0px;
        }
    
    #pagination a:hover
    {
        background-position:0 100%;
        }      
        div#pagination #pagiPrev
        {
            float:left;
            width:118px;
            height:11px;
            background-image:url("../images/pagi-prev.png");
            background-repeat:no-repeat;
            text-indent:-1000%
            }
            
        div#pagination #pagiNext
        {
            float:right;
            width:91px;
            height:11px;
            background-image:url("../images/pagi-next.png");
            background-repeat:no-repeat;
            text-indent:-1000%
            } 
            
        
            
            
            
/* breakin news admin */

.FCKEditor
{
    }
    .FCKEditor legend
    {
        font-weight:bold;
        font-size:1.1em;
        margin-bottom:10px;
        }
    .FCKEditor fieldset
    {
        clear:both;
        margin-bottom:15px;
        }
    .FCKEditor fieldset fieldset
    {
        margin-bottom:10px;
        }    
    .FCKEditor fieldset fieldset label
    {
        display:block;
        margin-bottom:5px;
        }
    .FCKEditor fieldset fieldset input
    {
        width:100%;
        }
    .FCKEditor .newsItem .assets .asset
    {
        margin-bottom:10px;
        }
    
    
    
/* about us page */

#heroHolder
{
    padding-bottom:10px;
    }

#aboutUsHeroImage
{
    margin: -25px 0px 0px -40px;
    }
    
#aboutUs h2
{
    background-image:url("../images/about-us-h2.png");
    background-repeat:no-repeat;
    text-indent:-3000px;
    width:218px;
    height:24px;
    }
#aboutUs h3
{
    padding:0px 0px 10px 0px;
    background-image:url("../images/about-us-h3.png");
    background-repeat:no-repeat;
    text-indent:-3000px;
    width:416px;
    height:17px;
    }
    
    
    
/* jonzi d */
    
#jonziDHeroImage
{
    margin: -70px 0px 0px -30px;
    }
   
#jonzi-d-photos
{
    }    
    #jonzi-d-photos #jonzidFlash 
    {
        margin-top: -50px;
        }        
    #jonzi-d-photos .creditAlignRight
    {
        margin-top:0;
        padding-right:30px;
        width:200px;
        text-align:right;
        }
    #jonzi-d-photos #jonzidStance
    {
        margin-top:-30px;
        }
    
    

/* productions */

#productionsHeroHolder
{
    margin-bottom:10px;
    }
    #productionsHeroHolder .creditAlignRight
    {
        margin-top:-20px;
        }
    #productionsHeroHolder #productionsHeroImage
    {    
        margin: -25px 0px 0px -25px;
        }
    
        
    
/* ivan */

#ivanFlyer
{
    margin-top:-30px;
    }
    
#extra-column .creditAlignLeft
{
    margin-top:-22px;
    padding-left:22px;
    }
    


/* tag */

#tagHeroHolder
{
    margin: 15px 0px 20px -36px; 
    }

#extra-column-compressed #tagFlyer
{
    margin:-45px 0px 0px -23px;
    }
    
#extra-column-compressed .creditAlignLeftTag
{
    margin:-25px 0px 0px 0px;
    padding-left:13px;
    font-size:0.9em;
    }
    
.short-quote
{
    width:100px;
    }
    


/* THE SURGERY */

#the-surgery-content-column
{
    padding-top:225px;
    width:425px;
    z-index:100;
    float:left;
    }
    
.event-details
{
    text-align:center;
    font:normal normal bold 1.4em arail, sans-serif;
    color:#ff141d;
    }
    
#credit-align-right-the-surgery
{
    top:350px;
    left:341px;
    position:absolute;
    font-size:0.9em;
    }



/* get skooled */

#jonzi-d-at-skool-hero-image
{
    margin-top:-30px;
    margin-left:-35px;
    }
    
    
    
/* hip hop theatre workshops */

#workshop-in-session-hero-image
{
    margin-top:-50px;
    margin-left:-30px;
    }
    
.workshop-dates
{
    font-weight:bold;
    padding-right:10px;
    }
    
    
    
/* education */
.workshop
{
    margin-bottom:15px;
    }
    
    
    
/* markus the sadists */

#markus-graf-header
{
    top:88px;
    left:340px;
    position:absolute;
    z-index:2;
    }
    
    
    
/* archive */

.archive-images
{    
    padding:0;
    margin:0;
    border:none;
    }

.archive-images .left
{
    padding:0;
    margin:0;
    border:none;
    }
    
.archive-item
{
    margin-bottom:25px;
    }
    .archive-item h3
    {    
        padding:0;
        margin:0;
        border:none;
        }    
    .archive-item h2
    {
        margin:5px 0px 0px;    
        padding:0;
        border:none;
        }
    .archive-item .archive-item-header
    {
        margin-bottom:10px;
        }
        
        
        
/* shout outs */

.shout-out-category
{
    margin-bottom:30px;
    }

.shout-out-category h2
{
    margin-top:5px;
    }

#content-column-expanded #content-column-left
{
    float:left;
    width:260px;
    }

#content-column-expanded #content-column-right
{
    width:auto;
    float:left;
    }
    
    
    
/* tour dates */

.season
{
    margin-bottom:25px;
    }
    .season h2
    {
        margin:5px 0px 15px;
        }
    .season .production
    {
        margin-bottom:10px;    
        }
        .season .production ul li .date
        {
            width:109px;
            display:block;
            float:left;
            }
            
            
            
/* get in touch */

#lesson-in-progress
{
    margin-left:-25px;
    margin-top:-29px;
    }
    
    
    
/* conatct details */     

.contact-type
{
    margin-bottom:20px;
    }
    .contact-type h2
    {
        margin:5px 0px 15px;
        }
    .contact-type p
    {
        margin:0px;
        }
    .contact-type span.contact-subject
    {
        float:left;
        display:block;
        width:240px;
        font-weight:bold;
        }
    .contact-type div.address
    {
        margin-bottom:10px;
        }
    .contact-type div.address p.details
    {
        display:block;
        float:left;
        width:150px;
        }
        
#map
{
    width:425px;
    height:318px;
    }