/*
    ENVISION
*/


/*
    RESET, BASICS, AND TOOLBOX
*/  
* { margin: 0; padding: 0; }
html { overflow-y: scroll; background: white; }
body { font: 12px/1.3 "Lucida Grande", Helvetica, Arial, Sans-Serif;  min-width: 960px; }
table { border-collapse: collapse; color: #121f36 }
td { vertical-align: top; font-size: 11px; }
a img { border: none; }
img { vertical-align: middle; }
.button { padding: 3px 10px; background: #34346c url(images/button-bg.png) repeat-x; color: white !important; border: 1px solid #34346c; text-decoration: none !important; }
.button:hover { background: white; color: #34346c !important; }
.img-right { float: right; margin: 0 0 15px 15px; }
.img-left { float: left; margin: 0 15px 15px 0; }
.clear { clear: both; }
hr { clear: both; margin: 20px 0; }
.last { margin-right: 0 !important; }



/*
    TYPOGRAPHY
*/
p { margin: 0 0 18px 0; }                                  
h1, h2, h3, h4, h5 { font-family: Helvetica, Arial, sans-serif; margin: 10px 0; }
h1 { font-size: 30px; color: #0762d4; }
h2 { font-size: 26px; color: #586884; margin: 20px 0 13px 0; }
h3 { font-size: 16px; color: #0762d4; text-transform: uppercase; }
h4 { font-size: 14px; }
h5 { font-size: 14px; color: #91a1c1; text-transform: uppercase; font-weight: normal; letter-spacing: 5px; }
h3 span { color: #121f36; }
h3 a, h4 a { border-bottom: 1px solid white; }
h3 a:hover, h4 a:hover { border-bottom: 1px dotted #6d98de; }
h3.topic-bar { background: #121f36; color: white; font-weight: normal; text-transform: uppercase; letter-spacing: 4px; text-align: center; font-size: 14px; padding: 2px; }
a { text-decoration: none; color: #34346c; outline: none; }
a:hover {text-decoration: underline; }
#main-content a { color: #586884; border-bottom: 1px dotted #586884; }
#main-content a:hover { color: #0762d4; border-bottom: 1px solid #0762d4; text-decoration: none; }                            
                                  

/*
    HEADER AND NAVIGATION
*/
#header { height: 391px; background: url(images/header-bg.jpg) top center; }
#header-inside { width: 960px; margin: 0 auto; position: relative; }
#header h1 { margin: 0; }
#header h1 a { text-indent: -9999px; display: block; position: absolute; width: 407px; height: 150px; top: 10px; left: 0; z-index: 9000; }
#header ul { width: 400px; float: right; padding: 50px 0 0 0; }
#header ul li { display: inline; }
#header ul li a { float: left; margin: 0 10px 10px 0; text-align: center; background: url(images/nav-bg.png) repeat-x; padding: 10px 0 0 0; color: white; display: block; width: 122px; height: 25px; }
#header ul li a:hover { background-position: bottom left; color: black; text-decoration: none; }
                                  
body#training #header ul
li.training a,
body#software #header ul
li.software a,
body#consulting #header ul
li.consulting a,
body#resources #header ul
li.resources a,
body#courseware #header ul
li.courseware a,
body#visualization #header ul
li.visualization a { background-position: bottom left; color: black; }


#cse-search-box { display: block; width: 254px; height: 36px; position: absolute; top: 0; right: 18px; background: url(images/search-bg.png) no-repeat; }
#cse-search-box .search-field { width: 173px; border: none; margin: 3px 0 0 30px; font: italic 13px Georgia, Serif; }
.mag { vertical-align: top; }

#social-stuff { color: #bde2fd; font-size: 11px; position: absolute; top: 5px; left: 511px; width: 125px; padding-right: 30px; }

#twitter-link { position: absolute; top: -5px; right: 0px; width: 25px; height: 25px; display: block; text-indent: -9999px; background: url(images/twitter_16.png) no-repeat; }
#facebook-link { position: absolute; top: -5px; right: 20px; width: 25px; height: 25px; display: block; text-indent: -9999px; background: url(images/facebook_16.png) no-repeat; }
#linkedin-link { position: absolute; top: -5px; right: 40px; width: 25px; height: 25px; display: block; text-indent: -9999px; background: url(images/linkedin_16.png) no-repeat; }
#linkedin-link:hover,
#twitter-link:hover,
#facebook-link:hover { background-position: 0 -25px; }

#sharethis { position:absolute; top:0; left:154px; height:25px; }

/*
    STRUCTURE
*/
#middle { min-height: 415px; background: url(images/middle-bg.jpg) top center; }
#wrap { width: 960px; margin: 0 auto; }
#main-content { width: 670px; float: right; padding: 0 55px 0 0; margin: -236px 0 0 0; }
.post { position: relative; }
#main-content ul,
#main-content ol { margin: 0 0 15px 30px; }                                  
#main-content ul li,
#main-content ol li { margin: 0 0 5px 0; line-height: 1.6; }
#main-content ol ol, #main-content ul ul { margin: 5px 0 0 30px; }   

.third-block { width: 28%; float: left; margin: 0 20px 0 0; }
.fourth-block { width: 24%; float: left; margin: 0 1% 0 0; }
.double-block { width: 318px; float: left; margin: 0 24px 0 0; padding: 0 0 20px; }
.double-block-right { width: 328px; float: right; padding: 0 0 20px; }
.last { margin-right: 0 !important; }

.breadcrumb { margin: 12px 0 0 0; }
.breadcrumb a:first-child { color: #6d98de; font-size: 16px; }
.breadcrumb a { border: none !important; background:url(images/crumb-sep.gif) no-repeat right center; padding: 8px 15px 8px 5px; }
.currentcrumb { display: none; }



/*
    ARCHIVES
*/
#wrap h3 a { border: 0; text-decoration: none; }
#wrap h3 a:hover { border: 0; text-decoration: underline; }  
.archive-box { padding: 10px 20px; background: #ecf7ff; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin: 0 0 10px 0; }
.excerpt-text { width: 80%; }
.excerpt-text p { line-height: 1.8; font-size: 11px; }
.excerpt-text a { background: #34346C; border: 0 !important; color: white !important; padding: 2px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.excerpt-text a:hover { background: #7ea7c4; border: 0 !important; }


/*
    SIDEBAR
*/
#sidebar { width: 150px; float: left; margin: -200px 0 0 0; padding: 0 0 0 10px; text-align: center; }
#sidebar .sidebar-title { font-weight: bold; text-transform: uppercase; margin: 0 0 2px 0; }
#subscribe-form label { font-weight: bold; }
#subscribe-form input { margin: 5px 0; }





/*
    FOR SPECIFIC PAGES
*/ 
.intro                          { font-size: 13px; line-height: 20px; width: 485px; margin: 0 0 25px; }
.leadin                         { color: #0762d4; }
.training-book                  { background: #eee; overflow: auto; padding: 15px; margin: 0 0 15px 0; }
.training-book ul               { list-style: inside; }
.training-book-cover            { width: 170px; float: right; text-align: right; padding: 0 0 0 15px; }
.training-book-cover img        { margin: 0 0 15px 0; }

#quote-fade blockquote          { font: 32px "Baskerville", Georiga, Serif; margin-bottom: 15px;  color: #8199b5; text-align: center; }
#quote-fade li                  { list-style: none; width: 650px; width: 450px;  margin: 0 auto; left: 80px; }
#quote-fade blockquote span     { color: #0762d4; }

blockquote.page-bottom-quote    { font: 26px "Baskerville", Georiga, Serif; width: 650px; margin: 0 auto; color: #8199b5; text-align: center; }
blockquote.page-bottom-quote span { color: #0762d4; }
p.quoteauthor { margin: 0 auto 20px; text-transform: uppercase; font: 12px Georiga, Serif; letter-spacing: 1px; text-align: center; }

.stripe, #staff-table           { width: 100%; }
.stripe td, #staff-table td     { padding: 15px; vertical-align: top; }
.stripe tr.even-row td,
#staff-table tr.even-row td     { background: #dce2e9; }
.stripe h3, #staff-table h3     { margin: 0 0 10px 0; }



#toc                            { width: 700px; }
#toc td                         { vertical-align: top; }

#port-thumbs img                { margin: 0 8px 8px 0; }

#tips-table td                  { padding: 0 15px 0 0; }
#tips-table td p                { margin: 0 0 4px 0; }

    /*
       Course List
    */
    #registration-button            { position: absolute; right: 0; top: 0; }
    .dates                          { width: 160px; font-weight: bold; }

    
    /*
        Mail Chimp
    */
     #mce-error-response { margin: 5px; font-size: 11px; }
     
     
     
     /*
        FOXY CART - CAN'T DO FROM THEIR ADMIN
    */
    #fc_tb_closeWindowButtonBot {
        background: url(/foxycart/images/cart-continue-shopping.png) no-repeat !important;
    }
    
    
    /* 
        HOMEPAGE
    */
    #home-promo {
        width: 593px;
        height: 275px;
        margin: 10px auto 0;
        position: relative;
        text-align: center;
        }
        #home-promo ul {
            list-style: none;
            position: absolute;
            left: 0; bottom: 0;
        }
        #home-promo ul li {
            display: inline;
        }
        #home-promo ul li a {
            display: block; float: left; 
            width: 50px; height: 12px; background: #a3afc5; margin: 0 10px 0 0;
            text-indent: -9999px;
        }
        #home-promo ul li a.cur-promo,
        #home-promo ul li a:hover {
            background: #6d8aa9;
        }
        #home-promo p {
            position: absolute; 
            bottom: 0;
            right: 0;
            color: #a3afc5;
        }
        #home-promo .promo-image {
            position: absolute;
            top: 0;
            left: 50px;
        }
        #promo-2, #promo-3, #promo-4 { display: none; }
        
        
        
        #tagcloud a {
            padding: 2px 8px; border: 1px solid #eee; margin: 0 4px 8px 0; line-height: 2.2;
            font-size: 10px;
        }
        #tagcloud a:hover {
            background: #34346C; color: white; text-decoration: none;
        }
        
        
        /*
            SEND FILES
        */
        #fileComplete {
            float: right;
            width: 180px;
            background: #d9ffb8;
            padding: 15px;
            display: none;
        }
        #fileComplete h4 {
            color: #3a700a;
        }
        #fileComplete a {
            border-bottom: 1px dotted black;
        }
        #fileComplete a:hover {
            border-bottom-style: solid;
            text-decoration: none;
        }


/*
    FOOTER
*/
#footer                         { clear: both; height: 115px; font-size: 11px; text-transform: uppercase;
                                  background: url(images/footer-bg.jpg) top center; }
#footer-inside                  { width: 960px; margin: 0 auto; position: relative; }
#footer-content                 { position: absolute; left: 198px; top: 57px; width: 740px; }
#footer-left                    { width: 475px; float: left; color: #91a1c1; }
#footer-left span               { color: #2a62bd; }
#footer-right                   { width: 35%; float: right; text-align: right; }
#footer a:hover                 { color: #8787f5; }