@charset "utf-8";
/* CSS Document
    title: Administrative Business Services, Inc
    date : 18-09-09
*/
*{margin:0; padding:0;}
body
{
    font-family:Arial,"Trebuchet MS", Verdana, Georgia, Lucida,Helvetica,Tahoma, sans-serif, "Myriad Pro";
    font-size:12px;
    text-align:center;
    color:#000;
    background:#E7F4FC url(images/body-bg.gif) repeat-x;
}

:focus{ outline:none;}
img,fieldset{border:none;}
ul,ol,li{list-style:none;}    
a{    color:#fff;    text-decoration:none;}

/*----------------start outer wraper--------------------*/
#outerWraper{
    width:100%; 
    background:url(images/top-banner.jpg) no-repeat center top;
}
#wraper{
    width:980px;
    margin:0 auto;
    text-align:left;
    overflow:hidden;
    padding-bottom:20px;
}

/*------------start header --------------*/
.header{
    width:980px;
    overflow:hidden;
}
.logo{
    width:367px;
    display:block;
    float:left;
}
.rss{
    float:right;
    width:53px;
    display:block;
    margin:15px 32px 0 0;
}

/*-----------------navigation---------------------*/
.navPanel{
    width:980px;
    overflow:hidden;
    margin-top:90px;
}
.nav{
    width:736px; height:37px; 
    overflow:hidden;
    margin:0 0 0 10px;
    float:left;
    display:inline;
}
.nav li{
    float:left;
    margin-right:3px;
}
.nav li a{
    float:left; height:37px;
    display:block;
    background:url(images/nav-left.gif) no-repeat left top;
}
.nav li a b{
    float:left;
    display:block;
    background:url(images/nav-right.gif) no-repeat right top;
}
.nav li a b b{
    float:left; height:37px;
    display:inline-block;
    background:url(images/nav-bg.gif) repeat-x;
    margin:0 9px;
    padding:0 7px;
    font:bold 13px/34px Arial;
}

.nav li a:hover, .nav li .active {
    background:url(images/nav-hover-left.gif) no-repeat left top;
    color:#A3C5FF;
}
.nav li a:hover b, .nav li .active b{
    background:url(images/nav-hover-right.gif) no-repeat right top;
}
.nav li a:hover b b, .nav li .active b b{
    background:url(images/nav-hover-bg.gif) repeat-x;
    cursor:pointer;
}

.search{
     width:220px; 
     float:right;
     overflow:hidden;
     padding-top:4px;
}
.search input{
    width:186px; height:18px;
    border:#000 1px solid;
    border-right:none;
    float:left;
    color:#3C3C3C;
    font:normal 12px Arial;
    padding:3px 0 0 7px;
}
.search .btnSearch{
    border:none;
    width:26px; height:23px;
    float:left;
    padding:0;
    background: url('images/btn-search.gif') left top no-repeat;
}
/*--------------start content area-------------*/
.contentArea{
    width:980px;
    background:#fff;
    margin-top:1px;
}
.contentAreaTop{
    width:980px;
    background:url(images/content-area-top.jpg) no-repeat left top;

}
.contentAreaBottom{
    width:920px;
    background:url(images/content-area-bottom.jpg) no-repeat left bottom;
    padding:40px 30px 30px;
    overflow:hidden;
}
.content{
    width:520px;
    float:left;
    overflow:hidden;
}
.post{
    width:520px;
    overflow:hidden;
    padding:0 0 15px 0;   
}
.theme{
    width:520px;
    overflow:hidden;
    padding:0 0 15px 0;
    float: left;  
}
.topimage{
    width: 520px;
    overflow: hidden;
}

.content h2,.content h1{
    color:#000;
    font:normal 19px/30px Arial;
    padding-left:12px;
    background:url(images/them-name-bg.gif) no-repeat;
    width:520px; height:30px;
    margin-bottom:20px;
}
h2 a, h1 a{
    color:#000;
}
.themeImg{
    width:300px;
    border:#599DDA 2px solid;
    padding:2px;
    background:#fff;
    float:left;
    display:block;
    margin-bottom:18px;
}
.smallWidth{
    width:277px;
    height:208px !important;
}
.smallWidth img{
    height:208px !important;
}
.themeImg img{ display:block; overflow:hidden;  height:225px; }
.themeRightPan{
    width:190px;
    float:left;
    margin:0 0 20px 18px;
    padding-top:28px;
}

