/*
Theme Name: SimplyFit
Theme URI: http://simplyfit.com
Description: Design by Andrew Christensen, WP Integration by Miles Johnson
Version: 1.0
Author: Andrew Christensen
Author URI: http://loveincolor.com
Tags: pink, fitness, milf
*/

body {
	background-color: #757964;
	margin: 0;
	padding: 0;
}

/*
=GLOBAL CSS
*/

ol, ul, dl, form, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.clear {
	clear: both;
}

/*
=LAYOUT CSS
*/

	#container {
		background: transparent url(images/cont_bg.gif) top center repeat-y;
		width: 931px;
		margin: 0 auto;
	}
	
		#container #header {
			background: transparent url(images/cont_header.jpg) top center no-repeat;
			height: 283px;
			width: 931px;
			margin: 0 auto -40px auto;
		}
		
				#header h1 a {
					display: block;
					width: 200px;
					height: 170px;
					margin: 0 30px;
					text-indent: -500em;
				}
				
			/*
			=CSS NAV
			*/	
				
				#header ul#nav {
					width: 620px;
					float: right;
				}
				
					#header ul#nav li {
						float: left;
						margin: 5px 20px;
						display: block;
						text-indent: -500em;
					}
					
						#header ul#nav li a {		
							display: block;
							text-indent: -500em;
						}
					
							#header ul#nav li a.home {
								background: transparent url(images/nav_home.gif) top left no-repeat;
								height: 23px;
								width: 75px;
							}
					
							#header ul#nav li a.articles {
								background: transparent url(images/nav_articles.gif) top left no-repeat;
								height: 23px;
								width: 113px;
							}
					
							#header ul#nav li a.about {
								background: transparent url(images/nav_about.gif) top left no-repeat;
								height: 23px;
								width: 125px;
							}
					
							#header ul#nav li a.contact {
								background: transparent url(images/nav_contact.gif) top left no-repeat;
								height: 23px;
								width: 119px;
							}
							
								#header ul#nav li a.home:hover, #header ul#nav li a.articles:hover, #header ul#nav li a.about:hover, #header ul#nav li a.contact:hover {
									background-position: 0 -23px;
								}
		
		/*
		=LEFT CSS
		*/
			
			#container #left {
				position: relative;
				width: 240px;
				margin: 0 -10px 0 15px;
				padding: 0 20px;
				float: left;
				font: 13px "Verdana", sans-serif;
				color: #4f4f4f;
			}
			
				#left a:active, #left a:visited, #left :link {color: #855269; text-decoration: underline;}
				#left a:hover {background-color: #000; color: #ffddeb;}
			
				/* =ACCRODION CSS */
				
					#left #accordion_wrapper {
						position: relative;
						width: 262px;
						margin: 0 0 0 -10px;
					}
					
						#left h2.def {
							position: relative;
							width: 242px;
							margin: 5px 0 0 0px;
							padding: 4px 10px;
							font: lighter 18px/20px "Georgia", serif;
							color: #8e2a59;
						}
						
							#left h2.def a span {
								display: none;
							}
							
								#left h2.def a:hover span {font: 12px "Tahoma", sans-serif; color: #fff; display: inline;}
						
							#left h2.def a:hover {background-color: transparent; color: #A26882; text-decoration: none; padding-left: 10px;}
						
							#left p.selected {
								background: #f7a6ca url(images/left_ddBtm.gif) bottom left no-repeat;
								width: 242px;
								margin: 0;
								padding: 5px 10px;
								text-align: justify;
								font: 12px "Tahoma", sans-serif;
								color: #fff;
							}
							
				#left h2 {
					margin: 20px 0 0 0;
					font: lighter 22px "Georgia", serif;
					color: #D34B7E;
				}
				
				#left ul {
					position: relative;
					margin: 0 10px;
					color: #3b3b3b;
				}
				
					#left ul li {
						position: relative;		
						background: transparent url(images/left_bulletB.gif) 0 4px no-repeat;
						margin: 3px 0;
						padding-left: 12px;
					}
					
						#left ul li a {
							background: transparent url(images/left_bulletA1.gif) 0 4px no-repeat;
							margin: 0 -12px;
							padding-left: 12px;
						}
						
							#left ul li a:active, #left ul li a:visited, #left ul li a:link {color: #d74b8a;}
							#left ul li a:hover {background-color: transparent; background-image: url(images/left_bulletA2.gif); color: #a2255d;}
			
		/*
		=CONTENT CSS
		*/
		
			#container #content {
				position: relative;
				width: 585px;
				float: right;
				margin: 0 13px 0 0;
				padding: 0 20px 0 0;
				font: 15px/24px "Tahoma", sans-serif;
				text-align: justify;
				color: #595959;
			}
			
				#content a:active, #content a:visited, #content a:link {color: #323232; text-decoration: underline;}
				#content a:hover {background-color: #e5e5e5; color: #c24588; text-decoration: none;}
			
				#content h2 {
					font: lighter 24px "Georgia", serif;
					color: #b52c6d;
				}
				
				#content h3 {
					font: lighter 20px "Verdana", sans-serif;
					color: #3a3a3a;
				}
				
				#content h4 {
					font: lighter 18px "Arial", sans-serif;
					color: #cb6690;
				}
				
					#content ul {
						margin: 0 15px;
						color: #707070;
					}
					
						#content ul li {
							position: relative;	
							background: transparent url(images/content_bullet.gif) 0 9px no-repeat;
							padding-left: 11px;
						}
						
				#content blockquote {
					background: transparent url(images/content_blockquoteTop.jpg) top left no-repeat;
					width: 225px;
					float: right;
					margin: 15px;
					font-size: 14px;
				}
				
					#content blockquote p {
						position: relative;
						background: transparent url(images/content_blockquoteBtm.gif) bottom left no-repeat;
						width: 195px;
						margin: 0 0 -15px 0;
						padding: 15px;
						color: #525252;
					}
					
						#content blockquote p span {
							font-size: 14px;
							font-weight: bold;
							color: #9c1e5a;
						}
						
				/*
				=*CONTACT/INPUT CSS
				*/
				
					form#contact {
						background: #ffedf9 url(images/form_ftr.jpg) bottom left no-repeat;
						width: 475px;
						margin: 20px auto;
						padding: 20px 30px 150px 30px;
					}
					
						form#contact .form_top {
							background: transparent url(images/form_top.gif) top left no-repeat;
							height: 16px;
							width: 535px;
							margin: -20px -30px 10px -30px;
						}
				
						form#contact label {
							font: lighter 22px "Georgia", serif;
							color: #f6489b;
						}
						
							form#contact label span {
								font-size: 12px;
								font-weight: bold;
								color: #777;
							}
						
						form#contact input {
							background: transparent url(images/input.gif) top left no-repeat;
							height: 15px;
							width: 214px;
							margin: 0 0 20px 15px;
							padding: 12px 15px;
							display: block;
							font: 12px "Verdana", sans-serif;
							border: 0;
							color: #FF6BB6;
						}
						
							form#contact input:focus {
								background-position: 0 -39px;
								color: #FF389D;
							}
							
						form#contact textarea {
							background: transparent url(images/textarea.gif) top left no-repeat;
							height: 162px;
							width: 324px;
							margin: 0 0 20px 15px;
							padding: 12px 15px;
							display: block;
							font: 12px "Verdana", sans-serif;
							border: 0;
							color: #FF6BB6;
						}
						
							form#contact textarea:focus {
								background-position: 0 -186px;
								color: #FF389D;
							}
							
						form#contact input#submit {
							background: transparent url(images/submit.gif) top left no-repeat;
							height: 53px;
							width: 128px;
							display: block;
							cursor: pointer !important;
						}
						
							form#contact input#submit:hover {
								background-position: 0 -53px;
							}
			
		/*
		=FOOTER CSS
		*/
		
			#container #footer {
				background: transparent url(images/cont_footer.jpg) top left no-repeat;
				height: 271px;
				width: 931px;
				clear: both;
			}
			
				#footer p.top {
					float: right;
					display: inline;
					margin: 28px 24px -40px 0;
					width: 90px;
				}
				
					#footer p.top a {
						position: relative;
						height: 15px;
						width: 87px;
						float: right;
						display: block;
						cursor: pointer;
						text-indent: -500em;
					}
			
				#footer a.sitecredit {
					position: relative;
					height: 60px;
					width: 280px;
					top: 192px;
					left: 15px;
					display: block;
					text-indent: -500em;
				}
				
				/* =RIGHT COLUMN CONTENT */
				
					#footer #ftrRight {
						background: transparent url(images/footer_rightBg.jpg) top left no-repeat;
						height: 188px;
						width: 588px;
						float: right;
						margin: -4px 30px;
						font: 12px/12px "Tahoma", sans-serif;
						color: #515151;
					}
								
						#ftrRight a:active, #ftrRight a:visited, #ftrRight a:link {color: #861b49; text-decoration: underline;}
						#ftrRight a:hover {text-decoration: none; color: #D63178;}
					
						#ftrRight h3 {
							margin: 0 0 5px 0;
							font: 18px "Georgia", sans-serif;
							color: #970f4c;
						}
						
						#ftrRight .myArticles {
							width: 214px;
							height: 160px;
							padding: 10px 5px 15px 15px;
							float: left;
							overflow: hidden !important;
						}
						
							#ftrRight .myArticles ul {
								margin: 0 3px;
							}
							
								#ftrRight .myArticles ul li {
									background: transparent url(images/footer_bulletA.gif) 0 9px no-repeat;
									padding: 6px 0 6px 10px;
								}
								
									#ftrRight .myArticles ul li a {
										margin: 0 -10px;
										padding-left: 10px;
									}
								
										#ftrRight .myArticles ul li a:hover {
											background: #c5c5c5 url(images/footer_bulletH.gif) 0 4px no-repeat;
										}
						
						#ftrRight .aboutExcerpt {
							height: 160px;
							width: 306px;
							padding: 10px 15px;
							float: right;
							overflow: hidden !important;
						}
						
							#ftrRight .aboutExcerpt img {
								border: 2px solid #7c3150;
								float: left;
								margin: 5px 10px 0 0;
							}
							
							#ftrRight .aboutExcerpt p {
								line-height: 15px;
								text-align: justify;
								font: 12px "Tahoma", sans-serif;
							}
							
								#ftrRight .aboutExcerpt p span {
									display: block;
									margin: 10px 0;
									font-weight: bold;
									color: #000;
								}