/*
Theme Name: Irps
Theme URI: http://innovativerps.com
Description: IRPS Home Page
Author: Dan Seibert
Author URI: http://innovativerps.com
Version: 1.0
*/

html{
    height: 100%;
}
body {
    background-color: #FFF;
    font-family: Helvetica,Arial,Serif;
    color: #636466;
    margin: 0px;
    padding: 0px;
    height: 100%;
}
.left-col{
    width: 733px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 5px;
    float: left;
}

.right-col{
    margin: 0px 5px 0px 0px;
    padding: 12px;
    width: 214px;
    height: 510px;
    color: #FFF;
    font-size: 27px;
    background: url('images/bkgnd1.png') bottom no-repeat;
    float: right;
}
.right-col .post{
    padding: 5px 7px;
}

.icon_container .caption{
    padding: 10px 0px;
    text-align: center;
    font-size: 1.3em;
    display: table-cell;
    height: 72px;
    vertical-align: middle;
    width: 163px;
}
.portfolio_icon_container,
.portfolio_container
{
    float: left;
}
.portfolio_icon_container .portfolio_car_control{
    padding: 10px 5px;
    border-top: 1px solid #F47B20;
}

.portfolio_icon_container > .portfolio_car_control:first-child{
    border-top: none;
}


.portfolio_icon_container{
    float: left;
    width: 280px;
    margin: 0px 20px 0px 0px;
}

.portfolio_container{
    background: url('images/dantestbox_2.png') left center no-repeat;
    float: left;
    padding: 10px;
    height: 289px;
    width: 551px;
}

.portfolio_container div div{
    padding: 2px 0px;
}

.home_content{
    float: left;
    margin-left: 50px;
    padding: 0;
    background: url('images/left_box_bg.png') no-repeat;
    width: 606px;
    height: 360px;
}
.banner-rotator{
    width: 603px;
    padding: 0px 1px;
}
.banner-title{
    padding: 5px 0px 20px 5px;
    font-size: 16pt;
    font-weight: bold;
}
.banner-sue .banner-text-right{
    float: right;
    font-size: 12pt;
    margin-right: 10px;
    width: 276px;
}
.banner-man .banner-text-left{
    font-size: 12pt;
    width: 409px;
    margin-left: 7px;
}
.banner-girl .banner-text-left{
    font-size: 12pt;
    width: 375px;
    margin-left: 5px;
}
.banner-text-right{
    float: right;
    font-size: 14pt;
    margin-right: 50px;
    width: 330px;
}
.banner-text-left{
    float: left;
    font-size: 14pt;
    width: 330px; 
}
.banner-search{
    color: #F57B20;
    height: 358px;
    background: url('images/search.png') 1% 100% no-repeat;
}
.banner-sue{
    color: #F57B20;
    height: 358px;
    background: url('images/sue.png') 5% 100% no-repeat;
}
.banner-man{
    color: #F57B20;
    height: 358px;
    background: url('images/mancomputer.png') right bottom no-repeat;
}
.banner-girl{
    color: #F57B20;
    height: 358px;
    background: url('images/girlpay.png') right bottom no-repeat;
}

.btn_container{
    float: right;
    margin: -25px 25px 0px 0px;
    z-index: 99;
    position: relative;
}

.btn_container .car_control{
    width: 12px;
    height: 12px;
    margin: 0px 3px;
    float: left;
    background: url('images/dots.png') left top no-repeat;
}
.btn_container .car_control.activeBtn{
    background: url('images/dots.png') right top no-repeat;
}
.dan p {
    margin: 0px;
}
.rss-block{
    width: 605px;
    float: left;
    margin: 20px 0px 0px 50px;
}
.rss-block ul{
    list-style: none;
    padding: 5px 0px 5px 10px;
    margin: 0px;
}
.rss-block ul li{
    margin: 10px 0px;
}
.rss-block ul li.first{
    margin: 0px;
}
.rss-block .rss-title{
    font-weight: bold;
}
.rss-block .rss-desc{
    font-size: .8em; 
}
.social-box{
    background: url('images/social_media_box_bg.png') no-repeat;
/*    float: right;*/
    width: 273px;
    height: 56px;
    margin: 24px 0px 20px 0px;
/*    padding: 0px 5px;*/
}
.social-box img{
    padding-left: 7px;
}
.home_car ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.home_content li{
    /*width: 674px;*/
    /*height: 290px;*/
    /*    padding: 15px;*/
}
#bbblink{
    float: left;
}
.copy{
    float: left;
    width: 661px;
}
.footer-img{
    float: right;
}
.index_title{
    color: #FFF;
    font-weight: bold;
    text-align: left;
    font-size: 19px;
    padding: 10px 20px;
}
.right-wrapper{
    width: 267px;    
    float: right;    
    margin-right: 50px;
}
.right-contact{
    padding: 0px 7px;
    height: 360px;
    width: 267px;  
    color: #F57B20;
    background: url('images/right_box_bg.png') no-repeat;
}
.right-contact h2{
    text-align: center;
    padding: 4px 0px 0px 0px;
}
.right-contact #si_contact_name2,
.right-contact #si_contact_email2,
.right-contact #si_contact_message2
{
    width: 252px;
}
.right-contact #si_contact_message2 {
    height: 122px;
}
.home_car p{
    margin: 15px 10px;
    line-height: 28px;
}
h2{
    margin: 0px;
}

