/*  
Theme Name: Fitness2Health
Author URI: http://www.fitness2health.com/
Version: 1.0
Author: James Niebruegge
Description: Web 2.0 theme using multi-level menus
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
*/

/* Common */

	body {
		background: #64A2D5;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		margin: 0;
		}

	body * {
		margin: 0;
		padding: 0;
		text-align: left;
		}

	a, a:visited {
		color: #3071B9;
		text-decoration: none;
		}
	
	a:hover {
		color: #3071B9;
		text-decoration: underline;
		}

	img.alignleft {
		float: left;
		display: inline;
		margin: 0 10px 10px 0;
		padding: 3px;
		border: 1px solid #AEB1B3;
		}

	img.alignright {
		float: right;
		display: inline;
		margin: 0 0 10px 10px;
		padding: 3px;
		border: 1px solid #E5E5E5;
		}

/* Margins */

	.lm10 {margin-left: 10px;}
	.lm14 {margin-left: 14px;}
	.lm15 {margin-left: 15px;}
	.lm20 {margin-left: 20px;}
	.rm10 {margin-right: 10px;}
	.rm14 {margin-right: 14px;}
	.rm15 {margin-right: 15px;}
	.rm20 {margin-right: 20px;}
	.tm10 {margin-top: 10px;}
	.tm14 {margin-top: 14px;}
	.tm15 {margin-top: 15px;}
	.tm20 {margin-top: 20px;}
	.tm70 {margin-top: 70px;}
	.bm10 {margin-bottom: 10px;}
	.bm14 {margin-bottom: 14px;}
	.bm15 {margin-bottom: 15px;}
	.bm20 {margin-bottom: 20px;}

/* Widths */

	.w100 {width: 100px !important}
	.w120 {width: 120px !important}
	.w160 {width: 160px !important}
   	.w170 {width: 170px !important}
   	.w440 {width: 440px !important}

/* Font colors */

	.red {color: #CC0000 !important}
	.black {color:#000 !important}
	.grey {color:#333 !important}
	.lgrey {color:#666 !important}
	.orange { color: #FF6600; }
	.green { color: #3F910A; }
	.white { color: #FFF; }

/* Font Styles */

	.bold {font-weight: bold}
	.normal {font-weight: normal}
	.block {display:block}
	.underline {text-decoration: underline}
	.em, .italic {font-style: italic}
	.dotted { border-bottom: 1px dotted #777; padding-bottom: 10px;}

/* Backgrounds */
	.ltblue {background: #F7FAFD}

/* Floats */
	.lfloat {float: left}
	.rfloat {float: right}

/* Displays */
	.inline {display: inline}

/* Containers */

	#container { 
		width: 954px; 
		text-align: left;
		background: transparent;
		margin: 0 auto;
		}

	#pagewrapper { 
		width: 950px; 
		float: left;
		display: inline;
		text-align: left;
		background: #FFFFFF;
		border-left: 2px solid #606C78;
		border-right: 2px solid #606C78;
		}

	#wrapper {
		float: left;
		display: inline;
		list-style: none;
		}

/* Header */

	#header { 
		height: 90px;
		padding: 0;
		margin: 25px 0 0 0;
		background: url(images/header.gif);
		}

	#header .logo {
		float: left;
		margin: 16px 0 16px 25px;
		}

	#header .logo img {
		border: 0;
		}

	#header .search-form {
		float: right;
		background: url(images/search-form.gif) no-repeat left top;
		width: 335px;
		height: 32px;
		margin: 25px 25px 0 0;
		padding: 8px 0 0 15px;
		}

	#header .search-form input {
		float: left;
		display: inline;
		background: #fff;
		border: 1px solid #C8DEF5;
		padding: 3px;
		margin-right: 10px;
		font-size: 12px;
		width: 230px;
		}

	#header .search-form button {
		float: left;
		display: block;
		cursor: pointer;
		width: 67px;
		height: 24px;
		background: url(images/search.gif) no-repeat;
		border: none;
		text-indent: -1000em;
		}


/* Breadcrumb Navigation */

	#breadcrumb {
		float: left;
		display: inline;
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 10px;
		font-weight: normal;
		color: #898989;
		width: 755px;
		}

	#breadcrumb .divider {
		background: url(images/breadcrumb-divider.gif) no-repeat;
		width: 10px;
		align: absmiddle;
		}

	#breadcrumb a {
		color: #3071B9;
		text-decoration: none;
		}

	#breadcrumb a:hover {
		color: #3071B9;
		text-decoration: underline;
		}

