/*
Theme Name: Dr. Sue Cole
Theme URI: http://www.askdrsue.org/
Description: Custom-designed theme for Dr. Sue Cole.
Version: 1
Author: One Hat Design Studio, LLC
Author URI: http://www.onehat.com/

*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}
textarea, input {
	border: 1px solid #ccc;
}
body {
	background: #90a4a6 url(images/background.gif) repeat-x left top;
}
h1 {
	font: bold 24px Trebuchet, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	color: #018cb4;
	text-decoration: none;
	margin-bottom: 4px;
}
h2 {
	font: bold 18px Trebuchet, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	color: #be6b50;
	text-decoration: none;
	margin-bottom: 2px;
}
p {
	font: 12px/18px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}
#content p + ul, #content p + ol {
	margin-top: -15px;
}
#content ul, #content ol {
	margin: 0 0 20px 30px;
}

li {
	font: 12px/18px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}
a {
}
a:link {
	color: #018cb4;
}
a:visited {
	color: #6601b4;
}
a:hover, a:active {
	color: #f00;
}
.hidden {
	display: none;
}

/* Layout */
#bigContainer {
	position: relative;
	display: block;
	width: 800px;
	margin: 10px auto;
	padding: 0 20px;
}
#header {
	position: relative;
	display: block;
	height: 239px;
}
	#headerW {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 313px;
		height: 239px;
		background: url(images/headerW.jpg) no-repeat left top;
	}
	#headerE {
		position: absolute;
		display: block;
		top: 85px;
		left: 313px;
		width: 486px;
		height: 154px;
		background: url(images/headerE.gif) no-repeat left top;
	}

#nav {
	position: absolute;
	display: block;
	top: 250px;
	right: 10px;
	width: 142px;
/*	height: 150px;*/
	background: #ffceb0;
	padding: 15px 10px 0;
	z-index: 20;
	font: bold 12px/18px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
}
	#nav a {
		text-decoration: none;
	}
	#nav li {
		font: 12px/18px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	}

	#navNE {
		position: absolute;
		display: block;
		top: 0;
		left: 132px;
		height: 30px;
		width: 30px;
		background: url(images/navCorners.gif) no-repeat top right;
		z-index: 5;
	}
	#navS {
		position: relative;
		display: block;
		height: 30px;
		margin: 0 -10px;
	}
	#navSE {
		position: absolute;
		display: block;
		top: 0;
		left: 132px;
		height: 30px;
		width: 30px;
		background: url(images/navCorners.gif) no-repeat bottom right;
		z-index: 5;
	}
	#navSW {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		height: 30px;
		width: 30px;
		background: url(images/navCorners.gif) no-repeat bottom left;
		z-index: 5;
	}
	#nav ul {
		list-style: none;
	}
	#nav ul ul {
		list-style: none;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #be6b50;
		z-index: 20;
	}

#contentContainer {
	position: relative;
	display: block;
	width: 621px;
	background: url(images/contentBackground.jpg) repeat-y left top;
	padding-top: 20px;
}
	#contentN {
		position:absolute;
		left: 0;
		top: 0;
		width: 621px;
		height: 11px;
		z-index: 5;
		background: url(images/contentN.gif) repeat-x left top;
	}
	#contentNW {
		position:absolute;
		left: 0;
		top: 0;
		width: 52px;
		height: 51px;
		z-index: 10;
		background: url(images/contentCorners.gif) no-repeat left top;
	}
	#contentNE {
		position:absolute;
	/*	right: 0; /* correct */
		left: 603px; /* IE 6 */
		top: 0;
		width: 18px;
		height: 17px;
		z-index: 10;
		background: url(images/contentCorners.gif) no-repeat right top;
	}
	#contentS {
		position: relative;
		display: block;
		z-index: 5;
		background: url(images/contentS.gif) repeat-x left bottom;
		width: 621px;
		height: 52px;
	}
	#contentSW {
		position: absolute;
		left: 0;
		top: 0;
		width: 49px;
		height: 52px;
		z-index: 10;
		background: url(images/contentCorners.gif) no-repeat left bottom;
	}
	#contentSE {
		position: absolute;
	/*	right: 0; /* correct */
		left: 575px; /* IE 6 */
		top: 0;
		width: 46px;
		height: 52px;
		z-index: 10;
		background: url(images/contentCorners.gif) no-repeat right bottom;
	}
#content {
	position: relative;
	display: block;
	margin: 10px 35px 0;
	z-index: 50;
}

#siteBy {
	margin: 0 0 0 50px;
}