.largeWidth{
    width:217px;
}
.theme .ignore{
    padding-top:0;
}
.theme .themeRightPan .instruction{
    color:#545454;
    font:normal 12px Arial;
    float:left;
    width:190px;
    padding-bottom:10px;
    height: 45px !important;
}
.theme .themeRightPan p{
    float:left !important;
    width:215px !important; 
    padding-bottom:6px !important; 
    overflow:hidden !important; 
    clear:both !important; 
    height: 22px !important;
}
.theme .themeRightPan form{
    /*width:215px;*/
    overflow:hidden;
    clear:both;
}
.theme .themeRightPan input{
    width:152px !important;
    height:18px !important;
    float:left !important;
    border:#2679AE 1px solid !important;
    padding:2px 0 0 5px !important;
}
.theme .themeRightPan label{
    width:47px !important; 
    float:left !important; 
    padding-top:1px !important;
}
input#inputmain{
    margin:12px 0 0 35px !important;
    float:left !important;
    display:inline !important;
    background: url('images/btn-download-theme.gif') left top no-repeat !important;
    width: 173px !important;
    height: 34px !important;
    text-indent: -9999px;
    border: 0 none !important;
}
.btnThemeOption{
    width:173px; 
    display:block;
    margin-bottom:28px;
    
}
.theme  span, .theme  b, .content .tagComment{
    color:#15285B;
    font:bold 14px Arial;
    padding-bottom:15px;
    float:left;
    width:90px;
}
.theme .commentNo{
    background:url(images/comment-no-bg.gif) no-repeat;
    height:28px; width:43px;
    margin-top:-4px;
    font-size:16px;
    padding:3px 0 0 0px;
    text-align:center;
}
.theme p{
    color:#000;
    font:normal 13px Arial;
    width:520px;
    float:left;
    padding-bottom:15px;
}

