/** red styles
 * Background Image
 */
/*  Header  */
#top{
    background-color: #6e0000;
    background-image: url(../images/light.png),url("red/bg_header_top.png");
    background-position: right top,0 0;
    background-repeat: no-repeat,repeat-x
}
.no-css3 #top{
    background-image: url("red/bg_header_top.png");
    background-position: 0 0;
    background-repeat: repeat-x    
}
/*  NavBar  */
#nav-bar{
    border-bottom: 1px solid #181818;
    border-top: 1px solid #181818;
    background-image: url("../images/light.png"),url("red/bg_header_menu.png");
    background-position: right center,0 0;
    background-repeat: no-repeat,repeat-x
}
.no-css3 #nav-bar{
    background-image: url("red/bg_header_menu.png");
    background-position: 0 0;
    background-repeat: repeat-x
}
#nav-bar-footer {
    background-image: url("../images/light.png"),url("red/bg_header_menu.png");
    background-position: right center,0 0px;
    background-repeat: no-repeat,repeat-x
}
.no-css3 #nav-bar-footer{
    background-image: url("red/bg_header_menu.png");
    background-position: 0 0;
    background-repeat: repeat-x
}
/*  Content */
#pagecontainer{
    background-image: url("../images/bg_header_shadow.png");
    background-position: 0 0;
    background-repeat: repeat-x
}

/*  CommentForm */
#commentform input[type="submit"]{background-image: url(red/button.png);background-position: 0 0;background-repeat: repeat-x}
#commentform input[type="submit"]:hover,#commentform input[type="submit"]:active{background-position: 0 -35px}

/**
 * Color
 */
/*  General  */
a:link,a:visited{color:#888888}
a:hover,a:active{text-decoration: underline}


/*  Light   */
#topcol2{background-color:#9b2f2f}
.wp-pagenavi span.current, .wp-pagenavi span.extend {background-color: #9b2f2f;border: 1px solid #cecece}
#content .bread a,#content .postmetadata a{color:#9b2f2f}
#content .bread,#content .postmetadata,#featured .meta{color:#9b2f2f}
#content .post .postmetadata a:hover,#content .bread a:hover,#featured .meta a:hover{color:#9b2f2f}
.jspTrack .jspActive, .jspTrack .jspHover, .jspDrag:hover{background-color: #9b2f2f}
#topcol, #topcol .title, #topcol a{color:#fff}
#slider2 .title a{color:#eee}
.widget a{color:#ececec}
#nav-bar li li{background-color: #9b2f2f}

/*  Light 2   */
#slider2 .meta{color:#c43737}
.jspDrag {background-color: #c43737}

/*  Dark    */
#slider2wrapper,#topcol1,#footer{background-color:#411212}
.wp-pagenavi span.pages,.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active{background-color: #411212;border: 1px solid #B1B1B1}
#topcol2, #topcol2 .title, #topcol2 a, .title a,.sidebar h3, #featured h3.titlebar {color:#411212}
#header h1, #slider1 h1 a, #slider1 div.slidemeta { color: #fff; }
#nav-bar ul li:hover{ background-color: #411212 }
#nav-bar ul.children a:hover,#nav-bar ul.children a:active,#nav-bar ul.sub-menu a:hover,#nav-bar ul.sub-menu a:active{background-color:#411212}
div.search .searchsubmit, input[type="submit"], input[type="button"] {
    background-color: #411212;
    border: 1px solid #B1B1B1;
    color: #fff;
    }
#subscribe input[type="text"] {
    background-color: #ECECEC;
    color: #411212;
    }
.widget {
    background-color: #411212 !important;
    color: #FFFFFF;
    }

/*  Topcol  */
.menu a{color:#fff}
#nav-bar .menu a:hover,#nav-bar .menu a:active{text-decoration: none}
#topcol2 .title{border-bottom-color:#2A1903}

/*  Content   */
#centercol .titlebar{color:#411212}
#centercol h3{color:#411212}

/*  Sidebar */
#slider2wrapper h3{color:#ECECEC}
.widget h3{color:#ECECEC}
#subscribe form{text-align:center}

/*  Footer  */
#footer{color:#aaa}
#footer_col a{color: #CFCFCF}
#footer_col,#footer a:hover{color: #ececec}
#footer_col h3{color: #fff}

/**
 * Border
 */
#slider2wrapper, #topcol1 ul{border: 1px solid #aeaeae}
#topcol2 ul, .widget{border:1px solid #cecece}
#col_1 li:first-child,#footer_col #col_2 li:first-child,#footer_col #col_3 li:first-child{border-top:none}

/**
 * jspVerticalBar
 */
.jspHorizontalBar, .jspVerticalBar, .jspTrack{background-color: transparent}

/* Set Mobile menu style for smartphone
------------------------------------------------------------------- */
@media (max-width: 959px) {
    #nav-bar {
        background-color: #861217;
    }
}