@charset "UTF-8";
/*
Theme Name: Good Sam - Good Sam Is Good Health
Theme URI: http://www.goodsamisgoodhealth.com
Description: Good Sam - Good Sam Is Good Health camapign
Version: 1.0
Author: Al Yukna / Design: Brent Williams
Author URI: http://www.gkv.com/

----> NOTE: Wordpress's default CSS structure is horrible. This seeks to reset, then establish some base rules...then, in Structure, 
define those elements relevent to a given Structure "area" specific CSS declaration needed in only that area...CASCADE down through the elements
needing styling as they apppear both symentically and visually. Simple, right?


----> BRAND FONTS + COLORS:
		FONT: Define Brand Fonts Here
		COLORS: 
			- NAV: #FFCC00 (Yellow)
			- NAV ACTIVE: #FFF
			- LINKS: #FFCC33 (Yellow) 
			- HEADERS: #a4d1d3 (LightBlue/Green)
			- TEXT: #8C9898
			
----> STRUCTURE OVERVIEW:
		This Template seeks to be 980px wide, centered with auto height / 2 column with Sidebar on right side
			


LEGEND:
1. REST ALL HTML ELEMENTS (meyerweb.com version)
2. BASE TYPOGRAPHY
3. STRUCTURE: Header, Breadcrumbs, Content, Sidebar (Right), Footer


*/



/* ---------- RESET ALL HTML ELEMENTS ---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---------- /RESET ALL HTML ELEMENTS ---------- */





/* ---------- BASE TYPOGRAPHY ---------- */
body {
	font-size: 12px; /* Resets 1em to 12px */
	font-family: Arial, Helvetica, Sans-Serif;
	/*color: #8C9898;*/
	color: #e9e4e4;
	line-height: 1.1em;
}
h1, h2, h3 {
	font-weight: bold;
	color: #a4d1d3;
}

	h2 {
		font-size: 1.6em;
		margin: 0px 0 0 0;;
		padding-bottom: 6px;
		margin: 12px 0 20px 0;
		/*border-bottom: 1px solid blue;*/
	}
	h3 {
		font-size: 1.3em;
		margin: 12px 0 20px 0;
	}
p {
	font-size: 1em;
	line-height: 1.1em;
	margin-bottom: 1.1em;
}

a {
	color: #FFCC33;
	text-decoration: underline;
}
	a:hover {
		text-decoration: none;
	}
	a img {
		border: none;
	}
	
small {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #777;
}
blockquote, strike {
	color: #777;
}
blockquote {
	margin: 1.1em 0 1.1em 40px;
	border-left: 1px solid #333;
	padding-left: 12px;
}
	blockquote cite {
		margin: 5px 0 0;
		display: block;
	}	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}

	
	/* ---------- BASE CLASSES ---------- */

	
	.hidy {
		display: none;
	}
	.clear {
		clear: both;
	}
	
	.alt {
		background-color: #f8f8f8;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.center {
		text-align: center;
		}
	
	.hidden {
		display: none;
	}
	
	/* ---------- /BASE CLASSES ---------- */
	


/* ---------- /BASE TYPOGRAPHY ---------- */




/* ---------- STRUCTURE ---------- */

	/* ---------- BODY ---------- */
	body {
		text-align: center;
		background-color: #333;
	}
	/* ---------- /BODY ---------- */

	/* ---------- CONTAINER ---------- */
	div#container {
		margin-left: auto;
		margin-right: auto;
		width: 960px;
	}
	#container {
		position: relative;
		display: block;
		width: 960px;
		height: 100%;
		overflow: hidden;
		background: url('images/tiles/gsh_main_bg_tile.jpg') 0 0 #000 no-repeat;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		margin-bottom: -30px;
		padding: 0 0 0 0;
	}
	/* ---------- /CONTAINER ---------- */

	/* ---------- HEADER ---------- */
	#header {
		position: relative;
		display: block;
		
		height: 120px;
		width: 100%;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		/*background: url('images/titles/tile_image.jpg') #bg_color repeat-x;
		background-color: #CCC;*/
	}
	
		#header #home_logo {
			z-index: 50;
			position: absolute;
			display: block;
			width: 628px;
			height: 64px;
			top: 16px;
			left: 24px;
		}
		#header h1 {
			font-size: 24px;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 628px;
			height: 64px;
			color: #FFF;
			background: url('flash/gsh_628x64_logo.gif') 0 0 no-repeat;
		}
		
		/* HEADER NAV + SEARCH */
		#header ul#nav {
			z-index: 99;
			position: relative;
			display: block;
			top: 28px;
			/*left:516px;*/
			float: left;
			width: 915px;
			height: auto;
			list-style: none;
			margin: 0 0 0 0;
			padding: 0px 0 0 0px;
			text-align: right;
			color: #FFF;
		}
		#header ul#nav li {
			display: inline;
			padding: 0 10px 0 0px;
			font-size: 11px;
			/*background: url('images/nav/nav_pipe.jpg') right no-repeat;*/
		}
			#header ul#nav li a {
				font-size: 11px;
				text-decoration: underline;
			}
				/* NAV HOVER PROPERTIES + DEFAULT WORDPRESS ACTIVE CLASS NAMES */
				#header ul#nav li a:hover, #header ul#nav li.current_page_item a, #header ul#nav li.current_page_parent a {
					text-decoration: none;	
				}
				
				/* SEARCH */
				#header #searchform {
					z-index: 50;
					position: absolute;
					display: block;
					left: 676px;
					top: 44px !important;
					top: 40px;
					width: 300px;
					height: 30px;
					margin: 0 0 0 0;
					padding: 0px 0px 0px 0px;
					text-align: center;
				}

					#header #sidebar #searchform #s {
						width: 108px;
						padding: 2px;
					}

					#header #sidebar #searchsubmit {
						padding: 1px;
					}
			
		
	/* ---------- /HEADER ---------- */
	
	/* ---------- BREADCRUMBS ---------- */	
	#breadcrumbs {
		position: relative;
		display: block;
		width: 100%;
		height: 30px;
		text-align: right;
		padding: 16px 20px 0 0;
		font-size: 1em;
	}
		#breadcrumbs a { padding: 0 10px 0 10px; }
	/* ---------- /BREADCRUMBS ---------- */	
	
	
	
	/* ---------- CONTENT ---------- */
	#content {
			position: relative;
			display: block;
			float: left;
			width: 706px;
			height: auto;
			padding: 0px 0 0 0;
			margin: 0;
			left: 244px;
			text-align: left;
			overflow: hidden;
		
	}
		.post {
			position: relative;
			display: block;
			float: left;
			/*width: 478px;*/
			/*width: 380px;*/
			width:420px;
			left: 0;
			margin: 0;
			padding: 60px 0px 0 10px;
			overflow: hidden;
		}
		
			.post p {
				width: 98%;
			}
			.post h2, .post h2 a {
				color: #a4d1d3;
			}
			.post ol, .post ul {
				list-style: disc;
				margin-left: 40px;
			}
			.post hr {
				display: block;
			}
			
			/* IMAGES IN POSTS - THESE ARE STANDARD WP OUTOUT CLASSES - MUST REMAIN! */
			.post p img, .post h3 img {
				padding: 0;
				max-width: 100%;
				/*border: 1px solid #002d69;*/
			}
			
			
			
			.post img.alignright {
				padding: 0px;
				margin: 0 0 2px 7px;
				display: inline;
			}
			
			.post img.alignleft {
				padding: 0px;
				margin: 0 10px 2px 0;
				display: inline;
			}
			
			.post .alignright {
				float: right;
			}
			
			.post.alignleft {
				float: left
			}
			/* /IMAGES */
			
			
			.entry {
				
				display: block;
				
			}
			
			/* VIDEO EMBEDS */
			.entry #flash_player {
				position: relative;
				display: block;
				width: 240px;
				height: 180px;
				padding: 0px 0 0 0px;
				margin: 0;
				overflow: hidden;
			}
			.entry #flash_player_home {
				position: relative;
				display: block;
				width: 400px;
				height: 300px;
				padding: 0px 0 0 0px;
				margin: 0;
				overflow: hidden;
			}
				
				.entry p {
					line-height: 1.2em;
					margin-bottom: 1.1em;
					margin-right: 2.1em;
					font-size: 16px;
					font-weight: normal;
				}
				.entry p a:visited {
					color: #b85b5a;
				}
				.entry li {
					font-size: 14px;
					font-weight: normal;
					line-height: 1.2em;
				}
				
			/* RIGHT SIDE FORM BOX */	
				#form {
					/*position: absolute;
					display: block;
					top: 0px;
					left: 0px;
					
					width: 270px;
					height: 400px;
					margin: 0px 0 0px 0px;
					padding: 0;
					background: url('images/tiles/gsh_right_sidebar.jpg') #000 -2px 0 repeat-y;
					overflow: hidden;
					*/
					position: absolute;
					display: block;
					float: left;
					z-index: 5000;
					left: 450px;
					top: 20px;
					width: 270px;
					height: auto;
					background: url('images/tiles/gsh_right_sidebar.jpg') #000 -2px 0 repeat-y;
					overflow: hidden;
				}
					#form .form_box {
						position: relative;
						display: block;
						left: 12px;
						top: 0px;
						width: 247px;
						margin: 0 0 6px 0;
						padding: 0 0 12px 0;
						background-color: #367878;
						background: url('images/form_elements/gsh_form_bot.jpg') #367878 bottom no-repeat;
					}
						#form .form_box h3 {
							display: block;
							width: 247px;
							height: 40px;
							padding: 0 0 0 0;
							margin: 0 0 0 0;
							background: url('images/form_elements/gsh_form_top_heading.jpg') 0 0 no-repeat;
						}
						#form .form_box form, form .form_box p {
							padding: 6px 0 0 12px;
						}
							#form .form_box form label {
								color: #A1CAC7;
								font-weight: bold;
							}
								#form .form_box form label.error {
									color: #FFCC00;
									width: 200px;
								}
							#form .form_box form input {
								margin: 4px 0 4px 0;
							}
							
				#form #scrap_box {
					position: relative;
					display: block;
					left: 12px;
					width: 247px;
				}
					#form #scrap_box h4 a {
						display: block;
						width: 228px;
						height: 72px;
						background: url('images/headers/gsh_build_scrap_hd_int.jpg') 0 0 no-repeat;
					}
						#form #scrap_box h4 a.scrap_box_home {
							display: block;
							width: 199px;
							height: 134px;
							background: url('images/headers/gsh_build_scrap_hd_home.jpg') 0 0 no-repeat;
						}
					
					#form #scrap_box p {
						margin-left: 15px;
						width: 90%;
					}
					
					#form #scrap_box p a.get_started {
						display: block;
						width: 91px;
						height: 16px;
						margin: 6px 0 3px 0;
						background: url('images/buttons/gsh_btn_getstarted.jpg') 0 -16px no-repeat;
					}
						#form #scrap_box p a.get_started:hover {
							background-position: 0 0;
						}
		
		
			
	/* ---------- /CONTENT ---------- */
	#scrapbook_link a {
				display: block;
				width: 245px;
				height: 82px;
				background: url('images/callout.jpg') 0 0 no-repeat;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}
				#scrapbook_link a:hover {
					background: url('images/callout_down.jpg') 0 0 no-repeat;
				}
	/* ---------- SIDEBAR ---------- */
	#sidebar {
		z-index: 5000;
		/*position: relative;
		display: block;
		float: left;
		width: 234px;
		height: 475px;
		padding: 10px;
		margin: 0;
		
		background-color: #CCC;
		font-size: .9em;
		text-align: left;
		border: 1px solid red;*/
		
		position: absolute;
		display: block;
		float: left;
		width: 234px;
		height: 475px;
		top: 140px;
		left: 10px;
		padding: 0px 0 0 0;
		margin: 0px 0 0 0px;
		font-size: 14px;
		text-align: left;
		color: #a4d1d3;
		overflow: hidden;
	}
	
	#sidebar div.hr {
	  	position: relative;
		display: block;
		float: left;
		width: 214px;
		height: 6px;
		border: 0px none;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		background: url('images/gsh_sidebar_hr_bg.jpg') 0 0 no-repeat;
	}
		#sidebar ul, #sidebar ul ol {
			margin: 0;
			padding: 0;
		}
			#sidebar ul {

			}
				#sidebar ul li {
					margin: 0;
					padding: 0;
					display: block;
					float: left;
				}

					#sidebar ul li h3 {
						display: block;
						float: left;
						width: 100%;
						color: #a4d1d3;
						border: 0px none;
						margin: 4px 0 6px -6px;
						padding: 0;
					}

					#sidebar ul li h3 a {
						display: block;
						width: 204px;
						height: 30px;
						margin: 0;
						padding: 0;
					}
							#sidebar ul li h3 a.are_healthy {
								background: url('images/nav/nav_btn1.jpg') 0 0 no-repeat;
							}
								#sidebar ul li h3 a.are_healthy:hover, #sidebar ul li.active h3 a.are_healthy {
									background-position: 0 -29px;
								}

								#sidebar ul li h3 a.get_healthy {
									background: url('images/nav/nav_btn2.jpg') 0 0 no-repeat;
								}
									#sidebar ul li h3 a.get_healthy:hover, #sidebar ul li.active h3 a.get_healthy {
										background-position: 0 -30px;
									}

									#sidebar ul li h3 a.stay_healthy {
										background: url('images/nav/nav_btn3.jpg') 0 0 no-repeat;
									}
										#sidebar ul li h3 a.stay_healthy:hover, #sidebar ul li.active h3 a.stay_healthy {
											background-position: 0 -30px;
										}
		
		#sidebar ul li p {
			display: block;
			float: left;
			margin: 0;
			padding: 0 0px 6px 3px;
			font-size: 1em;
			color: #8C9898;
			/*color: #FFF;*/
			width: 214px;
			font-weight: normal !important;
		}
			#sidebar ul li p a.learn_more {
				display: block;
				position: relative;
				float: left;
				width: 91px;
				height: 16px;
				margin: 6px 0 3px 0;
				overflow: hidden;
				background: url('images/buttons/gsh_btn_learnmore.jpg') 0 -16px no-repeat;
			}
				#sidebar ul li p a.learn_more:hover {
					background-position: 0 0;
				}
	
	/* ---------- /SIDEBAR ---------- */
	
	

	/* ---------- FOOTER ---------- */
	#footer {
		/*position: relative;
		display: block;
		width: 100%;
		height: 100px;
		clear: both;
		text-align: center;
		background-color: #CCC;*/
		position: relative;
		display: block;
		float: left;
		clear: both;
		overflow: hidden;
	
		/*top: 610px;
		left: 0;*/
		width: 960px;
		height: 143px;
		padding: 40px 0 0 0;
		text-align: center;
		/*background-color: #CCC;*/
		background: url('images/tiles/gsh_footer_bg_tile.jpg') no-repeat #000;
		color: #024F4B;
		
	}
		#footer a {
			color:#024F4B;
			font-family: Helvetica, Arial;
		}
		
		
		#footer ul#footer_nav {
			position: relative;
			display: block;
			float: left;
			width: 100%;
			padding: 12px 0 0 0;
		}
			#footer ul#footer_nav, #footer ul#footer_nav li {
				list-style: none;
				display: inline;
			}
			#footer ul#footer_nav li {
				padding: 0;
			}
			
			#footer ul#footer_nav li a {
				padding: 0 4px 0 4px;
				font-weight: bold;
			}
			#footer ul#footer_nav li a:hover, #footer ul#footer_nav li a.active {
				text-decoration: none;
			}
			#footer p {
				z-index: 5000;
				position: absolute;
				display: block;
				
				overflow: hidden;
				width: 760px;
				height: 20px;
				top: 160px;
				left: 0;
				width: 100%;
				margin: 0;
				padding: 0;
				text-align: center;
				font-size: .9em;
			}
				#footer p a { font-weight: bold;}
		
		
			
	/* ---------- /FOOTER ---------- */
	
	
/* ---------- /STRUCTURE ---------- */