/* CSS Styles. Author: Gwen Heimburg

Date: 4/21/07

Title: MAKE NOTES, MAKE NOTES.. LIFE IS A WORK IN PROGRESS!
*/

/* Begin Typography & Colors */
body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff ;
	font: normal 12px/1em georgia, times, serif;}
h2.header {
	font: normal 2.5em/1em georgia, times, serif;
	color: #544d3f;
	margin: 1em 0 0 0;
	padding: 0;
	text-align: center;
}
h3.header {
	font: normal 1.3em/1em georgia, times, serif;
	color: #544d3f;
	margin: .5em 0 2em;
	padding: 0;
	text-align: center;
}

/* Set Layout Section */
#page,#header,#content,#sidebar,#footer { overflow:hidden; display:inline-block }
#page,#header,#footer {width:100%} /* safari and opera need this */
#header {
	width: 100%;
	height: 105px;
	background: url(images/header_bkg.gif) repeat-x 0 0;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
#page {background:#fff;}
#content {float: right; width: 75%; margin: 0; padding: 0 15px;}
#sidebar {width: 20%; margin: 0; padding: 10px;}
#footer {clear:both; height: 60px; background:#fff; text-align:right;line-height:16px;}

/* General */
a { color: #544d3f; }
a:hover { color: #73979a; }
form {margin:0;padding:0;} /* IE need this */
input, textarea {font:11px/16px georgia, times, serif; letter-spacing:1px; padding:2px 5px;}
p {line-height: 1.3em;}
/* Header Section */
#header h1 {
	height: 96px;
	width: 200px;
	margin: 0;
	padding: 0;
	background: url(images/tree.gif) no-repeat 0 0;
	font: normal 2em/1.2em georgia, times, serif;
}
#header h1 a {
	color: #544d3f;
	position: absolute;
	top: 74px;
	left: 83px;
	text-decoration: none;
	outline: none;
}

/* Content Section */
#content h2 {
	font: normal 1.8em/1em georgia, times, serif;
	color: #544d3f;
	margin: 1em 0;
	padding: 0;
}
#content h2.pagetitle { font: bold 1.2em georgia, times, serif;}
#content h3 {font: bold 1.1em georgia, times, serif;}
#content a {text-decoration:none; border-bottom: 1px dashed #ccc;}
#content a:hover {border-bottom: 1px dashed #544d3f;}
#content .entry {text-align:justify;}
#content .post {
	border-bottom: 1px dotted #eee;
	margin: 2em 0;
	clear: left;
	display: block;
}
.post .alignleft {margin: 0 1em .3em 0;}
p.postmetadata {clear: left;display: block;}
/* SideBar Section */
#sidebar {
	border-right: 1px solid #dfdfd6;
	margin: 15px 0 0;
}
#sidebar ul {
	list-style: none;	
	margin: 0;	
	padding: 0 0 10px;
}
#sidebar ul li {
	margin: 0;
	display: block;
	padding: 2px 0 6px;
	border-bottom: 1px dotted #dfdfd6;
	font: bold 1.2em/1.2em georgia, times, serif;
	color: #544d3f; 
}
#sidebar h2 {
	display: none;
}
#sidebar li ul{
	list-style: none;
	margin: 0;
	padding: 6px 0 2px;
}
#sidebar li ul li{
	margin: 0;
	display: block;
	padding: 2px 0 4px 15px;
	border-bottom: none;
	font: normal .9em georgia, times, serif;
	color: #000;
}

#sidebar li.sections ul li{
}
#sidebar a {text-decoration:none;}
#sidebar p {font: 1em georgia, times, serif;}
#sidebar li.flickr {
	border-bottom: none;
}
#sidebar li.flickr ul li {
	background: #fff;
	float: left;
}
#sidebar li.flickr li img {
	border: 1px solid #ccc;
	padding: 1px;
}
/* Footer Section */
#footer {
	border-top: 1px dotted #eee;
	margin: 15px 0 0;
}
#footer p { padding: 5px; color: #ccc; font-size: .9em;}
#footer p a {
	color: #ccc;
}
/* Comment Stuffs */
#comment {width:98%;}
cite {
	font-weight:bold; 
	font-style: normal;
	line-height: 2em;
}
.commentbody {
	color: #544d3f; 
	font-size: 11px; 
	margin: 0 0 5px 0;
	padding: 10px 15px 10px 15px;
	background: #fff url(images/grey_grad.gif) repeat-x 0 0;	
	border: 1px solid #f5f5f5; 
	position: relative;
}
.commentbody p {line-height: 1.2em; margin:5px 0 0 0;}
.commentlist {	list-style: none; margin:0; padding:0;}
.commentcount {	
	position: absolute;	
	left: 95%;	
	top: -15px;	
	font: normal 6em/1em georgia, times, serif;
	color: #f5f5f5;	
	float: left;
}

/* Other Parts */
img {padding:1px; border: 1px solid #666;}
.navigation {	font-size: 11px;	padding: 0 0 15px 0; }
.alignleft {float: left;text-align: left;}
.alignright {float: right;margin-top: -1px;	text-align: right;}
p.postmetadata {color: #999; padding: 5px 5px 5px 5px;text-align:right; margin: 0 0 0 30px;}
small {color:#666}
.wp-smiley {border:none}

/** Navigation Styles*/
#nav_wrap {
	background: #fff;
	color: #544d3f;
	border-bottom: 1px double #dfdfd6;
	width: 100%;
	text-align: right;
	margin: 0;
	padding: 0;
}
ul#horiz_nav {
	text-align: right;
	display: inline;
	margin: 0 30px 0 0;
	padding: 0;
}
ul#horiz_nav li {
	display: inline;
	font: normal 1.2em/1.9em georgia, times, serif;
	padding: 0 0 0 .5em;
	color: #dfdfd6;
        position: relative;
}
ul#horiz_nav li ul {position:absolute;visibility: hidden;}
ul#horiz_nav li a {
	color: #544d3f;
	padding: 0 .5em 0 0;
	text-decoration: none;
	border-right: 1px solid #e1e1d9;
}
ul#horiz_nav li a:hover {
	color: #73979a;
	padding: 0 .5em 0 0;
}

/* Browser Selector Styles */
.ie #sidebar {
	width: 19%;
	padding: 7px;
}