/*
Theme Name: Fitness
Description: Fitness theme
Version: 1
Author: Marcus Wickes
*/

a { outline: none }
body { font-size: 75%; font-family: Arial, Sans-Serif; color: #333; text-align: center; margin: 0; }

#preloadedImages { width: 0px; height: 0px; display: inline;
	background-image: url('images/bluegradient.jpg');
	background-image: url('images/menuback.jpg');
	background-image: url('images/menuhover.jpg');
	background-image: url('images/menudiv.jpg');
	background-image: url('images/whitetop.png');
	background-image: url('images/whitebottom.png');
	background-image: url('images/small-range-rover-ad.png');
	background-image: url('images/bottomshadow.jpg');
	background-image: url('images/rickoff.png');
	background-image: url('images/bryceoff.png');
	background-image: url('images/kimoff.png');
	background-image: url('images/sarahoff.png');
	background-image: url('images/steveoff.png');
	background-image: url('images/amyoff.png');
	background-image: url('images/rick.jpg');
	background-image: url('images/bryce.jpg');
	background-image: url('images/kim.jpg');
	background-image: url('images/sarah.jpg');
	background-image: url('images/steve.jpg');
	background-image: url('images/amy.jpg');
	background-image: url('images/bracket.png');
	background-image: url('images/orangetop.png');
	background-image: url('images/orangebottom.png');
	background-image: url('images/greentop.png');
	background-image: url('images/greenbottom.png');
	background-image: url('images/bluetop.png');
	background-image: url('images/bluebottom.png');
	background-image: url('images/redtop.png');
	background-image: url('images/redbottom.png');
	background-image: url('images/silvertop.png');
	background-image: url('images/silverbottom.png');
	background-image: url('images/yellowtop.png');
	background-image: url('images/yellowbottom.png');
}

#clear { clear: both; }
#page { background: #b3e1e9 url('images/bluegradient.jpg') top left repeat-x; width: 100%; height: auto; }
#wrapper { width: 903px; margin: 0 auto; }
#header { width: 900px; margin: 0 auto; height: 122px;}
#header h1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #333; font-size: 4em; text-align: left; color: #000; padding-top: 30px; }
#header h1 a { color: #000; }
#headerleft { float: left; }
#logo { width: 356px; height: 122px; }
#left { float: left; }
#right { float: right; }
#headerright { float: right; }
#memberlogin { background-color: #e6f5f8; padding: 10px 20px; border-right: 6px double #fff; border-left: 6px double #fff; border-bottom: 6px double #fff; }
#memberlogin a { font: bold 12px/12px Arial, Helvetica, sans-serif; padding: 0 5px; }

#menu {	width: 903px; height: 41px; background: url('images/menuback.jpg') top left repeat-x; text-align: left; }
#menu ul { margin: 0; height: 41px; width: 903px; padding: 0; }
#menu li { display: inline; list-style: none; height: 41px; margin: 0; padding: 0; }
#menu li a { color: #fff; font: bold 16px/41px arial; padding: 10px 25px; text-decoration: none; }
#menu li a:hover { text-decoration: underline; background: url('images/menuhover.jpg') top left repeat-x; }
#menu li a:visited { color: #fff; }
.menudiv { background: url('images/menudiv.jpg') no-repeat top left; }

#content2 { border-left: 1px solid #efefef; border-right: 1px solid #efefef; width: 861px; padding: 5px 20px; height: auto; overflow: auto; background-color: #fff; text-align: left; }
#content2 p { padding: 10px 0 0 0; margin: 0; }
#content2 h2, #contentlarge h2 { padding-bottom: 10px; margin: 0; }
#content2 h3 { padding-top: 10px; margin: 0; }
#contentsmall h3, #contentlarge h3 { pading: 0; margin: 0; }
#contentsmall h2 { margin: 0; padding-bottom: 10px; }

#featuredtrainer { float: left; width: 220px; padding-right: 10px; }
#featuredtrainer img { margin: 0 auto; float: left; width: 100px; padding-right: 7px; padding-bottom: 10px; }
#featuredtrainerhome { width: 220px; }
#featuredtrainerhome img { margin: 0 auto; float: left; width: 100px; padding-right: 7px; padding-bottom: 10px; }

#profileleft { float: left; clear: both; width: 220px; height: auto; padding-top: 12px; }
#profileright { float: right; width: 640px; }

