/*
	Theme Name: Dental Care Alliance
	Description: Custom WordPress theme for Dental Care Alliance.
	Author: Odato Marketing
	Author URI: http://odatomarketing.com
*/

/*
	Reset
----------------------------------------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''}

/*
	Globals
--------------------------------------------------*/

body {text-align: center; background: #fff;}
div, ul, ol, li { position:relative }
#skipper {left:-100000em; position:absolute; top:-1000em;}

/*
	Typography
--------------------------------------------------*/

body {font: 12px/18px Arial, Helvetica, sans-serif; color: #666;}

/*	Random	*/
	strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
	cite, em, dfn { font-style: italic; }
	code, kbd, samp, pre, tt, var {font-size: 12px; font-family: monaco, "Lucida Console", courier, monospace; }
	del { text-decoration: line-through; color: #666; }
	ins, dfn { border-bottom: 1px solid #ccc; }
	small, sup, sub { font-size: 10px; }
	abbr, acronym { text-transform: uppercase; font-size: 10px; letter-spacing: 1px; }
	a abbr, a acronym { border: none; }
	abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
	sup { vertical-align: super; }
	sub { vertical-align: sub; }
	img {display: block;}

/*	Headings	*/
	h1 { font-size: 18px; margin-bottom: 20px; color: #39c; text-transform: uppercase;}
	h2 { font-size: 16px; margin-bottom: 10px;}
	h3 { font-size: 14px; margin-bottom: 2px;}
	h4 { font-size: 12px; margin-bottom: 0;}

/*	Common Formatting	*/
	p {margin:0 0 20px 0;padding:0; overflow: hidden;}
	blockquote {margin:20px;padding:20px 20px 0 20px;}
	small {font-size:10px;}
	img {border:0;}
	sup {position:relative;bottom:4px;vertical-align:baseline;}
	sub {position:relative;bottom:-2px;vertical-align:baseline;}
	acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed;}
	code, pre { color: #c33; margin-bottom: 20px;} /* very optional, but still useful. W3C uses about the same colors for codes */

/*	Lists	*/
	ul, ol {margin:0 0 20px 20px;}
	ul li { margin-left: 10px; }
	ul, ul li {list-style-type: disc;}
	ul ul, ul li ul, ul li ul li {list-style-type: circle; margin-bottom: 0; padding-bottom: 0;}
	ol {list-style-position: outside; list-style-type: decimal; margin-left: 40px;}
	dl {margin-bottom: 20px;}
	dt {font-weight: bold;}
	dd {padding-bottom: 10px;}
	dd.divide {border-bottom: 1px solid #ddd; margin-bottom: 10px;}
	dl ol {margin-left: 0;}
	dl ol, dl ul {margin-bottom: 0;}

/*	Quotes	*/
	blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
	blockquote *:first-child:before { content: "\201C"; }
	blockquote *:first-child:after { content: "\201D"; }

/*	Forms	*/
	fieldset {padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}
	legend {font-weight: bold; font-size:12px;}
	label {font-weight: bold;}
	textarea, input[type='text'], select { border: 1px solid #999; background: #fff; }
	textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #39c; background: #e1eef4;}
	input, select { cursor: pointer; }
	input[type='text'] { cursor: text; }

/*	Links	*/
	a { outline: none; text-decoration: underline; color: #39c; font-weight: bold;}
	a:hover { text-decoration: none; color: #0c9;}

/*	Buttons	*/
	.button {overflow: hidden;}
	.button a {padding: 5px 10px; background: #39c; border: none; color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-weight: bold; font: bold 12px Arial, Helvetica, sans-serif; display: block; text-decoration: none; float: left;}
	.button a:hover {background: #2d86b3;  cursor:hand; cursor: pointer;}
	.button input[type="submit"] {padding: 3px 7px; background: #39c; border: none; color: #fff; -webkit-border-radius: 10px;
	-moz-border-radius: 10px; border-radius: 10px; font-weight: bold; font: bold 12px Arial, Helvetica, sans-serif;}
	.button input:hover {background: #2d86b3;}

/*
	Structure
--------------------------------------------------*/

#wrap-inner, #footer-inner, #menu {overflow: hidden;}
#utility {margin: 0 auto; width: 1014px;}
#header {width: 100%; text-align: center;}
#header-inner {width: 1014px; margin: 0 auto;}
#wrap {text-align: left; margin: 0 auto; width: 1014px; overflow: hidden;}
#main {float: right; width:600px;}
#content {padding-right: 53px;}
#sidebar {float: left; width: 314px;}
#footer {width: 1014px; clear: both; margin: 0 auto 20px auto; text-align: left; overflow:hidden;}

/*
	Containers & Backgrounds
--------------------------------------------------*/

body {background: #e1eef4;}
#wrap {background: url(style/images/bg-page-top.gif) no-repeat 0 0; padding-top: 11px; margin-top: 15px;}
#wrap-inner {background: url(style/images/bg-page-tile.jpg) repeat-y left; padding: 0 20px;}
#footer {background: url(style/images/bg-page-bottom.gif) no-repeat 0 100%; padding-bottom: 12px;}
#footer-inner {background: url(style/images/bg-page-tile.jpg) repeat-y left;}

/*
	Utility
--------------------------------------------------*/

#utility {height: 20px; line-height: 20px;}
#utility p {margin: 0; font-size: 9px; color: #68A4D5;}

/*
	Header
--------------------------------------------------*/

#header {background: #e1eef4 url(style/images/bg-body.jpg) repeat-x top; text-align:center; width: 100%; height: 62px;}
#header-inner {width: 1014px; margin: 0 auto; text-align: left;}
#header #logo {float: left; padding:11px 0 0 14px;}
#header ul, #header ul li {margin: 0; padding: 0; list-style: none;}

	/*
		Navigation
	*/
	
		#header #nav {float: right; margin: 0; padding: 14px 0 0 0; list-style: none;}
		#header #nav li {margin: 0; padding: 0; float: left;}
		#header #nav li a {color: #fff; text-decoration: none; padding: 5px 10px; text-transform: uppercase; font-weight: bold; display: block; float:left; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 1px -1px 0px #0D7DD1;}
		#header #nav li a:hover {background: #fff; color: #39c;text-decoration: none; text-shadow: none;}
		#header #nav li ul {display: none;}
		#header #nav li.page-item-11 {display: none;}

/*
	Menu
--------------------------------------------------*/

#menu {padding: 5px 0 20px 0;}
#menu ul, #menu ul li {margin: 0; padding: 0; list-style: none;}
#menu p {font-weight: bold; color: #39c; float: left;}
#menu p span.divide {margin: 0 5px;}

/*
#menu ul#menu-nav li a {height: 44px; display: block; float: left; text-indent: -9999px;}
#menu ul#menu-nav li.menu-hours a {width: 36px; background: url(style/images/menu-hours.gif) no-repeat 0 0;}
#menu ul#menu-nav li.menu-appt a {width: 32px; background: url(style/images/menu-appt.gif) no-repeat 0 0;}
#menu ul#menu-nav li.menu-map a {width: 24px; background: url(style/images/menu-map.gif) no-repeat 0 0;}
#menu ul#menu-nav li.menu-home a {width: 35px; background: url(style/images/menu-home.gif) no-repeat 0 0;}
*/

#menu ul#menu-nav {margin: 0; padding: 2px 0 0 0; list-style: none; float:right;}
#menu ul#menu-nav li {float: left; padding-left: 20px; margin: 0;}
#menu ul#menu-nav li a {height: 16px; display: block; float: left; text-indent: -9999px;}
#menu ul#menu-nav li.menu-email a {width: 51px; background: url(style/images/menu-icons.gif) no-repeat 0 0;}
#menu ul#menu-nav li.menu-hours a {width: 52px; background: url(style/images/menu-icons.gif) no-repeat 0 -16px;}
#menu ul#menu-nav li.menu-appt a {width: 47px; background: url(style/images/menu-icons.gif) no-repeat 0 -32px;}
#menu ul#menu-nav li.menu-map a {width: 44px; background: url(style/images/menu-icons.gif) no-repeat 0 -48px;}

#menu ul#menu-nav li.menu-email {display: none;}

	/*
		Home Page Menu
	*/
	
		body.home #menu li.menu-hours, body.home #menu li.menu-map, body.home #menu li.menu-home, body.home #menu li.menu-email {display: none;} 
		body.home #menu ul#menu-nav li.menu-appt a { text-indent: -9999px; background: url(style/images/schedule-appt.gif); width: 287px; height: 21px; display: block;}
/*
	Sidebar
--------------------------------------------------*/

#sidebar {color: #fff;}
#sidebar a {color: #fff; text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}
#sidebar .sidebar-a, #sidebar .sidebar-b, #sidebar .sidebar-c {overflow: hidden;}
#sidebar .sidebar-a {background: url(style/images/bg-sidebar-tile.gif) repeat-y left;}
#sidebar .sidebar-b {background: url(style/images/bg-sidebar-top.gif) no-repeat 0 0;}
#sidebar .sidebar-c {background: url(style/images/bg-sidebar-bottom.gif) no-repeat 0 100%; padding: 22px 0;}
#sidebar h3 {display: block; text-indent: -9999px; height: 39px; overflow: hidden; margin: 0 0 10px 27px;}
#sidebar h3.patient-services {background: url(style/images/sidebar-patientservices.gif) no-repeat 0 0;}
#sidebar h3.financial-solutions {background: url(style/images/sidebar-financialsolutions.gif) no-repeat 0 0;}
#sidebar h3.locations {background: url(style/images/sidebar-locations.gif) no-repeat 0 0;}
#sidebar ul {margin-left: 30px; font-weight: bold;}
#sidebar a.dentrite-logo img {margin-left: 30px;}

/*
	Footer
--------------------------------------------------*/

#footer-inner {padding: 20px 20px 8px 20px;}

/*
#footer h4.footer-phone {background: url(style/images/ft-phone.gif) no-repeat 100% 0; width: 195px; height: 19px; text-indent: -9999px; display: block; margin: 0; padding: 0; position: absolute; bottom: 0; right: 0;}
*/

#footer h4.footer-phone {color: #39c; font-size: 25px; font-weight: bold; margin: 0; padding: 0; position: absolute; bottom: 0; right: 0;}

#badges {color: #39c; float: left;}
#badges img {display: inline; margin: 0;}
#badges .facebook img {margin-left: 16px;}

#footer-nav {float: right;}
#footer-nav .menu {height: 74px;}
#footer-nav ul, #footer-nav ul li {margin: 0; padding: 0; list-style: none;}
#footer-nav ul {height: 19px; line-height: 19px; overflow: hidden;}
#footer-nav ul li {margin: 0; padding-left: 20px; float: left;}
#footer-nav ul li a {color:#409FCF; text-decoration: none; font-weight: bold;}
#footer-nav ul li a:hover {color: #0c9; text-decoration: underline;} 
#footer-nav ul li ul {display: none;}

/*
	Page Content
--------------------------------------------------*/

ul.list-column {float: left; width: 240px; padding-right: 5px; }
ul.list-links {list-style: none; margin: 0; padding: 0;}
ul.list-links li {margin: 0; clear: both; overflow: hidden;}
ul.list-links li span {width: 372px; float: left; display: block;}
ul.list-links li a {float: left; display: block;}
ul.list-glossary {list-style: none; margin: 0 0 10px 0; padding: 0 0 10px 0; overflow: hidden; border-bottom: 2px dotted #39c;}
ul.list-glossary li {list-style: none; float:left; margin: 0 10px 0 0;}

dl .top-link {margin: 10px 0 0 0; text-align: right; font-size: 9px;}

/*	Icon Links	*/
	.return-link a {background:url(style/images/icon-arrow-back.gif) no-repeat 0 50%; display:block; float:left; height:18px; line-height:18px; padding-left:24px;}
	a.pdf-link {background: url(style/images/icon-page_white_acrobat.png) no-repeat 100% 50%; padding-right: 20px; display: block; float: left;}
	a.rss-link {background: url(style/images/icon-feed.png) no-repeat 100% 50%; padding-right: 22px; display: block; float: left;}
	a.printer-link {background: url(style/images/icon-printer.png) no-repeat 0 50%; padding-left: 20px; display: block; float: left; cursor: hand; cursor: pointer;}

	/*
		Smile Gallery Tabs
	*/
	
		#page-smile-gallery #content {padding-right: 0;}
		.tabs {width:600px;}
		.tabs h3 {margin-bottom: 10px;}
		.tabs ul {margin: 0; padding: 0; overflow: hidden; border-top: 1px solid #39c;}
		.tabs li {list-style:none; margin: 0; float: left;}
		.tabs li a {background: #39c; font-size: 10px; text-decoration: none; line-height: normal; width: 75px; text-align: center; display: block; float: left; padding: 5px 0; height: 30px; color: #fff;}
		.tabs li a:hover {background: #2e89b7;}
		.tabs ul a.selected {color:#39c; cursor:default; background: #fff; border: 1px solid #39c; border-top: none; border-bottom: none; width: 73px;}
		.tabs div {clear:left; padding-top: 20px;}
	
	/*
		Contact Form
	*/
	
		form.wpcf7-form {overflow: hidden;}
		form.wpcf7-form ul {margin: 0; padding: 0; list-style: none;}
		form.wpcf7-form li {margin: 0; padding-bottom: 10px; overflow: hidden;}
		form.wpcf7-form table p {margin: 0;}
		form.wpcf7-form table td {padding-bottom: 10px; vertical-align:top;}
		form.wpcf7-form table label, form.wpcf7-form label {font-weight: normal;}
		form.wpcf7-form label {float: left; width: 110px; text-align: right; padding-right: 10px;}
		form.wpcf7-form input[type="text"], form.wpcf7-form select, form.wpcf7-form div, form.wpcf7-form .wpcf7-form-control-wrap {width: 260px; float: left;}
		form.wpcf7-form div .wpcf7-form-control-wrap {width: auto; float: none;}
		form.wpcf7-form .button {padding-left: 120px;}
		form.wpcf7-form div span {float: left;}
		form.wpcf7-form div label {width: 65px; font-size: 10px; text-align: left; padding: 0; line-height: normal; padding-right: 5px; color:#999;}
		form.wpcf7-form div span .form-calendar {background: url(style/images/icon-calendar.gif); height: 16px; width: 16px; text-indent: -9999px; display: block; float: left;}
		form.wpcf7-form div span input[type="text"], form.wpcf7-form div span select {float: left; width: 165px;}
		form.wpcf7-form div span input[type="text"] {margin-right: 5px;}
		.wpcf7-radio span.wpcf7-list-item {clear: both; display:block;}
						
	/*
		Special Offers
	*/
	
		#offer-wrap {overflow: hidden;}
		#offer-wrap h3, #offer-wrap h4 {margin-bottom: 15px;}
		#offer-wrap h3 span {font-size: 12px;}
		#offer-wrap div div {float: left; width: 273px; min-height:200px; height:auto !important; height:200px;}
		#offer-wrap p {margin-right: 50px;}
		.offer-section, .offer-info {overflow: hidden; clear: both;}
		.offer-info {border-top: 2px dotted #39c; padding-top: 10px; margin-top: 10px;}
	
	/*
		Location Map
	*/
	
		#map {width: 500px; height: 300px;}
		.mapp-div {margin-bottom: 20px; overflow: hidden; border: 2px solid #39c;}		.mapp-poweredby {display: none;}
		
	/*
		Team Page
	*/
	
	.team-list, .team-list li {margin: 0; padding: 0; list-style: none;}
	.team-list {overflow: hidden;}
	.team-list li {height: 190px; overflow: hidden;float: left; padding: 0 20px 20px 0; width: 115px; text-align: center;}
	.team-list img {width: 115px; display: inline; margin-bottom: 5px; height: auto; border: 3px solid #ddd; height: 144px;}
	.team-list a img {border: 3px solid #ddd;}
	.team-list a:hover img {border: 3px solid #ccc;}
	
	/*
		Home Page
	*/
.home-primary, .home-secondary {overflow: hidden;}
		body.home #main {width: 974px;}
		body.home #menu {padding-bottom: 26px;}
		.home-primary {background: url(style/images/home-primary-bg.gif) no-repeat 0 0; height: 255px;}
		.primary-intro {width: 345px; float: left; color: #fff;}
		.primary-intro h1 {font-size: 11px; font-weight: bold; color: #fff; padding: 56px 15px 0 15px; margin-bottom: 10px; text-shadow: 1px 1px 1px #2b80ab;}
		.primary-intro p {padding: 0 15px; font-size: 11px; line-height: 16px; margin-bottom: 12px;}
		.primary-flash {float: left;}
		.home-secondary {padding: 20px 2px 0 2px;}
		.secondary-group {width: 318px; float: left; margin: 0 2px;}
		.secondary-group ul {margin: 0; padding: 0 0 0 20px; list-style: none;}
		.secondary-group ul li {margin: 0; list-style: none;}
		.secondary-group ul li a {font-weight: bold; text-decoration: none;}
		.secondary-group ul li a:hover {text-decoration: underline;}
		.group-a, .group-b, .group-c {overflow: hidden;}
		.group-a {background: url(style/images/box-tile.gif) repeat-y left;}
		.group-b {background: url(style/images/box-bottom.gif) no-repeat 0 100%;}
		.group-c {padding: 20px 0 25px 0; min-height:150px; height:auto !important; height:150px;}
		.home-welcome-neighbor .group-c {background: url(style/images/box-top-blue.gif) no-repeat 0 0;}
		.home-healthy-smile-guide .group-c {background: url(style/images/box-top-purple.gif) no-repeat 0 0;}
		.home-financial-solutions .group-c {background: url(style/images/box-top-pink.gif) no-repeat 0 0;}
		.secondary-group h3 {height: 19px; display: block; text-indent: -9999px; margin: 0 0 10px 20px; overflow: hidden;}
		.home-welcome-neighbor h3 {background: url(style/images/box-head-welcome.gif) no-repeat 0 0;}
		.home-healthy-smile-guide h3 {background: url(style/images/box-head-guide.gif) no-repeat 0 0;}
		.home-financial-solutions h3 {background: url(style/images/box-head-financial.gif) no-repeat 0 0;}
		.secondary-group li.push {padding-bottom: 16px;}
		.home-financial-solutions .dentritelogo {margin: 16px 0 0 98px;}

/*
	Post Content
--------------------------------------------------*/

a.more-link {margin: 10px 0; float: right;}
.edit-link {clear: both; text-align:right; border-top: 1px dotted #ccc; padding-top: 15px; margin-top: 15px; overflow:hidden; float: left; width: 100%;}
.edit-link a {text-transform: uppercase; background:url(style/images/icon-page_edit.png) no-repeat 0 50%; font-size:11px; padding:3px 0 3px 21px;}
.post-info {color: #999; font-size: 11px;}
.post-info p {margin: 0;}
.post-info h2 {margin-bottom: 0;}
.post-info h2 a {text-decoration: none;}
.post-info-before {margin-bottom: 10px;}
.post-info-before h1 {margin-bottom: 5px;}
.post-info-before p {text-transform: uppercase;}
.post-info-after {background: #e1eef4; padding: 10px 105px 10px 10px; border: 1px solid #bee3f4; border-left: none; border-right: none; margin-bottom: 20px; font-weight: bold;}
.post-tags {font-weight: bold;}
.post-info-comments {position:absolute;right:11px;top:10px;}
.post-info-comments a {background: url(style/images/icon-comment.png) no-repeat 0 0; padding-left: 18px;}
.post-nav {overflow: hidden;}
.post-nav a {margin-bottom: 20px; display: block;}
.post-nav span.post-old {float: left;}
.post-nav span.post-new {float: right;}
	/* Doctor Images */
	.doc-img {-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;border:1px solid #ccc;float:right;padding:5px;position:relative;right:-53px; background: #eee; margin: -38px 0 20px 20px;}
	
/* Hiding comments and post info */
.post-info p, .single .post-info-after, .single #comments-wrap {display: none;}
.post-info-after {background: none; border-top: none; border-bottom: 4px solid #bee3f4; padding: 10px 0 0 0;}

	/*
		Comments
	*/
#comments-wrap ol, #comments-wrap ol li {overflow: hidden; margin: 0; padding: 0; list-style: none;}
		#comments-wrap ol {margin-bottom: 1.6em;}
		#comments-wrap ol li {border-bottom: 1px solid #ccc; margin-bottom: 1.6em;}
		#comments-wrap textarea {width: 60%; margin-bottom: 1.6em;}
		#comments-wrap h3#comments {margin-bottom: 2em;}
		#comments-wrap #commentform p {margin-bottom: .5em;}
		#comments-wrap p.button {margin: 0;}
		#comments-wrap img.avatar {position: absolute; left: -40px;}
		#comments-wrap .comment-body {padding-left: 40px;}
		#comments-wrap .comment-meta {margin-bottom: 10px; font-size: 10px; text-transform: uppercase;}
		#comments-wrap .vcard {font-weight: bold;}
		#comments-wrap .vcard cite {font-style: normal; font-weight: bold;}
		
/*
	Random classes
--------------------------------------------------*/

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
.left {float:left}
.right {float:right}
img.left {margin-right: 10px}
img.right {margin-left: 10px}
.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}
.bold {font-weight:bold}
.italic {font-style:italic}
.hide {display: none}
.text-small {font-size: 10px; line-height: 16px; color: #999;}

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }