* { margin: 0; padding: 0; font: 11px Arial, Helvetica, sans-serif; }

body { background-color: #18191B; color: #FFF; }
body.home { background-image: url(img/home_bg.jpg); background-repeat: no-repeat; }
body.photos { background-image: url(img/photo_bg.jpg); background-repeat: no-repeat; }

/* change me to grow */
div#wrapper { width: 32500px; }

div#nav { position: absolute; top: 444px; }
div#nav ul { list-style-type: none; }
div#nav ul li { background-color: #000; display: block; margin-bottom: 2px; }
div#nav ul li.works { width: 100px; }
div#nav ul li.journal { width: 210px; }
div#nav ul li.contact { width: 160px; }
div#nav ul li a { display: block; color: #FFF; padding: 2px 0; }
div#nav ul li a:hover { color: #000; text-decoration: line-through; }
div#nav ul li.works a:hover { background-color: #ff007a; }
div#nav ul li.journal a:hover { background-color: #ff007a; }
div#nav ul li.contact a:hover { background-color: #ff007a; }
div#nav ul li a:hover span { color: #000; }
div#nav ul li span { margin: 0 6px; }
div#nav ul li.works span { color: #ff007a; }
div#nav ul li.journal span { color: #ff007a; }
div#nav ul li.contact span { color: #ff007a; }

ul { list-style-type: none; display: inline; }
ul li { display: inline; }

div#wrapper div.column { float: left; padding: 190px 0 0 0; margin-right: 45px; }
div#wrapper div#rowone { width: 220px; padding-left: 0; }
div#wrapper div#port { padding-top: 20px; padding-left: 45px; }
body div#wrapper div.spacer { width: 990px; height: 390px; }

p { margin-bottom: 10px; line-height: 15px; }

a, a:link, a:active, a:visited { color: #FFFF00; text-decoration: none; }