#image { float: left; width: 150px; padding-top: 5px; }
#postright { float: right; width: 440px; }
#contenttop { background: url('images/whitetop.png') top left no-repeat; width: 903px; height: 12px; margin-top: 5px; }
#contentbottom { background: url('images/whitebottom.png') bottom left no-repeat; width: 903px; height: 12px; }
#clickpics { color: #000; font-size: 12px; font-weight: bold; padding-bottom: 5px; }
.more { padding: 8px 0 12px 5px; }
.errortext {
	padding: 10px 10px 10px 40px;
	border: 1px solid #900;
	font: bold 16px/24px Arial, Helvetica, sans-serif;
	color: #coo;
	background: #FF9999 url('images/error.png') 10px 50% no-repeat;
}
.linklove { display: none; }
.loginmessage {
	width: 740px;
	padding: 10px 10px 10px 65px;
	border: 1px dashed #D1E27C;
	margin: 20px 0;
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	color: #666;
	background: #eff7c9 url('images/green-warning.png') no-repeat 2% 50%;
}
.loginmessage2 {
	width: 400px;
	padding: 10px 10px 10px 35px;
	border: 1px dashed #999;
	margin: 0 0 0 20px;
	font: normal 12px/40px Arial, Helvetica, sans-serif;
	color: #666;
	background: #ececec url('images/helpicon.jpg') no-repeat 2% 50%;
}
#register { text-align: left; }
#noregister { padding: 10px; }
#register .inputbox {
	width: 240px;
	margin: 5px 0 10px 0;
	font: normal 16px/16px Arial, Helvetica, sans-serif;
	padding: 5px;
	background-color: #F4F9FF;
	border: 1px solid #D6ECFA;
}
#register .inputbox:hover {
	border: 1px solid #8D9A4A;
	background-color: #EFF7C9;
}
#submitpad {
	padding: 5px;
	background-color: #1A4058;
	margin: 0px;
	border-width: 3px;
	border-color: #1A4058;
	border-spacing: 0;
}
#problems {
	padding: 10px;
	background-color: #efefef;
	border: 1px dashed #666;
	width: auto;
}
#testimonials { width: 220px; height: auto; }

#loginnow { padding: 10px; width: 600px; margin: 20px auto; text-align: center; background-color: #CDEFB6; border: 2px solid #358610; }
#loginnow a { font: bold 16px/20px Arial, Helvetica, sans-serif; color: #358610; }

#colorcontent { width: 903px; margin: 0; height: auto; text-align: left; overflow: auto; }
#colorcontent img.photo { float: left; padding: 0 10px 10px 0; }
#colorcontent img.arrow { padding: 15px 0 0 0; float: left; }
#colorcontent span.continue { float: right; padding-top: 40px; }
#colorcontent span img { vertical-align: middle; }
#colorcontent span img:hover { text-decoration: none; vertical-align: middle; }
#colorcontent p { padding: 10px 0 0 0; margin: 0; }
#colorcontent p.statement { font: 14px/18px Arial, Helvetica, sans-serif; }
#colorcontent h2 { padding: 0; margin: 0; color: #fff; font-size: 18px; padding: 3px; }

#contentorange { border-left: 1px solid #ff7a03; border-right: 1px solid #ff7a03; width: 871px; margin: 0; padding: 7px 15px; background-color: #fff; height: auto;  text-align: left; overflow: auto; }
#contenttoporange { background: url('images/orangetop.png') top left no-repeat; width: 903px; height: 38px; margin: 5px 0 0 0; padding: 0; }
#contentbottomorange { background: url('images/orangebottom.png') bottom left no-repeat; width: 903px; height: 11px; padding: 0; margin: 0 0 5px 0; }
#colorcontent .orange { background-color: #FF8803; }
#featuredorange { background: url('images/orangefeaturedback.png') top left no-repeat; width: 903px; height: 158px; margin: 5px 0 0 0; padding: 15px 10px 15px 110px; text-align: left; }

