body,div,form,fieldset,p,h1,h2,h3,h4,h5,h6,label { margin: 0; padding: 0; }

html { background: #fff!important; background: #fff url(../media/images/column-html.jpg) repeat-y center top; height:100%;  }
body { color: #1A1A1A; font: 0.635em Tahoma, Verdana, Arial, Sans-serif; text-align: center; background: url(../media/images/bg-01.jpg) no-repeat fixed right bottom; height:100%; }

h1 { font-size: 220%; margin: 0 0 20px 0; line-height: 120%; }
h2 { font-size: 140%; margin: 0 0 0 0; line-height: 120%; }
p { margin: 15px 0; }

a { color: #006699; text-decoration: none; }
a:hover { color: #990000; text-decoration: underline; }
a:focus { outline: 0; }
.clr { clear: both; height: 0; overflow:hidden; }

#shell { font-size: 110%; line-height: 150%; text-align: left; width: 750px; margin: 0 auto; position: relative; background: transparent url(../media/images/column.jpg) repeat-y left top; }

#header { margin: 0 0 0 90px; padding: 30px 0 25px 0; }
#header h1 { margin: 0; }
#header h1 a { display: block; width: 300px; height: 43px;}

#nav { background: #030303 url(../media/images/column.jpg) repeat-y left top; height: 100%; width: 60px; text-align: center; overflow: hidden; position: fixed; top: 77px; }
* html #nav { position:absolute; left: 0; }
*:first-child+html #nav { margin-left: -90px; }
#nav ul { list-style: none; float: left; margin: 15px 0 15px 0; padding: 0 1px; }
#nav ul li { text-indent: -999em; float: left; margin: 0 0 10px 0; display: block; width: 58px; height: 40px; background-color: transparent; color: #fff; background-repeat: no-repeat; background-position: center top; }
#nav ul li a { text-indent: -999em; display: block; width: 58px; height: 40px; text-align: center; background-color: transparent; color: #fff; background-repeat: no-repeat; background-position: left top; }
#nav ul li.home a,#nav ul li.home { background-image: url(../media/images/home.jpg); }
#nav ul li.photos a,#nav ul li.photos { background-image: url(../media/images/photos.jpg); }
#nav ul li.video a,#nav ul li.video { background-image: url(../media/images/video.jpg); }
#nav ul li.resume a,#nav ul li.resume { background-image: url(../media/images/resume.jpg); }
#nav ul li.about a,#nav ul li.about { background-image: url(../media/images/about.jpg); }
#nav ul li.contact a,#nav ul li.contact { background-image: url(../media/images/contact.jpg); }
#nav ul li a:hover { background-position: top right; }

#content { margin: 0 0 0 90px; padding: 0; width: 425px; text-align: justify; }
p.notitle { margin-top: 0; }
#content p { clear: both; }
.flash { margin: 0 0 10px 0; }
p.info { margin-top: 0; color: #555; }
.tidy { width: 100%; text-align: left; margin: 0 0 30px 0;}
.tidy tr th { font-size: 90%; padding: 2px 5px; background: #f9f9f9 url(../media/images/th-bg.jpg) repeat-x bottom left; color: #fff; white-space: nowrap; border-right: 1px solid #222;  }
.tidy tr.odd td { padding: 2px 5px; background: #f9f9f9; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
.tidy tr.even td { padding: 2px 5px; background: #f1f1f1; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }

.thumb { float: left; margin: 0 1px 1px 0; padding: 0; }
.thumb img { margin: 0; padding:0; }

dl { overflow: auto; margin: 10px 0 30px 0; }
dt { font-weight: bold; width: 120px; float: left; clear: left; display: block; margin: 0; padding: 5px 0; }
dd { float: left; width: 300px; display: block; margin: 0; padding: 5px 0; color: #333; }

#footer { clear: both; margin: 20px 0 0 90px; padding: 0 0 15px 0; font-size: 90%; color: #999; width: 425px; }
#footer p { margin: 0; }