h2, a:link, a:visited, a img{
    color: #F47B20;
    border: 0px none;
    text-decoration: none;
}

a:hover{
    color: #A7A9AC;
}

.menu a{
    color: #636466;
}
.menu a:hover{
    color: #A7A9AC;
}
img.nav_icon{
    /*    width: 155px;*/

    border: 0px !important;
}
.activeBtn img.nav_icon{
    /*    width: 150px;*/
}
#page{
    position: relative;
    margin: 0px auto;
    padding: 0px 1px;
    width: 1003px;
    /*    border-left: 1px solid gray;
        border-right: 1px solid gray;*/
}

#header{
    position: relative;
    /*    border-top: 10px solid #000000;
        border-bottom: 10px solid #000000;*/
    padding-bottom: 7px;
    background-color: #FFF;
    height: 149px;
}

#header h1{
    margin: 0px;
}

#header .topbar{
    background-image: url('images/top_bar_rightside.png');
    background-repeat: repeat-x;
    height: 63px;
    width: 100%;
    z-index: 3;
}

#header .bigtopbar{
    width: 50%;
    height: 63px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url('images/top_bar_leftside.png');
    background-repeat: repeat-x;
    z-index: 3;
}
.transtopbar{
    position: absolute;
    right: -46px;
    width: 46px;
    height: 63px;
    background-image: url('images/top_bar_swirl_mod6.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    z-index: 4;
}
#header .navbar{
    position: relative;
    /*background-color: #FFFFFF;*/
    height: 75px;
    margin-top: -35px;
    width: 100%;
    z-index: 1;
    /*top: 15px;*/
}

#header .menubar{
    position: relative;
    height: 56px;
    margin-top: 10px;
    /*width: 1000px;*/
    /*top: 95px;*/
    background-image: url('images/white_bar_and_shadow_26_66.png');
    background-position: bottom;
    background-repeat: repeat-x;
    z-index: 3;
}
.innerheadimage{
    position: relative;
    width: 1000px;
    height: 125px;
    margin: 0px auto;
    z-index: 3;
}
#headerimg{
    position: absolute;
    top: 0px;
    left: -75px;
    background-image: url('images/header_grid.png');
    background-repeat: no-repeat;
    overflow: visible;
    /*background-position: -75px 0px;*/
    /*    overflow: visible;
        margin: 0px auto;*/
    width: 1080px;
    height: 125px;
    z-index: 1;
}
#headerimg img{
    position: absolute;
    right: 30px;
    top: 15px;
}
.blog_title{
    position: absolute;
    /* width: 1000px;
     text-align: center*/;
    background-color: #FFFFFF;
    height: 70px;
    line-height: 70px;
    top: 15px;
    font-size: 18pt;
    font-weight: bold;
}
.blog_title :link, .blog_title :visited{
    text-decoration: none;
    color: #000;
}
#content{
    position: relative;
    padding: 30px 0px;
}
#content > .post{
    padding: 0px 20px;
}

.innermenu{
    position: relative;
    width: 1000px;
    height: 1.05em;
    line-height: 26px;
    margin: 0px auto;
}
.innermenu .menu{
    float: right;
}
.menu :link, .menu :visited{
    text-decoration: none;
    padding: 0px 10px 0px 5px;

}
.menu ul{
    padding: 0;
    margin: 0;
    display: block;
    list-style: disc inside;
}

