@charset utf-8;
@import url(../toolbox/style.css);



/*
Theme Name: chiro
Description: chirofamialle theme
Author: Peter Lisi
Template: toolbox
*/


/** RESETS **/
article h1,aside h1,nav h1,section h1 {
	margin:0;
	font-size:inherit;
}

html{-webkit-text-size-adjust: none;}
.post .notice, .error404 #searchform{background: transparent; padding: 0}

.error404 #feature-holder{display: none}
.error404 article{width: 905px}
.error404 .widget {float: none; width: 905px}
.error404 .widget ul {width: 880px}

/** FONTS **/
@font-face {
	font-family:AngelinaRegular;
	src:url('fonts/angelina-webfont.eot');
	src:url('fonts/angelina-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/angelina-webfont.woff') format('woff'), url('fonts/angelina-webfont.ttf') format('truetype'), url('fonts/angelina-webfont.svg#webfontOvuhCGpN') format('svg');
	font-weight:normal;
	font-style:normal;
}



/** MAIN ELEMENTS **/
a.site-logo {
	width:550px;
	height:145px;
	background:url(imgs/logo/chiro-famialle.png) no-repeat center center;
	display:block;
	float:left;
}

body {
	margin:0;
	background:url(imgs/bright_squares.png);
}

#page {
	width:960px;
	margin:0 auto;
	padding:20px;
}

#branding {
	width:100%;
	height:180px;
	margin:0;
	padding:20px 0;
	background:url(imgs/wood.jpg) -200px top;
}
.ie8 #branding{display: block}
.ie7 #branding{display: block}

#logo-nav-holder {
	height:100px;
	width:960px;
	margin: -10px auto 0;
}

.call-now {width: 239px; float: right; display: inline; -webkit-transform: rotate(5deg);
-moz-transform:  rotate(5deg)}
.call-now p{
	text-align: left;
	width: 194px; height: 111px; background: url(imgs/note.png) no-repeat;
	padding: 40px 10px 0 35px;
	color: black;
	font-family:AngelinaRegular;
	font-weight: 400;
	font-size:32px;
	margin: 0 auto;}
.mac.gecko div.call-now p{font-size: 30px}

.call-now p span.phone, .call-now a{color: #90BA3E; text-decoration: none}
.call-now a:hover{color: black}

#site-description {
	display:none;
}

#feature-holder {
	margin:0 auto;
	width:100%;
	height:90px;
	background:url(imgs/feature_tile.png) repeat-x scroll 0 0 #679515;
	line-height:97px;
}

#feature-section {
	margin:0 auto;
	height:100%;
	background:url(imgs/sprite-master-new.png) 0 -1681px;
}

#feature-section h1,.search .page-header,.archive .page-header {
	width:960px;
	height:100%;
	margin:0 auto;
	font-size:50px;
	color:white;
	text-shadow:black 0 1px 1px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}



/** NAVIGATION **/
#access {
	display:inline;
	width:auto;
	margin:-9px auto 0;
	height:50px;
	line-height:50px;
	background-color:transparent;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	font-size:24px;
	text-shadow:black 0 1px 1px;
}

.ie7 #access{width: 1000px}
#access a {
	line-height:50px;
	color:white;
	padding:0 15px 0 0;
}

#access li:hover > a,#access ul ul :hover > a {
	background:transparent;
	text-decoration:underline;
}

#access ul ul a:hover {
	background:transparent;
}

.nav-holder {
	background-color:#679515;
	height:100px;
	line-height:100px;
}

.menu ul li {
	display:inline;
}

#access .menu ul li.current_page_item a {
	color:#90BA3E;
}

#nav-below, #nav-above {
	padding:20px;
	width:675px;
	outline: solid 1px lightgrey;
	background-color: white;
	margin-bottom:20px;
}

#nav-below a, #nav-above a{
	color:black;
	text-decoration:none;
	font-family:Rosario, sans-serif;
	font-size:18px;
}

