/*

Theme Name:		Bardon Smiles 2011
Theme URI:
Description:	Theme designed especially for bardonsmiles.com.au
Version:		1.0
Author:			Aaron Dwyer
Author URI:		http://netrospect.com.au/
*/


html, body, div, span,
h1, h2, h3, h4, h5, h6,
p, a, ol, ul, li, img{
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

body{
	background: url(images/body-bg.png) transparent repeat-x left top;
}

input{
	margin: 0;
	padding: 0;
}

textarea{
	width: 200px;
}

ol, ul{
	list-style: none;
}

a{
	text-decoration: none;
	outline: none;
}

h1{
	color: #00597e;
	padding-bottom: 18px;
	font-size: 20px;
	font-weight: bold;
}

h2{
	color: #00597e;
	padding-bottom: 18px;
	font-size: 20px;
	font-weight: normal;
}

h3{
	color: #00597e;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: normal;
}

a:hover,
a:active{
	text-decoration: underline;
	cursor: pointer;
}

#wrapper{
	margin: 0 auto;
	width: 856px;
	background: #fff;
	margin-top: 3px;
}

.clear{
	clear: both;
}

/*-------------------- header --------------------*/

#header{
	background: url(images/logo.png) transparent no-repeat 0px 46px;
	height: 372px;
	width: 856px;
}

#top-menu-cl{
	background: url(images/topmenu-cl.png) transparent no-repeat;
	height: 46px;
	width: 15px;
	float: left;
}

#top-menu-cr{
	background: url(images/topmenu-cr.png) transparent no-repeat;
	height: 46px;
	width: 15px;
	float: right;
}

#menu-container{
	height: 46px;
	width: 826px;
	*width: 820px;
	margin: 0 15px;
	background: url(images/topmenu-bg.png) transparent repeat-x;
	z-index: 100;
	text-align: center;
}

#top-menu{
	margin: 0 auto;
	text-align: left;
	display: table;
}

#top-menu li{
	min-height: 46px;
	float: left;
	position: relative;
	display: block;
}

#top-menu li a{
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 18px 10px 13px;
	text-transform: uppercase;
	display: block;
	float: left;
}

#top-menu li a:hover,
#top-menu li.current_page_item a{
	color: #4f4947;
	text-decoration: none;
}

#top-menu li p{
	height: 46px;
	width: 4px;
	background: url(images/topmenu-sp.png) transparent no-repeat;
	float: left;
}

#top-menu li:last-child p{
	background: none;
	width: 1px;
}

#top-menu li ul.sub-menu{
	width: auto;
	left: 0;
	top: 46px;
	display: none;
	position: absolute;
	padding: 5px 0 0;
	z-index: 10;
}

#top-menu li ul.sub-menu li{
	min-height: 30px;
	width: auto;
	background: #59abc4;
	padding: 6px 0 0;
	margin: 0 0 2px;
	display: block;
	white-space: nowrap;
	float: none;
	position: relative;
}

#top-menu li ul.sub-menu li a{
	padding: 10px 18px 14px 10px;
	*padding: 5px 18px 0 10px;
	float: none;
	display: block;
}

#top-menu li ul.sub-menu li p{
	height: 30px;
	width: 1px;
	background: none;
}

#logo{
	margin-left: 413px;
	margin-top: 5px;
	height: 195px;
	width: 438px;
}

#bottom-menu{
	height: 126px;
	width: 856px;
	background: url(images/bottommenu-bg.png) transparent no-repeat top left;
}

#bottom-menu a#improve-smile{
	height: 95px;
	width: 147px;
	margin: 12px 5px 15px 17px;
	display: block;
	float: left;
}

#bottom-menu a#practice-tour{
	height: 95px;
	width: 147px;
	margin: 12px 5px 15px 3px;
	display: block;
	float: left;
}

#bottom-menu a#meet-our-team{
	height: 95px;
	width: 147px;
	margin: 12px 5px 15px 3px;
	display: block;
	float: left;
}

#bottom-menu a#our-location{
	height: 95px;
	width: 148px;
	margin: 12px 7px 15px 3px;
	display: block;
	float: left;
}

#bottom-menu a#appointments{
	height: 95px;
	width: 192px;
	margin: 12px 10px 15px 5px;
	display: block;
	float: left;
}

/*--------------------- main ---------------------*/

#advt {
	margin: 0px 0px 15px 0px;
}

#main-cl{
	height: 90px;
	width: 6px;
	background: url(images/main-cl.png) transparent;
	float: left;
}

#main-cr{
	height: 90px;
	width: 6px;
	background: url(images/main-cr.png) transparent;
	float: right;
}

