/* navigation
--------------------------------------------------*/
#navigation          { background-color: #f60; text-align: center; width: 100%; height: 20px  ; float: none; padding-top: 0; padding-bottom: 0; }
#home #navigation  { text-align: center; width: 100% ; }
#navigation li  { text-align: center; float: left }
#navigation a  { color: #fff; text-decoration: none; float: left; margin-right: 20px; padding: 0; display: block    }
#navigation a:hover      { color: #f90; text-decoration: none; background-color: #fff }
#navigation a:active { color: #a9a9a9; text-decoration: none }
.current { color: #a9a9a9; text-decoration: none }
#home #navhome a,
#about #navabout a,
#output #navoutput a,
#journal #navjournal a,
#journalentry #navjournal a,
#photography #navphotos a,
#links #navlinks a,
#contact #navcontact a   { color: #f5f5f5 }
ul    { color: #333; font-size: 12px; text-align: right; position: relative; list-style-type: none; }
li    { margin-right: 20px; }
#navigation b { color: white; font-weight: bold; font-size: 12px }
#navigation a:active { color: #a9a9a9 }
.right { float: left; }