body { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; line-height: 150%; padding: 0; margin: 0; background-color: #000; color: #fc6; text-align: center;}
.clear { clear: both; }
.float { float: right; margin: 1em 0 0 30px; }
h1, h2, h3, h4, h5, h6 { color: #fff; }
a { color: #ddd; }
a:hover { color: #fff; }
a img { border: none; }

img#me { border: 6px solid #fc6!important; 
box-shadow: 7px 7px 8px #333;
-webkit-box-shadow: 7px 7px 8px #333;
-moz-box-shadow: 7px 7px 8px #333;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#333, offX=7, offY=7, positive=true);
}


div#nav { background-color: #000; text-align: center; }
div#nav ul { padding: 0; margin: 0 auto; display: block; width: 800px; }
div#nav li { float: left; font-size: 90%; list-style-type: none; }
div#nav li a { width:auto; display: block; height: 20px; padding: 15px 0 15px 35px; margin-right: 50px; text-transform: uppercase; text-decoration: none; font-weight: bold; color: #fc6; }

div#nav li#nav-home a { background: transparent url(img/nav-home.gif) 0 0 no-repeat; }
div#nav li#nav-about a { background: transparent url(img/nav-about.gif) 0 0 no-repeat; }
div#nav li#nav-portfolio a { background: transparent url(img/nav-portfolio.gif) 0 0 no-repeat; }
div#nav li#nav-contact a { background: transparent url(img/nav-contact.gif) 0 0 no-repeat; }

body.home li#nav-home a { color: #fff; background-position: 0 -50px!important; }
body.about li#nav-about a { color: #fff; background-position: 0 -50px!important; }
body.portfolio li#nav-portfolio a { color: #fff; background-position: 0 -50px!important; }
body.contact li#nav-contact a { color: #fff; background-position: 0 -50px!important; }

div#nav li a:hover { color: #fff; background-position: 0 -50px!important; }

div#container { background: #5f1600 url(img/me_bkgd_left.png) left top repeat-y; padding: 0; margin: 0; }
div#subcontainer { background: transparent url(img/me_bkgd_right.png) right top repeat-y; padding: 0; margin: 0; }

p.attribution { text-align: right; }

div#content { width: 800px; margin: 0 auto; padding: 20px 0 50px; text-align: left; }

div#content p { padding: .5em 0; margin: 0; }
img#spacegirl { float: right; position: relative; top: -20px; }

ul.speak { padding-bottom: 50px; }
ul.speak li { margin: .75em 0; }


ul.findme {  display: block; width: 300px; list-style-type: none; margin: 0; padding: 20px 0; }
ul.findme li { margin: 0 0 20px 0;  }
ul.findme li a { display: block; height: 32px; padding: 2px 0 0 42px; }

	ul.findme li a.delicious { background: transparent url(img/findme/delicious.gif) 0 0 no-repeat; }
	ul.findme li a.email { background: transparent url(img/findme/email.gif) 0 0 no-repeat; }
	ul.findme li a.facebook { background: transparent url(img/findme/facebook.gif) 0 0 no-repeat; }
	ul.findme li a.linkedin { background: transparent url(img/findme/linkedin.gif) 0 0 no-repeat; }
	ul.findme li a.flickr { background: transparent url(img/findme/flickr.gif) 0 0 no-repeat; }
	ul.findme li a.google { background: transparent url(img/findme/google.gif) 0 0 no-repeat; }
	ul.findme li a.slideshare { background: transparent url(img/findme/slideshare.gif) 0 0 no-repeat; }
	ul.findme li a.tumblr { background: transparent url(img/findme/tumblr.gif) 0 0 no-repeat; }
	ul.findme li a.twitter { background: transparent url(img/findme/twitter.gif) 0 0 no-repeat; }

body.about div#content blockquote { margin-bottom: 0; }
body.about div#content blockquote p { margin: 0; padding: 0;}
body.about div#content p.attribution { font-style: italic; margin: 0; padding: .5em 0 1.5em;}

body.home div#content { padding: 50px 0 0; }

div#speedoflight { margin-top: 1700px; }