/*
Theme Name: Gym Magic
Theme URI: http://www.gymmagic.com
Description: Gym Magic custom Wordpress theme.
Version: 1.0
Author: John Manning
Author URI: http://www.august86.com
Tags: Gym Magic
*/

@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
	}

body {
	background: #eee995 url(images/bkrnd.jpg) top center repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 18px;
	color: #707276;
		} 
	 
#container {	
	width: 980px;
	height: auto;
	min-height: 800px;
	margin: 0 auto;
	padding: 0px
	}
	
	/*#top {
		background: url(images/top.jpg) top center no-repeat;
		width: 980px;
		height: 437px;
		margin: 0 auto;
		padding: 0px;
		}*/
		
		#top-left_nav {
			width: auto;
			height: auto;
			margin-top: 11px;
			margin-left: 80px;
			padding: 1px 0 1px 0;
			float: left;
			text-transform: uppercase;
			font-size: 10px;
			}
			#top-left_nav a{padding:0 7px; font-weight:bold;}
			.pnum{font-size: 12px;}
			
		#top_nav {
			width: 510px;
			height: auto;
			margin-top: 24px;
			padding: 0px;
			float: right;
			}
			
			#tnl {
				padding-left: 20px;
				padding-right: 45px;
				float: left;
				}
			
			#tnl a {color: #5c5c41; font-weight: bold; text-transform: uppercase; font-size: 12px;}
			#tnl a:hover {color: #D1A24A;}

		#header {
			width: 888px;
			height: 276px;
			margin: 7px 0 0 22px;
			padding: 0px;
			}
	
		#nav_container {
			width: 980px;
			height: auto;
			margin: 0 auto;
			padding: 0px;
			}
	
			#main_nav {
				width: 930px;
				height: auto;
				margin-top: 104px;
				margin-left: 30px;
				padding: 0px;
				}
				
				#main_nav a {color: #fff; padding: 30px; font-size: 18px; font-weight: bold; text-transform: uppercase; position: relative;}
				#main_nav a:hover {color: #EFE0A7;}
									
				#nl {
					}

	#content_container {
		background: url(images/body.jpg) top center repeat-y;
		width: 980px;
		height: auto;
		min-height: 400px;
		margin: 0 auto;
		margin-top: -1px;
		padding: 0px;
		}

		#left_col {
			width: 650px;
			height: auto;
			margin: 0 auto;
			padding: 0px;
			float: left;
			}
			
			#main_article_header {
				background: url(images/main_article_header.jpg) top center no-repeat;
				width: 610px;
				height: 61px;
				margin: 0 auto;
				padding: 0px;
				}
				
				#main_article_header h1 {
					color: #fff;
					font-size: 22px;
					margin: 0 auto;
					padding-top: 29px;
					padding-left: 20px;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: bold;
					}
				
			#main_article {
				background: #fff;
				width: 610px;
				height: auto;
				margin-left: 20px;
				margin-bottom: 12px;
				padding: 0px;
				text-align: left;
				}
				
				#main_article h1 a {color: #fff;}				
				
				#main_article_image {
					width: 598px;
					height: 198px;
					margin: 0 auto;
					padding-top: 5px;
					}
				
			#article {
				background: #fff;
				width: 610px;
				height: auto;
				margin-left: 20px;
				margin-bottom: 12px;
				padding: 0px;
				text-align: left;
				}
				
				/*#article h1 a {color: #97B2D6;}*/
				
				#article_image {
					width: 206px;
					height: 198px;
					margin: 0 auto;
					padding-top: 7px;
					padding-left: 7px;
					padding-right: 15px;
					padding-bottom: 15px;
					float: left;
					}

				#text {
					width: auto;
					height: auto;
					margin: 0 auto;
					padding: 15px 20px 20px 20px;
					}
					
					#text_cal {
					width: auto;
					height: auto;
					margin: 0 auto;
					padding: 15px 20px 20px 20px;
					}
					
					#text_cal a {color: #84A5CE; font-size: 10px; line-height: 14px;}
					
					#text a {font-size: 16px; font-weight: bold;}
					
					#text_related {padding: 10px;}
					#related_posts {}
					#related_posts li {list-style-type: none; padding: 5px;}

		#right_col {
			width: 320px;
			height: auto;
			margin: 0 auto;
			padding: 0px;
			float: left;
			}

			#side_box {
				width: 284px;
				height: auto;
				margin-left: 20px;
				padding: 0px;
				}
				
					#social {width: 135px; height: 45px; margin: 0 auto;}
					#sni {width: 40px; height: 45px; margin: 0px; padding: 0px; float: left;}
			
			#side_box_top {
				background: url(images/side_top.jpg) top center no-repeat;
				width: 284px;
				height: 11px;
				margin: 0 auto;
				padding: 0px;
				}
			#side_box_top-green {
				background: url(images/side_top-green.jpg) top center no-repeat;
				width: 284px;
				height: 11px;
				margin: 0 auto;
				padding: 0px;
				}
			#side_box_top-purple {
				background: url(images/side_top-purple.jpg) top center no-repeat;
				width: 284px;
				height: 11px;
				margin: 0 auto;
				padding: 0px;
				}
			#side_box_top-orange {
				background: url(images/side_top-orange.jpg) top center no-repeat;
				width: 284px;
				height: 11px;
				margin: 0 auto;
				padding: 0px;
				}
			
			#side_box_body {
				background: #6189bf;
				width: 284px;
				height: auto;
				margin: 0 auto;
				padding: 0px;				
				}
			#side_box_body-green {
				background: #699E44;
				width: 284px;
				height: auto;
				margin: 0 auto;
				padding: 0px;				
				}
			#side_box_body-purple {
				background: #4D4B9E;
				width: 284px;
				height: auto;
				margin: 0 auto;
				padding: 0px;				
				}
			#side_box_body-orange {
				background: #C86F32;
				width: 284px;
				height: auto;
				margin: 0 auto;
				padding: 0px;				
				}
				
					#addthis-side {width: auto; height: auto; margin: 0 0 -8px 0; text-align: center; float: none;}
					#addthis-side p {float: left; font-size: 10px; text-transform: uppercase; margin: -1px 7px 0 0;}
					#side_search{margin-left: 15px;}
					.grey{color: #c0c0c0;}
					#side_links li {list-style-type: none;}
					
						#sl {width: auto; height: auto; background: #496FA0; border: solid thin #85A4D0; padding: 5px 15px 5px 15px; margin: 3px;}
						#sl:hover {background: #4A70A1;}
						#sl a {}
						#sl a:hover {}
				
					#side_categories li {list-style-type: none;}
					#side_categories li a {color: #C3D2E7;}
					#side_categories li a:hover {color: #FFF;}
					
					#side_news li {list-style-type: none;}
					#side_news a {color: #D78307;}
					#side_news a:hover {color: #FFF;}
					
					#side_calendar {display: none;}
					.kjo-link p {display: none;}
					_#side_calendar li {list-style-type: none;}
					_#side_calendar li ul {margin-left: 0px;}
					_#side_calendar li ul li {margin-left: 0px;}
					
					.side_nav {font-size: 14px; line-height: 32px; font-weight: bold;}
					#sheader {font-size: 20px; font-weight: bold; margin-bottom: 13px;}
				
				#side_box_text {
					width: auto;
					height: auto;
					margin: 0 auto;
					padding: 20px;
					color: #fff;
					}
					
					#side_box_text a {color: #fff;}
					#side_box_text a:hover{color: #EEE995;}
					
			#side_box_bottom {
				background: url(images/side_bottom.jpg) top center no-repeat;
				width: 284px;
				height: 8px;
				margin-bottom: 10px;
				padding: 0px;
				}
			#side_box_bottom-green {
				background: url(images/side_bottom-green.jpg) top center no-repeat;
				width: 284px;
				height: 8px;
				margin-bottom: 10px;
				padding: 0px;
				}
			#side_box_bottom-purple {
				background: url(images/side_bottom-purple.jpg) top center no-repeat;
				width: 284px;
				height: 8px;
				margin-bottom: 10px;
				padding: 0px;
				}
			#side_box_bottom-orange {
				background: url(images/side_bottom-orange.jpg) top center no-repeat;
				width: 284px;
				height: 8px;
				margin-bottom: 10px;
				padding: 0px;
				}
				
				#seal {width: 214px; height: 220px; margin: 0 auto; padding: 15px 0 8px 0;}

	#content_bottom {
		background: url(images/bottom.jpg) top center no-repeat;
		width: 980px;
		height: 56px;
		margin: 0 auto;
		padding: 0px;
		}
	
	#footer_container {
		width: 960px;
		height: auto;
		margin: 0 auto;
		padding: 0px;
		}

		#footer {
			width: auto;
			height: auto;
			margin: 0 auto;
			padding: 20px;
			padding-bottom: 10px;
			text-align: center;
			}
			#footer a{padding:0 7px;}

	#very_bottom_container {
		width: auto;
		height: auto;
		margin: 0 auto;
		padding: 0px;		
		}

		#very_bottom {
			width: 700px;
			height: auto;
			margin: 0 auto;
			padding-top: 20px;
			padding-bottom: 50px;
			color: #B89843;
			text-align: center;
			font-size: 12px;
			}
			
			#very_bottom a {color: #F68A25;}
	