#nav-below a:hover, #nav-above a:hover {
	text-decoration:underline;
	color:#90BA3E;
}

.paged #content #nav-above, .single #content #nav-above{
padding:20px;
	width:675px;
	outline: solid 1px lightgrey;
	background-color: white;
	margin-bottom:20px;

}


/** SEARCH FORM **/
.search-form {
	width:350px;
	float:left;
	margin:5px -22px 0 0;
	text-align:left;
}

#searchform input#s {
	border:lightgrey solid 1px;
	padding:6px 0 6px 8px;
	height:30px;
	margin:2px 0 0;
	width:210px;
	font-size:14px;
	background:url(imgs/search-btn.png) center right no-repeat;
	-webkit-box-shadow:lightgrey 0 0 2px inset
}

.ie8 #searchform input#s, .ie7 #searchform input#s{line-height: 30px}


/** ENTRY CONTENT **/
div.entry-content p,div.entry-content div, .entry-summary p {
	font-family:Rosario, sans-serif;
	margin-bottom:15px;
	font-size:18px;
	line-height: 28px
}

div.entry-content p.description{color: grey}

.entry-content img {
	outline:1px solid #90BA3E;
}

.entry-content img.alignleft{margin-left: 2px;}
.entry-content img.top{margin-top: 7px}

.entry-content img.no-borders {
	outline:none;
}

.entry-content img.no-float{display: block; margin-bottom: -10px}

.entry-content div.right{float: right; width: 670px}
.entry-content div.left {float: left; width: 240px; margin-top: 20px}

.addthis {
	margin:10px 0 0;
}

.entry-title {
	margin-top:-10px;
}

.entry-title a {
	text-decoration:none;
	font-family:AngelinaRegular;
	font-size:60px;
	line-height:50px;
	font-weight: 100
}


.page h1.entry-title,.single h1.entry-title {
	display:none;
}

.search h1.entry-title {
	display:block;
}

.search #feature-section h1,.archive #feature-section h1 {
	display:none;
}

.blog #feature-section h1 {
	font-size:54px;
}

.search .page-header,.archive .page-header {
	margin:-94px 0 32px;
}

.archive section#primary, .search section#primary{margin-top: 3px}

.ie8 .search section#primary, .ie8 .archive section#primary {margin-top: -25px}
.ie7 .search section#primary, .ie7 .archive section#primary {margin-top: -4px}

.ie8 .search section h1, .ie8 .archive section h1{margin-top: -66px; margin-bottom: 33px}
.ie7 .search section h1, .ie7 .archive section h1{margin-top: -66px; margin-bottom: 33px; z-index: 9999}

.ie8 .search h1.entry-title, .ie8 .archive h1.entry-title{margin-top: -2px}
.ie7 .search h1.entry-title, .ie7 .archive h1.entry-title{margin-top: -2px}


.search h1.entry-title,.blog h1.entry-title {
	font-size:24px;
}

#primary {
	width:675px;
}

#secondary {
	margin: -1px -32px 0 0;
	padding: 20px;
	border: 1px solid lightgrey;
	background-color: white;
	font-family:Rosario, sans-serif;
	font-size: 18px
}

#secondary ul li{margin-bottom: 5px}
#secondary ul li a{text-decoration: none; color: #90BA3E}
#secondary ul li a:hover{color: black}

article {
	width:635px;
	padding:40px;
	background-color:white;
	margin-bottom:20px;
	outline:1px solid lightgrey;
}
.ie8 article {display: block}
.ie7 article {display: block}

article.post-71 p{margin-right: 40px}
article.post-71 p.last{margin-bottom: 40px}

.shadow {
	width:710px;
	height:25px;
	background:url(imgs/shadow.png) no-repeat center top;
	margin:-20px 0 0 10px;
}

.shadow-small {
	width:262px;
	height:10px;
	background:url(imgs/shadow-small.png) no-repeat center top;
	float: right
}

.page article {
	padding-top:30px;
	padding-right: 0;
	padding-bottom: 0;
	float:left;
	width:940px;
}

