/*
Theme Name: MensHealthMonth
Author: Dejan Noveski
Version: 1.0
*/

body, html{
    background: #302f2f url(images/bg.gif) repeat-y top center;
    font: 13px/20px helvetica,arial,sans-serif;
}

a:link,
a:hover,
a:visited{
    color: #37a2d0;
    cursor: pointer;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

a img{
    border:0 none;
}

#wrapper{
    width:960px;
    margin:0px auto;
}

#topmost{
    text-align:right;
    color: #888;
    margin-bottom:5px;
    margin-top:5px;
}

#topmost form{
    display:inline;
    margin-right: 30px;
}

#topmost form .search-text{
    border:0 none;
    width: 160px;
    height: 20px;
    padding: 2px 3px;
    background: transparent url(images/search-bar.gif) no-repeat center left;
    color: #eee;
}

#topmost form .search-button{
    border:0 none;
    background: transparent url(images/search-button.gif) no-repeat center left;
    width: 22px;
    height: 20px;
}

#header{
    height: 155px;
    background: transparent url(images/header.gif) no-repeat top center;
    border-bottom: 2px solid #333;
    position: relative;
}

#header-week{
    height: 155px;
    background: transparent url(images/header-week.gif) no-repeat top center;
    border-bottom: 2px solid #333;
    position: relative;
}

#home-link{
    position: absolute;
    display:block;
    height: 150px;
    width: 560px;    
}

#masthead{
    position:absolute;
    right:10px;
    height: 150px;
    top:5px;
}

#main{
    background: transparent url(images/content-bg.gif) repeat-y top center;
    padding-top:10px;
    padding-bottom:10px;
    overflow:hidden;
    clear:both;
    zoom:1;
}



#container{
    position:relative;
    float:left;
    display:inline;
    width: 745px;
}

#primary, #secondary{
    width: 212px;
    position:relative;
    float:left;
    display:inline;
    background: transparent url(images/menu-bg.gif) repeat-y 2px 0px;
}

#primary ul{
    margin:0px 0px;
}

#content{
    padding:0px 30px;
    padding-bottom:20px;
}

#footer{
    height: 218px;
    background:transparent url(images/footer.gif) repeat-x top left;
    border-top: 2px solid #353535;
}

#colophon{
    clear:both;
    overflow:hidden;
    zoom:1;
}

#footer-widget-area{
    width:212px;
    float:left;
    color: #fff;
    margin-top:20px;
}

#footer-widget-area a{
    color: #fff;
    text-decoration: underline;
}

#footer-widget-area p{
    font-size:12px;
    line-height: 16px;
}

#footer-widget-area ul{
    list-style:none;
}

/*---MENU---*/
#menu-main, #menu-main ul{
    list-style: none;
}

#menu-main{
    padding-left:14px;
}

#menu-main ul{
    padding-left:20px;
}

#menu-main ul.sub-menu ul.sub-menu{
    display:none;
}

#menu-main ul.sub-menu  li.current-menu-item ul.sub-menu{
    display:block;
}

#menu-main ul.sub-menu  li.current-menu-ancestor ul.sub-menu{
    display:block;
}

#menu-main ul.sub-menu li.current-menu-item > a:link,
#menu-main ul.sub-menu li.current-menu-item > a:hover,
#menu-main ul.sub-menu li.current-menu-item > a:visited{
    font-weight:bold;
}

#menu-main li a:link,
#menu-main li a:hover,
#menu-main li a:visited
{
    display: block;
    background: transparent url(images/menu-item.png) no-repeat center left;
    height: 38px;
    line-height: 38px;
    width: 177px;
    border: 1px solid #5c7079;
    border-right:0 none;
    padding-left: 20px;
    color: #b3e7ff;
    text-transform:uppercase;
    text-decoration: none;
    font-size:16px;
    margin-top:20px;
}

