/*  
Theme Name: Erie Orthodontics 
Theme URI: http://www.erieortho.com/ 
Description: Erie Orthodontics is a simple, clean theme designed by <a href="http://www.webhank.com/">hank pantier</a> of <a href="http://www.invisiblewindow.com">Invisible Window {iW}</a>. 
Version: 1.0 
Author: Hank Pantier 
Author URI: http://www.invisiblewindow.com/ 
*/ 
body { 
	font: 75%/150%verdana, arial, helvetica, sans-serif; 
	color: #666; 
	background: url('images/page-bg.gif') repeat-x #e7e4da; 
	margin: 0;
	padding: 0 0 30px; 
} 
a { color: #6DA6E2; text-decoration: none; } 
a:visited { color: #6DA6E2; text-decoration: none; } 
a:hover { color: #3173AA; text-decoration: underline; } 
img { border: none; } 
p { 
	padding: 0 0 15px; 
	margin: 0;
	line-height: 1.8em; 
}

/* content headers */
h1 { 
	margin: 0; 
	padding: 0; 
	font: bold 22px/38px verdana, arial, helvetica, sans-serif;
	color: #231f20; 
} 
h1 a, h1 a:visited{ color: #6DA6E2; text-decoration: none; } 
h1 a:hover{ color: #3A75B6; text-decoration: none; } 
h2 { 
	color: #666; 
	margin: 0 0 2px; 
	border-bottom: 1px dotted #CCC; 
	letter-spacing: -1px; 
	font: normal 190%/100%verdana, arial, helvetica, sans-serif; 
	padding-bottom: 3px; 
} 
h2 a, h2 a:visited { color: #666; text-decoration: none; } 
h2 a:hover { color: #000; text-decoration: none; } 
h3 { 
	font: normal 140%/100%verdana, arial, helvetica, sans-serif; 
	color: #2763A5; 
	margin: 10px 0 5px; 
} 
h4 { 
	font: normal 130%/100% verdana, arial, helvetica, sans-serif; 
	color: #2763A5; 
	margin: 10px 0 5px; 
}


form { margin: 0; padding: 0; } 
#page, #page-home { margin: 0 auto; width: 960px; border: 1px solid #00848c; background: url('images/content-bg.gif') repeat-y #e7e4da; } 
#page-home { background: url('images/homepage-bg.jpg') no-repeat bottom left #229a38; position: relative; }

/* header area */ 
#header { 
	width: 960px;
	height: 266px; 
	border: 0; margin: 0; padding: 0;
	position: relative;
	background: url('images/header-bg.jpg') no-repeat #007581;
} 
#headerimg { margin-left: -9999px; } 
#headerphotos { position: absolute; bottom: -4px; left: 80px; margin: 0; padding: 0; z-index: 1; }
#headerphotos ul { list-style: none; margin: 0; padding: 0; }
#headerphotos ul li { float: left; margin: 0; padding: 0; }

/* content area */ 
#content { 
	border: 0;
	padding: 0; 
	margin: 0;
	border-bottom: 20px solid #e7e4da;
	position: relative;
	top: 0;
	width: 960px; 
	overflow: hidden; 
}
#tagline {
	background: url('images/tagline.png') no-repeat;
	/* 51 - 18 */
	position: absolute;
	top: 660px;
	left: 270px;
	z-index: 99;
	width: 754px;
	height: 336px;
}

#contactflower {
	background: url('images/Contact-Flower.png') no-repeat;
	/* 51 - 18 */
	position: absolute;
	top: 725px;
	left: 20px;
	z-index: 99;
	width: 274px;
	height: 284px;
}


#home { 
	border: 0;
	padding: 0; 
	margin: 0;
	position: relative;
	top: 0;
	width: 960px; 
	overflow: hidden;
	height: 669px;
	z-index: 5;
	position: relative;
}

.post { float: left; margin: 40px 0 0 65px; padding: 0; width: 590px; color: #231f20; font: normal 14px/38px verdana, arial, helvetica, sans-serif; } 
.skinnypost { float: left; margin: 40px 0 0 65px; padding: 0; width: 300px; color: #231f20; font: normal 14px/38px verdana, arial, helvetica, sans-serif; } 

#rightbar { width: 273px; height: 773px; background: url('images/FullTreatment.jpg') no-repeat; float: right; margin: 40px 25px 0 0; }
#rightbar-adult { width: 307px; height: 773px; background: url('images/AdultTreatment.jpg') no-repeat; float: right; margin: 40px 25px 0 0; }
#post-63 .post-content p img { position: relative; left: 60px; }

.post-date { 
	width: 45px; 
	height: 49px; 
	float:left; 
	background: url(images/date-bg.gif) no-repeat; 
} 
.post-month { 
	font-size: 11px; 
	text-transform: uppercase; 
	color: #FFF; 
	text-align: center; 
	display:block; 
	line-height: 11px; 
	padding-top: 2px; 
	margin-left: -3px; 
} 
.post-day { 
	font-size: 18px; 
	text-transform: uppercase; 
	color: #999; 
	text-align: center; 
	display:block; 
	line-height: 18px; 
	padding-top: 7px; 
	margin-left: -3px; 
} 
.entry { float:right; width: 438px; } 
.post-cat { 
	background: url(images/mini-category.gif) no-repeat left center; 
	padding-left: 20px; 
	float:left; 
	font-size: 95%; 
	color: #999; 
} 
.post-comments { 
	background: url(images/mini-comments.gif) no-repeat left center; 
	padding-left: 20px; 
	float: right; 
	font-size: 95%; 
} 
.post-calendar { 
	background: url(images/mini-calendar.gif) no-repeat left center; 
	padding-left: 20px; 
	float: right; 
	font-size: 95%; 
	color: #999; 
} 
.post-content { clear: both; padding-top: 10px; } 
.navigation { clear: both; padding: 10px 0; } 
.navigation a, .navigation a:visited { color: #2763A5; } 
.previous-entries a { 
	float: left; 
	padding-left: 18px; 
	background: url(images/mini-nav-left.gif) no-repeat left center; 
} 
.next-entries a { 
	float: right; 
	padding-right: 18px; 
	background: url(images/mini-nav-right.gif) no-repeat right center; 
} 
 
/* comments area */ 
#comments, #respond { 
	border-bottom: 1px dotted #CCC; 
	padding: 10px 0 5px 0; 
	clear: both; 
} 
.commentlist { 
	margin: 10px 0; 
	padding-left: 20px; 
	line-height: 130%; 
} 
.commentlist li{ padding: 5px 10px; } 
.commentlist .alt { background: #DDEBF4; } 
.commentlist cite, .commentlist cite a, .commentlist cite a:visited { 
	font-weight: bold; 
	font-style: normal; 
	font-size: 120%; 
	color: #2763A5; 
} 
.commentlist small { 
	margin-bottom: 5px; 
	display: block; 
	font-size: 87%; 
} 
#commentform { 
	margin-top: 10px; 
	font: 110%verdana, arial, helvetica, sans-serif;
} 
#commentform p { padding: 6px 0; margin: 0; } 
#commentform label{ color: #787878; font-size: 87%; } 
#commentform input{ 
	width: 200px; 
	background:#EDF4FA; 
	border: 1px solid #0C488B; 
	padding: 3px; 
	margin-top: 3px; 
} 
#commentform textarea{ 
	width: 485px; 
	height: 115px; 
	background: #EDF4FA; 
	border: 1px solid #0C488B; 
	padding: 2px; 
	margin-top: 3px; 
} 
#commentform textarea:focus, #commentform input[type="text"]:focus { background: #FFF; } 
#commentform #submit{ 
	background: url(images/btn-bg.gif) no-repeat; 
	font: bold 12pxverdana, arial, helvetica, sans-serif;
	color: #FFF; 
	border: none; 
	float:right; 
	width: 144px; 
	height: 28px; 
	cursor: pointer; 
} 
 
/*sidebar */ 
#sidebar { 
	float: left; 
	padding: 0;
	margin: 0 0 0 80px;
	width: 175px; 
	color: #666; 
	overflow: hidden;
} 
.homesidebar { background: url('images/home-sidebar.png') repeat-x; height: 600px; background-position: 0 135px; }

