/* @override 
	http://www.platypus-ad.com/prairieortho/wp-content/themes/prairieortho_theme/css/layout.css
	http://www.prairieortho.com/wp-content/themes/prairieortho_theme/css/layout.css
*/

/*Global styles to be reused*/
html {
text-align: center;
}
body {
text-align: left;
margin-bottom: 20px;
}
.hide {
	display: none;
	overflow: hidden;
}
.clear {
	clear: both;
}
.obscure {
	position: absolute;
	float: left;
	left:-9999px;
}
/*Standard styles for layout*/
#headerWrapper,
#contentWrapper,
#footerWrapper,
#contactBarWrapper {
	width: 100%;
}
body#staticFrontPage #contactBar{
	height: 60px;
	line-height: 60px;
}
#contactBar{
	position: relative;
	height: 30px;
	line-height: 30px;
}
#contactBar span.phone{
	margin-right: 20px;
}
body#staticFrontPage #contactBar img#smiley{
	top: -15px;
	left: 380px;
}
#contactBar img#smiley{
	position: absolute;
	top: 15px;
	left: 450px;
}
body#staticFrontPage  #headerWrapper{ /*only for home page*/
	height:438px;
}
#header #homeFlashRotate{
	height: 438px;
}
body#staticFrontPage div#branding { /*only for home page*/
padding-top:60px;
}
div#branding {
	padding-top:0px;
}
body#staticFrontPage div#myAccount{
	float: none;
	position: absolute;
	padding-top: 0px;
	margin-bottom: 0px;
	top: 220px;
}
div#myAccount{
	clear: both;
	float: right;
	width: 90px;
	padding-top: 20px;
	margin-bottom: 60px;
}

div#myAccount a{
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 20px;
}
#footer{
	padding-top: 20px;
	margin-bottom: 20px;
}
#sidebar,
#mainContent{
	padding-top: 20px;
	padding-bottom: 60px;
}
#mainContent{
	float: right!important;
}
div#adminPanel p a{
	padding: 5px;
	margin-bottom: 10px;
}
#mainContent #searchBar{
	margin-bottom: 20px;
	text-align: right;
}
#searchBar input#s{
	width: 220px;
}
div#sidebar ul li.widget{
	margin-bottom: 30px;
}
body#staticFrontPage div#sidebar {
	position: relative;
}
body#staticFrontPage div#sidebar li#drMike{
	width: 230px;
	text-align: center;
}
body#staticFrontPage div#sidebar li#drMike p{
	padding-top: 200px;
}
/*body#staticFrontPage div#sidebar li#drMike p#passionate{
	padding-top: 100px;
}*/
body#staticFrontPage div#sidebar li#drMike img{
	position: absolute;
	top: -42px;
	/*left: -20px;*/
	left: -60px;
}
#sidebar li#recent_posts li,
#sidebar ul.xoxo.blogroll li{
	padding-top: 4px;
	padding-bottom: 4px;
}
#sidebar ul.xoxo.blogroll{
	margin-bottom: 14px;
}
#sidebar li#subscribe li.rssFeed,
#sidebar li#subscribe li#feedUpdates{
 padding-left: 20px;
 display: block;
 height: 16px;
}
#sidebar li#subscribe li{
	margin-bottom: 5px;
}
div#posts hr{
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	height: 1px;
	width: 100%;
	border: none;
}
div#posts ul,
div#posts ol{
	margin-bottom: 10px;
	margin-left: 20px;
}
div#posts ul#staffshuffle{
	margin-left: auto;
}
div#posts ul#googleSetDirections,
div#posts ul.hoursListing{
	margin-left: 0;
}
/*div#regularHours,
div#summerHours{
	padding-top: 20px;
}*/
div#posts ul#healthCarePlans{

}
div#posts ul#healthCarePlans li{
	float: left;
	width: 285px;

}
div#posts ul li,
div#posts ol li{
	margin-bottom: 5px;
}
div#posts ul#googleSetDirections li{
	margin-bottom: 0;
}
p.readMore{
	text-align: right;
	margin-bottom: 0px!important;
}
div#previousPostsLink{
	float: left;
}
div#nextPostsLink{
	float: right;
}
/*top ten accordian styles*/
div#accordion span.numeral,
div#accordion1 span.numeral,
div#accordion2 span.numeral,
div#accordion3 span.numeral,
div#accordion4 span.numeral,
div#accordion5 span.numeral,
div#accordion6 span.numeral{
	margin-right: 5px;
	width: 30px;
	display: block;
	text-align: right;
	float: left;
}
div#accordion div.answer,
div#accordion1 div.answer,
div#accordion2 div.answer,
div#accordion3 div.answer,
div#accordion4 div.answer,
div#accordion5 div.answer,
div#accordion6 div.answer{
	padding-left: 35px;
}
div#accordion,
div#accordion1,
div#accordion2,
div#accordion3,
div#accordion4,
div#accordion5,
div#accordion6{
	padding-top: 10px;
	margin-bottom: 20px;
}
div#accordion h5,
div#accordion1 h5,
div#accordion2 h5,
div#accordion3 h5,
div#accordion4 h5,
div#accordion5 h5,
div#accordion6 h5{
	padding-top: 6px;
	padding-bottom:6px
}
/*map styles*/
div#map_canvas{
	width: 620px;
	height: 300px;
}
div#googleDirections form ul#googleSetDirections li{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
div#googleDirections div#directions div table{
	margin-top:20px!important;
}
div#directions{
	margin: 0px!important;
	padding-top: 0px!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
	width: 620px;
}
div#posts ul#contactForm li{
	list-style-type: none;
}
div#posts ul#contactForm{
	margin-left: 0px;
}
ul#contactForm textarea{
	width: 617px;
}
ul#contactForm input[type="text"]{
	width: 220px;
}
div#sidebar li#birthdayInfo,
div#sidebar li#contactInfo,
div#sidebar li#messageForm,
div#sidebar li#publicServiceInfo,
div#sidebar li#healthFormDownload,
div#sidebar h3.widgettitle,
div#sidebar li#recent_posts,
div#sidebar li#archives,
div#sidebar li#blogroll{
	text-align: right;
}

div#sidebar li#blogroll li{
	float: right;
	margin-left: 5px;
}
div#sidebar li#invisalignLogo{
	text-align: right;
}
div#sidebar li#invisalignLogo img{
	margin-bottom: 5px;
}
div#sidebar li#invisalignLogo p{
	width: 100px;
	float: right;
}
div#sidebar li#archives ul li{
	margin-bottom: 5px;
	float:right;
	padding-left: 20px;
	width: 90px;
}
/*staff browser styles*/
#slider,
#slider li { 
	width:620px;
	height:300px;
	overflow:hidden;
}
#slider{
	margin-bottom: 20px;
}
span#prevBtn {
	float: left;
	margin-right: 50px;
}
span#nextBtn {
	float: left;
}
span#prevBtn a,
span#nextBtn a{
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	width: 60px;
}
span#nextBtn a{
	padding-right: 20px;
	padding-left: 4px;
}
span#prevBtn a{
	padding-left: 20px;
	padding-right: 4px;
}
ul#staffshuffle img{
	float: left;
	width: 200px;
	height:  280px;
}
ul#staffshuffle div.staffBio{
	float: left;
	width: 380px;
	padding-left: 20px;
	padding-top: 30px;
}
ul.bannedFoods li{
	width: 190px;
	float: left;
}
ul.bannedFoods{
	padding-top: 0px!important;
}
div.bannedFoodsWrapper{
	margin-bottom: 10px;
}
div.vidClick a:link,
div.vidClick a:visited,
div.vidClick a:hover{
	display: block;
	width: 208px;
	height: 120px;
}
div.vidClick {
	position: relative;
	text-align: center;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px!important;
	width: 208px;
	height: 120px;
}
div.vidClick a span{
	position: relative;
	top: 95px;
	font-size: .8em;
}
div#intro{
	/*padding-top:20px;*/
}
li#newPatientPromo{
	text-align: right;
	padding: 10px;
}