/*   
Theme Name: Emerge Medical Day Spa - Website Theme
Description: Website for Emerge
Author: Tyler Jackson
Version: 1.0
*/

/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 
/* Top Elements */
* {margin: 0; padding: 0; outline: 0}
* img {border:none;}
body {background: url("images/bg.png") top left repeat; font: 12px Georgia, Times New Roman, Serif; text-align: center;}

/* Links */
a {color: #a16040; text-decoration: underline;}
a:hover {text-decoration: none;}

/* Text */
h1 {font-size: 1.7em; font-weight: bold; margin-bottom: 10px;}
h2 {font-size: 1.4em; font-weight: bold; margin-bottom: 5px;}
h3 {font-size: 1.2em; font-weight: bold; margin-bottom: 5px;}
p {margin-bottom: 20px;}
ul {list-style: none; margin: 0px 0px 30px 30px;}
ul li {padding: 5px 0px;}
ol {margin-left: 15px;}


/* Elements */
table {border: none;}
.clear {clear: both;}
.float_left {float: left}
.float_right {float: right;}
.align_left {text-align: left;}
.align_right {text-align: right;}

/* Form Elements */
input[type="text"] {height: 32px; width: 302px; padding: 0px 5px; background: url("images/input_bg.png") top left no-repeat; border: none;}
input[type="radio"] {margin: 5px;}
textarea {height: 185px; width: 302px; padding: 5px; background: url("images/textarea_bg.png") top left no-repeat; border: none; overflow: auto;}

/*------------------------------------------
   LAYOUT
-------------------------------------------*/
#header {height: 110px; background: url("images/header_bg.png") top left repeat-x; text-align: left;}

#wrap {width: 960px; margin: 0 auto;}

#logo {width: 960px; text-align: center;}

#masthead {width: 960px;}
	#nav {height: 35px; margin-top: 20px; padding-left: 10px;}
	#nav ul {list-style: none; margin: 0px;}
	#nav ul li {display: block; float: left;}
	#nav ul li a {display: block;}
	#nav ul li a:hover {display: block; background: url("images/nav_bg.png") top left repeat;}

#content_home {width: 960px; color: #fff;}
	#content_home p {margin-bottom: 10px;}
	#content_home div {width: 815px; float: left;}
	#content_home #doctor {padding: 10px 0px 0px 10px; float: left;}
	#content_home #flash {width: 960px; height: 350px; padding: 13px 10px 10px 10px; background: url("images/flash_bg.png") top left no-repeat;}

#content_top {width: 960px; height: 10px; background: url("images/content_top.png") top left no-repeat;}
#content_bottom {width: 960px; height: 10px; background: url("images/content_bottom.png") top left no-repeat;}
#content_middle {width: 900px; min-height: 800px; padding: 20px 30px; background: url("images/content_bg.png") top left repeat;}
#content_middle #top_image {height: 230px; text-align: center; margin-bottom: 30px;}

#content_left {width: 650px; float: left;}
	#content_left ul.bulleted {list-style: disc; margin: 0px 0px 30px 50px;}
	#content_left p {line-height: 16px;}
	
#content_whole {width: 100%;}
	#content_whole ul.bulleted {list-style: disc; margin: 0px 0px 30px 50px;}
	#content_whole p {line-height: 16px;}
	#content_whole #contact_form {width: 325px; float: left;}
	#content_whole #map {width: 450px; float: right;}

#right_column {width: 200px; float: right;}
	#right_column h3 {font-size: 1em; font-weight: bold; margin-bottom: 10px;}
	#right_column ul {list-style: none; margin: 0px 5px 20px 5px;}
	#right_column ul li {padding: 0px; border-top: solid 1px #ccb877;}
	#right_column li a {display: block; color: #000; text-decoration: none; padding: 5px;}
	#right_column li a:hover {display: block; background: url("images/nav_bg.png") top left repeat;}

#footer {width: 960px; height: 100px; margin: 70px auto 0px; color: #fff; padding-top: 10px; border-top: solid 1px #fff;}
	#footer p {font-size: 1em; line-height: 16px;}
	
/*----------------------------------------
	PAGE SPECIFIC
----------------------------------------*/

#blog_left {width: 590px; min-height: 740px; float: left; background: #fff; padding: 30px; font-family: Trebuchet MS, Sans-Serif; font-size: 11px;}
	#blog_left h1 {font-family: Georgia, Serif;}
	#blog_left p {line-height: 20px;}
	#blog_left hr {height: 1px; background: #e0e0e0; margin-bottom: 30px;}
.blog_comment_number {width: 28px; height: 25px; display: block; padding-top: 5px; background: url("images/comment_number_bg.png") no-repeat top left; text-align: center;}
.blog_created {display: block; margin-top: 8px;}
.blog_info {height: 40px; margin: 5px 0px;}
#commentform {margin-bottom: 15px;}
#commentform label {display: block;}
#commentform input[type="text"] {width: 225px; height: 20px; background: #fff; border: solid 1px #e0e0e0;}
#commentform textarea {width: 275px; height: 85px; background: #fff; border: solid 1px #e0e0e0;}
#commentform input[type="submit"] {display: block; margin-top: 10px;}
#comments {}