.menu ul > li:first-child{
    list-style: none;
}
.menu li{
    float: left;
    font-style: italic;
}

.logoImage{
    border: none;
    height: 50px;
    padding: 10px;
}
.footerImage{
    position: absolute;
    right: 20px;
    top: 0px;
    border: none;
    /*    float: right;*/
    /*height: 50px;*/
}

.rightBlock{
    position: absolute;
    right: 58px;
    top: 50px;
    width: 942px;
    height: 100%;
    background-image: url('images/LinesAndBox.png');
    background-repeat: no-repeat;
    background-position: right top;
    color: white;
}
.rightBlock h2{
    color: white;
    font-weight: bold;
}

.indexentry{
    font-size: 16pt;
    padding: 25px;
    /*    width: 460px;*/
    color: #F47B20;
    /*    margin: 0px 0px 0px 71px;*/
}
.highlighter{
    color: #A7A9AC;
    font-weight: 600;
}
.indexentry p{
    margin-top: 0px;
}
#indextitle{
    font-size: 22pt;
    /*font-weight: bold;*/
    color: #F47B20;
    margin: 0px 0px 30px 0px;
}
.featuredPost{
    padding: 11px 0px 9px 68px;
    margin: 0px 0px 0px 81px;
    background-repeat: no-repeat;
    width: 300px;
    height: 60px;
    font-size: small;
    background-position: left center;

}
.featuredPost a:link, .featuredPost a:visited{
    /*    display: block;
        height: 60px;
        width: auto;*/
    /*line-height: 60px;*/
    color: #636466;
    font-size: 1.15em;
    /*text-decoration: underline;*/
}
.featuredPost-1{
    background-image: url('images/RockBox.png');
}
.featuredPost-2{
    background-image: url('images/PaperBox.png');
}
.featuredPost-3{
    background-image: url('images/ScissorBox.png');
}
.rightBlock .posts{
    position: absolute;
    width: 220px;
    height: 360px;
    right: 10px;
    top: 0px;
}

.rightBlock .posts > .post:first-child{
    border-top: 0px none !important;
}
.rightBlock .posts .post{
    border-top: 1px solid #FFF;
    padding: 10px 0px;
    height: 100px;
    font-size: 10pt;
}
.rightBlock .posts .post p{
    margin: 0px;
}
#wrapper{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}
.footer, .push {
    height: 4em;
}
.placeHolder{
    height: 0px;
}
.innerPlaceHolder {
    margin: 0px auto;
    padding: 0px 8px;
    width: 990px;
}
.push_shadow{
    margin: 0px auto;
    padding: 0px 8px;
    width: 990px;
    height: 4em;
}
#innerfooter{
    position: relative;
    text-align: center;
    font-size: small;
    margin: 0px auto;
    height: 100%;
    padding: 0px 8px;
    width: 990px;
}
#footer{
    position: relative;
    padding: 10px 0px;
    background: url('images/bottom_background_1.png') repeat-x;
}
#codelayer{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    left: 0;
    display: none;
    z-index: 999;
}
.portfolio_meta ul{
    list-style: none;
}
.portfolio_meta{
    float: left;
    width: 35%;
}
.portfolio_content{
    float: left;
    width: 65%;
}
.clear{
    clear: both;
}
.portfolio_wrap{
    float: left;
    margin: 30px 33px;
}
.portfolio_wrap.first-row{
    /*    margin-top: 30px;*/
}
.portfolio_wrap .portfolio_info{
    padding: 10px 0px;
}
#pop_ss{
    display: none;
    /*width: 400px;*/
    height: 300px;
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #FFF;
    z-index: 999;
    padding: 20px;
    border: 3px solid #A7A9AC;
}
#pop_ss img{
    /*width: 400px;*/
    height: 300px;
    border: 1px solid #A7A9AC;
}
.portfolio_block:last-child{
    border: 0px none;
}
.portfolio_block{
    float: left;
    width: 330px;
    /*    border-bottom: 1px solid #A7A9AC;*/
}
.portfolio_content{
    line-height: 2em;
}
.portfolio_logo{
    padding: 0px 0px 15px 0px;
}
.twitter{
    float: left;
    display: none;
}
.home_content:after,
.banner-rotator p:after,
.rss-block:after{
    clear: both;
}