#menu-main ul li a:link,
#menu-main ul li a:hover,
#menu-main ul li a:visited
{
    display: block;
    background: none;
    height: 24px;
    width: auto;
    line-height: 24px;
    border: 0 none;
    padding-left: 0px;
    color: #fff;
    text-transform:none;
    text-decoration: none;
    font-size:13px;
    border-bottom: 1px solid #3e5662;
    margin-top:0px;
}

h1, h2, h3, h4{
    color: #ff9900;
}

h1{
    font-size:28px;
    line-height: 38px;
}

h2{
    font-size: 22px;
    line-height: 32px;
}

h3{
    font-size: 18px;
    line-height: 25px;
}

h4{
    font-size: 16px;
    line-height: 22px;
}

.bottom-box{
    background: transparent url(images/bottom-box-bg-225h.gif) no-repeat top center; /* longer bg image */
    width: 307px;
    height: 225px; /* was 193px */
    float:left;
    margin: 0px 15px;
}

.bottom-box-nobg { /* new class for small video @ bottom right */
    width: 307px;
    float:left;
    margin: 0 0 0 17px;
}

.bottom-box img.attachment-post-thumbnail{
    margin-top:10px;
    margin-left:1px;
    width: 305px;
}

.bottom-box .bottom-box-content{
    margin:0px 10px;
    overflow:auto;
    /* height: 80px; */ /*disabled*/
}

.cleared{
    overflow: hidden;
    clear:both;
    zoom:1;
}

.vspacer{
    height: 20px;
}

.top-resources-box{
    background: transparent url(images/top-resources-box-400h.gif) no-repeat top center; /* longer bg image */
    width: 305px;
    height: 400px; /* was 214px */
    float:left;
    margin: 0px 15px;
}

.bottom-box-title{
    text-transform: uppercase;
    color: #fff;
    margin:0px 0px;
    line-height: 30px;
    margin-left:10px;
    margin-bottom:10px; /* was 30 */
}

.top-resources-box .bottom-box-content,
.top-events-box .bottom-box-content{
    margin:10px 20px;
    /* overflow:auto; */ /*disabled*/
    /* height: 165px; */ /*disabled*/
}

.top-events-box{
    background: transparent url(images/top-events-box-400h.gif) no-repeat top center; /* longer bg image */
    width: 305px;
    height: 400px; /* was 214px */
    float:left;
    margin-left: 18px;
}

#fhcframe{
    border: 0 none;
    height: 1000px;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

#partners-slideshow{
    width: 600px;
    overflow:hidden;
    clear:both;
    zoom:1;    
    background-color: #000;
    margin:0 auto;
    margin-top:20px;
    
}

#partners-slideshow .slideshow-title{
    color: #9bc4d8;
    text-align:center;
    margin: 3px 0px;
}

#partners-slideshow .slideshow-inside{
    width: 558px;    
    height: 92px;
    position:relative;
    /*background: #000 url(images/slideshow-inside-bg.gif) repeat-x center left;*/
    background-color: #fff;
    float:left;
    overflow:hidden;
}

#partners-slideshow .slideshow-belt{
    position: absolute;
    width: 2000px;
    overflow:hidden;
    clear:both;
    zoom:1;
    left:0px;
}

#partners-slideshow .slideshow-belt a{
    margin-left: 20px;
    vertical-align: center;
    line-height:92px;
    display: block;
    float: left;
    height: 100px;
}

#partners-slideshow .slideshow-belt a img{
    vertical-align:middle;
}

#partners-slideshow .slideshow-btn{
    float:left;
    width: 21px;
    height: 92px;
    cursor: pointer;
}

#partners-slideshow .slideshow-left{
    background: #000 url(images/bottom-slideshow-left.gif) no-repeat center center;
}

#partners-slideshow .slideshow-right{
    background: #000 url(images/bottom-slideshow-right.gif) no-repeat center center;
}

.copyright{
    text-align:center;
    color: #656565;
    font-size: 11px;
}

.gallery-caption { display:block !important; }

.wp-caption { margin-right: 20px; }
.wp-caption-text { margin-top:5px; }
#proclamations .wp-caption-text { height:40px; }
#photogallery .wp-caption-text { height:auto; }