/*
		 Fit for Life Solutions
		 http://fitforlifesolutions.com
		 
		 Dark Blue:		#000050
		 Bright Blue:	#0000dd
		 Light Blue:	#00007b
		 				#000090
		 Dark Red:		#8d131e

		 Light Gray:	#dddddd
		 Dark Gray:		#616161
		 White:			#ffffff
*/

/*	RESET	*/
*					{ margin: 0; padding: 0; }
html				{ overflow-y: scroll; }
html, body			{ height: 100%; }
body				{ font-size: 62.5%;
						font-family: Arial, sans-serif;
						color: #770000; 
						background:transparent url(images/bg.jpg) repeat-x fixed left top;
						background-color: #8784A3 ;
						background-color: #9994B3 ;
					}
ul					{ list-style: square inside; }
ol					{ list-style: decimal inside; }
a					{ outline: none; text-decoration: none; }
a img				{ border: none; background: none; }
img					{ vertical-align: middle; }
table				{ border-collapse: collapse; }

/*	UTILITY	*/
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.floatImgLeft		{ float: left; margin-right:12px; }
.floatImgRight		{ float: right; margin-left:12px; }
.clear				{ clear: both; }
.clearLeft			{ clear: left; }
.clearRight			{ clear: right; }
.alignLeft			{ text-align: left;}
.alignRight			{ text-align: right;}
.alignTop			{ vertical-align: top;}
.widthHalf			{ width: 50%; }


.button				{ border: 1px solid #000050;
						background: white;
						color: #000050;
						padding: 3px 8px; 
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						border-radius: 5px;
						-webkit-box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
						-moz-box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
						box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
					}
.button:hover		{ background: #00007b; color: white; }
.link				{ text-decoration: underline; }

div 				{ position:relative } /* This will save having to declare each div's position as 
											'relative' and allows absolutely position elements inside them */
.divider			{ background: #616161;
						height: 6px;
						width: 520px;
						margin: 0 auto 20px auto;
						-moz-border-radius: 3px; 
						-webkit-border-radius: 3px;
						border-radius: 5px;
						-webkit-box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
						-moz-box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
						box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
					}

/*	TYPGROGRAPHY	*/
p, li				{ font-size: 1.4em;
						line-height: 1.2em;
						margin-bottom: 10px; 
					}
p.intro-paragraph	{ font-family: Arial, sans-serif;
						font-size: 1.6em;
						/*font-style: italic;*/
						line-height: 1.2em; 
						color: #000050;
						margin: 5px 10px 20px 10px;
					}
p.intro-paragraph span	{ font-size: 2.0em; font-weight: bold; }
p.intro-paragraph em	{ color: #000050; }
h1					{ font-size: 3.2em;
						font-family: Arial, sans-serif;
						font-weight: normal;
					}
h2					{ /*font-size: 2.6em;*/ font-size: 24px;
						font-family: Arial, sans-serif;
						font-weight: normal;
						margin: 0 auto 10px;
					}
h3					{ /*font-size: 2.2em;*/ font-size: 20px;
						font-family: Arial, sans-serif;
						font-weight: normal;
						margin: 0 auto 10px;
					}
h4					{ color: white;
						font-size: 2.0em;
						margin-bottom: 15px;
					}
.post h4			{ font-size: 1.6em;
						font-family: Arial, sans-serif;
						font-weight: normal;
						margin-bottom: 10px;
						color: #000050;
					}

/*	STRUCTURE	*/
#wrapper			{ width: 960px;
						margin: 0 auto;
						min-height: 100%; 
						height: auto !important;
						background-color: white; 
						padding: 0 10px 0 10px;
					}
#push				{ /* height: 50px; */ }
#other-sidebar		{ width: 190px; float: left; margin-right: 15px; }
#main				{ width: 540px; float: left; height: 100%; }
#home-main			{ width: 730px; float: left; }
#forum-main			{ width: 960px; float: left; }
#default-sidebar	{ width: 190px; float: right; }

/*	HEADER	*/
#logo-box			{ margin-left: 80px; }
#logo				{ width: 800px;
						height: 170px;
						background:url("images/header-logo.png") top left no-repeat;
						text-indent: -9999px;
						padding: 0;
					}
#header-bar			{ /*background: #000050;*/ background-color: #06003E; padding: 0; }
#header-bar p		{ color: #dddddd;
						width: 300px;
						font-family: Arial, sans-serif; 
						font-weight: normal;
						font-size: 2.0em;
						padding-left: 20px; 
						position: absolute;
						bottom: 30px;
						left: 380px; }
form#searchform		{ /* margin: 0 20px 0 0; float: right; color: #dddddd; */ }

