/* 
Theme Name: Men's Health Base
*/

body {
background-color: #265486;
color: #333333;
font: 12px Verdana, Arial, Tahoma;
margin: 0px auto 0px;
padding: 0px;
}

#headerswoop {
margin: 0px auto 0px;
height: 250px;
background: url(images/header-curve.png) bottom center no-repeat;
width: 100%;
position: relative;
z-index: 1600;
}

#headerswoopcontainer {
margin: 0px auto 0px;
padding: 10px 0px 0px 0px;
position: relative;
z-index: 1700;
width: 980px;
height: 110px;
color: #FFFFFF;
font: bold 10px Verdana, Tahoma, Arial;
}

.headerleft {
	width: 350px;
float: left;
font-size: 14px;
margin: 0px;
margin-left: 100px;
padding: 15px 0px 0px 0px;
}

.headerleft a img {border: none;
margin: 0px;
padding: 0px;
}

.headerright {
	width: 400px;
float: right;
margin: 0px;
padding: 0px 0px 8px 0px;
font-weight: bold;
}

.headerright a img {border: none;
margin: 0px 0px 3px 0px;
padding: 0px;
}

#wrap {background: url(images/wrap-bg.gif);
background-repeat:repeat-y;
background-color: #FFFFFF;
width: 990px;
margin: -100px auto 0px;
padding: 50px 0px 0px 0px;
position: relative;
}


/************************************************

*	Hyperlinks									*

************************************************/

a:link, a:visited {color: #21456D;
text-decoration: none;
}

a:hover, a:active {color: #21456D;
text-decoration: underline;
}

/************************************************

*	Header  									*

************************************************/

#header {background: #808080 url(images/header.png);
background-image: 

width: 980px;
height: 132px;
color: #333333;
font-size: 11px;
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}

.headerleft {
	width: 350px;
float: left;
font-size: 14px;
margin: 0px;
margin-left: 100px;
padding: 15px 0px 0px 0px;
}

.headerleft a img {border: none;
margin: 0px;
padding: 0px;
}

.headerright {
	width: 400px;
float: right;
margin: 0px;
padding: 10px 0px 8px 0px;
font-weight: bold;
}

.headerright a img {border: none;
margin: 0px 0px 3px 0px;
padding: 0px;
border: 1px solid #FFFFFF;
}


/************************************************

*	Images  					     		    * 

************************************************/

img.centered  {display: block;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

img.alignnone {padding: 0px;
margin: 0px 0px 10px 0px;
display: inline;
}

img.alignright {padding: 0px;
margin: 0px 0px 10px 10px;
display: inline;
}

img.alignleft {padding: 0px;
margin: 0px 10px 10px 0px;
display: inline;
}

img.alignleft {padding: 0px;
margin: 0px 10px 10px 0px;
display: inline;
}

.alignright, .floatright {
	float: right;
}

.alignleft, .floatleft {
	float: left;
}

img.thumbnail {
	margin:0px 10px 0px 0px;
}
/************************************************

*	Footer      								*

************************************************/

#footer {background-color: #FFFFFF;
width: 980px;
height: 0px;
margin: 0px;
padding: 0px;
}

/************************************************

*	Disclaimer Box								*

************************************************/	

#disclaimer {background-color: #FFFFFF;
width: 980px;
height: 90px;
margin: 0px auto 18px;
padding: 10px 0px 10px 0px;
}

#disclaimerleft {float: left;
background-color: #FFFFFF;
width: 590px;
margin: 0px 5px 0px 10px;
}

#disclaimerright {float: right;
background-color: #FFFFFF;
width: 340px;
margin: 0px 10px 0px 0px;
}

#disclaimerleft p{font: 10px Verdana, Arial, Tahoma;
color: #404040;
text-align: justify;
}

#disclaimerright p{clear: both;
}

#disclaimerleft a, #disclaimerleft a:visited {color: #404040;
font: bold 10px Verdana, Arial, Tahoma;
text-decoration: none;
}

#disclaimerleft a:hover, #disclaimerleft a:active {color: #404040;
font: bold 10px Verdana, Arial, Tahoma;
text-decoration: underline;
}

/************************************************

*	Footer Swoop								*

************************************************/

#footerswoop {margin: -85px auto 0px;
height: 125px;
background: url(images/footer-curve.png) top center no-repeat;
width: 100%;
position: relative;
z-index: 1000;
}