#main{
	background: url(images/main-bg.png) transparent repeat-y;
	min-height: 600px;
	margin: 0 6px;
}

#main-bt{
	height: 76px;
	width: 844px;
	margin: 0 3px 0 9px;
	background: url(images/main-bt.png) transparent no-repeat;
}

/*-----------------------------------------------*/

#main-container{
	margin-right: 240px;
	padding: 10px 0 20px 40px;
	min-height: 400px;
	position: relative;
}

#main-container p{
	padding-bottom: 15px;
	font-size: 14px;
	line-height: 140%;
}

#main-container p a{
	font-size: 14px;
	color: #69c;
}

#welcome{
	height: 56px;
	width: 588px;
	position: absolute;
	left: 27px;
	top: 20px;
	background: url(images/welcome.png) transparent no-repeat;
}

#main-container .big{
	font-size: 14px;
	padding-bottom: 15px;
}

#main-container .first{
	padding-top: 60px;
}

#main-container .alignleft,
#main-container img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#main-container .alignright,
#main-container img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#main-container .aligncenter,
#main-container img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#main-container img.alignleft,
#main-container img.alignright,
#main-container img.aligncenter {
	margin-bottom: 12px;
}
#main-container ol {
	list-style: decimal;
	margin: 0 5px 25px 25px; 
}

#main-container li {
	margin-bottom: 5px; 
}


#about-us-image{
	height: 344px;
	width: 505px;
	background: url(images/about-us-image.jpg) transparent no-repeat;
	margin-top: 25px;
}

.services-images{
	margin: 0 0 20px 0;
}

#health-fund-image{
	height: 288px;
	width: 384px;
	background: url(images/health-fund-image.jpg) transparent no-repeat;
	margin-top: 25px;
}

#google-map{
	padding-bottom: 30px;
}

#contact-form{
	text-align: right;
	width: 250px;
	float: right;
	margin-right: 20px;
}

#contact-form h2{
	text-align: left;
}

#contact-us{
	width: 250px;
}

#appointment-left{
	width: 210px;
	float: left;
}

#appointment-right{
	text-align: right;
	width: 310px;
	margin-left: 240px;
}

#appointment-right h2{
	text-align: left;
}

#appointment-right #nb{
	text-align: left;
	padding-bottom: 15px;
}

#contact-form p,
#appointment p{
	padding-bottom: 5px;
}

.cf-cap{
	float: left;
}

.cf-text{
	width: 196px;
	border: 1px solid #377c99;
	padding: 0 2px;
}

.cf-memo{
	width: 196px;
	border: 1px solid #377c99;
	padding: 0 2px;
}

.wpcf7-list-item-label{
	padding-right: 5px;
}

#cf-submit{
	width: 60px;
	margin: 10px 0 0 0;
}

#sonya-tran{
	height: 110px;
	width: 95px;
	background: url(images/Sonya_Tran.jpg) transparent no-repeat;
	float: left;
	margin: 0 5px 5px 0;
}

#halim-kuthubutheen{
	height: 116px;
	width: 98px;
	background: url(images/Halim_Kuthubutheen.jpg) transparent no-repeat;
	float: left;
	margin: 0 5px 5px 0;
}

#jenny-warrender{
	height: 110px;
	width: 85px;
	background: url(images/Jenny_Warrender.jpg) transparent no-repeat;
	float: left;
	margin: 0 5px 5px 0;
}

#location-map{
	height: 460px;
	width: 384px;
	background: url(images/location-map.jpg) transparent no-repeat;
}

/*-----------------------------------------------*/


#blog-container{
	margin-right: 240px;
	padding: 10px 0 20px 40px;
	min-height: 400px;
	position: relative;
}

#blog-container p{
	padding-bottom: 15px;
	font-size: 12px;
	line-height: 140%;
}

#blog-container p a{
	font-size: 13px;
	color: #69c;
}

#blog-container ul{
	padding-bottom: 15px;
}

.post-title{
	
}

.post-title a{
	font-size: 20px;
	text-decoration: none;
}

.post-title a:hover{
	color: #5380ae;
}

.post-undertitle{
	font-size: 12px;
	color: #adadad;
	padding: 2px 0 10px 5px;
}

.post-category a,
.post-date{
	color: #0d5580;
}

.post-category a:hover{
	text-decoration: none;
}

.post-body{
	background-color: #fff;
	line-height: 18px;
}

.post-body p{
	padding-bottom: 10px;
}

.post-content{
	font-size: 14px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 5px 0;
}

.single-content{
	font-size: 14px;
	line-height: 140%;
	color: #8c8c8c;
	padding: 8px 5px 0;
}

.post-footer{
	padding: 0 0 10px;
	height: 55px;
	background: url(images/post-footer-bg.png) transparent no-repeat left top;
}

