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

	AUTHOR:  		Noel Noble

	AUTHOR URI:   		http://www.fitnesswebiter.com

	THEME NAME: 		2 Coloumn Blue

        VERSION:          	1.0

	COPYRIGHT:		(c) 2009 http://fitnesswebsiter.com.

	DESCRIPTION: 		Brought to you by http://www.fitnesswebsiter.com

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





/* Body Elements

==============================================================================*/



	* { /* removes defaults from all elements */

		margin:0;

		padding:0

		}

	

	img {

		border:0;

	}

	

	.clear	{

		clear:both;

	}



	body {

		color:#222;
		background-color:#000000;
		background-image:url(images/bg_gradient.jpg);

background-repeat:repeat-x;

               font:80%/1.5em Verdana, Helvetica, sans-serif;

		margin:0;

		margin-bottom:20px;		

		padding:0;

		text-align:center;

	}



	h1, h2, h3, h4, h5, h6 {

		margin: 0;

		padding:0;

	}

	

	img {

		border:0;

		}

		

	.testimonial { 

		width: 500px; 

		background-color: #ffc;

		padding: 20px;

		margin-left: 80px;

		margin-bottom:20px;

		border: 2px dashed; 

	}

	

	.highlighter	{

		background-color:#ff0;

	}





/* Structure

==============================================================================*/



	#container	{

		margin:0 auto;

		padding:0;

		width:1010px;

		background:url(images/idiot-proof-page-bg.gif) repeat-y;

		text-align:left;

	}

	

	#header	{

		margin:0;

		padding:0;

height:185px;



                            

}

.headerleft {

border: none;

margin: 0px;

padding: 0px;

align: center;

padding-left: 20px;

height:185px;

width: 998px;

background-image:url(images/top_header.jpg);

}





.headerright {

float: right;

border: none;

margin: 0px;

padding: 0px;

}

	

	#footer	{

		

position: relative;

margin:0 auto;

left:2px;

width:978px;

height:200px;

background-image:url(images/bottom_bg_gradient.jpg);

			}

	

	#copyright	{

		font-size:85%;

		color:#BCB8B8;

		line-height:1.2em;

		padding:15px 0;

	}

	

	#copyright a:hover	{

		text-decoration:none;

	}

	

	#copyright a	{

		color:#BCB8B8;

		text-decoration:underline;

	}





/* Typography

==============================================================================*/



	p	{

		line-height:1.3em;

		padding-bottom:20px;

	}

	

	h1	{

		font-size:17px;

		font-family:tahoma;

		color:#900;

		padding-bottom:20px;

	}

	

	h2	{

		font-size:15px;

		font-family:tahoma;

		padding:10px 15px 15px;

		font-weight:bold;

	}

	

	

/* Lists

==============================================================================*/



	ul.biglist li	{

		min-height:70px;

		height: 70px;

		list-style:none;

		margin-left:30px;

		padding-left:85px;

		padding-top:20px;

		font-size:16px;

		font-weight:bold;

	}

	

	

	

/*



*/





/* Typography

==============================================================================*/



#content {

	font-size: 1.1em

	}



.widecolumn .entry p {

	font-size: 1.05em;

	padding: 0 0 20px 20px;

	}



.narrowcolumn .entry, .widecolumn .entry {

	line-height: 1.4em;

	}



.widecolumn {

	line-height: 1.6em;

	}



.narrowcolumn .postmetadata {

	text-align: center;

	}



.alt {

	background-color: #f8f8f8;

	border: 1px solid #ddd;

	}

	

.alt_comments {

	background-color: #e3f2d5;

	border: 1px solid #ddd;

	}



small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.9em;

	line-height: 1.5em;

	}



h1, h2, h3 {

	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

	font-weight: bold;

	}



h1 {

	/*font-size: 4em;*/

	text-align: center;

	}



#headerimg .description {

	font-size: 1.2em;

	text-align: center;

	}



h2 {

	font-size: 2em;

	padding-bottom:15px;

	line-height:1.1em;

	}



h2.pagetitle {

	font-size: 1.6em;

	}



#sidebar h2 {

	font-family: 'Lucida Grande', Verdana, Sans-Serif;

	font-size: 1.2em;

	}



h3 {

	font-size: 1.3em;

	}



h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {

	text-decoration: none;

	}



h2, h2 a, h2 a:visited {

	color: #0066CC;

	}



h2, h2 a, h2 a:hover, h2 a:visited, #sidebar h2, #wp-calendar caption, cite {

	text-decoration: none;

	}



.entry p a, .entry p a:visited {

	color: #06c;

	font-weight:bold;

	text-decoration:underline;

	}



.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentlist li {

	font-weight: bold;

	}



.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;

	}



#sidebar {

	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	color: #777;



	}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}



/*.post p a {

	color: #06c;

	font-weight:bold;

	text-decoration:underline;

	}*/