#footerswoopnav {margin: -40px auto 0px;
padding: 0px;
position: relative;
z-index: 1500;
width: 980px;
text-align: center;
color: #FFFFFF;
font: bold 10px Verdana, Tahoma, Arial;
}

#footerswoopnav ul  {margin: 0px auto;
padding:0px;
}

#footerswoopnav ul li {list-style: none;
display: inline;
margin: 0px 10px 0px 10px;
padding: 0px;
}

#footerswoopnav ul li a:link, #footerswoopnav ul li a:visited{color: #808080;
text-decoration: none;
font: bold 10px Verdana, Tahoma, Arial;
text-transform:uppercase;
}

#footerswoopnav ul li a:hover, #footerswoopnav ul li a:active{color: #808080;
text-decoration: underline;
font: bold 10px Verdana, Tahoma, Arial;
text-transform:uppercase;
}

/*************************************************************

* Search Form Box - Newsletter Subscribe Box - Submit Button *

*************************************************************/

#searchbg {background: #000000 url(images/input-bg.gif) ;
margin-top: 5px;
width: 300px;
height: 40px;
}

#searchform {margin: 0px;
padding: 0px;
overflow: hidden;
display: inline;
}

#searchbox {background: #949494 !important;
width: 220px;
color: #202020;
font: normal 12px Georgia, Times New Roman, Trebuchet MS;
margin: 10px 0px 0px 5px;
padding: 3px 0px 3px 5px;
border-left: 2px solid #727272;
border-top: 2px solid #727272;
border-right: 1px solid #949494;
border-bottom: 1px solid #949494;
display: inline;
}

#searchbutton {background: #FFFFFF url(images/search-button.gif) no-repeat;
width: 55px;
height: 25px;
color: #404040;
font: 11px Georgia, Times New Roman, Trebuchet MS;
text-transform: uppercase;
margin: 0px 0px 0px 5px;
padding: 3px 3px 2px 3px;
font-weight: bold;
border: 0px;
}

#searchbutton:hover {color: #FFFFFF;
border: 0px;
background: #FFFFFF url(images/search-button-hover.gif) no-repeat;
}

#emailbg {background: #000000 url(images/input-bg.gif) ;
margin-top: 5px;
width: 300px;
height: 40px;
}

#subscribe {margin: 0px 0px 0px 5px;
padding: 5px 0px 0px 0px;
overflow: hidden;
}

#subbox {background: #949494 !important;
width: 220px;
color: #202020;
font: normal 12px Georgia, Times New Roman, Trebuchet MS;
margin: 5px 0px 0px 0px;
padding: 3px 0px 3px 5px;
border-left: 2px solid #727272;
border-top: 2px solid #727272;
border-right: 1px solid #949494;
border-bottom: 1px solid #949494;
display: inline;
}

#subbutton {background: #FFFFFF url(images/join-button.gif) no-repeat;
width: 55px;
height: 24px;
color: #404040;
font: 11px Georgia, Times New Roman, Trebuchet MS;
text-transform: uppercase;
margin: 0px 0px 0px 5px;
padding: 3px 3px 2px 3px;
font-weight: bold;
border: 0px;
}

#subbutton:hover {
color: #FFFFFF;
border: 0px;
background: #11407F url(images/join-button-hover.gif) no-repeat;
}

#submit {
background: #7B7B7B url(images/subbutton.gif);
color: #FFFFFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
margin: 0px;
padding: 3px 3px 2px 3px;
font-weight: bold;
border: 1px solid #808080;
}

/************************************************

*	Sidebar 		    	        	        * 

************************************************/

#sidebar {	
float: right;
width: 320px;
margin: 0px;
padding: 0px 0px 0px 0px;
display: inline;
}

#sidebar-left {	
float: left;
width: 170px;
margin: 0px;
padding: 0px 0px;
display: inline;
text-align:left;
}
/************************************************

*  Hot Health Topics Box    					*

************************************************/

.hothealthtopicstop {
background: url(images/hot-health-top.gif) top no-repeat;width: 318px;height: 51px;float: right;}

.hothealthtopics {
background: url(images/hot-health-middle.gif) top repeat-y;
float: right;
width: 300px;
margin: 0px 0px 0px 0px;
padding: 5px 9px 10px 9px;
color: #000000;
}