.post-nocomments a{
	padding-left: 5px;
	font-size: 12px;
	color: #0d5580 !important;
	display: block;
}

.post-commentscount{
	height: 36px;
	width: 182px;
}

.post-commentscount a{
	height: 25px;
	width: 177px;
	padding: 11px 0 0 5px;
	font-size: 12px;
	color: #0d5580 !important;
	display: block;
	background: url(images/read_comments.jpg) right bottom no-repeat;
}

.post-nocomments a:hover,
.post-commentscount a:hover{
	text-decoration: none;
}

.wp-pagenavi{
	margin-top: 10px;
}

/*------------------- comments -------------------*/

#comments-count{
	font-size: 15px;
	color: #0d5580;
	padding: 10px 5px 15px 5px;
}

#comments-list li{
	padding: 12px 5px 0 5px;
}

.comment-header p{
	padding-bottom: 5px !important;
}

#comment-sub{
	font-size: 13px;
	font-weight: bold;
	color: #646161;
}

.comment-author,
.comment-author a.url{
	color: #0d5580 !important;
}

.comment-date{
	color: #898989;
}

.avatar{
	float: left;
	margin: 2px 5px 5px 0;
}

#comment-postform{
	padding: 0 5px;
}

#comment-postform form{
	min-height: 250px;
}

#comment-postform div{
	line-height: 22px;
}

#comment-postform p#title{
	font-size: 15px;
	color: #0d5580;
	padding: 10px 0 15px;
}

#comment-postform label{
	font-size: 13px;
	color: #000;
	padding-top: 0px;
}

#comment-postform div.label{
	width: 120px;
	float: left;
}

#comment-postform input#author,
#comment-postform input#email,
#comment-postform input#url{
	height: 16px;
	width: 210px;
	border: 1px solid #377c99;
	padding: 0 2px;
	margin: 0 0 5px 0;
}

#comment-postform textarea#comment{
	height: 100px;
	width: 400px;
	border: 1px solid #377c99;
	padding: 0 2px;
	margin: 0 0 15px 0;
}

#comment-postform input#submit{
	height: 20px;
	width: 60px;
	margin-right: 50px;
	float: right;
}

/*------------------- sidebars -------------------*/

#main-sidebar{
	width: 182px;
	margin-right: 11px;
	float: right;
}

#main-sidebar #contacts{
	height: 102px;
	width: 182px;
	background: url(images/contacts.png) transparent no-repeat left top;
}


#main-sidebar div.textwidget{
	margin: 0;
	padding: 0;
	background: none;
}

#main-sidebar div{
	background-color: #ececed;
	width: 152px;
	padding: 0 10px 5px 20px;
	color: #00597e;
	font-size: 15px;
	font-weight: bold;
}

#main-sidebar div.title{
	color: #00597e;
	font-size: 20px;
	font-weight: normal;
	padding: 15px 10px 15px 20px;
}

#main-sidebar h2{
	color: #00597e;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	margin: 15px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#main-sidebar ul {
	clear:both;
	display:block;
	margin: 0px 0px 0px 5px;
}

/*------------------------------------------------*/

#blog-sidebar{
	width: 172px;
	margin: 5px 11px 0 0;
	float: right;
}

#blog-sidebar h2{
	font-size: 18px;
	padding-bottom: 6px;
}

#blog-sidebar ul{
	padding-bottom: 10px;
}

#blog-sidebar ul li a:hover{
	text-decoration: none;
}

#blog-sidebar form div{
	padding-bottom: 10px;
}

form div input#s{
	width: 125px;
	padding-top: 1px;
	margin-right: 4px;
	border: 1px solid #377c99;	
}

/*-------------------- footer --------------------*/

#footer-testimonial{
	margin: 15px 0 0 0;
}

#footer-social{
	float: right;
/*	width: 200px;*/
	margin: 15px 0 0 0;
}

#footer-menu{
	padding: 10px 0 25px 0;
	height: 20px;
	width: 844px;
}

#footer-menu li{
	height: 16px;
	float: right;
}

#footer-menu li a{
	color: #4f4947;
	font-weight: bold;
	padding-left: 12px;
	text-transform: uppercase;
	display: block;
}

#footer-menu li a:hover,
#footer-menu li a.current{
	color: #00597e;
	text-decoration: none;
}

#footer-address{
	float: left;
	margin: 0 0 15px 30px;
	font-size: 10px;
	line-height: 18px;
}

#header-testimonial{
	margin: 0 0 0 0;
}

p.testimonial{
	margin: 10px 40px 10px 40px;
}

p.testimonials_page{
	margin: 15px 40px 0px 40px;
}