html, body { font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; 
	background-color: #ffffff; color: #000000; margin: 0px; padding:0px;
}

img { border: 0; }

* { padding: 0; margin: 0; }

ul li { margin-left: 50px; }

h2 { border-bottom: 1px dashed #cccccc; }

.spaced { margin-bottom: 20px; }

div#page { padding: 0px; margin: 0px; padding-bottom: 50px; min-width: 650px;}

div#header { background-color: #356aa0; }
div#header h1 { margin: 0px; padding: 20px; }
div#header h1 a { display: block; width: 284px; height: 90px; text-indent: -9999px;
	background-image: url(/images/logo3.gif); background-repeat: no-repeat; 
	margin: 0px; padding: 0px; }

ul#main-nav { list-style-type: none; margin: 0px; height: 30px;
	background-color: #356aa0; margin-top: -30px; padding-right: 30px; float: right; 
	background-image: url(/images/tab-bottom.gif); background-repeat: repeat-x; 
	background-position: bottom left; }
	
ul#main-nav li { display: block; float: left; margin: 0px; }
ul#main-nav li a { display: block; color: #cccccc; text-decoration: none; text-indent: -9999px;
	width: 106px; height: 30px; background-repeat: no-repeat; }
ul#main-nav li a:hover { background-position: -106px; }

ul#main-nav li#home-tab a {  background-image: url(/images/home-tab.gif); }
body#home li#home-tab a { background-position: -106px; }

ul#main-nav li#projects-tab a { background-image: url(/images/projects-tab.gif); }	
body#projects li#projects-tab a { background-position: -106px; }

ul#main-nav li#about-tab a { background-image: url(/images/about-tab.gif); }	
body#about li#about-tab a { background-position: -106px; }

div#content { clear: both; padding: 20px; }
body#home div#content { padding: 0px; }


div#blog { margin-right: 370px; margin-left:0px; float: left; padding: 20px;}
div#recent-tracks { width: 350px; float: left; margin-left: -375px; margin-top: 20px; padding-left: 5px; }
div#recent-tracks h2 { border: 0 }
div#recent-tracks h2 a { display: block; background-position: top right; background-image: url(/images/last-fm.gif); background-repeat: no-repeat; 
  color: #000000; text-decoration: none; height: 44px; margin-bottom: -14px; }
div#recent-tracks ul { list-style-type: none; }
div#recent-tracks ul li { margin-left: 0px; }
div#recent-tracks ul li:first-child { margin-right: 100px; }
div#recent-tracks ul li.even { background-color: #f4f4f4; }
div#recent-tracks ul span { display: block; font-size: 0.75em; color: #666666; }

div.blog-entry { clear: both;  }
div.blog-entry h2 a { color: #000000; text-decoration: none; }
div.blog-entry p { margin-bottom: 10px; }
div.blog-entry p.comment-label { float: right; padding: 0px; margin: 0px;}
div.blog-entry p.date { font-size: 0.9em; color: #666666; margin-bottom: 10px; }
div.blog-entry hr { display: none; }
div.blog-entry #comments { margin-top: 20px; }
div.comment { margin-bottom: 20px; }
div.comment .author { font-size: 0.9em; color: #666666; }

/* recaptcha */
#recaptcha_wrapper { display: inline-block; border: 1px solid #000000; padding: 5px; }

/* projects */
ul#projects-list { list-style-type: none; }
ul#projects-list li { display: block; clear: both; padding: 0; margin: 0; margin-bottom: 20px; }
ul#projects-list h3 { float: left; margin-right: 10px;}
ul#projects-list .project-date { font-size: 0.9em; color: #666666;}
ul#projects-list .project-desc { clear: both; }
ul#projects-list img { margin: 5px 20px 20px 0px; border: 1px solid #000000; float: left; }

/* contact from */
div #contact-form { margin-top: 10px; }
div#contact-form label, div#contact-form input { display: block; margin-bottom: 5px; }
div#contact-form label { width: 100px; float: left; clear: left; }
input.submit { margin-left: 100px; margin-top: 5px; }

.user-message{background-color: #ffffcc;color: #ce2222; padding: 20px; margin: 20px; border: 1px dashed #ce2222;}
.user-message li { margin-left: 20px; }