/*
Theme Name: Healthy Living Chiropractic & Wellness Center
Theme URI: http://http://www.hlcwellnesscenter.com/
Description: A steller website for Katanah Grossman. </p><p><small> Developed by <a href="http://www.mrdiggles.com/">Mr. Diggles</a>. Protected by <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.</small>
Version: 1.0
Date Updated: 10.07.11
Author: Mr. Diggles
Author URI: http://www.mrdiggles.com/
*/

* {
	padding: 0px;
	margin: 0px;
}

html { 
	padding: 0px;
	margin: 0px;
}

body {

	background: #4d3832 url('/img/bg-tex.jpg') repeat;	
	padding: 0px;
	margin: 0px;
	font-family: 'FertigoProRegular', Helvetica Neue, Arial, verdana, san-serif, georgia;
	color: #fff;
	font-size: small;
}

div.clear {
	clear: both;
}

img {
	border: none;
}


.wrap {
	width: 960px;
	margin: 0 auto;
}

@font-face {
    font-family: 'FertigoProRegular';
    src: url('fertigo_pro-webfont.eot');
    src: url('fertigo_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fertigo_pro-webfont.woff') format('woff'),
         url('fertigo_pro-webfont.ttf') format('truetype'),
         url('fertigo_pro-webfont.svg#FertigoProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.googlebox {
	width: 300px;
	margin-bottom: 20px;
	height: 220px;
	border: 5px solid #241b06;
}

p.callus {
	padding-top: 10px;
	font-size: 110%;
	width: 300px;
	text-align: center;
}

/*********************    HEAD    *********************/


#head {
	height: 83px;
	background: #f5f5f5 url(/img/head-bg.jpg) top center no-repeat;	
	border-bottom: 1px solid #fff;
}

#head h1{
	display: none;
}

#head img.logo {
	margin-top: 8px;
}

.nav {
	float: right;
}

.nav a{
	text-decoration: none;
	color: #412414;
	font-size: 105%;
	float: left;
	padding: 34px 8px 0px 8px;
}

.nav a:hover{
	color: #4e7491;
}

a.select{
	color: #4e7491;
}

a.first {
	padding-left: 0px;
}

a.last {
	padding-right: 0px;
}

.nav img {
	margin-top: 20px;
	float: left;
}



/*********************    CONTENT    *********************/


#content {
}

.shadup {
	height: 56px;
	background: url(/img/shadow-up.png) top left repeat-x;	
}

.shaddown {
	height: 56px;
	background: url(/img/shadow-down.png) bottom left repeat-x;	
}


.MainBanner {
	height: 370px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	margin-left: -5px;
}
#slideshow {
	height:380px;
	width:100%;
	overflow:hidden
}
#slideshow a{
outline:none
} 


.bottom {
	margin-top: 40px;
	padding: 20px 0px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url(/img/brown-bg.png) top left repeat;	
	
}

.col1 {
	float: left;
	height: 380px;
	width: 260px;
	padding: 20px 29px;
	border-right: 1px solid #704c32;
}

.col2 {
	float: left;
	padding: 20px 29px;
	height: 380px;
	width: 260px;
	border-left: 1px solid #000;
	border-right: 1px solid #704c32;
}

.col3 {
	float: left;
	padding: 20px 29px;
	height: 380px;
	width: 260px;
	border-left: 1px solid #000;
}

img.feat{
	background: url(/img/feat-bg.png) top left no-repeat;	
	padding: 6px 6px 20px 6px;
}

.bottom h3 {
	color: #f5f5f5;
	font-size: 140%;
	text-shadow: 1px 1px 1px #000;
	padding: 10px 0px;
}

.bottom p {
	font-size: 110%;
	line-height: 1.7em;
	text-shadow: 1px 1px 1px #000;
	color: #f5f5f5;
	padding-bottom: 15px;
}


.staff {
	color: #fff;
	display: block; /* Change anchor to block element */
	width: 125px; height: 27px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background-image: url(/img/staff-bios.png); /* Add the image as a background */
	background-position: bottom; /* Set the position to the top */
	text-indent: -9999px; /* Send the rendered HTML wording off screen */
}

.staff:hover {
	background-position: top; /* Set the position to the center */
}

.injury {
	color: #fff;
	display: block; /* Change anchor to block element */
	width: 125px; height: 27px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background-image: url(/img/learn-more.png); /* Add the image as a background */
	background-position: bottom; /* Set the position to the top */
	text-indent: -9999px; /* Send the rendered HTML wording off screen */
}

.injury:hover {
	background-position: top; /* Set the position to the center */
}

.google {
	color: #fff;
	display: block; /* Change anchor to block element */
	width: 125px; height: 27px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background-image: url(/img/google-map.png); /* Add the image as a background */
	background-position: bottom; /* Set the position to the top */
	text-indent: -9999px; /* Send the rendered HTML wording off screen */
}