.hothealthtopicsbottom {
background: url(images/hot-health-bottom.gif) top no-repeat;
width: 318px;
height: 4px;
float: right;
margin-bottom: 10px;
}

.hothealthtopicstop h3{
color: #FFFFFF;
font: 16px Trebuchet MS, Verdana, Arial, Tahoma;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin: 5px;
padding: 0px;
}

.hothealthtopics ul {
list-style-image: url(images/bullet-orange.gif);
list-style-type: circle;
margin: 0px;
padding: 0px 0px 5px 15px;
}

.hothealthtopics ul li a:link, .hothealthtopics ul li a:visited {
margin-left: 0px;
color: #404040;
text-decoration: none;
font-weight: normal;
font-family: verdana;
}

.hothealthtopics ul li a:hover, .hothealthtopics ul li a:active {
margin-left: 0px;
color: #404040;
text-decoration: underline;
font-weight: normal;
font-family: verdana;
}

/************************************************

*  Most Popular Tabbed Box Right Column Box 	*

************************************************/

.tabbedbox {
background-color: #2b2b2b;
float: right;
width: 320px;
margin: 0px 0px 5px 0px;
padding: 0px;
}

.tabs-block {
width: 300px;
padding: 0;
margin: 0px !important;
margin: 10px 0 15px 3px;
padding: 10px;
display: block;
}

.tabbed {
width: 100%;
padding: 0;
margin: 0;
background: transparent;
border: none;
}

.tabbed ul.tabs {
overflow: hidden;
display: block;
position: relative;
top: 0;
left: 0;
z-index: 999;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
background: transparent;
}

.tabbed ul.tabs li {
display: inline;
float: left;
padding: 0;
margin: 0 .3em 10px 0;
border: 0px;
}

.tabbed ul.tabs li a {
color: #404040;
font-weight: bold;
display: block;
margin: 0;
margin-bottom: 5px !important;
margin-bottom: -15px;
padding: 5px .8em;
background: #a4a4a4;
border: 1px solid #2b2b2b;
}

.tabs-block ul.tabs li a {
padding: 5px .7em;
} 

.tabbed ul.tabs li a:hover {
background: #FFFFFF;
text-decoration: none;
}

.tabbed ul.tabs li a.tab-current {
background: #525453;
color: #FFFFFF;
border-bottom: 1px solid #2b2b2b;
}

.tabs-block .tabbed div, #home .tabbed .c {
overflow: hidden;
display: block;
position: relative;
left: 0;
top: -1px;
z-index: 0;
clear: left;
width: 100%;
margin: 0;
padding: 5px 0;
border: 1px solid #2b2b2b;
background: #e7e7e7;
display: none;
}

div.t2, div.t3, div.c2, div.c3 {
display: none;
}

.tabs-block .tabbed div.t1, #home .tabbed div.c1 {
display: block;
}

.tabs-block .tabbed div {
width: 300px;
}

ol, .tabbed div ol {
font: 11px Tahoma;
overflow: hidden;
/*list-style-type: none;*/
list-style-position:inside;
list-style-type:decimal;
margin: 0px;
padding: 0px 0px 0px 0px;
background: #e7e7e7;
}

.tabbed div ol li {
border-bottom: 1px solid #c5c5c5;
padding: 5px 5px 5px 5px;
margin: 0;
line-height:15px;
clear: left;
}

.tabbed div ol li a {
font-weight: normal;
width: 97%;
display: block;
background: transparent;
border: none;
color: #404040;
text-decoration: none;
}

.tabbed div ol li a:hover {
color: #404040;
text-decoration: underline;
}

/************************************************

*  Mini Home Page Banner Box                	*

************************************************/

.minihomepagebanners {
float: right;
width: 320px;
text-align: center;
margin: 5px auto 0px;
padding: 0px;
}

.minihomepagebanners a img {
border: 0px;
margin: 10px;
}

/************************************************

*  Browse By Box                            	*

************************************************/

.browsebyboxcontainer {
width: 318px;
height: 177px;
margin: 0px auto 10px;
float: right;
padding: 0px;
background: url(images/browse-by-box.gif) top no-repeat;
}

.browsebyboxcontainer h3 {
color: #FFFFFF;
font: bold 16px Trebuchet MS, Verdana, Arial, Tahoma;
text-transform: uppercase;
text-align: center;
margin: 10px;
padding: 0px;
}

.browsebyleft {
float: left;
width: 130px;
margin: 0px 10px 10px 15px;
}

.browsebyleft ul {
list-style: none;
margin: 0px;
padding: 0px 0px 5px 0px;
}

.browsebyleft ul li a:link, .browsebyleft ul li a:visited {
margin-left: 0px;
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
font-family: verdana;
}

.browsebyleft ul li a:hover, .browsebyleft ul li a:active {
margin-left: 0px;
color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
font-family: verdana;
}

.browsebyright {
float: right;
width: 130px;
margin: 0px 10px 10px 10px;
}

.browsebyright ul {
list-style: none;
margin: 0px;
padding: 0px 0px 5px 0px;
}

.browsebyright ul li a:link, .browsebyright ul li a:visited {
margin-left: 0px;
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
font-family: verdana;
}

.browsebyright ul li a:hover, .browsebyright ul li a:active {
margin-left: 0px;
color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
font-family: verdana;
}
/************************************************
* Ad Frames
************************************************/
iframe {
	margin:0;
	padding:0;
	/*border:1px solid #BAE1F8;*/
	text-align:left;
	vertical-align:top;
}
iframe.adframe-leader {
	width:740px;
	height:100px;
	/*height:120px;*/
	padding:0;
	margin:0;
	text-align:center;
	vertical-align:middle;
}
iframe.adframe-square {
	width:310px;
	height:265px;
	padding:0;
	margin:0 auto;
	text-align:center;
	vertical-align:middle;
	/*width:315px;
	height:265px;
	margin-left:-9px;*/
}
iframe.adframe-sky {
	/*width:170px;
	height:610px;
	padding:0;
	margin:0;
	text-align:center;
	vertical-align:middle;*/
	width:168px;
	height:610px;
	margin-left:-9px;
}
/************************************************
* Leader Board Ad
************************************************/
#leader, div.leader {	
	background: url(images/advertisement-vertical.gif) center left no-repeat; 
	padding:0px; 
	width:780px;
	height:105px;
	/*width: 768px;
	height: 95px; */
	text-align: center;
	vertical-align:middle;
	margin: 15px auto 5px;
	background-color:transparent;
}
.leaderframe {	
	width:740px;
	height:100px;
	padding:0;
	margin:0;
	text-align:center;
	vertical-align:middle;
}
/************************************************
*  Side 300x250 Ad Box							*
************************************************/
.side300adcontainer {	
	background-color: #DBDBDB;
	float:right;
	width:310px;
	margin:0px auto 10px auto;
	padding:5px;
	text-align:center;
}
.side300ad {
	margin:0px auto;
	text-align:center;
}
.squareframe {
	width:310px;
	height:265px;
	padding:0;
	margin:0 auto;
	text-align:center;
	vertical-align:middle;
}
/************************************************
*  Box for Side Skybar Ad                      	*
************************************************/
div.ad-sky, div.ad-sky iframe {
	margin:0 auto;
	padding:0;
	width:172px;
	height:620px;
	background-color:#ddd;
	text-align:center;
}
.skyadboxcontainer {
	background-color:#FFFFFF;
	float:right;
	margin:0px auto 20px auto;
	padding:0px;
	width:318px;
	text-align:center;
}
.skyadboxcontents {
	width:180px;
	background-color:#DBDBDB;
	margin:0px auto;
	padding:0px;
	text-align:left;
	text-align:center;
}
.skyadbox {	
	/*width: 160px;*/
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
}
.skyframe {
	width:170px;
	height:610px;
	padding:0;
	margin:0;
	text-align:center;
	vertical-align:middle;
}
/************************************************/

#searchlinks {
margin:10px 0;
padding-bottom:10px;
width:inherit;
text-align:center;
}
#searchlinks a {
/*color:blue;*/
font-size:16px;
font-weight:bold;
margin-right:15px;
}

div.vidplayer {
	margin:5px auto;
	width:98%;
	text-align:center;
	clear:both;
}

div.callout {
	font-size:1.7em;
	padding:10px 10px 0 0;
	margin:5px 0;
	line-height:normal;	
	text-align:right;
	color: #FF6000;
}