/* 
	Theme Name: codydental
	Theme URL: http://www.codydental.com/index.php
	Description: codydental is a modern theme created for Wordpress.
	Author: Nancy
	Version: 2.0
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v2.0 - 01.18.07
			First Release of Blue Zinfandel Squared 2.0
*/

/* HTML, BODY ---------------------------------------- */
html {height: 100%; margin-bottom: 1px}
body {background: #541202 url(./images/body.jpg) no-repeat center top; margin: 0}
ol, ul {margin-bottom: 1em; margin-top: 0}
.none, .links {list-style: none; margin: 0 0 1em 0; padding: 0}
.links dd {margin: 0 0 1em 0}
/* TEXT ---------------------------------------------- */
body, table, input, textarea {
	color: #DEC692;
	font-family: verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
p {
	margin: 0;
	padding-bottom: 1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#flash-home p {background: #FFFF99; margin: 10px; padding: 5px}
.clear {clear: both}
div.hr{background: #DEC692; clear: both; height: 1px; margin: 10px 0; padding: 0}
div.hr hr{display: none}


/* LAYOUT -------------------------------------------- */
#container {margin: 0 auto; padding: 10px; position: relative; text-align: left; width: 760px;}
#wrap {
	background: url(./images/container.gif);
	margin-top: 10px;
	overflow: auto;
	width: 760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#wrap p {
	font-size: 12px;
	line-height: 18px;
	color: #dec692;
}
/* HEADERS ------------------------------------------- */
h1 {
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -999em;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
	line-height: 24px;
}
h2 {
	color: #A07D2C;
	font-family: georgia, serif;
	font-size: 1.5em;
	font-weight: bold;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
}
h3 {color: #A07D2C; font: bold 1.17em georgia, serif; margin: 0 0 .5em 0}
h4 {font-size: 1em; margin: 0}
	
/************************************************
*	Hyperlinks									*
************************************************/
a {color: #FFF; text-decoration: underline}
a:hover {text-decoration: none}
	
/************************************************
*	Header  									*
************************************************/
#banner {background: url(./images/banner.gif); border: 1px solid #891F05; display: block; height: 108px; overflow: hidden; text-indent: -999em; width: 758px}

/*#header {
	background: #FFFFFF;
	width: 760px;
	margin: 0px auto 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	border-top: 5px solid #658DB5;
    text-transform: uppercase;
	}
	
#header a {
	font-family: Times New Roman, Helvetica, Sans-Serif;
	font-size: 48px;
	color: #333333;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	text-transform: uppercase;
	}

#header a:hover{
	color: #333333;
	}*/
	
	
/************************************************
*	Left Sidebar      							*
************************************************/

/*#l_sidebar {
	float: left;
	width: 220px;
	margin: 0px 20px 0px 0px;
	padding: 20px 0px 20px 0px;
	}
	
#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#l_sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#l_sidebar ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
#l_sidebar ul li a {
	color: #507AA5;
	text-decoration: none;
	}

#l_sidebar ul li a:hover {
	color: #507AA5;
	text-decoration: underline;
	}
*/
/*************************************************************************************************************8
*                                            column-right
***********************************************************************************************************8*/
#column-right {background: url(./images/column-right.jpg) no-repeat; border: 1px solid #891F05; border-width: 1px 1px 0 1px; float: right; min-height: 524px; padding: 10px 10px 0 10px; width: 538px;}
#column-right h4 {
	font-size: 12px;
	line-height: 18px;
	color: #dec692;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#column-right h1 { margin:0px; padding:0px;}
#flash-home p {background: #FFFF99; margin: 10px; padding: 5px}
#flash-home {height: 395px; margin: 0 -1px 1em -1px; width: 540px}

/*************************************************************************************************************
*                                            column-left
***************************************************************************************************************/
#column-left {background: url(./images/column-left.jpg) no-repeat; border: 1px solid #891F05; border-width: 1px 1px 0 1px; float: left; margin-right: 10px; min-height: 524px; padding: 5px 10px; width: 168px;}
* html #column-left, * html #column-right {height: 524px}

/* NAVIGATION ---------------------------------------- */
#navigation {
	list-style: none;
	margin: 0;
	width: 168px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#navigation li {display: inline}
#navigation a {
	background: #A07D2C;
	color: #FFF;
	display: block;
	height: 1.8em;
	line-height: 1.8em;
	margin: 5px 0;
	padding: 0 5px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
}
#navigation a:hover, #navigation a.active {background: #8A1E04}

#navigation ul {list-style: none; margin: 0; padding: 0}
#navigation ul li {display: inline}
#navigation ul li a {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.5em;
}
#navigation ul a {background: transparent; display: block; font-size: .92em; height: auto; line-height: 1.5em; margin: 0; padding: 0 5px; text-transform: none}
#navigation ul a:hover, #navigation ul a.active {background: transparent; color: #A07D2C}

#navigation ul ul {background: #230801; border: 1px solid #8A1E04; left: -999em; list-style: none; margin: -2em 0 0 150px; padding: 5px 0; position: absolute}
#navigation ul ul li {display: inline; float: none}
#navigation ul li:hover ul, #navigation ul li.sfhover ul {display: block; left: auto}
#navigation ul ul a {
	background: transparent;
	display: block;
	line-height: 1.5em;
	margin: 0;
	padding: 0 10px;
	width: 180px;
	font-family: verdana, sans-serif;
	font-size: 0.92em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#navigation ul ul a:hover {color: #A07D2C}


	
/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 760px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#content p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
#content h1 {
	color: #333333;
	font-size: 22px;
	font-family: Times New Roman, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
	
#content h1 a  {
	color: #333333;
	text-decoration: none;
	}

#content h1 a:hover {
	color: #658DB5;
	text-decoration: none;
	}
	
#content h2 {
	color: #333333;
	font-size: 14px;
	font-family: Times New Roman, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	border-top: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
	}
	