.page article div#page-right {
	float:right;
	width:260px;
	height:auto;
	margin-top:30px;
	background:url(imgs/brown-back.gif);
	border:solid 1px lightgrey;
	padding:20px;
}

.page article div#page-left {
	width:615px;
	float:left;
}

.page article div#page-right h3,h1.widget-title, h1.widget-title a{
	margin-left: 15px;
	margin-bottom: -10px;
	color:black;
	font-family:AngelinaRegular;
	font-size:50px;
	text-decoration: none;
	font-weight: 100
}

h1.widget-title a{font-size: 40px; margin-left: -1px}

#secondary ul.tweets li{font-size: 14px; list-style-type: none; margin: 0 0 20px -25px}

#categories-3{border-bottom: 1px solid lightgrey; padding-bottom: 10px; margin-bottom: 20px}
#search-3{border-bottom: 1px solid lightgrey; padding-bottom: 20px; margin-bottom: 20px}

.page article div#page-right p {
	font-size:16px;
}

article ul.full{width: 560px}

article h2 {
	font-family:AngelinaRegular;
	color:#90BA3E;
	font-size:60px;
	margin:30px 0 -10px 2px;
	line-height: 40px;
	font-weight: 100
}

article a {
	color:#90BA3E;
	text-decoration: none
}

article a.right{float: right}

article a:hover {
	color:black;
	text-decoration: underline
}

article italic {
	font-style:italic;
	float:right;
	margin-top:10px;
}

article ul {
	font-family:Rosario, sans-serif;
	font-size:18px;
	width:230px;
	margin:-10px 0 20px;
}

article ul.left {
	float:left;
}

article ul.right {
	float:right;
}

article table{width: 100%}
article table tr td {padding: 10px}

.entry-content a img.facebook{outline: none; float: left; margin-bottom: 40px}

#colophon {
	width:100%;
	height:170px;
	background:url(imgs/wood.jpg) center bottom;
	margin:20px 0 -30px;
	text-align: center;
	color: white;
	padding: 20px 0 0 0;
	font-family:AngelinaRegular;
	font-weight: 400;
	font-size:41px;
	text-shadow:black 0 1px 1px;
}

#colophon p{margin: 10px 0 10px}
#colophon p.footer-email{margin: 10px 0 0; font-size: 35px}

#colophon a, #colophon span.phone{color: #90BA3E; text-decoration: none;}
#colophon a:hover{text-decoration: underline; color: white}

#colophon p.copyright{font-size: 16px; width: 990px; margin: 20px auto 0; line-height: 18px; font-weight: 100; font-family: 'Yanone Kaffeesatz', sans-serif; }
.ie7 p.copyright{width: 500px}
p.copyright span.right{float: right}
.ie7 p.copyright span.right{float: none; text-align: right}
p.copyright span.left{float: left}
#colophon p.copyright a{color: #90BA3E; text-decoration: none}
#colophon p.copyright a:hover{text-decoration: underline}

.entry-meta {
	margin-top:10px;
}

footer.entry-meta {
	border-top:lightgrey solid 1px;
	padding-top:20px;
}



/** SIDE **/
aside {
	font-family:Rosario, sans-serif;
	font-size:18px;
}



/*
 * Sliding Tabs - jQuery Plugin
 * Copyright 2011, Christian AndrŽ
 *
 * CHANGING THE WIDTH: To change the width of the tabs layout see line 14 and 142.
 *
------------------------------------------------------------------------------------- */

div.st_vertical { /* The main container */
	position:relative;
	z-index:500;
	float:left;
	clear:both;
	width:880px; /* STEP 1: Changing the tabs width - Set the full width of the tabs */
	font-family: Rosario, sans-serif;
}


/* Tabs
------------------------------------------------------------------------------------- */
div.st_vertical div.st_tabs_container { /* Tabs main container */
	position:relative;
	z-index:100;
	float:left;
	width:311px; /* +1px for the negative right margin */
	height:612px;
	margin-right:-50px;
	margin-top: 10px;
	overflow:hidden;
}