.google:hover {
	background-position: top; /* Set the position to the center */
}

.intake {
	color: #fff;
	display: block; /* Change anchor to block element */
	width: 318px; height: 63px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background-image: url(/img/pif.png); /* Add the image as a background */
	background-position: top; /* Set the position to the top */
	text-indent: -9999px; /* Send the rendered HTML wording off screen */
}

.intake:hover {
	background-position: bottom; /* Set the position to the center */
}

.left {
	width: 510px;
	padding: 20px;
	float: left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url(/img/brown-bg.png) top left repeat;	
}

.left p {
	text-shadow: 1px 1px 1px #000;
	line-height: 2.1em;
}

.left p span{
	color: #d4ff0d;
}

.line {
	margin: 5px 0px;
	height: 1px;
	background: #6f5345;
}

.right {
	width: 310px;
	background: url(/img/brown-bg.png) top left repeat;	
	padding: 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: right;
}

.right h4 {
	margin-bottom: 10px;
	margin-top: 10px;
	color: #add6ff;
	font-size: 140%;
	line-height: 1.4em;
}

.right p.addy {
	line-height: 1.7em;
	font-size: 120%;
}

.right p a {
	text-decoration: none;
	color: #ffade3;
}

.right img.philo {
	width: 300px;
	border: 5px solid #fff;
	margin-bottom: 0px;
}

.right p a:hover {
	border-bottom: 1px dotted #ffade3;
}

.left p a {
	text-decoration: none;
	color: #ffade3;
}

.left p a:hover {
	border-bottom: 1px dotted #ffade3;
}

.full {
	background: url(/img/brown-bg.png) top left repeat;	
	padding: 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.full p {
	text-shadow: 1px 1px 1px #000;
	line-height: 2.1em;
	padding-bottom: 15px;
}

.full ul {
	margin-left: 40px;
	text-shadow: 1px 1px 1px #000;
	line-height: 2.1em;
	padding-bottom: 15px;
}


.full h1{
	margin-bottom: 35px;
	color: #add6ff;
}

.left h1 {
	margin-bottom: 20px;
	color: #add6ff;
}

.formy input {
	width: 500px;
}

.formy textarea {
	width: 500px;
}

.formy input.wpcf7-submit {
	width: 100px;
}

.inleft {
	background: url(/img/brown-bg.png) top left repeat;	
	padding: 20px;
	width: 400px;
	float: left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: -20px;
}

.inright {
	margin-top: -20px;
	background: url(/img/brown-bg.png) top left repeat;	
	padding: 20px;
	width: 400px;
	float: right;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/*********************    STAFF    *********************/


.bio {
	margin-bottom: 50px;
}

.bioimg {
	float: left;
	width: 300px;
	margin-right: 35px;
}

.bioimg img.main {
	width: 300px;
	height: 300px;
	border: 5px solid #fff;
	margin-bottom: 0px;
}

.bioinfo {
	float: right;
	background: url(/img/brown-bg.png) top left repeat;	
	width: 540px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
}

.bioinfo h2 {
	margin-bottom: 5px;
	color: #add6ff;
}

.bioinfo h3 {
	margin-bottom: 10px;
	color: #ffade3;
}

.bioinfo a{
	color: #add6ff;
	text-decoration: none;
}

.bioinfo a:hover{
	border-bottom: 1px dotted #add6ff;
}



/*********************    SERVICES    *********************/


.service {
	margin-bottom: 50px;
}

.service h2{
	color: #ffade3;
	margin-bottom: 10px;
}


.serviceinfo {
	float: left;
	background: url(/img/brown-bg.png) top left repeat;	
	width: 540px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
}

.serviceinfo a{
	color: #add6ff;
	text-decoration: none;
}

.serviceinfo a:hover{
	border-bottom: 1px dotted #add6ff;
}


.serviceimg {
	float: right;
	margin-right: 10px;
	width: 300px;
	margin-bottom: 30px;
}

.serviceimg img.main{
	width: 300px;
	height: 300px;
	border: 5px solid #fff;
	margin-bottom: 0px;
}

.service li {
	margin-bottom: 10px;
}


/*********************    BLOG    *********************/

.mainfeed {
	padding: 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 510px;
	float: left;
	margin-bottom: 40px;
	background: url(/img/brown-bg.png) top left repeat;	
}

.mainfeed h2 {
	margin-bottom: 5px;
}


.mainfeed h2 a{
	color: #ffade3;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
}

.mainfeed h2 a:hover{
	border-bottom: 1px dotted #ffade3;
}

p.posted {
	margin-bottom: 18px;
}

.copy p {
	padding-bottom: 15px;
	text-shadow: 1px 1px 1px #000;
	line-height: 1.9em;
}

.copy a {
	text-decoration: none;
	color: #ffade3;
}

.copy a:hover {
	text-decoration: underline;
}


.copy img {
	border: 5px solid #000;
	max-width: 500px;
}

.com {
	padding-bottom: 5px;
}

.com a {
	color: #ffade3;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
}

.com a:hover {
	border-bottom: 1px dotted #ffade3;
}

/*********************    SIDEBAR    *********************/


.sidebar {
	padding: 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 300px;
	float: right;
	background: url(/img/brown-bg.png) top left repeat;	
}

.sidebar  h3 {
	font-size: 140%;
	margin-bottom: 5px;
	color: #add6ff;
}

.sidebar ul {
	list-style: none;
	margin-bottom: 20px;
}

.sidebar ul li {
	line-height: 1.9em;

}

.sidebar ul li a{
	text-decoration: none;
	color: #ffade3;
}

.sidebar ul li a:hover{
	border-bottom: 1px dotted #ffade3;
}

.coms ul li{
	font-size: 90%;
}

.sidebar p a {
	text-decoration: none;
	color: #ffade3;
}


/*********************    COMMENTS    *********************/

.commentwrap {
	width: 550px;
	float: left;
}

#comment {
	width: 548px;
}

#comment-form {
}

