/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding-top: 30;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
/* Undeline Firefox Bug Fix  Dec 2008*/
/* the fix is the "vertical-align: middle;" property */
a img {
border: none;
vertical-align: middle;
}
body {
	background: #F5F5F5 url(images/img01.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #474848;
}

h1, h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

h1 {
	letter-spacing: -1px;
	font-size: 2.6em;
	font-weight: normal;
}

h2 {
	margin-bottom: 15px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-bottom: 20px;
	line-height: 170%;
}

p {
}

blockquote {
	padding: 0 30px;
	background: url(images/img12.gif) no-repeat;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #999999;
}

blockquote p {
}

a {
	background: url(images/img03.gif) repeat-x left bottom;
	text-decoration: none;
	color: #1D62B3;
}

a:hover {
	background: none;
	color: #E43C15;
}

hr {
	display: none;
}

/* Wrapper */

#wrapper {
	background: url(images/img08.gif) repeat-x left bottom;
}

/* Menu */

#menu {
	height: 50px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	height: 37px;
	padding: 13px 30px 0px 30px;
	font-size: 1.4em;
	font-weight: bold;
	color: #FCFDDF;
}

#menu a:hover {
	background: #333333;
	color: #FFFFFF;
}

#menu .current_page_item a {
	background: url(images/img04.gif) repeat-x;
}

/* Header */

#header {
	height: 101px;
}

/* Logo */
/* this isn't orriginal but close to it
#logo {fixed: left; width: 80px,0px, 1px, 0px}

#logo h1, #logo p {
/* this element doesn't work -> float: left;
/* this element doesn't work -> float: left; position: relative; left: 5px; width:10%;
/* this is the fix -> float: left; left: 5px; width:100%;}


#logo h1 {
	padding: 20px 0 0 20px;
	font-size: 3.2em;
	font-weight: bold;
	color: #E43C15;
}

#logo p {
	margin: 0;
	padding: 42px 0 0 6px;
	letter-spacing: 2px;
	line-height: normal;
	font: normal 1.4em Georgia, "Times New Roman", Times, serif;
}*/


#logo {
	float: left; 
}

#logo h1, #logo p {
	/* Code below fixes & increase the box for the logo
	and the education tagline under drsadieshefe.com & 
	stops the tagline from wrapping from the end of  
	the logo amd places tagline under the logo      */
	float: left; left: 5px; width:100%; 
}

#logo h1 {
	/*padding: 5px 0px 0px 5px;*/
	font-size: 3.2em;
	font-weight: bold;
	color: #E43C15; 
	/* Code below fixes laptop screen display for
	education tagline under drsadieshefe.com and 
	stops the tagline from wrapping from the end of  
	the logo amd places tagline under the logo      */
	padding: 3px 0px 0px 3px;
	overflow: hidden;
	position: relative;
	height: 41px 
}

#logo p {
  /*margin: 130px, 130px, 130px, 130px;*/
	padding: 0px 0 0 96px;
	letter-spacing: 2px;
	line-height: normal; 
	font: normal 1.4em Georgia, "Times New Roman", Times, serif;
}

/* Search */

#search {
	float: right;
	width: 200px;
	padding: 40px 20px 4px 0;
	background: url(images/img05.gif) no-repeat left bottom;
}

#search fieldset {
	border: none;
}

#search legend {
	display: none;
}

#s {
	float: left;
	width: 155px;
	margin: 0 0 0 10px;
	background: none;
	border: none;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #474848;
}

#x {
	display: none;
}

/* Page */


/* setup greeting1 span classes css->.greeting1 and html->class="greeting1" */
.greeting1  {
 letter-spacing: 0em;
 word-spacing: 0em;
 font-stretch: wider;
 font-size: .89em;
 font-style: italic;
 font-weight: bold;}

.greeting2  {
 letter-spacing: 0em;
 word-spacing: 0em;
 font-stretch: wider;
 font-size: .89em;
 font-weight: bold;}
 
.greeting3  {
 letter-spacing: 0em;
 word-spacing: 0em;
 font-stretch: wider;
 font-size:  0.85em;}

.greetingaltcolor {
 color: #AF226B;}

/*#page {
	width: 960px;
	margin: 0 auto;
	background: #FFFFFF url(images/img06.gif);
}*/

/* this works but not for different screen resolutions
#page {
	margin-top: 62px;
	margin-left: 86px;
	width:960px;
	background:#FFFFFF url(images/img06.gif) repeat scroll 0 0;
The fix for auto centering on different screen resolutions
->	margin-left: auto;
->  margin-right: auto;
}*/

#page {
	/*margin-top: 62px; <-- THIS IS FOR FF
	  margin-top: 2px; <-- THIS IS FOR IE
		NOTE: inline CSS IE conditional code
->	CSS INLINE CODE FIX: margin-top: 62px;_margin-top: 2px;
		adding the underscore to code that is designed for IE 
		between the normal code creates the CSS condition code.
		This inline CSS IE conditional code is used to fix the 
		margin between ticker and bottom content	  */
	margin-top: 62px;_margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	width:960px;
	background:#FFFFFF url(images/img06.gif) repeat scroll 0 0;
}