#clear {clear:both;}
.clear {clear: both;}	

h1 {font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold;}
h2 {font-size: 16px; font-weight: bold; margin-top: 10px;}

.verysmall {font-size: 6px;}
.small {font-size: 8px;}
.large {font-size: 18px;}
.ten {font-size: 10px;}
.medium {font-size: 12px;}
.white {color: #fff;}

a {text-decoration: none;}
a:hover {color: #3B91CE;}

.left {float: left; margin-right: 25px; margin-bottom: 5px; margin-top: 25px; clear: both;}
.right {float: right; margin-left: 25px; margin-bottom: 5px; margin-top: 25px; clear: both;}

a img:hover {
	opacity: .85;
	filter: alpha(opacity=85);
	border: 0;
	}

/* BROWSERS */

.ie #header {
width: 888px;
height: 276px;
margin: 3px 0 0 22px;
padding: 0px;
}
.ie #main_nav {
width: 930px;
height: auto;
margin-top: 66px;
margin-left: 30px;
padding: 0px;
}
.ie8 #header {
width: 888px;
height: 276px;
padding-left: 0px;
padding-top: 4px;
}
.ie8 #main_nav {
width: 930px;
height: auto;
margin-top: 104px;
margin-left: 30px;
padding: 0px;
}
.ie8 #content_container {}
.ie8 #nav ul li ul{position:absolute;}


/* DROPDOWNS */

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}

#nav li {
	width: 181px;
	height: auto;
	float: left;
	text-align: center;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#nav li ul {
	display: none;
	position: absolute;
	z-index: 999;
	float: left;
	margin-top: 8px;
	margin-left: 0px;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	}

#nav li ul li {
	width: 160px;
	list-style-image: none;
	position: relative;
	z-index: 999;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
	#nav li ul li:hover {background: #375684;}
	
	/* purple #nav .purple li ul li:hover {background: #A328C1;} */
	
	#nav li ul li a {padding: 10px; font-size: 11px; float: left; text-align: left; position: relative; cursor: pointer;}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	}

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	background: #0E2449;
	}

/* END DROPDOWNS */