div.st_vertical div.links-tab{height: 400px}

div.st_vertical div.st_slide_container { /* Tabs slide-container */
	position:relative !important; /* The tabs position will be calculated from ul.tabs first parent element with position:relative */
	float:left;
	clear:both;

}

div.st_vertical ul.st_tabs { /* Tabs unordered list */
	float:left;
	width:251px;
	margin:0px;
	padding:0px;
	list-style:none;

}

div.st_vertical ul.st_tabs li { /* Tab list elements */
	float:left;
	clear:both;
}

div.st_vertical ul.st_tabs li a { /* Tab links */
	display:block;
	width:251px;
	margin:0px;
	padding:20px 10px 20px 0;
	border-bottom: 1px solid lightgrey;
	text-decoration: none;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	font-size: 22px
}

div.st_vertical ul.st_tabs a:hover { /* Tabs hover state */
	color:#333;
	background: url(imgs/arrow.png) no-repeat 235px center
}

div.st_vertical ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	position:relative;
	z-index:10;
	color:#1ca5ec;
	background:#fff;
	background: url(imgs/arrow.png) no-repeat 235px center
}

/* Content
------------------------------------------------------------------------------------- */
div.st_vertical div.st_view_container { /* Main content container */
	position:relative;
	z-index:5;
	float:left;
	width:598px; /* STEP 2 (final): Changing the tabs width - The full width (775px) -minus padding (40px), border-left (1px) and div.st_tabs_container's width (169px) */
	min-height:650px;
	padding-left:20px;/* Set the padding for the content here */
	line-height:18px;
	overflow:hidden; /* To make the content scroll if Javascript is disabled, set to: auto */
	margin-top: -48px;
	border-left: 1px solid lightgrey;
}

.ie7 div.st_vertical div.st_view_container {margin-top: 10px}

div.st_vertical div.st_view_container .lactation-section{min-height: 436px}
div.st_vertical div.st_view_container .links-view{min-height: 1709px}
div.st_vertical div.products-view{min-height: 400px}

article#post-71{padding-top: 0}
div.st_vertical div.st_view { /* Slide-container for the content */
	position:relative;
	height:100%;
}

div.st_vertical div.st_tab_view { /* Individual content containers */
	width:100%;
	margin-bottom:0;
	padding-bottom:0;
	background-color:#fff;
}

div.st_vertical div.st_view h2 {
	color:#90BA3E;
	font-size:60px;
	font-family:AngelinaRegular;
	line-height: 40px;
	margin-left: 2px;
	font-weight: 100
}
div.st_vertical div.st_view h2.top{margin-top: 10px}
.ie7 div.st_vertical div.st_view h2.top{margin-top: 10px}

div.st_vertical div.st_view h2.top-val{margin-top: 10px}

div.st_vertical div.st_view p {
}

div.st_vertical div.st_view blockquote {
	float:left;
	width:43%;
	margin:18px 14px 0 0;
	padding:0 0 0 14px;
	border-left:2px solid #5c5c5c;
	font:italic 17px/21px Georgia, "Times New Roman", Times, serif;
	color:#A8A8A8;
}

div.st_vertical div.st_view blockquote p {
	margin:0px;
}

.chiro-section{height: 1370px}
.lact-section{height: 1030px}
.health-section{height: 1580px}
.office-section{height: 970px}
.bio-section{height: 980px}
.articles-section{height: 4100px}

