/*
Theme Name: Smile Vernon Hills	
Theme URI: http://www.smilevernonhills.com/
Description: The WordPress theme is specially designed for Smile Vernon Hills.
Version: 1.0
Author: Kiwi9 Web Design & Marketing
Author URI: http://www.kiwi9.com/
Tags: black, video, two column, lab

	Smile Vernon Hills v1.0
	
	This theme was designed and built by Kiwi9,
	whose site you will find at http://www.kiwi9.com/
*/

/* CSS Document */

* {
	margin:0;
	padding:0;
}
body {
	background:#5f5f5f url(images/bkg.gif) left top repeat;
	font-family:Verdana, Geneva, sans-serif;
	color: #333;
	text-align: center;
	font-size:14px;
	padding:0;
	margin:0;
}
:focus {
	-moz-outline-style: none;
}

:-moz-any-link:focus {
 outline: none;
}
a img {
	border:none;
}
a, h2 a:hover, h3 a:hover {
	text-decoration:underline;
	color:#419dc4;
}
a:hover {
	text-decoration:none;
}

/* Begin Layout */
.page { width:990px; margin:0 auto 5px; padding:0 0 15px; background:#000;text-align:left;}
.header, .navigation, .content, .sidebar { float:left;}
.header {background: url(images/header.jpg) top center no-repeat; width:960px; height:131px; margin:0 15px; }
.navigation {width:960px; margin:0 15px;}

.sidebar-right { float:left; margin:0 15px; background:url(images/sidebar-right.jpg) top right repeat-y;}
.sidebar-left { float:left; margin:0 15px; background:url(images/sidebar-left.jpg) top left repeat-y; border-top:#fff 1px solid;}
.sidebar-none { float:left; margin:0 15px; }
.sidebar {width:300px;}
.content { width:660px;}
.footer-smiles {clear:left; background:#f2e9cd; padding:20px; text-align:center;margin:0 15px;}

.header .logo, .header .address{color:#fff;}
.header .logo { float:left; width:640px;}
.header .logo h1 { margin:35px 0 0; padding:10px 5px;  float:left; text-align:left; }
.header .logo h1 a {color:#fff; font-size:22px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.header .logo .description { clear:left; padding:2px 0 0 10px; font-family:12px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.logo{margin-top:12px;}

.header .address {float:left; width:320px;}
.header .address table, .header .address td { border:none; }
.address{margin-top:14px;}

.header .address1 {float:left; width:225px; margin-left:94px; margin-top:15px;}
.header .address1 h1{color:#fff;}

/* Navigation Begin */
.navigation {position:relative; z-index:900;}
.navigation ul{ margin:0; padding: 0; list-style:none;z-index:1010;}
.navigation ul li { position:relative; z-index:10; margin:10px 20px 10px 0px; float:left;}
.navigation ul li a { border-left:#fff 1px solid; display:block; float:left; padding:10px 0px 10px 20px;}
.navigation ul li a {text-decoration:none; color:#fff; font-size:18px;}
.navigation ul li a.none {border-left:none;}
.navigation ul li a:hover,.navigation ul li.active a {text-decoration:underline;}

.navigation ul ul { position:absolute; top:35px; left:10px; z-index:1011;display:none; background:#01334A; border:#456FDF 1px solid; width:15em;}
.navigation ul ul li {float:none;}
.navigation ul ul li a { border:none; color:#FFFFFF; float:none; font-size:16px;}
.navigation ul li:hover ul, .navigation ul li.shover ul {display:block;}

/* Navigation End */
.featured {float:left; margin:0; padding:0;}
.featured h1 {margin:318px 0 0; padding:0; text-indent:15px; line-height:2.7; background:#000;opacity:0.7;filter:alpha(opacity=70); height:45px; width:100%; text-align:left; font-size:16px; color:#fff;}
.sidebar h2{margin: 0 0;padding:0 0;}
.sidebar #text-3 h2 {
	margin: 0 0;
	padding:25px 0 0;
}
.sidebar ul {	margin: 0px 25px;}
.sidebar-left .sidebar ul{margin: 0px 15px;}
.sidebar ul li {background:url(images/divider.jpg) bottom center no-repeat; padding:0 0 25px; margin:0 0; }
.input {background:#fff; border:#616a6d 1px solid; width:185px;}

.sidebar label {width:51px;}
.sidebar ul li.last{background:none;}
.sub {background:url(images/submit.jpg) no-repeat; width:151px; height:27px; outline:none; border:none; cursor:pointer; margin-left:70px;}
.sidebar .child-pages {background:url(images/divider.jpg) bottom center no-repeat; padding:0 0 25px; margin:0 0; }
.sidebar .child-pages ul li a {text-decoration:none; color:#555555;}
.sidebar .child-pages ul li a:hover {text-decoration:underline;}
.sidebar .child-pages h2 {padding:30px 15px 5px; background:#EAF4F8; }
.sidebar .child-pages .service-5 { background:#D6EAF1;}
.sidebar .child-pages .service-6 { background:#dff4fb;}
.sidebar .child-pages .service-4 { background:#cee2e9;}

.sidebar .child-pages p{margin:8px;}
.box1 {background:url(images/box1.jpg) top no-repeat;height:363px; color:#fff;}
.box1 h2 {padding:47px 15px 0; font-size:22px;color:#fff;}
.box1 p {font-size:11px; margin:8px 20px;}
.phone {font-size:16px;}
.appointment {margin:30px 0 0; padding:25px 0 0; text-align:center;}

.box2 { float:left; width:330px;}
.box2 h3, .box3 h3 { margin:0; padding:25px 0 0 45px; font-size:28px; color:#6a6e70; font-weight:normal;}
.box2 h3 {background:#f5fafc;}
.box3 { float:left; width:330px;}
.box3 h3 {background:#eaf4f8;}
.box2 p, .box3 p {margin:8px 45px; font-size:14px;}
.box {float:left; border-top: #333 2px dotted; padding:20px 0px; margin:45px 15px 10px;}
.box h4 {margin:0 0 10px;}
.box ul {list-style:none; margin:0; padding:0;}
.gallery {float:left; width:310px;}
.gallery li {float:left; margin:0 15px 10px 0;  width:137px;}
.gallery li a img{border:#333 1px solid;}
.box4 {float:left; width:317px;}
.box4 p{margin:5px;}
.box4 ul {margin:50px 0 0 15px;}
.box4 ul li { font-size:16px; margin:7px 0;}
.note{float:left; background:url(images/note.jpg) no-repeat; width:317px; height:290px;}
.note ul li {padding-top:2px;}
.sidenote {clear:left; font-size:14px; font-style:italic; color:#555555; padding:80px 0 0;}

/* posts */
.odd { background:#efefef;}
.even { background:#e5e5e5;}
.post { margin:0px 10px 10px; padding:0; color:#555555;}
.post p {margin:8px 0;}
.entry { margin:5px 15px; padding:0 0 15px 0;}
.post h2  {display:block; margin:0; padding:15px 0 0 15px; font-size:14px; font-weight:bold; color:#555555;}
.post .more {color:#800040;}
.sidebar-left .sidenote {margin:0 15px;}

.footer-smiles { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#797466;}
.footer-smiles ul {list-style:none; width:400px; margin:0 auto;}
.footer-smiles ul li {float:left;}
.footer-smiles ul li a{display:block; float:left; border-left: #797466 1px solid; margin:0 7px 0 0; padding:0 0 0 7px;}
.footer-smiles ul li a.none{border:none;}
.footer-smiles a{ color:#797466; text-decoration:none;}
.footer-smiles a:hover {text-decoration:underline;}
.copy {clear:left;}
.more {font-size:14px;}
/* End Layout */

/*	Begin Headers */

h1, h2, h3, h4 {
	font-weight: normal;
}
h1 {
	text-align: center;
}
h2 {
	font-size:28px;
}
h3 {
	font-size: 16px;
}
h4 {font-size:22px;color:#737373;}
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color:#6a6e70;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color:#6a6e70;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, .sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
}
h1 {
	margin: 0;
}
h2 {
	margin: 10px 0;
}/*
h2.pagetitle {
	margin-top: 10px;
	text-align: center;
}
#content h2 {
	color:#4e4e4e;
	font-size:1.6em;
	text-align:left;
	margin:5px 10px;
}*/
h2.categories {
	margin:5px 0 15px!important;
}

h3 {
	padding: 0;
	margin: 10px 0 0;
}
h3.comments {
	padding: 0;
	margin: 15px auto 10px;
}
/* End Headers */

/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* End Images */

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}
html>body .entry li {
	margin: 7px 0 8px 10px;
}
.entry ul li:before, .sidebar ul ul li:before {
	content: "\00BB \0020";
}
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}
.entry ol li {
	margin: 0;
	padding: 0;
}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

.sidebar ul ol {
	margin: 0;
	padding: 0;
}
.sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}
.sidebar ul p, .sidebar ul select {
	margin: 5px 0 8px;
}
.sidebar ul ul, .sidebar ul ol {
	margin: 5px 0 0 10px;
}
.sidebar ul ul ul, .sidebar ul ol {
	margin: 0 0 0 10px;
}
ol li, .sidebar ul ol li {
	list-style: decimal outside;
}
.sidebar ul ul li, .sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}
/* End Entry Lists */

/* Begin Form Elements */

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
}
.sidebar .searchform #s {
	width: 108px;
	padding: 2px;
}
.sidebar .searchsubmit {
	padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}
select {
	width: 130px;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform {
	margin: 5px 10px 0 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}
/* End Form Elements */
/* Begin Comments*/

.alt {
	margin: 0;
	padding: 10px;
}
.commentlist {
	padding: 0;
	text-align: justify;
}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children {
	padding: 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
/* End Comments */

/* Begin Calendar */

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}
#wp-calendar a {
	display: block;
}
#wp-calendar caption {
	text-align: center;
	width: 100%;
}
#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff;
}
/* End Calendar */

/* Begin Various Tags & Classes */

acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center {
	text-align: center;
}
.hidden {
	display: none;
}
.screen-reader-text {
	position: absolute;
	left: -1000em;
}
hr {
	display: none;
}
.clear {
	clear: both;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* End Various Tags & Classes*/
/* Captions */

.aligncenter,  div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* table styles */
table,td {margin:0px; padding 0px; 
border: 1px solid #ccc;
}
.right{text-align:right;}
.left {float:left;}
/*end table styles */
.entry-title {
       display:none;
}
#menu-item-38 a{ 
border-left:none;
}