#content ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#content ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#contentmiddle ul{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#contentmiddle ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
/*blockquote{
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px;
	font-style: italic;
	color: #666666;
	border-left: 3px solid #B3C8DB;
	}
	
#content blockquote p{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	}*/
	
#contentmiddle {
	float: left;
	width: 480px;
	margin: 0px;
	padding: 20px 0px 10px 20px;
	}
	
#contentmiddle p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
.contentdate {
	background: #FFFFFF url(images/date.gif);
	float: left;
	width: 42px;
	height: 45px;
	margin: 0px;
	padding: 0px;
	}
	
.contentdate h3 {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	padding: 1px 0px 0px 10px;
	margin: 0px;
	text-transform: uppercase;
	}
	
.contentdate h4 {
	font-family: Times New Roman, Helvetica, Sans-Serif;
	color: #999999;
	font-size: 21px;
	font-weight: bold;
	padding: 5px 4px 0px 0px;
	margin: 0px;
	text-align: center;
	}
	
.contenttitle {
	float: left;
	width: 425px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	}
	
#contentmiddle ul li {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}
	
#contentmiddle ul li a {
	color: #507AA5;
	text-decoration: none;
	}

#contentmiddle ul li a:hover {
	color: #507AA5;
	text-decoration: underline;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
.postspace {
	/*	background: #EFEFEF url(images/spacer.gif);*/
	width: 480px;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin-bottom:20px;
	}
	
/************************************************
*	Footer      								*
************************************************/

#footer {
	background: url(./images/footer.gif) no-repeat;
	margin: 0 auto;
	padding: 10px 10px 0 10px;
	position: relative;
	width: 740px;
	color: #dec692;
	font-size: 11px;
	line-height: 18px;
}
#footer a {
	color: #FFF;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footer-navigation li {height: 1.5em}
#footer-navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footer-navigation li {
	display: inline;
	padding-right: 1px;
	padding-left: 1px;
}
#information {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	position: absolute;
	top: -9.5em;
	color: #dec692;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
#information a { font-size: 12px;}
#sesame {font-weight: bold; text-transform: none;}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	width: 120px;
	background: #EFEFEF url(images/search.gif);
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 3px;
	margin: 8px 0px 0px 0px;
	border: 1px solid #C0C0C0;
	}

/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 450px;
/*	background: #EFEFEF;*/
	color: #333333;
	float: left;
	padding: 10px 20px 0px 20px;
	margin: 10px 0px 10px 0px;
/*	border: 1px solid #C0C0C0;*/
	}
#commentblock li { color:#FFFFFF;}	
ol#commentlist {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	list-style-type: none;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 20px 10px 5px 10px;
	width: 365px;
/*	background: #FFFFFF url(images/comment.gif) no-repeat top;*/
	}

.commenttext-admin {
	clear: both;
	margin: 5px 0px 20px 0px;
	padding: 20px 10px 5px 10px;
	width: 365px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: left;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	/* IMAGES -------------------------------------------- */
img {border: none}
.border {border: 1px solid #DEC692; padding: 1px}
.centered {display: block; margin: 0 auto 1em auto}
.left {float: left; margin: 0 1em 1em 0}
.right {float: right; clear: right; margin: 0 0 1em 1em}
.before-after-left {clear:left;float: left; margin: 0 0 1em 0}
.before-after-right {clear:right;float: right; margin: 0 0 1em 0}

/* ANATOMY OF A TOOTH -------------------------------- */
#anatomy-of-a-tooth-diagram {background: url(./images/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px}
#anatomy-of-a-tooth-diagram a {cursor: help; display: block; position: absolute}
#anatomy-of-a-tooth-diagram a:hover {background: transparent}
a#bone {height: 20px; left: 30px; top: 380px; width: 40px}
a#cementum {height: 20px; left: 100px; top: 460px; width: 90px}
a#dentin {height: 20px; left: 80px; top: 165px; width: 60px}
a#enamel {height: 20px; left: 165px; top: 135px; width: 60px}
a#gingiva {height: 30px; left: 20px; top: 275px; width: 60px}
a#periodontal {height: 30px; left: 205px; top: 440px; width: 70px}
a#pulp {height: 30px; left: 125px; top: 220px; width: 50px}
a#print {cursor: pointer; height: 23px; left: 240px; top: 502px; width: 60px}
#anatomy-of-a-tooth-diagram a img {border: none; display: block; height: 0; position: absolute; width: 0}
#anatomy-of-a-tooth-diagram a:hover img {height: 98px; width: 300px}
a#bone:hover img {left: -30px; top: -380px}
a#cementum:hover img {left: -100px; top: -460px}
a#dentin:hover img {left: -80px; top: -165px}
a#enamel:hover img {left: -165px; top: -135px}
a#gingiva:hover img {left: -20px; top: -275px}
a#periodontal:hover img {left: -205px; top: -440px}
a#pulp:hover img {left: -125px; top: -220px}
.button {background: #A07D2C; border: 0; color: #FFF; font: bold 1.08em georgia, serif; padding-left: 30px; padding-right: 30px;}

#l_sidebarwidgeted {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top:30px;
}
#l_sidebarwidgeted .widgettitle {	
	background: #A07D2C;
	color: #FFF;
	display: block;
	height: 1.8em;
	line-height: 1.8em;
	margin: 5px 0;
	padding: 0 5px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
}
#l_sidebarwidgeted li li a {
	color: #dec692;
	text-decoration: none;
}
#searchsubmit {
	color: #FFFFFF;
	background-color: #8A1E04;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 8px;
	margin-bottom: 15px;
}