.post{
    padding-bottom:20px;
}
.allposts{
    margin-bottom: 15px;
}
.post h2{
    background:none;
    width:420px;
    height:auto;
    line-height:22px;
    padding-left:0;
    margin-bottom:15px;
}
.theme h2{
    background:transparent url(images/them-name-bg.gif) no-repeat scroll 0 0;
    color:#000000;
    font-family:Arial;
    font-size:19px;
    font-size-adjust:none;
    font-style:normal;
    font-weight:normal;
    height:30px;
    line-height:30px;
    margin-bottom:20px;
    padding-left:12px;
    width:508px;
}
.theme h2 a,.theme h2 a:hover{
    color: #000;
}
.post p{
    color:#000;
    font:normal 13px Arial;
    line-height:18px;
    padding-bottom:20px;
}
.red{ color:#D63B20; }
.more-link{
    display:block;
    color:#388B3A;
    font:bold 11px Arial;
    line-height:18px;
}
.commentar{
    width:510px; height:23px;
    background:url(images/them-name-bg.gif) no-repeat;
    padding:7px 0 0 10px;
    overflow:hidden;
    margin: 15px 0;
}
.commentar span{
    color:#333;
    font:normal 11px Arial;
    padding-left:3px;
}
.commentar a{
    color:#CE3214;
    font:bold 11px Arial;
}
.commentar .postCommentNo{
    height:25px;
    display:inline-block; float:right;
    margin-right:42px;
    padding-left:25px;
    color:#404040;
    font:bold 11px Arial;
    background: url(images/post-comment.gif) no-repeat left top;
}
.commentar .postCommentNo a {
     color:#000;
     font:normal 11px Arial;
}
.content .tagComment{
    float:none;
}
.content .block{
    color:#fff;
    float:none;
    font:normal 12px Arial;
    background:#85B7E3;
    padding:3px 0;

}
.content .contxt{
    color:#15285B;
    font:normal 12px Arial;
}
.content .comments{
    width:520px;
    margin:30px 0 0 0;
}

.content .comments .commentNoTheme{
    background:url(images/comment-no-bg.gif) no-repeat;
    height:28px; width:43px;
    font-size:16px;
    padding:3px 0 0 0px;
    text-align:center;
    float:right;
    margin-right:388px;
    margin-top:-3px;
    position:relative;
}
.content .userComment{
    width:520px;
    margin:10px 0 20px 0;
    float:left;
}
.content .userComment li{
    width:520px;
    margin-bottom:20px;
}
.content .userComment li .userPhoto{
    width:57px; height:58px;
    background:#E4E3D9;
    display:block;
    padding:2px;
    float:left;
    margin-top:4px;
}
.content .userComment li p{
    color:#323232;
    font:normal 12px/16px Arial;
    float:left;
    width:444px;
    padding-left:12px;
}
.content .userComment li  .commentarName{
    float:left;
    padding-bottom:4px;
}
.content .userComment li .commentarName a{
    color:#D33618;
    font:bold 12px Arial;
    text-decoration:underline;
    padding-right:5px;
}
.content .leaveComment{
    width:508px;
    background:url(images/them-name-bg.gif) no-repeat;
    height:30px;
    color:#000;
    font:bold 17px/28px Arial;
    display:block;
    float:left;
    padding-left:12px;
    margin-bottom:20px;
}
.content .information{
    width:520px;
    float:left;
    padding-bottom:7px;
}
.content .information input, .content .information textarea,.input{
    width:235px; height:16px;
    border:#2679AE 2px solid;
    font:normal 12px Arial;
    padding:2px 0 0 5px;
}
.content .information textarea{
    height:76px;
    width:508px;
    overflow:hidden;
}
.content .information .btnPostComment{
    width:168px; height:33px;
    border:none;
    padding:0;
    margin-top:7px;
}
/*----------------footer-----------*/
.footer{
    width:960px; height:111px;
    background:url(images/footer-bg.jpg) no-repeat center;
    margin-top:20px;
    padding:20px 0 0 20px;
}
.footer .left{
    float: left;
    width: 730px;
}
.footer .right{
    float: left;
}
.footer p{
    color:#C9E5FC;
    font:bold 11px Arial;
    width: 700px;
}
.footer p a,.footerNav li a{
    color:#C9E5FC;
    padding:0 8px;
}
.footer p a:hover, .footer p .active,.footerNav li a:hover,.footerNav li.active a{
    color:#fff;
}
.footer p .ignore,.footerNav .ignore a{
    padding-left:0;
}
.footer p span{
    display:block;
    padding-top:3px;
}
.footerNav {
    overflow: hidden;
    width: 700px;
}
.footerNav li{
    float: left !important;
}
.footer .footerLogo{
    width:204px; height:71px;
    display:block;
    margin-right: 10px;
    margin-top: 20px;
}
.footerlogotext{
    text-indent: -9999px;
}

    

/*----------------SideBar-------------------*/
.sideBar,.leftSideBar,.rightSideBar {
    width:390px;
    float:right;
    overflow:hidden;
}
.leftSideBar {
    width:190px;
    float:left;
}
.rightSideBar {
    width:190px;
}
.sideBarContainer,.rightContent,.item {
    width:188px;
    min-height:122px;
    padding-bottom:23px;
    border:1px solid #e1e1e1;
    background:#f4f4f4;
    /*position:relative;*/
    margin-bottom:8px;
}
.sideBarContainer h2,.rightContent h2,.leftSideBar h3,.rightContent h3,.rightSideBar h3{
    width:170px;
    height:27px;
    display:block;
    font-size:16px;
    color:#ffebd2;
    line-height:27px;
    padding-left:10px;
    font-weight:bold;
    background:url(images/heading-bg-1.gif) no-repeat;
    margin: 9px 0 0;
}
.sideBarContainer ul,.rightContent ul,.leftSideBar ul,.rightSideBar ul {
    width:179px;
    overflow:hidden;
    padding:9px 0 0 9px;
}
.sideBarContainer ul li,.rightContent ul li,.leftSideBar ul li,.rightSideBar ul li {
    padding-left:13px;
    font-weight:bold;
    font-size:11px;
    padding-bottom:3px;
    background:url(images/bullet.gif) no-repeat 0 4px;
}
* html .sideBarContainer ul li {
    background:url(images/bullet.gif) no-repeat 0 5px;
    padding-bottom:2px;
}
*+ html .sideBarContainer ul li {
    background:url(images/bullet.gif) no-repeat 0 5px;
    padding-bottom:2px;
}
* html .rightContent ul li {
    background:url(images/bullet.gif) no-repeat 0 5px;
    padding-bottom:2px;
}
*+ html .rightContent ul li {
    background:url(images/bullet.gif) no-repeat 0 5px;
    padding-bottom:2px;
}
.sideBarContainer ul li a,.rightContent ul li a,.leftSideBar ul li a,.rightSideBar ul li a{
    color:#727272;
}
.sideBarContainer ul li a:hover,.rightContent ul li a:hover,.leftSideBar ul li a:hover,.rightSideBar ul li a:hover {
    color:#dc4125;
    text-decoration:underline;
}
.rightContent {
    background:#ffe5d4;
}
.rightContent h2,.rightSideBar h3{
    background:url(images/heading-bg-2.gif) no-repeat;
    margin: 9px 0 0 9px;
}
.rightContent p {
    font-size:12px;
    color:#824135;
    line-height:17px;
    padding:9px 0 0 8px;
    width:170px;
}
.newPost {
    width:179px;
    border:1px solid #e1e1e1;
    padding:0 0 18px 9px;
    overflow:hidden;
    margin-bottom:10px;
    background:#f4f4f4 url(images/rss.gif) no-repeat 144px 7px;
}
.newPost b {
    width:130px;
    font-size:13px;
    color:#000;
    display:block;
    padding:6px 0 17px 0;
}
.newPost inputm,.forminput {
    width:118px;
    height:18px;
    border:1px solid #c7c5c5;
    border-right:none;
    text-align:center;
    font-size:11px;
    color:#2f2f2f;
    padding-top:3px;
    float:left;
}
.newPost .submit, .formbttn {
    width:50px;
    height:23px;
    border:none;
    padding:0;
    cursor:pointer;
    background: url('images/submit.gif') left top no-repeat;
    text-indent: -9999px;
}
.regular {
    background:#f4f4f4;
}
.widget_tag_cloud {
    width:168px;
    border:1px solid #3a56a5;
    margin-bottom:10px;
    background:#627abc;
    padding:10px; 
}
.widget_tag_cloud h3{
    display: none;
}
.tagCloud p {
    font-size:13px;
    color:#fff;
}
.widget_tag_cloud a {
    color:#fff;
    text-decoration:underline;
}
.widget_tag_cloud a:hover {
    color:#d0ffd1;
    text-decoration: none;
}
.tagCloud b,.tagCloud strong {
    font-weight:normal;
    font-size:19px;
    display:block;
    text-decoration:underline;
}
.tagCloud strong {
    font-size:21px;
}
/*-----------------Rony---------------*/
.post i {
    font:13px Arial;
    line-height:18px;
    padding:0 0 0 10px;
    margin:0 0 20px 9px;
    display:block;
    font-style:italic;
    background:url(images/para-bg.jpg) repeat-y; 
}
.post ul {
    padding-bottom:10px;
}
.post ul li {
    padding:0 0 0 12px;
    font-size:13px;
    color:#000;
    line-height:19px;
    background:url(images/bullet-1.gif) no-repeat 0 8px;
}
.post ol {
    padding-bottom:19px;
}
.post ol li {
    list-style:decimal;
    font-size:13px;
    line-height:19px;
    list-style-position:inside;
}
/* By Rain */
.singlePageComment{
    background: url('images/btn-post-comment.gif');
    cursor: pointer;
    text-indent: -9999px;
}
.hide{
    display: none;
}
.content a{
    color: #d33618;
}
.content a:hover{
    text-decoration: underline;
}