/*a:hover {

	color: #147;

	text-decoration: underline;

	font-weight:bold;

	}*/



h2 a, h2 a:hover, h3 a, h3 a:hover	{

	color: #06c;

	text-decoration:none;

	font-weight:bold;

	}





#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-align: center;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}



.red {

	color:#CC0000;

	}

/* End Typography & Colors */





/* Structure

==============================================================================*/



#page {

	margin: 0px auto;

	padding: 0;

	width: 1010px;

	width/**/:/**/ 1000px;

	text-align: left;

	background:url(images/idiot-proof-page-bg.png) repeat-y;

	}





.narrowcolumn {

	float: left;

	padding: 0 0 20px 45px;

	margin: 0px 0 0;

	width: 450px;

	}



.widecolumn {

	float:left;

	padding: 0 0 20px 30px;

	margin: 0;

	width: 640px;

	}



.post {

	margin: 0 0 40px;

	text-align: left;

	}



.post hr {

	display: block;

	}

	

.snip	{

	border:1px dashed #eee;

	margin:15px 0;

}



.widecolumn .post {

	margin: 0;

	}



.narrowcolumn .postmetadata {

	padding-top: 0;

	}



.widecolumn .postmetadata {

	margin: 0 0 15px 0;

	}



.entry p.postmetadata	{

	padding:10px 15px;

	}



.postmetadata {

	background-color: #FAFAFA;

	padding: 5px; 

	margin: 20px 5px;

	border: 1px solid #f2f2f2;

	font-size: 85%;

	}



.postmetadata .date {

	background: url(images/icon_clock.jpg) no-repeat left center;

	padding-left: 20px; margin: 0 10px 0 5px;

	}



.postmetadata .comments {

	background: url(images/comment.gif) no-repeat left center;

	padding-left: 20px; margin: 0 10px 0 5px;

}



.postmetadata .readmore {

	background: url(images/page.gif) no-repeat left center;

	padding-left: 20px; margin: 0 10px 0 5px;

	}



.widecolumn .smallattachment {

	text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

	text-align: center;

	margin: 5px 0px;

}



.postmetadata {

	clear: left;

	padding:0 10px;

}



/* End Structure */





/* Headers

==============================================================================*/



/*h1 {

	margin: 0;

	}*/



h2 {

	margin: 30px 0 0;

	}



h2.pagetitle {

	margin-top: 30px;

	text-align: center;

}



#sidebar h2 {

	margin: 5px 0 0;

	padding: 0;

	}



h3 {

	padding: 0;

	margin: 30px 0 0;

	}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}



#nav {

	background:#3471c1;

	border-bottom:1px solid #FFF;

	padding:2px 0 0 10px;

	height:32px;

	height/**/:/**/ 29px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:12px;

	text-transform:uppercase;

	margin:0 9px 0 14px;

	background:url(images/1bg_sidebar_sectiontitle.jpg) repeat-x top;

	}



#nav li {

	margin-left;20px;

	}



#nav li, #subnav li {

	float:left;

	list-style:none;

	padding:5px 10px;

	}



#nav a, #nav a:visited {

	color:#FFF;

	padding:5px 10px;

	text-decoration:none;

	font-weight:bold

	}



#nav a:hover, #nav a:active,

li.current_page_parent a,

li.current_page_parent a:visited,

#nav li.current_page_item a,

#nav li.current_page_item a:visited, #nav li.current-cat a,

#nav li.current-cat a:hover, #nav li.current-cat a:active, #nav li.current-cat

        {

	background:#449CDA;

	padding:5px 10px;

	}



#subnav {

	background:#e6eef7;

	border-top:2px solid #577da2;

	border-bottom:2px solid #cad8e6;

	height:28px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:12px;

	padding:5px 0 3px 10px;

	height/**/:/**/ 16px;

	}



#subnav li {

	border-right:1px solid #295887;

	padding:0 10px;

	}	



#subnav a, #subnav a:visited {

	color:#295887;

	text-decoration:none;

	font-weight:bold;

	padding:0 10px;

	}



#subnav a:hover, #subnav a:active,

#subnav li.current_page_item a,

#subnav li.current_page_item a:visited {

	text-decoration:underline;

	padding:0 10px;

	}

/* End Headers */





/* 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 5px 5px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 5px 5px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}



	

/* End Images */





/* Lists

==============================================================================*/



/* 	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	} 



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



.entry ul li:before, #sidebar ul ul li:before {

	content: "\00BB \0020";

	}



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

	}

/* End Entry Lists */





/* Form Elements

==============================================================================*/



#sidebar form {

	margin: 0;

	}



.cssform_newsletter #firstline {

	padding:20px 0 10px 0;

}



.cssform_newsletter label{

	float: left;

	width: 90px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

	text-align:right;

	padding-right:10px;

	width/**/:/**/ 80px;

}