/* Content */

	#content {
		float: left;
		display: inline;
		}

	#content p {
		line-height: 125%;
		margin: 0;
		padding: 0 0 15px 0;
		}

	#content a, a:visited  {
		color: #3071B9;
		text-decoration: none;
		}

	#content a:hover {
		color: #3071B9;
		text-decoration: underline;
		}

	#content h1 {
		font-family: Georgia, Arial, Helvetica, sans-serif;
		font-size: 28px;
		font-weight: normal;
		margin-bottom: 5px;
		}

	#content h1 a, a:visited  {
		color: #3071B9;
		text-decoration: none;
		}

	#content h1 a:hover {
		color: #3071B9;
		text-decoration: underline;
		}

	#content h2 {
		font-family: Georgia, Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: normal;
		margin: 5px 0;
		line-height: 125%;
		}
	
	#content h2 a, a:visited  {
		color: #3071B9;
		text-decoration: none;
		}

	#content h2 a:hover {
		color: #3071B9;
		text-decoration: underline;
		}

	#content h3 {
		font-family: Georgia, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: normal;
		color: #383838;
		margin: 0;
		padding: 0;
		line-height: 150%;
		}
	
	#content h3 a, a:visited  {
		color: #3071B9;
		text-decoration: none;
		}

	#content h3 a:hover {
		color: #3071B9;
		text-decoration: underline;
		}

/* Post Info */

	#post-info {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #777;
		margin: 5px 0;
		padding-bottom: 10px;
		line-height: 140%;
		border-bottom: 1px dotted #777;
		}

/* Post Entry */

	#post-entry { 
		margin: 0 0 15px 0;
		padding: 0;
		overflow: auto;
		width: 100%;
		border-bottom: 1px solid #B6B6B6;
		}

	#post-entry .date {
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 11px;
		font-weight: normal;
		color: #707070;
		margin-bottom: 10px;
		}

	#post-entry .thumbnail {
		margin: 0 10px 10px 0;
		padding: 3px;
		float: left;
		border: 1px solid #AEB1B3;
		}

	#post-entry .links {
		width: 100%;
		font: normal 12px Arial, Helvetica, sans-serif;
		margin: 0;
		padding-bottom: 5px;
		text-align: right;
		float: right;
		}

/* Share */

	#share {
		width: 100%;
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 10px;
		font-weight: bold;
		color: #333;
		text-align: left;
		margin-bottom: 20px;
		padding-top: 5px;
		border-top: 1px dotted #777;
		}

	#share a, a:visited, a:hover  {
		text-decoration: none;
		}

	#share ul {
		float: left;
		list-style: none;
		line-height: 20px;
    		}

	#share li {
		float: left;
		margin-right: 15px;
		}


/* Related Stories */

	#related {
		width: 100%;
		margin-bottom: 20px;
		padding-bottom: 5px;
		border-bottom: 1px dotted #777;
		}

	#related h3 {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 14px;
		font-weight: bold;
		padding-top: 5px;
		}

	#related ul {
		list-style: none;
		margin: 0;
		padding: 5px 0;
		}

	#related li {
		background: url(images/bullet-blue.gif) left top no-repeat;
		padding-left: 12px;
		margin-bottom: 5px;
		}

	#related li a {
		font-family: Arial, Verdana, Sans-Serif;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		}

	#related li a:hover {
		text-decoration: underline;
		}




/* Comments */

	#comments h2 {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 20px;
		font-weight: bold;
		}

	#comments .disclaimer {
		font: italic 12px Georgia, Arial, Verdana, Helvetica, sans-serif;
		font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: italic;
		color: #777;
		line-height: 140%;
		}

/* Comment Form */

	#comment-form {
		background: #E1EBFB url(images/comment-form.gif) no-repeat left top;
		padding-top: 10px;
		width: 430px;
		}

	#comment-form input {
		background: #fff;
		border: 1px solid #387FBB;
		padding: 4px;
		margin-right: 10px;
		font-size: 12px;
		}

	#comment-form textarea {
		background: #fff;
		border: 1px solid #387FBB;
		padding: 4px;
		margin-right: 10px;
		font-size: 12px;
		}

	#comment-form button {
		cursor: pointer;
		display: block;
		width: 117px;
		height: 24px;
		background: url(images/post-comment.gif) no-repeat;
		border: none;
		text-indent: -1000em;
		margin-top: 5px
		}

	#comment-form .bottom {
		background: url(images/comment-form.gif) no-repeat right bottom;
		padding: 5px 20px 20px 20px
		}

/* Blue Box 160px */

	#blue160 {
		width: 160px;
		}

	#blue160 .header {
		background: url(images/blueheader160.gif) no-repeat left top;
		font-family: Georgia, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #FFF;
		height: 25px;
		padding: 5px 0 0 10px;
		}

	#blue160 .content {
		border-left: 1px solid #2067B5;
		border-right: 1px solid #2067B5;
		border-bottom: 1px solid #2067B5;
		}

	#blue160 h2 a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		margin: 5px;
		}

/* Home Page Blue Box */

	.bluewhitetop440 {
		background: url(images/box-blue-top-440.gif) no-repeat left top;
		width: 440px;
		}
	.bluewhitetop440 h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: normal;
		color: #2067B5;
		padding: 15px 0 10px 10px;
		}
	.bluewhitetop440 h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding: 10px 0 0 20px;
		}
	.bluewhitetop440 ul {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		color: #2067B5;
		padding: 10px 10px 30px 20px;
		margin-left: 15px;
		}
	.bbluewhitetop440 li a {
		text-decoration: none;
		}
	.bbluewhitetop440 li a:hover {
		text-decoration: underline;
		}
	.bluewhitetop440 a {
		text-decoration: none;
		}
	.bluewhitetop440 a:hover {
		text-decoration: underline;
		}
	.bluewhitebottom440 {
		background: url(images/box-blue-bottom-440.gif) no-repeat left bottom;
		width: 440px;
		}


/* Home Video Library */

	#home-video-library {
		background: url(images/home/video-library.gif) no-repeat bottom left;
		margin-top: 15px;
		padding-bottom: 20px;
		width: 440px;
		}
	#home-video-library h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: normal;
		color: #2067B5;
		padding: 15px 0 10px 10px;
		}
	#home-video-library h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding: 10px 0 0 20px;
		}
	#home-video-library p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		padding: 5px 0 5px 20px;
		}
	#home-video-library ul {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		color: #2067B5;
		padding: 10px 0 5px 20px;
		margin-left: 15px;
		}
	#home-video-library a {
		text-decoration: none;
		}
	#home-video-library a:hover {
		text-decoration: underline;
		}
	#home-video-library .top {
		background: url(images/home/video-library.gif) no-repeat top left;
		width: 440px;
		}


/* Weekly Poll */

	#weekly-poll {
		float: left;
		display: inline;
		background: url(images/home/weekly-poll.gif) no-repeat bottom left;
		margin-top: 15px;
		padding-bottom: 20px;
		width: 300px;
		}
	#weekly-poll h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: normal;
		color: #2067B5;
		padding: 15px 0 10px 10px;
		}
	#weekly-poll h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #3F910A;
		padding: 10px 0 0 10px;
		list-style: none;
		width: 200px;
		}
	#weekly-poll p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		padding: 5px 0;
		}
	#weekly-poll ul {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		color: #2067B5;
		margin-left: 10px;
		list-style: none;
		}
	#weekly-poll li {
		padding: 2px 0;
		}
	#weekly-poll .top {
		background: url(images/home/weekly-poll.gif) no-repeat top left;
		width: 300px;
		}

/* Fitness Store */
	#fitness-store {
		float: left;
		display: inline;
		text-align: center;
		background: url(images/home/fitness-store.gif) no-repeat bottom left;
		padding-bottom: 10px;
		}
	#fitness-store h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: normal;
		color: #2067B5;
		padding: 0 0 5px 5px;
		}
	#fitness-store p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		padding-left: 5px;
		}
	#fitness-store img {
		border: 0;
		}
	#fitness-store form {
		margin-bottom: 15px;
		}
	#fitness-store a {
		text-decoration: none;
		}
	#fitness-store a:hover {
		text-decoration: underline;
		}
	#fitness-store .top {
		background: url(images/home/fitness-store.gif) no-repeat top left;
		padding: 5px;
		}
	#fitness-store .submitlink { padding-left: 10px; color: #0066CC; text-decoration: none; background-color: transparent; border: none; cursor: pointer; cursor: hand;}
	#fitness-store .submitlink:hover { text-decoration: underline; }

/* Categories */

	#categories {
		background: #FBF5D6 url(images/categories.gif) no-repeat top left;
		width: 160px;
		}

	#categories h2 {
		display: block;
		font-family: Georgia, Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: normal;
		color: #333;
		padding: 4px 0 6px 10px;
		}
	
	#categories ul {
		list-style: none;
		background: #FFFEF6;
		}

	#categories li a {
		border-left: 1px solid #FF9900;
		border-right: 1px solid #FF9900;
		display: block;
		font-family: Arial, Verdana, Sans-Serif;
		font-size: 12px;
		font-weight: normal;
		color: #000;
		text-decoration: none;
		padding: 4px 10px;
		}

	#categories li a:hover {
		text-decoration: none;
		background: #FEF5D6;
		}

	#categories .bottom {
		background: url(images/categories.gif) no-repeat bottom right;
		padding-bottom: 5px;
		}


