/*palette
green a6d076, a2cc6a
brown 3e211c
*/

* { margin:0; padding:0; }
body { background:#fff; font-family:"Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif; font-size:small; color:#3e211c; }
#page { margin:20px auto; width:800px; background:#fff; min-height:600px; border:1px solid #a6d076; border-bottom:0; border-left:0; }
#banner { clear:both; padding:0; margin:0; }
#logo	{ float:left; margin:0; padding:0; width:195px; height:195px; border-left:1px solid #a6d076; }
#content { clear:both; float:left; width:799px; border-top:1px solid #a6d076; margin:0; padding:0; border-left:1px solid #a6d076; border-right:1px solid #a6d076; }
#main	{ float:left; padding-bottom:30px; width:411px; }
#sidebar { float:right; width:386px; margin:0; padding:0; padding-bottom:30px; border-left:1px solid #a6d076; }
#footer { clear:both; float:left; width:100%; padding:0; margin:0; font-size:.8em; font-weight:bold; min-height:77px; border:1px solid #a6d076; border-top:25px solid #a6d076; border-right:0; }

#projects	{ background:red; display:block; }

#projects-subnav	{ float:left; display:block; width:100%; list-style:none; margin:2px 0; padding:0; }
#projects-subnav li.lastproject	{ float:left; margin-left:2px; }
#projects-subnav li.nextproject	{ float:right; margin-right:2px; }
#projects-subnav li a, #projects-subnav li a:visited	{ color:#a2cc6a; text-decoration:none; }
#projects-subnav li a:hover, #projects-subnav li a:active	{ color:#3e211c; text-decoration:none; }

#contactus	{ float:right; width:100px; height:170px; padding:3px; text-transform:lowercase; }
#vcard	{ clear:both; float:right; list-style:none; margin:5px; }
#vcard li	{ float:left; margin:1px; padding:2px 5px; border-right:1px solid #a6d076; }
#vcard li.last	{ border:none; }

a, a:visited	{ color:#3e211c; text-decoration:none; }
#projects a, #projects a:visited	{ color:#a2cc6a; text-decoration:none; }
a:hover	{ color:#a2cc6a;}
a:active	{ color:#009; }
#footer a	{ text-decoration:none; color:#3e211c; }

h1, h2, h3	{font-size:1em; margin-left:30px; }
h1 { padding:30px 30px 12px 0; }
h2 { padding:0; }
#projects h2	{ clear:left; margin:0; padding:15px 30px 0 30px; color:#a2cc6a; font-weight:normal; border-top:1px solid #a6d076; }
h3 { padding:12px 30px; color:#000; }
p { line-height:1.5; padding:5px 30px; margin-top:15px; }
#projects p	{ padding:5px 30px; margin:0; }

cite	{ font-size:.8em; margin-top:30px; padding:5px 30px; }

ul { line-height:1.5; list-style-type:disc; color:#3e211c; margin:0 0 0.5em 30px; }
ol { line-height:1.5; list-style-type:decimal; margin:0 0 0.5em 30px; }

dl	{ float:left; margin:15px 30px; }
dl dt	{ font-weight:bold; }
dl dd	{ margin:0; padding:0; }
dl dd ul	{ list-style:none; margin:0; padding:0; }
dl dd ul li	{ margin:0; padding:0; }

img	{ border:0; margin:0; padding:0; }

.homepage	{ clear:both; float:left; margin:0; padding:0; border:0; height:269px; }
.hidden	{ display:none; }
.floatright	{ float:right; }
.floatleft	{ float:left; }
.green	{ color:#a2cc6a; }
.note { background-color:#f93; }


#nav	{ clear:both; float:left; margin:0; padding:0; border-left:1px solid #a6d076; width:799px; }
#navlist	{ float:right; width:386px; font-size:1em; list-style:none; margin:0; padding:0; border-left:1px solid #a6d076; }
#navlist li	{ float:left; margin:0 2px 0 0; padding:0; text-transform:uppercase; position:relative; }
#navlist li a, #navlist li a:visited	{ float:left; display:block; padding:6px; color:#a6d076; text-decoration:none; }
#navlist li a.nav-first	{ border-left:1px solid a6d076; margin-left:412px; }
#navlist li a:hover	{ color:#a2cc6a; }
#navlist li a.on	{ color:#3e211c; }

#navlist li ul.sf-menu	{ display:none; position:absolute; bottom:22px; left:4px; list-style:none; margin:0; width:130px; }
#navlist li:hover ul.sf-menu { display:block; visibility:inherit; }
#navlist li ul.sf-menu li	{ clear:both; display:block; margin:0 0 1px 0; padding:0; text-transform:none; position:relative; width:100%; }
#navlist li ul.sf-menu li a		{ display:block; margin:0; padding:0; color:#a6d076; text-decoration:none; }
#navlist li ul.sf-menu li a:visited	{ color:#a6d076; }
#navlist li ul.sf-menu li a:hover	{ color:#3e211c; }
#navlist li ul.sf-menu li a:active	{ color:#f60; }

#sidebar img	{ float:right; }