#bgtop {
		/*height: 20px; <-- THIS IS FOR FF
	  height: 2px; <-- THIS IS FOR IE
		NOTE: inline CSS IE conditional code
->	CSS INLINE CODE FIX: height: 20px;_height: 2px;
		adding the underscore to code that is designed for IE 
		between the normal code creates the CSS condition code.
		This inline CSS IE conditional code is used to fix the 
		margin between ticker and bottom content	  */
	height: 20px;_height: 2px;
	background: url(images/img07.gif);
}

#bgbottom {
	padding-bottom: 20px;
	background: url(images/img09.gif) no-repeat left bottom;
}

#page ul {
	list-style: none;
}

#page ul li {
	padding-left: 15px;
	background: url(images/img11.gif) no-repeat left center;
}

/* Content */

#content {
	float: left;
	width: 360px;
	height: 800px;
	min-height: 800px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

#content2 {
	float: left;
	width: 680px;
/*	height: 800px;  */
	min-height: 800px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

#content3 {
	float: left;
	width: 450px;
	height: 800px;
	min-height: 800px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

#content4 {
	float: left;
	width: 300px;
	height: 800px;
	min-height: 800px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

html>body #content {
	height: auto;
}

/* Post */

.post {
}

.post .bigpix {
	margin-bottom: 20px;
	background: #F0F0F0;
}

.post .bigpix .image {
}

.post .bigpix .caption {
	margin: 0;
	padding: 2px 10px 5px 10px;
	line-height: normal;
	font-size: .8em;
	font-weight: bold;
	color: #999999;
}

.post .bigpix .caption a {
	color: #999999;
}

.post .title {
	padding: 10px 10px 0 10px;
	font-size: 2.6em;
}	

.post .title a {
	background: none;
}

.post .byline {
	margin: 0;
	padding: 0 10px;
	line-height: normal;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	color: #C2C2C2;
}

.post .byline a {
	color: #C2C2C2;
}

.post .entry {
	padding: 20px 10px 0 10px;
}

.post .tags {
	margin: 0;
	padding: 5px 10px;
	background: #F0F0F0;
	line-height: normal;
	font-size: .8em;
	font-weight: bold;
}

.post .tags a {
	padding: 0 5px;
	background: none;
}

.post .links {
	padding: 5px 10px;
	border-bottom: 1px solid #EEEEEE;
	font-weight: bold;
}

.post .links .comments {
	padding-left: 20px;
	background: url(images/img13.gif) no-repeat left center;
}

.post .links .permalink {
	padding-left: 18px;
	background: url(images/img14.gif) no-repeat left center;
}

/* Sidebar Common Style */

.sidebar {
}

#page .sidebar ul {
	line-height: normal;
}

#page .sidebar li {
	padding: 0;
	background: none;
}

#page .sidebar li ul {
}

#page .sidebar li li {
	padding: 5px 15px 5px 25px;
	background: url(images/img11.gif) no-repeat 10px 10px;
	border-bottom: 1px solid #F0F0F0;
}

.sidebar a {
	background: none;
}

/* Sidebar One */

#sidebar1 {
	float: left;
	width: 320px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

/* Sidebar Two */

#sidebar2 {
	float: right;
	width: 200px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

#sidebar3 {
	float: left;
	width: 200px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 100;
}

/* Sidebar Four */

#sidebar4 {
	float: left;
	width: 230px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}


/* Sidebar Five */

#sidebar5 {
	float: right;
	width: 320px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}


/* Sidebar Sex */

#sidebar6 {
	float: left;
	width: 260px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

/* Calendar */

#calendar_wrap {
	padding: 0 10px 20px 10px;
}

#calendar_wrap table {
	width: 100%;
	text-align: center;
	background: #F6F6F6;
	border: 2px solid #FFFFFF;
	border-collapse: collapse;
}

#calendar_wrap th, #calendar_wrap td {
	padding: 2px;
}

#calendar_wrap thead {
	background: #FFFFFF;
}

#calendar_wrap tbody {
	font-size: .8em;
	font-weight: bold;
}

#calendar_wrap tbody td {
	padding: 5px;
}

#calendar_wrap tbody a {
	font-size: 1.2em;
}

#calendar_wrap tfoot {
	background: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .8em;
}

#calendar_wrap tfoot #prev {
	text-align: left;
}

#calendar_wrap tfoot #next {
	text-align: right;
}

/* Tag Cloud */

#tag_cloud {
	margin-bottom: 20px;
}

/* Footer */

#footer {
	width: 960px;
	height: 83px;
	margin: 0 auto;
	background: url(images/img10.gif) no-repeat;
}

#footer p {
	padding-top: 20px;
	text-align: center;
	font-size: .8em;
	font-weight: bold;
}