/* Home Page Slider */

	.sliderwrapper {
		position: relative; /*leave as is*/
		overflow: hidden; /*leave as is*/
		width: 441px; /*width of featured content slider*/
		height: 210px;
		
		}

	.sliderwrapper .contentdiv {
		visibility: hidden; /*leave as is*/
		position: absolute; /*leave as is*/
		left: 0;  /*leave as is*/
		top: 0;  /*leave as is*/
		width: 441px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
		height: 210px;
		}

	.sliderwrapper .contentdiv h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-weight: normal;
		color: #3071B9;
		line-height: 105%;
		}

	.sliderwrapper .contentdiv h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		color: #3071B9;
		margin-top: 10px;
		}

	.sliderwrapper .contentdiv a {
		display: block;
		width: 210px;
		height: 190px;
		padding: 20px 211px 0 20px;
		background: url(images/sliderwrapper.gif) no-repeat top left;
		}

	.slider-pagination {
		overflow: auto;
		width: 440px;
		height: 40px;
		border-left: 1px solid #2067B5;
		background: #FFF url(images/pagination-bg.gif) no-repeat bottom right;
		}

	.slider-pagination a {
		text-decoration: none; 
		float: left;
		display: block;
		font-size: 12px;
    		font-family: Arial, Helvetica, sans-serif;
    		font-weight: normal;
		color: #3071B9;
		padding: 3px 10px 0 9px;
		border-right: 1px solid #2067B5;
		border-bottom: 1px solid #2067B5;
		width: 90px;
		height: 36px;
		}

	.slider-pagination a.selected {
		font-weight: bold;
		color: #3071B9;
		text-decoration: none;
		background: url(images/pagination-on.gif) no-repeat bottom right;
		}

/* Footer */

	#footer {
		font-size: 11px;
    		font-family: Arial, Helvetica, sans-serif;
    		font-weight: normal;
		color: #FFF;
		text-align: center;
		padding: 25px 17px 10px 17px;
		width: 920px;
		clear: both;
		background: url(images/footer.gif) no-repeat top left;
		}

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

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

/* Advertisements */

	#ad-top {
		overflow: auto;
		background: #E3EEFB url(images/ad-vert.gif) no-repeat right bottom;
		padding: 5px 0 2px 0;
		border-bottom: 1px solid #A6C9E3;
		overflow: hidden;
    		}

	#ad-top .sponsored-link {
		float: left;
		width: 170px;
		text-align: center;
    		}

	#ad-top .advertisement {
		float: left;
		padding-left: 15px;
    		}

	#ad-right {
		color: #8C8C8C;
		font-size: 11px;
    		font-family: Arial, Helvetica, sans-serif;
    		font-weight: normal;
		text-align: center;
		width: 300px;
		margin: 10px 0;
		}

/* BMI Chart */

	#bmichart {
		float: right;
		width: 200px;
		margin: 10px 0px 5px 5px;
		padding: 5px;
		line-height: 18px;
		border-top: 5px solid #FF7D00;
		border-bottom: 1px solid gray;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
		}

	#bmichart .bmiselected {
		font-weight: bold;
		color: #cc0000;
		}

/* Main Navigation */

	#nav {
		width:950px;
		overflow: auto;
		background: #3B87DC;
		border-left: 2px solid #606C78;
		border-right: 2px solid #606C78;
		border-top: 1px solid #2067B5;
		border-bottom: 1px solid #2067B5;
    		}
	#nav ul {
		float: left;
		margin-left: 50px;
		list-style: none;
		line-height: 30px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		border-left: 1px solid #2067B5;
		border-right: 1px solid #5C9CE2;
    		}
	#nav a {
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 0px 20px;
		}
	#nav li {
		float: left;
		padding: 0;
		border-left: 1px solid #5C9CE2;
		border-right: 1px solid #2067B5;
		}

#nav li li {
    width:150px;
    border-top:1px solid #BED7EB;
    font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
}
#nav li li a {
    padding:4px 10px;
    width:110px;
    font-size:12px;
    color:#000000;
}
#nav li ul ul {
    margin:-21px 0 0 100px;
}
#nav li li:hover {
    background:#F9AB45;
    }
#nav li ul li:hover a, #nav li ul li li:hover a, #nav li ul li li li:hover a, #nav li ul li li li:hover a {
    color:#fff;
}
#nav li:hover a, #nav li.sfhover a {
    color:#fff;
}
#nav li:hover li a, #nav li li:hover li a, #nav li li li:hover li a, #nav li li li li:hover li a {
    color:#000;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
    left:-999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
    left:auto;
    background:#fff;
    filter: alpha(opacity=95);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
    -moz-opacity: 0.95;
    opacity:0.95; 
}
#nav li:hover, #nav li.sfhover {
    background:#2067B5;
}