#contentgreen { border-left: 1px solid #7FB42D; border-right: 1px solid #7FB42D; width: 871px; margin: 0; padding: 7px 15px; background-color: #fff; height: auto;  text-align: left; overflow: auto; }
#contenttopgreen { background: url('images/greentop.png') top left no-repeat; width: 903px; height: 38px; margin: 5px 0 0 0; padding: 0; }
#contentbottomgreen { background: url('images/greenbottom.png') bottom left no-repeat; width: 903px; height: 11px; padding: 0; margin: 0 0 5px 0; }
#colorcontent .green { background-color: #7FB42D; }
#featuredgreen { background: url('images/greenfeaturedback.png') top left no-repeat; width: 903px; height: 158px; margin: 5px 0 0 0; padding: 15px 10px 15px 110px; text-align: left; }

#contentblue { border-left: 1px solid #1545F1; border-right: 1px solid #1545F1; width: 871px; margin: 0; padding: 7px 15px; background-color: #fff; height: auto;  text-align: left; overflow: auto; }
#contenttopblue { background: url('images/bluetop.png') top left no-repeat; width: 903px; height: 38px; margin: 5px 0 0 0; padding: 0; }
#contentbottomblue { background: url('images/bluebottom.png') bottom left no-repeat; width: 903px; height: 11px; padding: 0; margin: 0 0 5px 0; }
#colorcontent .blue { background-color: #2A68E1; }
#featuredblue { background: url('images/bluefeaturedback.png') top left no-repeat; width: 903px; height: 158px; margin: 5px 0 0 0; padding: 15px 10px 15px 110px; text-align: left; }

#contentred { border-left: 1px solid #D92426; border-right: 1px solid #D92426; width: 871px; margin: 0; padding: 7px 15px; background-color: #fff; height: auto;  text-align: left; overflow: auto; }
#contenttopred { background: url('images/redtop.png') top left no-repeat; width: 903px; height: 38px; margin: 5px 0 0 0; padding: 0; }
#contentbottomred { background: url('images/redbottom.png') bottom left no-repeat; width: 903px; height: 11px; padding: 0; margin: 0 0 5px 0; }
#colorcontent .red { background-color: #EF3237; }
#featuredred { background: url('images/redfeaturedback.png') top left no-repeat; width: 903px; height: 158px; margin: 5px 0 0 0; padding: 15px 10px 15px 110px; text-align: left; }

#contentsilver { border-left: 1px solid #838383; border-right: 1px solid #838383; width: 871px; margin: 0; padding: 7px 15px; background-color: #fff; height: auto;  text-align: left; overflow: auto; }
#contenttopsilver { background: url('images/silvertop.png') top left no-repeat; width: 903px; height: 38px; margin: 5px 0 0 0; padding: 0; }
#contentbottomsilver { background: url('images/silverbottom.png') bottom left no-repeat; width: 903px; height: 11px; padding: 0; margin: 0 0 5px 0; }
#colorcontent .silver { background-color: #858585; }
#featuredsilver { background: url('images/silverfeaturedback.png') top left no-repeat; width: 903px; height: 158px; margin: 5px 0 0 0; padding: 15px 10px 15px 110px; text-align: left; }

#contentyellow { border-left: 1px solid #FFEB08; border-right: 1px solid #FFEB08; width: 871px; margin: 0; padding: 7px 15px; background-color: #fff; height: auto;  text-align: left; overflow: auto; }
#contenttopyellow { background: url('images/yellowtop.png') top left no-repeat; width: 903px; height: 38px; margin: 5px 0 0 0; padding: 0; }
#contentbottomyellow { background: url('images/yellowbottom.png') bottom left no-repeat; width: 903px; height: 11px; padding: 0; margin: 0 0 5px 0; }
#colorcontent .yellow { background-color: #FFF06B; color: #333; }
#featuredyellow { background: url('images/yellowfeaturedback.png') top left no-repeat; width: 903px; height: 158px; margin: 5px 0 0 0; padding: 15px 10px 15px 110px; text-align: left; }

#contentlarge { border-left: 1px solid #efefef; border-right: 1px solid #efefef; width: 609px; padding: 5px 15px; height: auto; overflow: auto; background-color: #fff; text-align: left; }
#contentlarge p { padding: 10px 0 0 0; margin: 0; }
#contentlarge h2 { padding: 0; margin: 0; }
#contenttoplarge { background: url('images/whitetoplarge.png') top left no-repeat; width: 641px; height: 10px; margin-top: 5px; }
#contentbottomlarge { background: url('images/whitebottomlarge.png') bottom left no-repeat; width: 641px; height: 11px; }
#contentsmall { border-left: 1px solid #efefef; border-right: 1px solid #efefef; width: 220px; padding: 5px 15px; height: auto; overflow: auto; background-color: #fff; text-align: left; }
#contentsmall p { padding: 10px 0 0 0; margin: 0; }
#contenttopsmall { background: url('images/whitetopsmall.png') top left no-repeat; width: 252px; height: 10px; margin-top: 5px; }
#contentbottomsmall { background: url('images/whitebottomsmall.png') bottom left no-repeat; width: 252px; height: 8px; }

#choosecolor { background: url('images/bracket.png') no-repeat 50% 100%; height: 85px; margin: 10px auto 0; text-align: center; width: 900px; padding: 0; }
#choosecolor h5 { font: bold 24px/24px Arial, Helvetica, sans-serif; color: #ff7902; padding: 0; margin: 0; }
#choosecolor h5 span { color: #006cff; }

#choosestyle { width: 950px; height: 153px; margin: 0 auto; padding: 0; }
#choosestyle ul { margin: 0; height: 153px; margin: 0; padding: 0; }
#choosestyle li { list-style: none; float: left; clear: right; display: inline; margin: 0; padding: 0; }

.pdflink { padding-left: 25px; background: url('images/pdf-icon.jpg') top left no-repeat; }
.vidlink { padding-left: 25px; background: url('images/video-icon.jpg') top left no-repeat;	}
.wordlink {	padding-left: 25px;	background: url('images/word-icon.jpg') top left no-repeat;	}
.articlelink { padding-left: 25px; background: url('images/article-icon.jpg') top left no-repeat; }
.recipelink { padding-left: 25px; background: url('images/recipe-icon.jpg') top left no-repeat; }

#smallad { background: url('images/small-range-rover-ad.png'); margin-right: -23px; margin-top: 5px; width: 276px; height: 234px; }
#smallad a { margin: 0; text-decoration: underline; padding: 60px 65px 130px 45px;}

.clearfix{*zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#footertop { background: url('images/bottomshadow.jpg') repeat-x top left; width: 100%; height: 33px; padding: 0; margin: 0;}
#footer { margin: 0; padding: 10px 0 20px 0; color: #999; background-color: #fff;  }
#footer .content { width: 900px; margin: 0 auto; font-size: 10px; padding: 0; font: normal 12px/18px Arial, Helvetica, sans-serif;}
#footer a { color: #999; font: normal 12px/18px Arial, Helvetica, sans-serif;}
#footer ul { float: left; display: block; width: 170px; border-left: 1px solid #e5e5e5; padding: 0 0 0 12px; }
#footer ul li { padding: 0; margin: 0; text-align: left; list-style: none;}
#footer p { padding: 0; float:left;  }
#footer ul.first { padding: 0 0 0 10px; border: 0; }
#footer div.copyright { background: #f5f5f5; width: 880px; padding: 4px 10px; margin: 16px 0 0 0; }
#footer p.right { float: right; }

small {	font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #333; }
h1 { font-size: 4em; text-align: left; color: #000; }
h1 a { color: #000; }
h2 { font-size: 1.5em; }
h2.pagetitle { font-size: 1.6em; padding: 0; margin: 0; }
h3 { font-size: 1.3em; }
h4 { font: normal 14px/18px Arial, Helvetica, sans-serif;  padding-bottom: 5px; margin: 0; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
.highlight { background-color: #FF0; }
.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #006cff;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

/* End Typography & Colors */



/* Begin Structure */

.clear {
	clear: both;
}

/* End Structure */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */

/* Begin Login Page */
form {
	margin-left: 8px;
	padding: 16px 16px 40px 16px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
form .forgetmenot { font-weight: normal; float: left; margin-bottom: 0;}
#login form .submit input {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding: 3px 5px;
	border: none;
	font-size: 13px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: default;
	text-decoration: none;	
	margin-top: -6px;
}
form .submit { float: right; }
form p { margin-bottom: 24px; }
#login { width: 292px; margin: 7em auto; }
#login_error, .message {
	margin: 0 0 16px 8px;
	border-width: 1px;
	border-style: solid;
	padding: 12px;
}
#user_pass, #user_login, #user_email {
	font-size: 20px;
	width: 97%;
	padding: 3px;
	margin-right: 6px;
}
/* End Login Page */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */




/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */




