/*
Theme Name: OCE Custom Theme
Theme URI: 
Author: Pure Vision Inc
Author URI: http://purevisioninc.com
Description: OCE Custom Theme
Version: 1.3
License: GNU General Public License
License URI: license.txt
Tags:
*/

body {
    font-family: "museo-sans", sans-serif;
    color: #636266;
    font-size: 14px;
    margin: 0;
}

a {
    color: #636266;
}

.clear {
    clear: both;
}

#page {
    background: #fff;
}

/* MENU */
.menu-content {
    background-image:url(images/menu-bg.gif);
    background-repeat:repeat-x;
    height:93px;
    width:100%;
        margin-bottom: 65px;
}

.menu-wrapper {
    width: 900px;
    margin: 0;
    margin-left: 81px;
}

.menu-content .nav-wrap { 
    margin: 0px 0 0 180px;
}

.menu-content #logo {
    height:132px;
    width:174px;
    /*background-image:url(images/OCE-logo.png);*/
    background-repeat:no-repeat;
    float:left;
    padding-right:30px;
        margin-left: -24px;
}
.menu-content #example-one { 
    margin: 0 0; 
    list-style: none; 
    position: relative;
        width: 800px;
}

.menu-content #example-one li { 
    display: inline-block;
        margin-top: 31px;
        border-bottom: 2px solid white;
}

.menu-content #example-one a { 
    color: #bbb; 
    font-size: 12px; 
    float: left;
    padding: 6px 18px 0px 18px;
    text-decoration: none;
    text-transform: uppercase;
        margin-bottom: 5px;
}

#ie6 #example-one li, #ie7 #example-one li { 
    display: inline; 
}

#ie6 #magic-line {
    bottom: -3px;
}

.menu-content #example-one a:hover { 
    color: white; 
}

.menu-content #magic-line { 
    position: absolute;
    bottom: 71px; 
    left: 0; 
    width: 70px; 
    height: 7px; 
    background: #fe7700;
}

.current_page_item a { 
    color: white !important; 
}

.ie6 .menu-content #example-one li, .ie7 .menu-content #example-one li { 
    display: inline; 
}

.ie6 #magic-line {
    bottom: -3px;
}

/* CONTENT */
#content h1 {
    margin-top: -8px; /* remove default margin */
    margin-bottom: 10px;
    color: #fe7700;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 70px;
    line-height: 57px;
}

    
#content h2 {
    margin-top: 0px;
    margin-bottom: -8px;
    color: #fe7700;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 40px;
}

#content #smaller-title {
    font-size: 40px;
    color: #fe7700;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 34px;
}

#content h3 {
    margin-top: -6px; /* remove default margin */
    margin-bottom: -6px; /* remove default margin */
    font-weight: 900;
    text-transform: uppercase;
    font-size: 20px;
}

.content-wrapper {
    width: 900px;
    margin-left: 81px;
}

#side-menu {
    float: left;
    width: 300px;
    font-size: 16px;
}

    #side-menu ul {
        margin: 0 0 0 -40px; /* remove default margin for chrome, ff, safari */
    }
    
    #ie6 #side-menu ul,
    #ie7 #side-menu ul {
        margin: 0;
    }

    #side-menu li {
        list-style: none;
        margin-bottom: 15px;
    }
    
    #side-menu li a {
        width: 240px;
        display: block;
        text-decoration: none;
        padding: 13px 0 13px 15px;
        text-transform: uppercase;
        border: 1px solid #636266;
        cursor: pointer;
    }
    
    #side-menu li a:hover {
        background-color: #fe7700;
        color: #fff;
    }
    
    #side-menu .current-side-menu-item {
        background-color: #fe7700;
        color: #fff;
    }

#page-content {
    float: left;
    width: 600px;
    margin: 0;
}
    
    #page-content .title {
        color: #fe7700;
        text-transform: uppercase;
        font-weight: 700;
    }
    
    #page-content a {
        color: #fe7700;
        text-decoration: none;
    }

    #page-content a:hover {
        text-decoration: underline;
    }

    #page-header {
        width: 900px;
        height: 333px;
        margin-bottom: 40px;
    }
    
    #page-header-blog {
        width: 900px;
        height: 292px;
        margin-bottom: 40px;
    }

