/* {{{ General styles */

@import url(http://fonts.googleapis.com/css?family=Cabin:400,400italic,500,500italic,600italic,600,700,700italic);

html { 
    font-size: 62.5%; 
    height:100%;
    overflow-y: scroll; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
}

body { 
    width:100%;
    height:100%;
    margin: 0;
    padding:0;
    font-size:14px;
    color:#2a1502;
    font-family: "Cabin", Arial, Verdana, sans-serif;
}

h1 {
    margin: 0 0 15px 0;
    padding:0;
    font-size:24px;
    line-height:26px;
    font-weight:bold;
}

h2 {
    margin:0 0 10px 0;
    font-size:20px;
    font-weight:bold;
    color: #575d3c;
}

h3 {    
    margin:0 0 10px 0;
    font-size:16px;
    font-weight:bold;

}


h1 a, h2 a, h3 a {
    text-decoration:none;
}

p {
    margin: 0 0 15px 0;
    line-height:18px;
}


a,
a:visited { 
    color:#575d3c;
    text-decoration:none;
}

a:hover { 
    color:#575d3c;
    text-decoration:underline;
}

a img,
a:visited img,
a:link img,
a:hover img {
    border:none;
}

#container {
    position:relative;
    width:100%;
    min-height:100%;
}

#container > header {
    width:100%;
    min-height:280px;
    background:url(../images/bg-header.jpg) center top repeat-x;
    border-bottom:1px solid #2a1502;
    margin:0 0 20px 0;
}

#headerContainer {
    width:950px;
    height:280px;
    margin:0 auto;
}


#headerTop {
    width:100%;
    height:205px;
    padding:25px 0 0 0;
    overflow:hidden;
}

#headerTopLeft {
    width:210px;
    margin: 0 10px 0 0;
    float:left;
}

#headerTopRight {
    width:730px;
    float:left;
}

#headerBottom {
    width:100%;
    height:30px;
    margin:10px 0 0 0;
}

header #logo {
    margin:0;
}

header #logo a {
    display:block;
    width:210px;
    height:205px;
    background:url(../images/hrboosters_logo.png) top left no-repeat;
    text-indent:-9999px;
}



#content {
    width:950px;
    min-height:300px;
    margin:0 auto;
    padding:0 0 50px 0;
    overflow:hidden;
}

#navLeft {
    float:left;
    width:200px;
    margin:0 20px 0 0;
}

#main {
    float:left;
    width:690px;
    padding: 0 20px;
}

.twocols {
    overflow:hidden;
}

#container > footer {
    margin-top:-50px;
    height:50px;
    width:100%;
    position:absolute;
    bottom:0;
    background:#2a1502;
    color:#fae9ce;
}


#inner-footer {
    width:950px;
    height:30px;
    margin:10px auto;
    overflow:hidden;
}

#inner-footer p {
    margin:0;
}

#inner-footer a {
    color:#fae9ce;
    text-decoration:none;
}

#inner-footer a:hover {
    color:#fae9ce;
    text-decoration:underline;
}

#footerLeft {
    width:475px;
    float:left;
}

#footerRight {
    width:475px;
    float:left;
    text-align:right;
}

/* }}} */

/* {{{ Nav styles */


nav {
    position:relative;
    width:730px;
    height:30px;
    margin: 0 0 0 220px;
    background: #f9efdf;
}

nav ul.menu {
    list-style:none;
    margin:0;
    padding:0;
    overflow:hidden;
}

nav ul.menu li {
    float:left;
    padding:0;
    margin:0;
    height:30px;
    border-right:1px solid #8f9962;
}

nav ul.menu li a {
    color: #2a1502;
    text-decoration:none;
    font-size:16px;
    line-height:30px;
    font-weight:bold;
    padding:0 20px;

}

nav ul.menu li.current_page_item a,
nav ul.menu li.current-menu-item a,
nav ul.menu li:hover a {
    color:#8f9962;
}

#navLeft ul.menu {
    list-style:none;
    margin:0;
    padding:0;
}

#navLeft ul.menu li {
    margin:0 0 10px 0;
    text-align:right;
}

#navLeft ul.menu li a {
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    color:#575d3c;
}

#navLeft ul.menu li.current_page_item a,
#navLeft ul.menu li.current-menu-item a,
#navLeft ul.menu li.current-menu-parent a,
#navLeft ul.menu li:hover a {
    color:#a7b373;
}


#navLeft ul.menu li ul {
    display:none;
    list-style:none;
    margin:0;
    padding:5px 0;
}


#navLeft ul.menu li.current_page_item ul,
#navLeft ul.menu li.current-page-ancestor ul,
#navLeft ul.menu li.current-menu-item ul,
#navLeft ul.menu li.current-menu-parent ul {
    display:block;
}

#navLeft ul.menu li ul ul {
    display:none !important;
}

#navLeft ul.menu li ul li {
    margin: 0 0 2px 0;
}

#navLeft ul.menu li ul li a {
    font-size:14px;
}

#navLeft ul.menu li ul li:hover a,
#navLeft ul.menu li ul li.current_page_item a,
#navLeft ul.menu li ul li.current-menu-item a {
    color:#2a1502;
}


/* }}} */

/* {{{ Articles styles */

#main ul {
    margin:0 0 15px 0;
    padding:0 0 0 20px;
}

#main ul li {
    margin:0 0 2px 0;
}

#main article {
    margin: 0 0 20px 0;
    overflow:hidden;
    
}

article #articleLeft {
    width:370px;
    min-height:100px;
    float:left;
    margin: 0 20px 0 0;
}

article #articleRight {
    width:410px;
    float:left;
}


img.alignleft {
    float:left;
    margin:0 40px 20px 0;

}

article .sectionImage,
img.alignright {
    float:right;
    margin:0 0 20px 40px;

}



/* }}} */

/* {{{ WP photo slider */

#wp_50_photo {
    position:relative;
    width:730px;
    height:195px;
    margin:0 0 10px 0;
    overflow:hidden;
}

#wp_50_photo .post {
    padding:0;
    margin:0;
    width:100% !important;
    height:100% !important;
}

#wp_50_photo .post .thumb {
    border:none;
    padding:0;
    margin:0;

}

#wp_50_photo .post img {
    width:100%;
    height:auto;
}

#wp_50_photo h3 {
    position:absolute;
    top:30px;
    left:30px;
    z-index:10;
    font-size:30px;
    font-weight:bold;
    color:#fbeace;
    text-shadow: 1px 1px 10px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1); 
    

}


#pagerContainer {
    display:none;
    position:absolute;
    bottom:0;
    left:0;
    width:950px;
    height:18px;
    z-index:10;
}

#pagerContainer .pager {
    margin:0 auto;
    overflow:hidden;
    text-align:center;
    width:auto;
    height:18px;
}

#pagerContainer .pager a {
    display:block;
    float:left;
    width:13px;
    height:13px;
    margin:0 3px;
    overflow:hidden;
    text-indent:9999px;
}



/* }}} */


/* {{{ WP specific */

#wpadminbar {
}

#TB_ajaxWindowTitle {
    display:none;
}

/* }}} */