/*
Theme Name: Key Instructor Training - 2008
Theme URI: http://keyinstructortraining.co.uk/
*/
                                                              
* {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    text-indent: 0;
    }    
body {
    color: #444;
    margin: 0; padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    background: #fff url(../images/bg_body.png) repeat-y center 0;
    }
body * {
    font-size: 95%;
    line-height: 1.5;
    }
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p,dl,dt,dd,ul,ol,li,strong,em, a {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,cite {margin: 0; padding: 0;}
a img,:link img,:visited img, fieldset {border: none;}
address {font-style: normal;}
acronym { cursor: help; border-bottom: 1px dotted; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }
em { font-weight: inherit; font-style: italic; }
legend, hr { display: none;    }
label { display: block; }

.hr, .br {
    width: 100%;
    height: 1px;
    line-height: 1px;
    clear: both;
    border: none;
    }

a, a:link, a:visited, a:hover { color: #409dda; }

/*-------------------------------------------

    Boxes of goodness

-------------------------------------------*/

/* --->>> Container <<<--- */
#container {
    background: transparent url(../images/bg_container.png) repeat-x 0 0;
    }
    #container-wrapper { 
        width: 950px;
        min-height: 710px;
        position: relative;
        margin: 0 auto;
        }
    
/* --->>> Header <<<--- */
#header {
    height: 455px;
    position: relative;
    }
    
/* logo */
#header h1 {
    width: 375px;
    height: 150px;
    position: absolute;
    top: 25px;
    left: 0;
    }
    #header h1 a {
        width: 375px;
        height: 150px;
        display: block;
        text-indent: -9999px;
        background: transparent url(../images/bg_logo.png) no-repeat 0 0;
        outline: none;
        }
        #header h1 a:hover { background-position: 0 -150px; }
        
/* tagline */
p#tagline {
    width: 469px;
    height: 203px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    background: transparent url(../images/bg_tagline.png) no-repeat 0 0;
    }
    
/* top nav 1 */
ul#nav-1 {
    position: absolute;
    top: 160px;
    left: 490px;
    }
    ul#nav-1 li { 
        display: inline;
        }

    ul#nav-1 li a, ul#nav-1 li a:link,
    ul#nav-1 li a:visited { 
        color: #999;
        text-transform: lowercase;
        padding: 0 10px;
        border-right: 1px solid #999;
        }
        ul#nav-1 li a.last { border: none; }
                
    ul#nav-1 li a:hover { color: #409dda; }
    
    ul#nav-1 li.current_page_item a, ul#nav-1 li.current_page_item a:link, 
    ul#nav-1 li.current_page_item a:visited, ul#nav-1 li.current_page_item a:hover {
        color: #409dda;
        text-decoration: underline;
        }

/* top nav 2 */
ul#nav-2 {
    position: absolute;
    top: 219px;    left: 10px;
    }
    #nav-2 li { 
        height: 36px;
        min-width: 50px;
        display: block;
        float: left;
        text-align: center;
        margin-right: 10px;
        }
        * html #nav-2 li { width: 50px; }

        #nav-2 li a, #nav-2 li a:link,
        #nav-2 li a:visited {
            height: 28px;
            display: block;
            color: #fff;
            font-size: 13px;
            padding: 8px 22px 0 67px;
            border-right: 1px solid #333;
            background: transparent url(../images/bg_nav-2.png) no-repeat 0 0;
            white-space: nowrap;
            }
            #nav-2 li a:hover { color: #409dda; background-position: 0 -36px; }
        
        #nav-2 li.current-cat a, #nav-2 li.current-cat a:link,
        #nav-2 li.current-cat a:visited, #nav-2 li.current-cat a:hover,
        #nav-2 li.current_page_item a, #nav-2 li.current_page_item a:link,
        #nav-2 li.current_page_item a:visited, #nav-2 li.current_page_item a:hover {
            color: #999;        
            background-position: 0 -36px;
            }
    
/* intro text */
p#intro {
    width: 640px;
    height: 190px;
    position: absolute;
    top: 265px; right: 25px;
    text-indent: -9999px;
    background: transparent url(../images/bg_intro.jpg) no-repeat 0 0;    
    }

/* intro image */
p#intro-img {    
    width: 215px;
    height: 95px;
    position: absolute;
    top: 360px; right: 0px;
    text-align: right;
    }    
    
/* --->>> Sidebar <<<---*/
#sidebar {
    width: 305px;
    float: left;
    background: transparent url(../images/bg_sidebar.png) no-repeat right 0;
    }
    #sidebar-wrapper {
        min-height: 780px; 
        padding: 60px 25px 100px 10px;
        }
        * html #sidebar-wrapper { height: 780px; }
        
/* side nav */
ul#side-nav ul { border-bottom: 1px solid #a2a2a2; }

    ul#side-nav ul li {
        min-height: 34px;
        background: #434343 url(../images/bg_side-nav.png) no-repeat right 0;    
        border-top: 1px solid #a2a2a2;
        border-left: 1px solid #a2a2a2;
        } * html ul#side-nav ul li { height: 34px; }

    ul#side-nav ul li a {
        min-height: 21px;
        display: block;
        color: #fff;
        font-size: 13px;
        padding: 7px 0 6px 40px;
        background: transparent url(../images/bg_side-nav-a.png) no-repeat 10px 0;
        } * html ul#side-nav ul li a { height: 21px; }
        ul#side-nav ul li a:hover {
            color: #409dda;
            background-position: 10px -100px; 
            }

        ul#side-nav ul li.current-cat a, ul#side-nav ul li.current-cat a:link,
        ul#side-nav ul li.current-cat a:visited, ul#side-nav ul li.current-cat a:hover,
        ul#side-nav ul li.current_page_item a, ul#side-nav ul li.current_page_item a:link,
        ul#side-nav ul li.current_page_item a:visited, ul#side-nav ul li.current_page_item a:hover {
            color: #999;        
            background-position: 10px -100px; 
            }
        
/* pdf link */
p#pdf-link {
    height: 66px;
    margin: 20px 0;
    background: transparent url(../images/bg_pdf-download.png) no-repeat center 0;
    border: 1px solid #aeaeae
    }
    p#pdf-link a {
        height: 66px;
        display: block;
        text-indent: -9999px;
        }

/* ordit */        
p#ordit {
    height: 140px;
    display: block;
    text-indent: -9999px;
    margin: 20px 0;
    background: transparent url(../images/bg_logo-ordit.png) no-repeat center 0;
    }
    
/* address */
#sidebar address {
    color: #fff;
    padding: 20px 40px;
    border-top: 1px dashed #a1a1a1;
    border-bottom: 1px dashed #a1a1a1;
    }    
    #sidebar address span {
        color: #f7931e;
        font-size: 1em;
        }
/* --->>> Main <<<--- */
#main {
    width: 640px;
    float: right;
    }
    #main-wrapper { padding: 30px 25px 25px; }
    
#main a { text-decoration: underline; }
#main a:hover { color: #fff; background: #409dda; }

/* heading 1 + 2 */
#main h1, #main h2 {
    color: #f7931e;
    font-size: 1.7em;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px dashed #e0e0e0;
    }

/* heading 2 */    
#main h2 {
    font-size: 1.5em;
    }
    
/* heading 3 */
#main h3 {
    color: #995b13;
    font-size: 1.25em;
    font-weight: bold;
    border-bottom: 1px dashed #e0e0e0;
    }

/* heading 4 */
#main h4 {
    color: #f7931e;
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px dashed #e0e0e0;
    }

/* heading 5 + 6 */
#main h5, #main h6 {
    color: #f7931e;
    border-bottom: 1px dashed #e0e0e0;
    }

/* paragraphs */
#main p {
    margin-bottom: 1em;
    text-align: justify;
    }

.postmetadata small {
    color: #999;
    font-size: .75em;
    font-weight: bold;
    }

/* lists */
#main ol li {
    list-style-position: inside;
    list-style-type: decimal;
    }
#main ul, #main ol { padding: 5px 10px .5em 15px; }
#main ul li {
    margin-left: 10px;
    list-style: disc;
    }

/* sidebar image */
p#sidebar-img {
    width: 325px;
    height: 245px;
    position: absolute;
    top: 265px;    left: 5px;
    overflow: hidden;
    }

/* tables */
table.data { border-collapse: collapse;    }

table.data td, table.data th  {
    font-size: 10px;
    border: 1px solid #ccc;        
    }

table.data th {
    color: #995b13;
    font-size: 11px;
    font-weight: bold;
    background: #e9e9e9;
    }

table.data td, table.data th.center {
    text-align: center;
    }

table.data tr.odd td {
    background: #eee;
    }
    
