/* CSS Document */

/*

Theme Name: Boise Downtown Dental

Theme URI: http://www.westslopedesign.com/

Author: Westslope Design

Author URI: http://www.westslopedesign.com/

*/







/*

	Table of Contents:

		General elements
		Structural elements
		Header elements
		Sidebar elements
		Post elements
		Metadata elements
		Comment elements
		Widget-specific elements

*/


* {

	margin: 0px;

	padding: 0px;

}



html,

body {

	text-align: center;


}


body {

	background: #fff url(../images/bg-test.png) top center repeat;
	behavior: url('includes/csshover.htc'); /* Workaround to make IE use :hover properly */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small; /* set base size here, use percentages of this size throughout the rest of the stylesheet */
	line-height: 140%;

}



p {font-size: 100%;
	color: #000000;}
	
h1 {font-size:200%;}

h2 {font-size:160%;
	color: #6B8354;}

h3 {font-size:140%;}

h4 {font-size:120%;}

h5 {font-size:100%;}



h1, h2, h3, h4, h5, h6, .heading {



}



blockquote {

	margin: 0px 30px 0px 30px;

}



p,

blockquote,

.post ul,

.post ol,

table {
	margin-bottom: 1.5em;
	margin-top: .75em;

}



input,

textarea {

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;

}



a, a:active {

	color: #536C39;

}



a:visited {

	color: #536C39;

}



a:hover {

	color: #536C39;

}



a img,

a img:hover {

	background: transparent;
	border: 0;

}



.float-left {

	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: left;

}



.float-right {

	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: right;

}



div.clear {

	clear: both;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;

}



.heading { /* for headings that don't have any real semantic value */

	font-size: 140%;
	font-weight: bold;

}



label {

	cursor: pointer;

}



.no-hover {

	backround: transparent !important;

}



.hide {

	display: none;

}





/* Structural elements */

/* Positioning information goes here.	Colors, fonts, etc. should go in the individual sections. */

#page {

	background: url(../images/content-bg-test.png) top center repeat-y;
	margin: 0 auto; /* for centered layouts */
	overflow: hidden;
	text-align: left;
	width: 100%;

}

#banner {

	background: url(../images/header-bg.png) repeat-x;
	height: 100px;
	margin: 0 auto; /* for centered layouts */
	overflow: hidden;
	text-align: left;
	width: 100%;

}



#header {

	overflow: hidden;

}



#navigation {

	margin-top: 179px;
	background-image: url(../images/navrep.jpg) repeat-x;
	overflow: hidden;

}



#main {

	overflow: hidden;

}



#content {

	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 0 15px;
	width: 645px;

}



.sidebar {

	margin-top: 20px;
	overflow: hidden;
	padding: 0 10px;
	width: 201px;

}



#footer {

	clear: both;	

}



#header .inner,

#main,

#footer .inner {

	margin: 0 auto;
	width: 900px;

}





/* Header elements */



#header {

	background: url(../images/header-bg.png) repeat-x;
	height: 100px;

}



#header .heading {

	color: #AAC194;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 170%;
	letter-spacing: 0.04em;
	margin: 5px 0;

}



#header a {

	color: #BDB394;	

}



#header .inner {

	background: url(../images/header-fg.png) repeat-x;
	height: 100px;

}



#header .contact-box {

	background: url(../images/contact-box.png) no-repeat;
	float: left;
	height: 80px;
	padding: 5px 20px 5px 10px;
	position: relative;
	left: 20px;
	width: 288px;

}



#header .contact-box div {

	clear: left;

}



#header .contact-box span {

	color: #fff;
	float: right;

}



#header .contact-box a {

	float: left;
	text-decoration: none;

}




#header .contact-box a:hover {

	text-decoration: underline;

}



#header .search-box {

	float: right;
	margin: 0 10px 0 0;
 

}

#patientlogin {
	position: relative;
	background: url(../images/patient-login.png) center left no-repeat;
	padding-left: 40px;
	width: 100px;
	margin: 0 0 0 25px;
	float:left;

}

#patientlogin a {
	font-weight:bold;
	text-decoration:none;


}

#patientlogin a:hover {
	font-weight:bold;
	text-decoration:underline;


}

#contactus {
	position: relative;
	background: url(../images/contact-us.png) center left no-repeat;
	padding-left: 40px;
	width: 100px;
	margin: 0 0 0 25px;
	float:left;

}