.cssform_newsletter input {

	width:160px;

	padding:0 3px 0 3px;

}



.cssform_newsletter #button_submit {

	padding:5px 0;

	width:180px;

	background:#FF0000;

	margin-top:15px;

	margin-left:auto;

	margin-right:auto;

	text-align:center;

	

}

.cssform_newsletter #button_submit input {

	width:170px;

}



#searchform {

	margin: 10px auto;

	padding: 5px 3px; 

	text-align: center;

	}



#sidebar #searchform #s {

	width: 108px;

	padding: 2px;

	}



#sidebar #searchsubmit {

	padding: 1px;

	}



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



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 */





/* Comments

==============================================================================*/



.comment_inner {

	background:#9cc664 url(images/bg_comment_inner.jpg) top repeat-x;

	margin:6px;

}



.comment_inner p {

	padding:10px 10px;

	color:#FFFFFF;

}

	

.comment_name {

	padding:18px 20px;

	color:#4d7fa2;

	float:left;

}



.comment_name a {

	color:#4d7fa2;

	text-decoration:none;	

}



.comment_name a:hover {

	color:#4d7fa2;

	text-decoration:none;	

}



.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 10px 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0;

	list-style: none;

	}



.commentlist p {

	clear:left;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */





/* Sidebar

==============================================================================*/



#sidebar

{

	padding: 20px 0 10px 0;

	margin-left: 680px;

	width: 290px;

	}

#newsletter_header {

	width:300px;

	height:53px;

	background:url(images/bg_newsletter_header.jpg) repeat-x;

	color:#FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:30px;

	font-weight:bold;

	font-style:italic;

	text-align:center;

	padding:10px 0 0 0;

	height/**/:/**/ 43px;

	}

#newsletter_content {

	padding:10px 15px;

	font-size:1.1em;

	background:#eeeeee;

	}



#sidebar_ads {

	padding:15px 0;

}



#sidebar_ads span {

	padding-right:9px;

}



.sidebar_section {

padding-bottom:15px;

}



.sidebar_section_title

	{

	

width:300px;
	height:32px;
	padding:6px 0 0 10px;
	width/**/:/**/ 290px;
	height/**/:/**/ 26px;
	background:url(images/bg_sidebar_sectiontitle.jpg) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}



.sidebar_section_content {

width:298px;
	border-bottom:1px solid #c0c0c0;

	border-left:1px solid #c0c0c0;

	border-right:1px solid #c0c0c0;

}



.sidebar_section_content a {

	color:#295887;

	text-decoration:none;

}



.sidebar_section_content a:hover {

	color:#295887;

	text-decoration:none;

}



.sidebar_section_content .inner {

	padding:15px;

}



.sidebar_section_content .inner ul{

	margin:0;

	padding:0;

}



.sidebar_section_content .inner ul li{

 background-image:url(images/paper2.jpg);

background-repeat:no-repeat;

	line-height:18px;

margin-bottom:10px;

	padding-left:15px;

	margin-left:0px;

	}



/* End Sidebar */





/* Calendar

==============================================================================*/



#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */





/* Tags & Classes

==============================================================================*/



acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 15px 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}

	

.paddingtop {

	padding-top:15px;

}



.sponsor img	{

	display:inline;

	padding:15px;

	float:left;

}





/* End Various Tags & Classes*/





/* Video

==============================================================================*/







.videoAlignLeft {

	float: left;

	padding:0 5px 5px 0;

	margin: 0 10px 5px 0;

	display: inline;

	}





/* End Homepage */





.linktext {

	font-size:14px;

	margin-left:10%;

	margin-right:10%;

}

.linktextarea {

	font-size:14px;

	font-family:verdana;

	overflow:hidden;

}

/* logo header */



#logo_header {

position:relative;

	float: left;

top: 30px;

	m-margin-left:19%;

	margin-top:57px;

	width:492px;

	height:152px;

	z-index:1;

}

/* opt-in */

#opt-in{

position:relative;

width: 300px;

height: 570px;

top:-70px;

margin-bottom:10px;

background-image: url(images/opt-in.gif);

display:block;

	

}

#opt-form{

position:relative;

top:63%;

width:280px;

margin-bottom:30px;

margin-left:20px;

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#FFFFFF;

font-weight:bold;

z-index:2;

}



#opt-button {

position:relative;

width:260px;

height:40px;

left:25px;

top:72%;

margin-bottom:17px;

z-index:1;

	

}

.opt-box{

	

height:26px;

width:140px;

font-family: Arial;

font-size:16px;

}

/* Testimonial Design

==========================================*/

.testimonial_text {color: #000000;

position: relative;

vertical-align:top;

align:left;

margin-left:2px;

margin-right: 2px;

margin-top:5px;



}

.client_name{

	font-family: font-family:Verdana, Arial, Helvetica, sans-serif;

font-style: italic;

color:#000000;

align: right;

}