/* BLOG */
#blog-content {
    width: 900px;
}

    #blog-content a:hover {
        text-decoration: underline;
    }

    #blog-title {
        float: left;
    }
    #blog-btn {
        float: left;
        text-transform: uppercase;
        font-size: 16px;
        border: 1px solid #636266;
        margin-bottom: 10px;
    }
    
    #blog-btn a {
        text-decoration: none;
        padding: 15px;
        display: block;
        color: #636266; 
    }
    
    #blog-btn a:hover {
        text-decoration: none;
    }
    
    #back-btn {
        float: right;
        text-transform: uppercase;
        font-size: 16px;
        border: 1px solid #636266;
        margin-top: 50px;
    }
    
    #back-btn a {
        text-decoration: none;
        padding: 15px;
        display: block;
    }
    
    #back-btn a:hover {
        text-decoration: none;
    }
    
    .top-back-btn {
        margin-top: -65px!important;
    }
    
    #blog-menu {
        margin-top: 0px;
        text-transform: uppercase;
        height: 100%;
        width: 175px;
        float: left;
    }
    
    #blog-menu a {
        cursor: pointer;
        text-decoration: none;
        font-weight: 700;
        font-size: 18px;
    }
    
    #blog-menu li {
        list-style: none;
        margin-top: 15px;
    }
    
    #blog-posts {
        margin-bottom: 25px;
        float: left;
        margin-top: 16px;
        width: 720px;
        border-left: 1px solid #fe7700;
    }
    
    .blog-entry {
        margin-left: 40px;
        margin-bottom: 20px;
        line-height: 20px;
    }
    
    #title {
        text-transform: uppercase;
        color: #fe7700;
        font-size: 20px;
        font-weight: 900;
    }
    
    .read-more {
        text-transform: uppercase;
        color: #fe7700;
        text-decoration: none;
        font-weight: 700;
    }  
    
    .archive-entry-title {
        margin-left: 40px;
        margin-bottom: 20px;
    }
    
/* DESIGN ARCHIVES */
#design-content {
    float: left;
    width: 900px;
    margin: 0;
}

    #design-title {
        float: left;
    }
    
    .design {
        width: 880px;
        background-color: #626165;
        color: #fff; 
        padding: 10px;
        height: 16px;
    }
    
        .design-header {
            float: left;
            font-size: 16px;
        }

        .design-header-spec {
            float: right;
            text-transform: uppercase;
            font-size: 14px;
        }
        
        .design-header-spec a {
            color: #fff;
            text-decoration: none;
        }
        
        .design-header-spec a:hover {
            color: #fe7700;
        }
        
        .design-header a {
            color: #fff;
            text-decoration: none;
        }
        
        .design-header a:hover {
            color: #fe7700;
        }
        
        .design img {
            float: right;
            vertical-align: middle;
        }
        
        #design-pic {
            float: left;
            width: 98px;
            height: 115px;
            margin-top: 5px;
        }
        
        .design-specs {
            float: left;
            width: 802px;  
        }
        
/* DESIGN ARCHIVE DETAILS */
#design-details-title {
        float: left;
        width: 450px;
    }
    
#design-back {
    float: right;
    text-transform: uppercase;
    font-size: 16px;
    border: 1px solid #636266;
    margin-top: 50px;
}

#design-back a {
    text-decoration: none;
    padding: 15px;
    display: block;
}

#design-details-images {
    margin-top: 30px;
    width: 900px;
}
    
    #design-details-images #static {
        float: left;
    }
    
    #design-details-images #gallery {
        float: right;
        width: 426px;
        height: 542px;
    }
    
    #design-details-images #slider {
        overflow: hidden;
    }
    
    #design-details-images #controlNav {
        margin-top: 10px;
    }
    
    #design-details-images #controlNav a {
        float: left;
        width:16px;
    height:22px;
    background:url(images/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
        display:block;
    }
    
    #design-details-images #controlNav a.activeSlide {
        background-position:0 -21px;
    }

#design-nav {
    float: left;
    width: 900px;
    font-size: 15px;
}

    #design-nav ul {
        text-transform: uppercase;
        margin-left: 0;
        padding-left: 0;
        min-height: 15px;
    }

    #design-nav li {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    #design-nav li a {
        float: left;
    padding: 6px 16px 8px 15px;
        text-decoration: none;
        border-bottom: 2px solid #000;
    }
    
    #design-nav-navigator {
        position: absolute;
    left: 0; 
    width: 100px; 
    height: 7px; 
    background: #fe7700;
    }

    #design-nav .current-item {
        
    }
    
    .design-detail-specs {
        float: left;
        width: 900px;
        margin-top: 30px;
    }
        
        .design-detail-specs .left {
            float: left;
            width: 450px;
        }
        
        .design-detail-specs .right {
            float: right;
            width: 410px;
            margin-left: 10px;
        }
        
        .design-detail-specs .transporation {
            float: left;
            width: 900px;
            border-bottom: 1px solid #fe7700;
        }
        
        .design-detail-specs .transporation .right .detail-item {
            width: 150px;
            float: right;
            margin-top: 35px;
        }
        
        .design-detail-specs .features {
            background-color: #e5e5e5;
            padding: 25px 15px 10px 15px;
            margin-bottom: 20px;
            line-height: 20px;
            float: right;
            width: 390px;
        }
    
/* STATIC PAGE HEADERS */

.section h2 span{display: block;}
#who-we-are-header {
    width: 900px;
    height: 333px;
    background: url('images/OCE_InsidePageHeaderImages_051512_WhoWeAre.jpg');
    margin-bottom: 40px;
}

#blog-header {
    width: 900px;
    height: 333px;
    background: url('images/OCE_InsidePageHeaderImages_Blog.jpg');
    margin-bottom: 40px;
}

#what-we-do-header {
    width: 900px;
    height: 333px;
    background: url('images/OCE_InsidePageHeaderImages_051512_WhatWeDo.jpg');
    margin-bottom: 40px;
}

#dream-jobs-header {
    width: 900px;
    height: 333px;
    background: url('images/OCE_InsidePageHeaderImages_051512_DreamJobs.jpg');
    margin-bottom: 40px;
}

#nerd-header {
    width: 900px;
    height: 333px;
    background: url('images/OCE_InsidePageHeaderImages_051512_NerdHotline.jpg');
    margin-bottom: 40px;
}

#design-archives-header {
    width: 900px;
    height: 333px;
    background: url('images/OCE_InsidePageHeaderImages_051512_DesignArchives.jpg');
    margin-bottom: 40px;
}

/* ARCHIVES */

.archive_slider .archive-year,.single-post .widget.archive_slider .archive-year,.archive .widget.archive_slider .archive-year {
color: #fe7700 !important; font-size: 20px !important;
cursor:pointer !important;
}

.archive-year a{color:#fe7700;padding-bottom: none;}
li.archive_slider ul{}

.archive-year{margin-top: 10px;}


#blog-menu #sidebar ul{padding-left: 0;}
#blog-menu .monthly-list a{text-transform: capitalize;font-weight: 700; font-size: 15px;}

.archive_slider .monthly-list,.single-post .widget.archive_slider .monthly-list,.archive .widget.archive_slider .monthly-list {
display:none;
}
.archive_slider .monthly-list:first{display: block !important;}
#blog-menu h3{margin-top: 20px;margin-bottom: 20px;}
li.current-cat a{text-decoration: underline;}

/* CATEGORIES */
#categories-2 ul li a{text-transform: capitalize;font-weight: 700; font-size: 15px;margin-bottom: 0px;}
#categories-2 ul li.cat-item{margin-bottom: 0; padding-bottom: 0;margin-top: 5px;}
#categories-2 ul{margin-top: 15px;}

/* FOOTER */
#footer a{color: #fff;text-decoration: none;}
#footer a:hover{text-decoration: underline;}
#content-footer-wrap{
    background-image:url(images/footer-bg.png);
    background-repeat:repeat-x;
    height:91px;
}