#contactus a {
	font-weight:bold;
	text-decoration:none;


}

#contactus a:hover {
	font-weight:bold;
	text-decoration:underline;


}

#header .search-box #searchform {

	background: url(3../images/search.png) no-repeat;
	height: 31px;
	padding-top: 5px;
	width: 209px;

}



#header .search-box #searchform #s {

	border: 1px solid #fff;
	border-left: 1px solid #d4d4d4;
	border-top: 1px solid #d4d4d4;
	margin: 0 3px 0 8px;
	width: 135px;
	//position: relative;
	//top: -2px;

}



#header .search-box #searchform #searchsubmit {

	background: #3D3430;
    font-size: 12px;
	border: 1px solid #5C4E47;
	color: #E9E8E2;
	width: 50px;

}



#header .search-box div {

	color: #BDB394;
	padding: 7px 0 5px 35px;

}



#header .patient-login {

	background: url(../images/patient-login.png) center left no-repeat;
	padding-left: 19px;
	

}



#header .contact-us {

	background: url(../images/contact-us.png) center left no-repeat;
	padding-left: 21px;

}





/* Main Header */



#main-header img {

	position: absolute;
	top: 90px;
	z-index: 99;

}



/* This section contains an image replacement technique and will need to be modified to call the right image and fit properly. */

#main-header h1 a,

#main-header h2 a {

	background: transparent url(../images/header.png) left center no-repeat;
	display: block;
	line-height: 189px; /*change this to the height of the header image */
	text-indent: -1000em;
	overflow: hidden;	

}

	

#main-header h2.description {

	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -1000em;
	width: 0;

}



h3.category-description {

	font-weight: normal;

}





/* Navigation elements */



#navigation {

	background: url(../images/navrep.jpg) repeat-x;
	padding-left:10px;
	height: 41px;
}






/* Sidebar elements */

.sidebar {

	font-size: 95%;

}



.sidebar .widget {

	margin-bottom: 20px;

}



.sidebar .widget .heading,

.sidebar .widget .heading a {

	color: #536C39;
	font-size: 160%;
	text-decoration: none;

}

.faq-question a {
	text-decoration:none;

}

.faq-question a:hover {
	text-decoration: underline;

}

.sidebar .widget ul {

	margin: 0;
	padding: 3px 0 0 3px;
	list-style-type: none;	

}



.sidebar .widget ul li {

	background: url(../images/bullet.png) 0 4px no-repeat;
	margin-bottom: 4px;
	padding-left: 13px;

}



.sidebar .widget ul li ul li { /* For sub-lists */

	margin-left: 16px;

}



.sidebar .widget ul li a {

	color: #333;
	text-decoration: none;

}



.sidebar .widget ul li a:hover {

	text-decoration: underline;

}



.sidebar .widget a:link, 

.sidebar .widget a:visited {

	color: ;

}



.sidebar .widget a:hover {

	color: ;

}



.sidebar .widget .subscribeIcon {

	border: none;
	float: left;
	margin: 5px 10px 0 0;

}



.sidebar .subpages {

	font-size: 95%;

}



form#searchform label {

	display: none;

}





/* Post elements */

.post {

	clear: both;
	margin-bottom: 30px;

}



.post-header h1,

.post-header h2,

.pagetitle {

	font-size: 180%;
	line-height: 1em;
	padding-top: 5px;

}



.post-header,

.post-header a,

.post-header a:visited {

	color: #536C39;
	text-decoration: none;

}



.post-body {

	clear: left;
	margin-top: 10px;

}



.interpost-nav {

	font-size: 95%;
	margin: 30px;
	text-align: center;

}



#content ul,

#content ol {

	margin-left: 30px;

}



.more-link {

	display: block;
	margin-bottom: 15px;

}



.post p.heading,

.page p.heading {

	margin-top: 1.5em;

}





/* Metadata elements */

.post-metadata { 

	font-size: 95%;

}



.post-date {

	background: url(../images/calendar.png) no-repeat;
	float: left;	
	height: 62px;
	margin: 0 15px 10px 0;
	overflow: hidden;
	text-align: center;
	width: 45px;

}



.post-date div {

	color: #373737;
	line-height: 105%;

}