.map{outline: 1px solid #90BA3E; margin: 20px 0; width: 897px; height: 349px}
.map img{border: none; outline: none}

table.office-hours {margin-top: 20px; width: 100%; border-spacing: 0px}
table.office-hours tr td {margin: 0; border-bottom: solid 1px lightgrey; padding: 15px 0}
table.office-hours tr td.times{text-align: right; margin-right: -10px; color: #1CA5EC; font-family: Georgia, "Times New Roman", Times, serif}

div.entry-content div.directions p{margin-bottom: -10px}
.divider{width: 100%; height: 1px; border-top: lightGrey solid 1px; margin-top: 35px}
.left{float: left}


.back-top{float: left; padding: 10px 20px; border: 1px solid lightgrey; margin: 0; width: 150px; text-align: center; background: url(imgs/search-btn.jpg)}
.back-top a{text-decoration: none; display: block; color: white}

a.pdf-link{display: block; width: 230px; height: 150px; padding: 20px; background:url(imgs/pdf-icon.png) no-repeat center 5px; border: 1px solid lightgrey; margin: 40px 20px 20px 0; text-decoration: none; text-align: center; line-height: 290px; float: left}
a.pdf-link.right{float: right; margin-top: 12px}
a.pdf-link.pregnant{margin-top: 5px; margin-right: 200px}
a.pdf-link:hover{border-color: #90BA3E}

a.pdf-link-small{display: block;  background:url(imgs/pdf-icon-small.png) no-repeat 10px center; width: auto; height: 100px; line-height: 100px; text-decoration: none; float: left; border: solid 1px #90BA3E; padding: 0 20px 0 110px; margin: 0 100px 10px 0}

a.pdf-link-small:hover{border-color: black}


/** COMMENTS **/
#comments{
	width: 635px;
	padding: 30px 40px;
	outline: 1px solid lightgrey;
	background: white;
	margin: 20px 0 20px;
	font-family: Rosario, sans-serif;
}

article.comment{width: 595px; padding: 20px; -webkit-box-shadow:lightgrey 0 0 2px inset}
.search-results article#post-71 {padding-top: 40px}

ol.commentlist{list-style-type: none;padding: 0}
article.comment footer{border-bottom: 1px solid lightgrey; padding-bottom: 20px}
ul.children{list-style-type: none; padding-left: 10px}
ul.children li.depth-2 article{width: 585px}
ul.children li.depth-3 article{width: 575px}
ul.children li.depth-4 article{width: 565px}
ul.children li.depth-5 article{width: 555px}

.comment-content p{width: 595px}

.form-allowed-tags{display: none}

#respond h3, #comments h2{color: #90BA3E}
form#commentform input {background: url(imgs/bright_squares.png); height: 35px; font-family: Rosario, sans-serif; font-size: 16px; border: 1px solid lightgrey; padding-left: 10px; -webkit-box-shadow:lightgrey 0 0 2px inset}

#respond input[type="text"]{width: 280px}
.comment-form-url{display: none}
#respond textarea {background: url(imgs/bright_squares.png); font-family: Rosario, sans-serif; font-size: 16px; border: 1px solid lightgrey; padding: 10px; width: 610px; -webkit-box-shadow:lightgrey 0 0 2px inset}
form#commentform input#submit{background: white; padding: 20px; line-height: 3px; background-color: #90BA3E; color: white}
form#commentform input#submit:hover{color: black; cursor: inherit}

form#commentform p.comment-form-author{float: left; width: 40%}
form#commentform p.comment-form-email{float: right; width: 40%; margin-right: 40px}
form#commentform p.comment-form-comment{float: left}

span.vcard a{text-decoration: none}

.margin-40{margin-top: 40px}

div.entry-content div.quotes-begin, div.entry-content div.quotes-end {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:70px;
	color:#308bc6;
}

div.entry-content div.quotes-begin {
	margin:20px 0 -40px;
	float:left;
}

div.entry-content div.quotes-end {
	float:right;
	margin:-60px 0 -40px;
}

.language{display: inline; height: 20px; width: 100px; padding: 14px; background:url(imgs/search-btn.jpg) no-repeat 0 0; outline: 1px lightgrey solid; margin-left: 90px}
.language a{color: white; font-family: 'Yanone Kaffeesatz', sans-serif; text-decoration: none; text-shadow:black 0 1px 1px; font-size: 18px}
.language a:hover{text-decoration: underline}