#sidebar ul { list-style: none; margin: 0; padding: 0; }

#sidebar address { font-size: 10px; letter-spacing: -1px; color: #0a1211; padding: 130px 10px 35px 10px; font-style: italic; }
.contact #sidebar address { padding: 90px 10px 35px 10px; }
#sidebar address a, #sidebar address a:hover { color: #0a1211; text-decoration: none; }
#sidebar #social { padding: 20px 10px 35px; margin: 0; }
#sidebar #social li.twitter { background: url('images/twitter.png') no-repeat; padding: 0 0 0 22px; }
#sidebar #social li.facebook { background: url('images/facebook.png') no-repeat; padding: 0 0 0 22px; }
#sidebar #social a { color: #fe6b01; font-size: 11px; font-weight: bold; }

#post-10 .post-content em, #post-10 .post-content a { color: #FFF; font-weight: bold; }
#post-10 .post-content a:hover { text-decoration: none; }
 

 
/* footer area */ 
#footer, #footerhome { 
	border: 1px solid #00848c;
	border-top: 0;
	clear: both; 
	width: 960px;
	margin: -10px auto 20px auto;
	background: #e7e4da; 
	color: #1c3872; 
	font: normal 10px/16px verdana, araial, helvetica, sans-serif; 
	padding: 35px 0;
	text-align: center; 
}
#footerhome { 
	border: 0;
	margin: 0 auto 20px auto;
} 
#footer a, #footer a:visited, #footerhome a, #footerhome a:visited { color: #ACD7EE; } 

#footlinks ul { list-style: none; margin: -10px 0 0 180px; padding: 0; }
#footlinks ul li { float: left; }
#footlinks ul li a { text-transform: uppercase; display: block; padding: 0 20px; color: #1c3872; font-size: 11px; text-decoration: none; }
#footlinks ul li a:hover { text-decoration: none; color: #1c3872; }
#footlinks ul li.page_item a:hover, #footlinks ul li.current_page_item a, #footlinks ul li.current_page_parent a, #footlinks ul li.current_page_ancestor a, #footlinks li a:visited { color: #1c3872; }

 
/* alignments */ 
.center { text-align: center; } 
img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; }

.alignleft { float: left; } 
img.alignleft, img[align="left"] { float:left; margin: 2px 20px 10px 0; } 

.alignright { float: right; } 
img.alignright, img[align="right"] { float:right; margin: 2px 0 10px 20px; }

.clear { clear:both; } 
hr.clear { clear:both; visibility: hidden; margin: 0; padding: 0; }

/* clear those floats */
.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 */

ul#insurance { list-style: none; }
ul#insurance li a { font-size: 20px; color: #006681; }