.post-date .month {

	font-size: 115%;
	margin-top: 14px;
	text-transform: uppercase;

}



.post-date .day {

	font-weight: bold;

}



.post-date .year {



}



.post-metadata span {

	

}



.post-metadata .post-author {

	font-style: italic;

}



.post-metadata.foot {

	background: url(../images/post-meta.png) no-repeat;
	height: 28px;
	overflow: hidden;
	width: 579px;

}



.post-metadata .post-categories {

	background: url(../images/file.png) center left no-repeat;
	color: #595959;
	float: left;
	margin: 4px 0 0 10px;
	padding-left: 18px;

}



.post-metadata .post-categories a {

	color: #595959;
	text-decoration: none;

}



.post-metadata .post-comments {

	background: url(../images/comment.png) center left no-repeat;
	float: right;
	margin: 4px 10px 0 0;
	padding-left: 18px;

}



.post-metadata .post-comments a {

	color: #50443F;

}





/* Comment elements */



#comments .heading {

	color: #536C39;
	font-size: 140%;
	display: block;
	margin-top: 30px;

}



#comments .comment-list {

	border-top: 1px solid #536C39;
	margin: 10px 15px;

}



#comments .comment {

	border-bottom: 1px solid #536C39;
	clear: both;
	padding: 10px 10px 0 10px;

}



#comments .comment.alt {

	background: #eee;

}



#comments .comment.authorcomment { /* To emphasize replies from the author */

	background: #CEDDDF;

}



div.landing_pages {

	border: ;
	padding: 10px;

}



#comments .comment-number {

	display: inline;

}



#comments .comment-number a {

	color: ;
	text-decoration: none;

}



#comments .comment-gravatar {

	float:left;
	margin: 10px 5px 5px 0px;
	padding: 3px;
	border: 1px solid #ccc;
	background: #fff;

}



#comments .gravatar {

	

}



#comments .postgrav {

	float: left;
	padding: 3px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #ccc;
	background: #fff;

}



#comments .comment-list cite {

	

}



#comments .comment-content {

	margin: 5px 0 0 15px;

}



#comments .trackback-list {

	margin-left: 20px;

}



#commentform {

	margin-top: 10px;

}



#commentform label {

	color: #536C39;
	font-size: 120%;
	font-weight: bold;

}



#commentform input[type="text"] {

	padding: 2px;
	width: 200px;

}



#commentform textarea {

	width: 521px;

}



#commentform input[type="submit"] {

	background: #4B4338;
	border: 1px solid #4B4338;
	color: #E9E8E2;
	margin-left: 400px;
	padding: 3px 0;
	text-transform: lowercase;	
	width: 125px;

}





/* Footer elements */



#footer {

	background: url(../images/footer-bg.png) repeat-x;
	height: 141px;
	overflow: hidden;

}



#footer .inner {

	background: url(../images/footer-fg.png) repeat-x;
	font-size: 90%;
	height: 141px;
	overflow: hidden;

}



#footer .inner div {

	float: left;

}



#footer .inner a {

	color: #3C332F;

}



#footer .inner .testimonial {

	margin: 10px 0 0 10px;
	width: 270px;

}



#footer .inner .pages,

#footer .inner .links,

#footer .inner .archives {

	border-left: 1px ridge #6E9398;
	height: 75px;
	margin-top: 10px;
	overflow: hidden;
	padding: 8px 10px 8px 15px;
	width: 140px;

}



#footer .inner .heading {

	color: #3C332F;
	font-size: 110%;
	float: none;

}



#footer .inner li {

	list-style-type: none;

}



#footer .inner .pages li,

#footer .inner .links li {

	float: left;
	width: 50%;

}



#footer .inner .copyright {

	clear: both;
	color: #2C3F41;
	float: left;
	font-size: 85%;
	padding: 15px 0 0 15px;
	width: 600px;
}



#footer .inner .copyright a {

	color: #2C3F41;

}








/* Widget-specific elements */







/* Plugin-specific elements */

ul.postspermonth {

	list-style: none;
	margin-bottom: 30px;

}



.wwsgd {



}

/* Flash Gallery */

#mainmov {
background-color:black;
height:550px;
width:100%;
}

/* Special Image Styling */

.imgleft {
float: left;
padding: 0 15px 10px 0; }

.imgright {
float: right;
padding: 0 0 10px 15px; }