#nav-bar			{ background: #616161;
						height: 30px;
						/*background:url("images/navbar-bg.jpg") top left no-repeat;*/
						padding-top: 5px;
						margin-bottom: 20px;
						border-top: solid white 1px;
						border-bottom-right-radius: 10px;
						border-bottom-left-radius: 10px; 
						-moz-border-radius-bottomright: 10px;
						-moz-border-radius-bottomleft: 10px; 
						-webkit-border-bottom-right-radius: 10px;
						-webkit-border-bottom-left-radius: 10px;
						-webkit-box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
						-moz-box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
						box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
					}
ul#main-nav			{ width: 700px; /* 520px; */
						float: left;
						margin: 5px 0 0 10px;
					}
ul#other-nav		{ width: 200px; /* 230px */
						float: right;
						text-align: right;
						margin: 5px 20px;
					}
ul#main-nav li,
ul#other-nav li		{ display: inline;}
ul#main-nav li a,
ul#other-nav li a	{ text-transform: uppercase;
						color:white;
						/* font-size: 1.2em; */
						font-size: 13px;
						padding: 3px 8px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						border-radius: 5px;
						-webkit-box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
						-moz-box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
						box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
					}
ul#main-nav li a:hover,
ul#other-nav li a:hover	{ background: silver; color:#616161}

body#default ul#main-nav li.home a,
body#home ul#main-nav li.home a,
body#blog ul#main-nav li.blog a,
body#faq ul#main-nav li.faq a,
body#bootcamp ul#main-nav li.bootcamp a,
body#onlinetraining ul#main-nav li.training a,
body#club5k ul#main-nav li.club5k a,
body#phpbb ul#main-nav li.forum a,
body#calendar ul#main-nav li.calendar a,
body#gallery ul#main-nav li.gallery a,
body#ezine ul#main-nav li.ezine a,
body#about ul#other-nav li.about a,
body#contact ul#other-nav li.contact a	{ background: white; color:#616161}

.current-page ul li a	{ text-transform: uppercase;
							background: white;
							color:#616161;
							font-size: 1.2em;
							padding: 3px 8px;
							-moz-border-radius: 5px;
							-webkit-border-radius: 5px;
							border-radius: 5px;
							-webkit-box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
							-moz-box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
							box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
						}

/*	SIDEBLOCKS	*/
.sideblock					{ background: #616161;
								width: 190px;
								margin: 0 0 15px 0;
								-moz-border-radius: 10px;
								-webkit-border-radius: 10px; 
								border-radius: 10px;
								/*
								border-right: 1px solid #616161;
								border-bottom: 1px solid #616161;
								*/
								-webkit-box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
								-moz-box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
								box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
							}
.sideblock-inside			{ font-size: 0.9em; padding: 18px; }
.sideblock-inside span		{ font-weight: bold; }
.sideblock-inside ul		{ list-style: square outside; margin-left: 5px; }
.sideblock-inside ul li 	{ margin: 0 0 5px 10px; }
.sideblock-inside ul li a 	{ /*display: block;*/ padding: 2px; color: white; }
.sideblock-inside ul li a:hover	{ background: red; color: white; }
#image_flicker				{ margin-left: 3px; height: 100px; }
.meetup						{ margin-bottom: 10px; }

/*	MAIN	*/
#main-bg			{ }
.bio p				{ color: #000050; }
.bio img			{ width: 100px; height: 100px; float: left; margin: 0 10px 10px 0; }
.bio p span			{ font-size: 1.4em; font-weight: bold; }
#contact-form		{ color: #000050; margin: 20px 0 0 98px; }
#club5k-faq-inside,
#faq-inside			{ font-size: 1.4em;
						line-height: 1.2em;
						font-weight: normal;
						padding-bottom: 50px}
#faq-inside a		{ outline: none; text-decoration: underline; }
.question			{ font-weight: bold; }
.answer				{ font-size: 1.0em;
						font-style: italic;
						font-weight: normal;
						margin-left: 20px;
					}
#faq-inside ol li	{ font-size: 1.0em; margin: 0;}
body#training #main p	{ margin: 0 0 10px 110px; }
body#training #main ul	{ margin-left: 160px; }
body#bootcamp #main ul	{ margin-left: 0; }
body#training h1,
body#bootcamp h1	{ margin-left: 140px; }
body#bootcamp-fc #bootcamp-main,
body#training #training-main	{ margin-left: 80px; margin-right: 80px; }
body#bootcamp-fc #bootcamp-main ul li,
body#training #training-main ul li,
body#training #training-main ol li	{ margin-left: 40px; }
body#bootcamp-fc #bootcamp-main table em,
body#training #training-main table em	{ font-size: 1.4em; }
body#visa #visa-main	{ margin-left: 80px; margin-right: 80px; }
#gallery-main		{ margin-left: 75px; margin-right: 75px; }

