/* GENERAL ***********************************/
html * { padding: 0; margin: 0; }
body {
	background-color: #ddd7c8;
	color: #866f49;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	text-align: center;
}

/* font size */
h1 { font-size: 4.0em; }
h2 { font-size: 3.0em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.6em; }
p,td,th,li { font-size: 1.3em; }
.layouttable td { font-size: 1.0em; }
legend { font-size: 1.2em; margin-bottom: 15px; }

/* margins and padding */
h1, h2, h3, h4 { margin-bottom: 10px; }
p, ul, ol, table { margin-bottom: 15px; }
li { margin-left: 25px; margin-bottom: 8px; }
th { padding: 1px 3px; vertical-align: bottom; }
td { padding: 1px 3px; vertical-align: top; }
.layouttable td { padding: 10px 5px; }
fieldset { 
	padding: 10px; margin-bottom: 25px;
	border-width: 1px;
	border-color: #eee;
	border-style: solid; 
}


/* colors */
a, a:visited { color: #0572b1; }
a:hover {  }



/* LAYOUT *************************************/
.hug {
	position: relative;
	width: 750px;
	margin: 0 auto;
	text-align: left;
}
#content { 
	width: 570px;
	float: right;
	/*min-height: 400px;*/
}
#sidebar {
	width: 170px;
	float: left;
	color: #fff;
	background: #866f49;
}
#kidsworld {
	width: 170px; 
	height: 56px;
	clear: left;
	float: left;
	border-width: 0; border-style: none;
}
.center { text-align: center; }
.clear { clear: both; height: 1px; }
hr { clear: both; }



/* HEADER ***************************************/
#header {
	height: 140px;
}
#logo {
	width: 314px; height: 81px;
	position: absolute;
	top: 18px; left: 12px;
	margin: 0;
}
#logo a {
	display: block;
	width: 314px; height: 81px;
	background: url('../img/logo.png') top left no-repeat;
}
#logo a span { display: none; }
#thedocs {
	position: absolute;
	width: 240px;
	height: 75px;
	top: 20px; left: 330px;
	text-align: right;
	font-size: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#contactinfo {
	position: absolute;
	width: 165px;
	height: 75px;
	top: 20px;
	left: 580px;
	font-size: 1.4em;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	border-left-width: 1px; border-left-style: solid;
}
#tubehack { padding-left: 10px; }



/* SIDEBAR **************************************/
#sidebar {
	background: url('../img/sidebartop.3.png') top left no-repeat;
	padding-top: 18px;
}
#sidebarbottom {
	background: url('../img/sidebarmiddle.3.png') top left repeat-y;	
}
#sidebar ul {
	list-style: none;
	background: url('../img/sidebarbottom.3.png') bottom left no-repeat;
	padding-bottom: 18px;	
}
#sidebar li {
	text-align: right;
	margin-right: 20px;
	margin-bottom: 15px;
	font-size: 1.1em;
}

#sidebar a, #sidebar a:visited { color: #fff; text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }




/* FOOTER ***************************************/
#footer { 
	clear: both;
	border-color: #866f49; border-top-width: 1px; border-top-style: solid;
	padding-top: 8px;
	margin-top: 15px;
	text-align: center;
}
#copyright { font-size: 1.0em; }


/* GENERAL DETAIL ********************************/
.pagetitle {
	margin-top: 0;
	font-size: 2.0em;
	font-style: italic;
}
.editdata { }
.editdata p { 
	clear: both; 
	float: right; 
	width: 100%;
	margin: 8px 0 8px -100px;
}
.editdata .item, .editdata .error_message {
	display: block;
	margin-left: 100px;
}
.editdata .label {
	float: left; 
	width: 95px;
	text-align: right;
	padding-top: 3px;
}
.editdata .long { width: 240px; }
.editdata .short { margin-left: 245px; }
.editdata textarea { width: 510px; height: 400px; }
.editdata textarea.smallta { width: 350px; height: 150px; }

#imageuploadinstr ol { margin-bottom: 0; }

.adminlink a, .adminlink a:visited, #sidebar .adminlink a, #sidebar .adminlink a:visited  { 
	color: #fc8e00;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
}
#flashMessage { 
	font-size: 11pt; 
	padding: 2px; 
	color: #fff; 
	background-color: #fc8e00; 
}




/* EDITOR *****************************************/
body.mceContentBody {
	text-align: left;
	padding: 5px;
	background-color: #ddd7c8;
	color: #866f49;
}
#imagelist { border-collapse: collapse; }
#imagelist td {
	padding: 5px;
	border-top-width: 1px; border-top-style: solid; border-color: #866f49;
}


/* HOME ********************************************/
#tagline {
	font-weight: bold;
	margin-top: -10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#homeimage {
	float: left;
	width: 300px;
	overflow: hidden;
}
#homenarrowcol {
	width: 250px;
	float: right;
}


/* MEET YOUR DOCTORS *********************************/
.doctor {
	clear: both; 
	float: right; 
	width: 100%;
	margin: 0 0 0 -100px;
}
.doctor .drvideo {
	float: left; 
	width: 150px;
	text-align: right;
}
.doctor .drtext {
	display: block;
	margin-left: 165px;
	padding-bottom: 25px;
}


/* DENTAL EMERGENCIES ********************************/
.whitebox {
	padding: 15px 15px 10px 15px;
	background-color: #fff;
}
