/*			
			Chris Smith
			http://www.floodcoat.com
			
			LIME GREEN: #6CAF0C
			Nav Hover Gray Dark Gray: #4C4C4C
			Nav Text Reg. Gray: #B4B5B4
			Nav Box Gray: #828282
			Light Green: #d1f5bb
			body bg gray: #f7f6f3
*/

/*
	RESET
*/

*								{ margin: 0; padding: 0; }
html							{ overflow-y: scroll; }
html, body						{ height: 100%; }
body							{ font-size: 62.5%; font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,
								  sans-serif; color: #666666; background-color: #ffffff; }
a								{ color: #0285df; outline: none; list-style: none; text-decoration: none; 
								  font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",
								  Helvetica,Arial,sans-serif; }
a img							{ border: none; }
img								{ vertical-align: middle; }
table							{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft						{ float: left; }
.floatRight						{ float: right; }
.clear 							{ clear: both; }



/*
	STRUCTURE
*/
.wrapper						{ margin: 0 auto -100px; min-height: 100%; height: auto !important; height: 100%;
								  width: 580px; background-color: white; padding-bottom: 20px;}


/*
	HEADER
*/
#top-bar						{ padding-top: 0px; background-color: white; }
h1#logo							{ width: 573px; height: 108px; background-color: white;
								  background: url(../../../../images/PersonalLogo.gif) top left no-repeat; text-indent: -999999px;
								  padding: 0px 5px 0px 0; float: left; }


/*
	MENU
*/
#menu-bar						{ display: inline; padding: 0; padding-left: 30px; margin-bottom: 10px; font-size: 1.2em /* 12px */;
								  width: 550px; height: auto; float: left; margin: 0 0 30px 0; background-color: #828282; clear: }
#menu-bar ul a					{ display: inline; float: left; color: #4c4c4c; padding-left: 30px; font-family: "Lucida Grande",
								  "Lucida Sans",Helvetica,Arial,sans serif; font-size: 1.4em; padding: .4em; text-decoration: none; }
#menu-bar ul a:hover			{ color: #B4B5B4; text-decoration: none; background: url(../../../../images/arrow.gif)top center no-repeat; }
#nav li							{ float: left; display: inline; }		

/*
	INTRO
*/
#intro							{ margin-top: auto; margin-bottom: 30px; padding: 30px 30px; width: 520px; background-color: #333333; }
#homeArchives					{ width: 540px; padding: 0 10px; }
#homeArchives a					{ padding: 5px; font-size: 1.4em; line-height: 2em; }
#homeArchives a:hover			{ background-color: #daedfa; }

/*
	TYPOGRAPHY	
*/
p								{ font-size: 1.4em; line-height: 1.5em; margin: 0 0 10px 0; list-style-type: none; }
li								{ list-style: none; padding: 0; margin: 0 0 0 0; }
h1								{ font-size: 1.4em; }
h2								{ font-size: 1.8em; padding: 0 20px; margin: 5px 0; color: #333333; }
h3	/* blog titles */			{ font-size: 2.0em; padding: 0 20px; margin: 5px 0; color: #333333; }
h3 a							{ color: #444444; }
h3 a:hover						{ color: #6CAF0C; }
h4								{ color: #555555; font-size: 3.0em; font-family: Helvetica,Arial,sans-serif; }
h5	/* homepage archives */		{ font-size: 1.8em; margin: 5px 0; color: #333333; }

/*
	BLOG ENTRIES
*/
.post							{ padding: 0; } 
.post p							{ padding: 5px 20px; }
.post li						{ list-style: disc; padding: 0; margin: 10px 0 10px 40px; font-size: 1.4em; }
.editEntry a					{ margin: 0 20px; padding: 5px; }
.editEntry a:hover				{ background-color: #daedfa; }
#blog-nav a						{ float: left; display: inline; list-style-type: none; font-size: small; color: #0285df; 
								  line-height: 1em; }
#blog-nav a:visited				{ color:#0285df; }
#blog-nav #older a				{ margin-left: 20px; padding: 5px; }
#blog-nav #older a:hover		{ color: #016ab2; background-color: #daedfa; text-decoration: underline; }
#blog-nav #newer a				{ padding: 5px; margin-left: 20px; }
#blog-nav #newer a:hover		{ color: #016ab2; background-color: #daedfa; text-decoration: underline; }
#archives						{ width: 540px; }
#archives li ul a 				{ display: inline; float: left; padding: 0 10px; text-align: center; }
#archives h2	 				{ float: left; padding: 5px 20px; }

/*
	POST TEXT WRAP
*/
img.alignright 					{ float:right; margin:0 0 1em 1em }
img.alignleft 					{ float:left; margin:0 1em 1em 0 }
img.aligncenter 				{ display: block; margin-left: auto; margin-right: auto }
a img.alignright 				{ float:right; margin:0 0 1em 1em }
a img.alignleft 				{ float:left; margin:0 1em 1em 0 }
a img.aligncenter 				{ display: block; margin-left: auto; margin-right: auto }


/*
	COMMENTS	
*/
#responseOrTrackback			{ margin: 0 18px; }
#responseOrTrackback a:hover	{ background-color: #daedfa; text-decoration: underline; }
#respond						{ margin: 0 18px; color: #999999; font-size: small; font-weight: bold; }
#commentRegistration			{ float: left; width: 500px; margin-left: 20px; }
#commentRegistration input		{ margin: 5px 18px; padding: 2px; }
#name							{ padding-top: 10px; }
#mail							{ padding-top: 10px; }
#website						{ padding-top: 10px; }
#loggedInAs						{ margin: 5px 38px; }
#author							{ float: left; }
#email							{ float: left; }
#url							{ float: left; }
#commentBox						{ float: left; }
#comment						{ width: 480px; height: 50px; margin-left: 38px; padding: 5px; }
#submit							{ margin: 15px 38px; }
#postedComments					{ padding: 10px 38px; }
#postedComments h3				{ font-size: medium; color: #999999; padding-left: 0px; }
.alt							{ background-color: #ecf9f7;}

/*
	PAGES	
*/

/*
	FOOTER	
*/
.push							{ height: 100px; }
.footer							{ height: 100px; background-color: #eeeeee; border-top: thin dashed #999999; padding-top: 20px;
								  font-size: x-small; margin-top: 0; }
#innerFooter					{ width: 580px; margin: 0 auto;}
#innerFooter p					{ text-align: center; font-size: small;}