#fatloss-main		{ font-size: 13px; margin-left: 130px; margin-right: 130px; color: #000050; }
#fatloss-main p		{ font-size: 13px; }
#fatloss-main li	{ font-size: 13px; font-style: italic; }
#fatloss-main a		{ text-decoration: underline; }

body#club5k #club5k-main		{ font-size: 13px; margin-left: 80px; margin-right: 80px; color: #000050; }
body#club5k #club5k-main p,
body#club5k #club5k-main li		{ font-size: 13px; }
body#club5k #club5k-main form	{ margin-left: 40px;}
body#club5k #club5k-main table caption	{ margin: 20px 0 10px 0;}
body#club5k #club5k-main table td	{ padding: 5px;}
body#club5k #club5k-main table th	{ background-color: gray; color: white; padding: 5px;}
body#club5k #club5k-main ol li	{ margin-left: 40px; }
#club5k-members tr			{ vertical-align: top; }
#club5k-members td			{  }
#club5k-single-member		{ padding-bottom: 15px; }
#club5k-single-member tr	{  }
#club5k-single-member td	{  }
#club5k-signup				{  }
#club5k-faq					{  }


body#orderagreement #orderagreement-main	{ margin-left: 140px; margin-right: 140px; }
.agreement 			{ font-size: 1.0em; }


#intro_video		{ margin: -5px 10px 10px 0; }

.bold				{ font-weight: bold; }
.italic				{ font-style: italic;}
.underline			{ text-decoration: underline;}
.bold_underline		{ font-weight: bold; text-decoration: underline; }
.banner1,.banner2,
.banner3,.banner4	{ text-align: center; font-weight: bold; }
.banner1			{ color: #1C65CA; }
.banner2			{ color: white; background-color: #95060B; }
.banner3			{ color: red; }
.banner4			{ color: #95060B; }
.highlight			{ background-color: yellow; }
.tableImg			{ margin:0 20px 20px 0; }
.red				{ color: red; }
.blue				{ color: blue; }
.centerImg,
.registerImg		{ display: block; 
						margin-left:auto; 
						margin-right:auto; 
						border: none;
					}
.center				{ margin-left:auto; 
						margin-right:auto; 
					}
.visa-welcome		{ display: block; font-size: 48px; color: red; margin-bottom: 30px;}
.visa-quote			{ color: gray; font-style: italic;}
body#visa #visa-main p a { text-decoration: underline;}

/*	BLOG ENTRIES	*/
.post				{ color: #000050; margin: 0 20px 45px 20px; }
.post a				{ color: #000050; }
.post a:hover		{ color: white; background-color: #92191c;}
.datebox			{ width: 40px;
						float: left;
						padding: 0 5px 5px 5px;
						background: #92191c; 
						color: white;
						text-align: center;
						margin-right: 10px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						border-radius: 5px;
						-webkit-box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
						-moz-box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
						box-shadow: rgba(0,0,0,.5) 3px 5px 5px;
					}
.day				{ font-size: 3.4em;
						font-weight: bold;
						margin: 0;
						font-family: Arial, sans-serif;
					}
.month				{ font-size: 1.8em;
						font-weight: bold;
						text-transform: uppercase;
						margin: 0;
					}
.year				{ font-size: 1.6em;
						font-weight: bold;
						margin: 0;
					}

/*	SIDEBAR	*/
#other-sidebar		{ color: white; }
#default-sidebar	{ color: white; }

/*	FOOTER	*/
/* not using the footer right now
#footer				{ height: 50px;
						background: #000050;
						padding-top: 20px;
						width: 960px;
						margin: 0 auto; 
						border-top-right-radius: 10px;
						border-top-left-radius: 10px; 
						-moz-border-radius-topright: 10px;
						-moz-border-radius-topleft: 10px; 
						-webkit-border-top-right-radius: 10px;
						-webkit-border-top-left-radius: 10px;
					}
#footer p			{ color: #dddddd; padding-left: 20px; float:left;}
#footer a			{ color: white; }
#footer a:hover		{ background: red; color: white; }
*/

/*	PHPBB	*/
/*
#phpbb				{ padding-top: 0; margin-top: 0; height: auto !important; min-height: 100%; }
#phpbb a#logo		{ display: none;}
#phpbb #nav-bar a	{ text-decoration: none;}
#phpbb #wrap		{ padding: 0; margin: 0;}
*/