html, body, ul, li, a, p, img, h1, h2, h3 {
margin: 0;
padding: 0;
text-decoration: none;
list-style-type: none;
color: #000;
font: 14px Georgia, serif;
line-height: 1.3em;
}

#wrap {
margin: 0 auto;
width: 700px;
}

/*** MAIN ***/

#main {
padding: 20px;
margin: 5px 0 5px 300px;
width: 420px;
border-left: 1px solid #336699;
}

#main .title {
padding-bottom: 2em;
}

#main h1 {
font: bold 18px Trebuchet MS, Helvetica, sans-serif;
}

#main h2 {
font: italic 14px Trebuchet MS, Helvetica, sans-serif;
padding-bottom: 1em;
}

#main a {
color: #336699;
}

#main p {
padding-bottom: 1em;
}

#main a:hover {
color: #ff6633;
}

#main #nav {
padding-bottom: 50px;
clear: both;
}

#main #nav li {
float: left;
}

#main #nav li a {
display: block;
width: 80px;
}

/*** LEFT COL ***/

#menu {
position: absolute;
margin: 20px 0 0 240px;
}

#menu li {
text-indent: -9999px;
}

#menu li a {
display: block;
width: 40px;
height: 20px;
overflow: hidden;
}

.home {
background: url(images/home.gif) top right no-repeat;
}

.about {
background: url(images/about.gif) top right no-repeat;
}

.route {
background: url(images/route.gif) top right no-repeat;
}

.gear {
background: url(images/gear.gif) top right no-repeat;
}

.blog {
background: url(images/blog.gif) top right no-repeat;
}

#menu li a:hover {
background-position: top left;
}

#menu li a.here {
background-position: top left;
}

.here {
background-position: top left;
}

/*** BLOG ***/

.highslide-gallery {
position: absolute;
width: 350px;
margin: 212px 0 0 -38px;
}

#blog-nav {
position: absolute;
margin: 161px 0 0 209px;
}

#blog-nav li {
display: inline;
}

#blog-nav a {
padding-right: 10px;
color: #336699;
font: bold 14px "Trebuchet MS", sans-serif;
}

#blog-nav a:hover {
color: #ff6633;
}

#blog-nav a.select {
color: #ff6633;
}

/*** GEAR ***/

.gear-list li {
list-style-type: circle;
margin-left: 15px;
line-height: 1.7em;
}

#main .top {
font-weight: bold;
text-decoration: underline;
line-height: 2em;
list-style-type: none;
margin-left: 0;
}

.personal {
padding-bottom: 40px;
}

/*** ROUTE ***/

.facts {
margin-bottom: 1em;
}

.facts li {
list-style-type: circle;
margin-left: 15px;
line-height: 1.7em;
}

h3 {
font: bold 14px "Trebuchet MS", sans-serif;
text-decoration: underline;
margin-bottom: .5em;
}