/*  (Wordpress Only)
Theme Name: axis-cw
Theme URI: http://www.axiscw.com
Description: Axis Chiropractic + Wellness
Version: 1.0
Author: Jacob McDaniel
Author URI: http://www.notjustacreativeconsultant.com
Tags: jquery, slider, blog, video, media, accordion, chiropractic
*/

/* =========================
Global Styles
=========================*/ 

/* =========================
Global Colors:
------------------------------------------------
Dark Brown: #746349;
Light Brown: #968060;
Golden Yellow: #ebbb58;
Charcoal: #333333;
Medium Gray: #666666;
Medium Heavy Gray: #555555;
=========================*/ 


/* CSS Reset */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; vertical-align:baseline;}
:focus {outline:0;}
ol, ul {list-style:none;}
strong {font-weight:bold;}
em {font-style:italic;}
a {text-decoration:none; cursor:pointer;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
 html[xmlns] .clearfix {display: block;}
 * html .clearfix {height: 1%;}
 span.line {
 	border-bottom: 1px solid #ccc; 
 	display: block;
 	height: 1px;
 	margin:  0 auto;
 	width: 900px;
 }
 
body { 
	background-image: url(images/bg_pattern.gif);
	background-color: #f0f0f0;
	background-repeat: repeat;
	background-position: 0 0;
	color: #333;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

	/* Common Elements */
	h1, h2, h3, h4, h5, h6 {font-family: Georgia, Times New Roman, serif; margin: 10px 0;}
		h1 {color: #746349; font-size: 21px; letter-spacing: 0.05em;}
			h1#pageTitle {margin: 0; padding: 10px 40px 0;}
		h2 {color: #968060; font-size: 18px;}
		h3 {color: #746349; font-size: 16px; font-weight: bold;}
		h4 {font-size: 14px;}
		h5 {font-size: 13px;}
		h6 {font-size: 12px; font-weight: bold;}
	p {
		color: #333;
		font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 21px;
		margin-bottom: 10px;
	}
	a, a:visited {color: #746349;}
		a:hover {color: #333; text-decoration: underline;}
	.entry_content ol, .entry_content ul {margin: 10px 20px; padding: 0 20px;}
		.entry_content ol {list-style: decimal outside;}
		.entry_content ul {list-style: square outside;}
			.entry_content ol li, .entry_content ul li {margin-bottom: 5px;}
		
		.entry_content p img.left {border: medium none; float: left; margin: 0 20px 20px 0;}
		.entry_content p img.right {border: medium none; float: right; margin: 0 0 20px 20px;}
		.small {font-size: 10px; line-height: 14px;}

	/* Outer Structure Elements */
	div#outerWrapper {margin:  0 auto; position: relative; width: 990px;}
		/* Masthead container */
		div#masthead {
			background: transparent url(images/bg_masthead1.png) no-repeat scroll 0 0;
			height: 210px;
			margin: 0 auto;
			position: relative;
			width: 972px;
		}
			/* Masthead contents */
			.axisLogo {
				background: transparent url(images/Axis-Chiropractic-Wellness-logo.png) no-repeat scroll 0 0;
				cursor: pointer;
				display: block;
				float: left;
				height: 133px;
				margin: 15px 0 0 25px;
				text-indent: -9999px;
				width: 204px;
			}
			a.axisTagline {
				color: #ebbb58;
				display: block;
				float: right;
				font: 28px Georgia, Times New Roman, serif;
				font-style: italic;
				margin: 60px 35px 0 0;
				text-decoration: none;
			}
				a.axisTagline:hover {color: #746349;}
			
		/* Hero (video slider) container */
		div#hero {margin: 10px auto 0 auto; position: relative; width: 972px;}
		
			.heroContainer {
				background: transparent url(images/hero_bg.png) no-repeat scroll 0 0;
				height: 387px;
				margin: 0 auto;
				position: relative;
				width: 972px;
			}
					.heroContainer h1 {margin: 0 0 0 20px; padding: 10px 20px 0;}
					/* Featured Slider Element content - Hero Feature */
					.scrollable {
						height: 345px;
						margin: 0 25px;
						overflow: hidden;
						position: relative;
						width: 916px;
					}
						.scrollable .post {clear: both; position: absolute;}
						
							.scrollable .post .panel {
								float: left;
								padding: 24px 10px 10px;
								position: relative;
								width: 905px;
							}
								.scrollable .post .panel .panelContent {height: 260px; margin-bottom: 20px; overflow: hidden;}

									.scrollable .post .panel .panelContent p {
										color: #333;
										font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
										letter-spacing: 0.08em;
										line-height: 32px;
									}
										.scrollable .post .panel .panelContent span.post_buttons a {
											color: #fff;
											font-size: 16px;
											font-weight: bold;
											text-align: right;
										}

											.scrollable .post .panel .panelContent span.post_buttons a:hover {color: #746349; text-decoration: none;}

								.scrollable .post .panel .panelMedia {
									float: right;
									height: 260px;
									margin-left: 30px;
									width: 456px;
								}

							.scrollable .post .description {
								font: 18px Georgia, Times New Roman, serif;
								margin: 11px 50px;
								position: absolute;
								text-align: center;
								width: 800px;
								z-index: 100;
							}
								.scrollable .post .description a {color: #666;}
								
					/* Navigation for Hero slider element */
					.navi {
						position: absolute;
						right: 26px;
						top: 18px;
						width: auto;
						z-index: 9999;
					}
						.navi a {
							background-image: url(images/sprite_a1.png);
							background-position: -130px -27px;
							display: block;
							float: left;
							height: 10px;
							margin-right: 5px;
							text-indent: -9999px;
							width: 10px;
						}
							.navi a.active {background-image: url(images/sprite_a1.png); background-position: -144px -27px;}
								.navi a:hover {background-image: url(images/sprite_a1.png); background-position: -158px -27px;}
					.heroNav {margin: -41px 15px 0 16px; position: absolute; width: 941px;}

						.heroNav .next, .heroNav .prev {
							background-image: url(images/sprite_a1.png);
							background-repeat: no-repeat;
							display: block;
							float: left;
							height: 42px;
							text-decoration: none;
							width: 43px;
						}
							.heroNav .next {background-position: -43px 0px; float:right;}
							.heroNav .next:hover {background-position: -43px -42px;}

							.heroNav .prev {background-position: 0px 0;}
							.heroNav .prev:hover {background-position: 0px -42px;}

						.heroContainer .titleBlock {
							display: block;
							float: left;
							padding: 10px 10px 0 10px;
							text-align: center;
							width: 836px;
						}
							.heroContainer .titleBlock a {color: #666; font: 18px Georgia, Times New Roman, serif;}
							.heroContainer .titleBlock a:hover {color: #ebbb58; text-decoration: none;}
						
						.heroContainer .loading {
							display: none;
							line-height: 387px;
							position: absolute;
							text-align: center;
							width: 100%;
							z-index: 9999;
						}
							.heroContainer .loading span {
								background: #fff;
								border: 1px solid #ccc;
								color: #666;
								font-size: 14px;
								font-weight: bold;
								padding: 4px;								
							}
					
		/* Main Content for homepage & inner pages */
		div#mainContent {margin: 10px auto 0 auto; position: relative; width: 972px;}
			/* Left column should contain blocks of text content & blog elements */
			div#leftCol {float: left; margin-right: 10px; width: 660px;}
				/* Entry Content is all content related to post entries as well as page content */
				.entry_content {margin-bottom: 20px; padding: 0 20px;}
				/* Blog entry container should be container for each individual blog entry for homepage as well full blog listings */
				.post {margin-bottom: 10px; position: relative;}
				
					/* Blog entry first should be the latest blog entry for site (should show a different top background image vs others */
					.blogEntryFirst, .blogEntryTop, .blogEntryFill, .blogEntryBottom {width: 660px;}
					.blogEntryTop, .blogEntryBottom {height: 10px;}
					
						.blogEntryFirst {background: transparent url(images/bg_blog_top_entry_first.png) no-repeat scroll 0 0; height: 44px;}
						.blogEntryTop {background: transparent url(images/bg_blog_top.png) no-repeat scroll 0 0;}
						
						.blogEntryFill {
							background: transparent url(images/bg_blog_fill.png) repeat-y scroll 0 0;
							min-height: 100px;
							padding: 20px;
							position: relative;
							width: 620px;
						}
						.blogEntryBottom {background: transparent url(images/bg_blog_bottom.png) no-repeat scroll 0 0;}
			/* Right column should contain accordian widget only */
			div#rightCol {float: left; width: 302px;}
				/* Sidebar - Accordian Widget uses sprite backgrounds */
				div#sidebar {position: relative; width: 302px;}
					.sprite_sidebar {background-image: url(images/sprite_sidebar.png); background-repeat: no-repeat; display: block;}
						div#sidebar .topFill {background-position: 0px 0px; min-height: 100px; position: relative;}
						
						div#sidebar .topFill a.first {
							background-position: -614px 0px; 
							background-repeat: no-repeat;
							display: block;
							height: 27px;
							left: 12px;
							margin-bottom: 5px;
							padding: 5px 15px;
							position: relative;
							top: 5px;
							width: 246px;
						}
							div#sidebar .topFill a.first:hover, div#sidebar .topFill a.first.selected {background-position: -614px -37px;}
						div#rightCol a.sprite_sidebar.bottom {
							background-position: 0px -940px;
							background-repeat: no-repeat;
							display: block;
							height: 32px;
							padding: 12px 27px 0;
						}
							div#rightCol a.sprite_sidebar.bottom:hover, div#rightCol a.sprite_sidebar.bottom.selected {background-position: -305px -940px;}
						
						ul.sidebarInner {margin-left: 12px; position: relative;}
							ul.sidebarInner li {}
								ul.sidebarInner li a.sidebar_nav {
									background: transparent url(images/sidebar_nav.png) no-repeat scroll 0 0;
									display: block;
									height: 32px;
									padding: 15px 15px 0;
									width: 246px;
								}
									ul.sidebarInner li a.sidebar_nav:hover, ul.sidebarInner li a.sidebar_nav.selected {background-position: 0 -47px;}
								/* Text color & decoration for button links in sidebar */
								div#sidebar .topFill a, div#rightCol a.sprite_sidebar.bottom  {color: #746349; font: 18px Georgia, Times New Roman, serif;}
								
									div#sidebar .topFill a:hover, 
									div#sidebar .topFill a.selected, 
									div#sidebar a.bottom:hover, 
									div#sidebar a.bottom.selected 
										{color: #333; text-decoration: none;}
										
								/* Sidebar Content */
								.sidebarContent {
									color: #555;
									font: 12px Arial, Helvetica, sans-serif;
									letter-spacing: 0.05em;
									line-height: 16px;
									padding: 10px 30px;
								}
									.sidebarInner .sidebarContent {padding: 10px 18px;}
									div#sidebar .topFill ul.sidebarInner li .sidebarContent a, div#sidebar .topFill .sidebarContent a {color: #968060; font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none;}
										div#sidebar .topFill ul.sidebarInner li .sidebarContent a:hover, 
										div#sidebar .topFill .sidebarContent a:hover {color: #746349; text-decoration: underline;}
									.sidebarContent h3 {color: #555; letter-spacing: 0.1em;}
									
										.sidebarContent .referralFieldset {
											color: #555;
											display: block;
											font: bold 16px Georgia, Times New Roman, serif;
											letter-spacing: 0.1em;
											margin: 10px 0;
										}
											.sidebarContent input#cf_field_1 {display: none;}
									.sidebarContent h4 {letter-spacing: 0.1em;}
										div#sidebar .topFill .sidebarContent h4 a {text-decoration: none;}
											div#sidebar .topFill .sidebarContent h4 a:hover {text-decoration: underline;}
									.sidebarContent ul li {letter-spacing: 0.08em;}
						
						
		/* Footer Styles */		
		div#footer {
			border-top: 1px solid #ccc;
			color: #555;
			margin: 10px auto 20px;
			padding: 10px 0;
			position: relative;
			width: 900px;
		}
			div#footer ul li {border-right: 1px solid #ccc; float: left;}
			
				div#footer ul li a {
					color: #555;
					font: 13px Arial, Helvetica, sans-serif;
					height: 15px;
					margin: 0 15px;
				}
				div#footer ul li.first a {margin: 0 15px 0 0;}
				div#footer ul li.second {border: 0 none;}
				div#footer ul li.last {border: 0 none; float: right;}
					div#footer ul li.last a {color: #968060;}
						div#footer ul li.last a:hover {color: #333;}
				div#footer p.copyright {
					float: left; 
					font-size: 9px;
					margin:  10px 0;
					width: 900px;
				}
				
			/* Forms throughout site */
				/* comment forms are in blog.css */
			.sidebarContent form.cform ol.cf-ol li {height: 25px; margin-bottom: 3px;}
			
			input[type="text"] {
				background: transparent url(images/sprite_a1.png) no-repeat scroll 0px -85px;
				border: medium none;
				color: #746349;
				cursor: pointer;
				display: block;
				float: left;
				height: 24px;
				margin-right: 3px;
				padding: 0 10px;
				width: 200px;
			}
				/* Sidebar search */
				input[type="text"].searchBox {background: transparent url(images/sprite_a1.png) no-repeat scroll -221px -85px; margin-right: 10px; width: 80px;}
				span.reqtxt, span.emailreqtxt {color: #a10000; display: block; float: left;}
				
				/* Error messages */
				.failure {color: #a10000; font-size: 11px;}
				
				input[type="submit"] {
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					background: #555 none;
					border: medium none;
					color: #fff;
					cursor: pointer !important;
					font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
					padding: 2px 10px;
					width: auto;
				}
					input[type="submit"]:hover {background: #ebbb58 none; color: #333;}
					
				textarea {
					background: transparent url(images/sprite_a1.png) no-repeat scroll 0px -138px;
					border:  medium none;
					color: #746349;
					cursor: pointer;
					display: block;
					float: left;
					height: 85px;
					line-height: 18px;
					padding: 10px;
					width: 300px;
				}
			
			/* Contact form styles */
			form#cforms2form ol.cf-ol {list-style: none; margin: 0; padding: 0;}
			
			form#cforms2form ol.cf-ol li {
				float: left; 
				list-style: none;
				margin-bottom: 10px;
				width: 580px;
			}
				form#cforms2form ol.cf-ol li label {display: block; margin-bottom: 3px;}
				form#cforms2form ol.cf-ol li input {display: block; float: left;}
				select.cformselect {
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					background: #fff none;
					border: 1px solid #ebbb58;
					height: 25px;
					padding: 3px 3px 2px 5px;
					width: 220px;
				}
					select option {background-color: #f1f1f1; color: #333;}