div.comment
{
	background: url(/img/brown-bg.png) top left repeat;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px 20px;
	margin-bottom: 0 !important;
	width: 510px;
	color: #eee;
	font-size: 100%;
	line-height: 2em;
}

div.comment p {
	text-shadow: 1px 1px 1px #393948;
}

div.comment p a{
	color: #fcff00;
}


#main div.comment p {
	margin: 0;
	padding: 0 0 10px 0;
}

p.alt { background: #fff !important; }


#comments h6
{
	font-size: 1em;
	font-weight: normal;
	padding-bottom: 30px;
	width: 450px;
	text-align: right;
	vertical-align: middle;
	color: #fff;
	background: transparent url(/img/comment-tag.png) 460px -1px no-repeat;
	padding-right: 35px;
	padding-top: 10px;
}

#respond {
	color: #fcff00;
	text-shadow: 1px 1px 1px #000;
	font-weight: 100;
	font-size: 300%;
}

#comments h6 a {
	color: #339fcc;
}

#comments h6 a:hover{
	color: #fcff00;
}

#comments h6 img
{
	vertical-align: middle;
	margin-left: 10px;
	border: 2px solid #000;
}

#comments h6.alt
{
	vertical-align: middle;
	text-align: left;
	background: transparent url(img/comment-background-alt.gif) 30px 0px no-repeat;
	padding-left: 30px;
}

#comments h6.alt img
{
	padding-right: 10px;
	padding-left: 30px;
}

#comment-form
{
	position: relative;
}
#comment-form br
{
	clear: left;
}

#comment-form form
{
	margin-top: 10px;
}

#comment-form p
{
	text-indent: 0 !important;
}

#comment-form label { display: none; }

#comment-form p.comment-textarea
{
	float: left;
	margin-right: 15px;
	width: 320px !important;
}

#comment-form p.comment-subscribe label
{
	display: inline !important;
	padding-left: 5px;
}

#comment-form textarea
{
	width: 530px;
	color: #02051b;
	height: 120px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'FertigoProRegular', Arial, sans-serif;
	background: #fff;
	border: none;
	margin-bottom: 18px;
	padding: 10px;
}

#comment-form input
{
	width: 220px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'FertigoProRegular', Arial, sans-serif;
	background: #fff;
	margin-bottom: 15px;
	color: #02051b;
	border: 0px solid #888;
	padding: 6px 6px;
}

#comment-form input.button {
	background: none;
	margin-top: 10px;
	padding: 0px;
	color: #339fcc;
	font-size: 120%;
	text-transform: uppercase;
	text-align: left;
}

#comment-form input.button:hover {
	color: #fff;
}


#submit
{
	width: 170px !important;
}



/*********************    FOOT    *********************/


#foot {
	height: 50px;
	background: #fff;
	border-bottom: 4px solid #2a1703;
}

#foot p.address {
	float: left;
	color: #412414;
	font-size: 110%;
	padding-top: 15px;
}

#foot p.hotlinks {
	float: right;
	font-size: 110%;
	padding-top: 15px;
	padding-right: 5px;
}

#foot p.hotlinks a{
	text-decoration: none;
	color: #4e7491;
}

#foot p.hotlinks a:hover {
	border-bottom: 1px dotted #4e7491;
}

#foot img {
	float: right;
	margin-top: 12px;
	padding-left: 5px;
	background: none;
	border: none;
}