#content-footer-wrap #footer{
    width:900px;
    color:#fff;
    font-size:12px;
        margin-left: 81px;
}

#ie7 #content-footer-wrap {
    position: relative;
    height: 91px;
    bottom: 0px;
}

#content-footer-wrap #copyright{
    float:left;
    padding-top:35px;
    font-size:11px;
}

#content-footer-wrap #newsletter{
    float:right;

    width:236px;
}

#footer #copyright{padding-right: 20px;}

#footer .mosaic-division{width: 180px; float: left;padding-left: 20px;margin-top: 30px;border-left: solid 1px white;border-right: solid 1px white;}
#footer .mosaic-division p{position: relative;left: 0; top: -15px; display: inline; margin-right: 10px;}

#footer .pv-logo img{position: relative;top: 12px;}
#footer .pv-logo{width: 180px; float: left;padding-left: 20px;margin-top: 30px; border-right: solid 1px white;height: 47px;padding-right: 27px;}

    #newsletter{
    float:right;
    margin-top: -50px;
    width:236px;
    position: relative;
    left: 90px;
}

    #mc_embed_signup form {
        background-color: #626165;
        padding: 5px 0 0 0 !important;
        width: 240px !important;
    }
    
    #mc_embed_signup input.email{
        padding: 4px 0 4px 0 !important;
        margin: 0 0 0 0 !important;
        float:left;
    }
    
    #mc_embed_signup .button{
        display:inline !important;  
        border-radius:0px !important;
        background-color:#fe7700 !important;
        font-size:12px !important;
        min-width:45px !important;
        width:45px !important;
        height: 25px !important;
        line-height: 25px !important;
        margin: 1px 0 10px 5px !important;
    }
    
    #mc_embed_signup {
        font:inherit !important;
    }

/* Clearfix */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

.profile-box{
    width:140px;
    height:175px;
    float:left;
    margin:4px;

    /* Giving the sponsor div a relative positioning: */
    position:relative;
}

.profile-flip{
    /*  The sponsor div will be positioned absolutely with respect
        to its parent .sponsor div and fill it in entirely */

    position:absolute;
    width:100%;
    height:100%;
    border:1px solid #ddd;
    background-color: #f9f9f9;
        text-align: center;
}

.the_date{
    text-transform: uppercase;
    margin-top: 0px;
    font-weight: 900;
}

.profile-fun {
    display: none;
    position:absolute;
    width:100%;
    height:100%;
    border:1px solid #ddd;
    background-color: #f9f9f9;
    text-align: center;
}

.social-buttons{margin-left: 40px;margin-bottom: 40px;}
.social-buttons .g-plusone{float: left !important;}
.fb-like{top: -4px;}

ul.job-links li a{border: none !important; padding: 0 !important;float: right;}
ul.job-links li.current_page_item a{color: #fe7700 !important;}
ul.job-links li a:hover{color: #fe7700 !important;background: none !important;}

ul.main-job-links li{list-style-type: none;}
ul.main-job-links{padding-left: 0 !important;}

#blog-content .navigation a{text-decoration: none;
text-transform: uppercase !important;
font-size: 16px;
padding: 15px 20px;
border: 1px solid #636266;}
#blog-content .navigation{margin-bottom: 70px;}
#blog-content .navigation .alignleft{float:left;margin-left: 40px;}
#blog-content .navigation .alignright{float:right;}

.page-template-blog-php .navigation{margin-bottom: 70px;}
.page-template-blog-php .alignleft{float:left;margin-left: 0px !important;}
.page-template-blog-php .alignright{float:right;}
p .wp-caption-text {font-size:10px;font-style:italic;}