table.data tr.odd th { background: #e0e0e0; }

table.data .nobg {
    border: none;
    background: none;
    }    

/* featured */
div.feature {
    font-size: 1em;
    padding: 25px;
    margin-bottom: 10px;
    background: url(../images/bg_feature.png) repeat-x 0 bottom;
    border: 1px solid #bdbcbd;
    }
    
    div.feature h3 span {
        font-size: inherit;
        font-weight: inherit;
        color: inherit;
        padding-right: 50px;
        background: url(../images/bg_key.gif) no-repeat right center;
        }


/* colors */
.orange { color: #f7931e; }

/*  Notices */
p.notice, p.error,
p.success {
    color: #000;
    margin: 20px 0;
    padding: 5px 5px 5px 30px;
    margin-right: 15px;
    background: #ebecd2 url(../images/bg_notice.gif) no-repeat 5px center;
    border: 1px solid #333;
    }
p.error { background: #ebecd2 url(../images/bg_error.gif) no-repeat 5px center; }
p.success { background: #ebecd2 url(../images/bg_success.gif) no-repeat 5px center; }

/* --->>> Footer <<<--- */
#footer {
    background: #000;
    }
    
/* footer nav */
ul#footer-nav ul {
    width: 675px;
    text-align: center;
    padding: 20px 0;
    margin: 0 auto;
    }
    
    ul#footer-nav ul li { 
        display: inline;
        padding-left: 15px;
        white-space: nowrap;
        }

        ul#footer-nav ul li a {
            padding-right: 15px;
            border-right: 1px solid #f7931e;
            }
            ul#footer-nav ul li a.last { border: none; }

        ul#footer-nav ul li a, ul#footer-nav ul li a:link,
        ul#footer-nav ul li a:visited {
            color: #f7931e;
            font-size: .75em;
            }
        ul#footer-nav ul li a:hover { color: #fff; }

        ul#footer-nav ul li.current-cat a, ul#footer-nav ul li.current-cat a:link,
        ul#footer-nav ul li.current-cat a:visited, ul#footer-nav ul li.current-cat a:hover,
        ul#footer-nav ul li.current_page_item a, ul#footer-nav ul li.current_page_item a:link,
        ul#footer-nav ul li.current_page_item a:visited, ul#footer-nav ul li.current_page_item a:hover { color: #fff; font-weight: bold; }
    
/* copyright */
p#copyright {
    color: #fff;
    font-size: .75em;
    text-align: center;
    line-height: 2.5;
    background: #444;
    }
    
    p#copyright a, p#copyright a:link,
    p#copyright a:visited, p#copyright a:hover {
        color: #888;
        text-decoration: underline;
        padding-left: 200px;    
        }
        
/* --->>> Contact Form <<<--- */
#contactform fieldset {
    position: relative;
    margin: 15px 0 0; padding: 0;
    background: 0;
    border: 0;
    }

    #contactform fieldset legend { display: none; }
    
    /* --->>> Standard Input <<<---*/
    #contactform fieldset label {
        width: 150px;
        float: left;
        font: bold 14px/24px "Trebuchet MS", Verdana, Arial, Helvetica,    sans-serif;
        text-align: right;
        margin: 0; padding: 0;
        }
    #contactform fieldset input,
    #contactform fieldset select,
    #contactform fieldset textarea  {
        width: 180px;
        float: left;
        font: 14px/18px Arial, Helvetica, sans-serif;
        margin: .25em 0 .5em 10px;
        }
        
    #contactform fieldset textarea {
        width: 250px;
        height: 100px;
        }

    #contactform fieldset p {
        width: 100%;
        float: left;
        clear: both;
        padding: 0 0 10px 0;
        margin: 0;
        }

    #contactform fieldset p.full label {
        width: 100%;
        text-align: left;
        margin: 0; padding: 0;
        }
    #contactform fieldset p.full input,
    #contactform fieldset p.full select {
        clear: both;
        margin-left: 160px;
        }

    /* --->>> Submit <<<--- */
    p.button {
        width: 100%;
        float: left;
        margin: 0 0 10px;
        }
    p.button span {
        margin-left: 160px;
        }
    label span {
        display: block;
        position: relative;
        margin: -5px 0 0;
        padding: 0;
        color:#f7931e;
        text-transform: uppercase;
        font-size:9px;
        line-height: 10px;
        text-align: right;
        }
    p.full label span.required { display: inline;    }
    
    #contact-message {
        font-size: 10pt;
    }
    .contact-fieldset {
        padding: 3px;
    }
    
    .contact-fieldtext {
        font-size: 10pt;
        font-weight: bolder;
        width: 400px;
        display: block;
    }
    
    .contact-field input{
        font-size: 10pt;
    }
    
    .contact-field textarea {
        font-size: 10pt;
        width: 400px;
        height: 100px;
    }
    
    .contact-field label {
        float: left;
        padding-right: 10px;
    }
    
    .contact-field button {
        font-size: 10pt;
    }