/* <nwap.fivetwelve.net/screen.css> 23 Jun 2010 */

 body { background-color: #CCCCCC; margin: 0; padding: 0; }
 #wrap { width: 720px; background-color: #CCCCCC; margin: auto; border: 1px solid #990033; }

 #head { width: 710px; padding: 5px; background-color: #FFFFFF; border-bottom: }
 #main { width: 575px; padding: 5px; background-color:#99CCCC; float: right; }
 #pics { width: 575px; background-color:#99CCCC; border: 5px solid #669999; float: right; }
 #nav { width: 125px; padding: 5px; background-color:#CCCCCC; float: left; position: fixed; }
 #foot { width: 710px; padding: 5px; background-color: #CCCCCC; clear: both; border-top: 1px solid #990033; }
 #end { width: 710px; clear: both; }
 div#head p { font-size:12px; text-align: center; }
 div#pics small { font-style: italic; }
 div#pics .tag { color: black; }

 table { width: 100%; border: 0px; border-spacing: 0px; }
 td { padding: 0px; }

 h1 { color: black; font-family: LucidaGrande, sans-serif; font-size:24px; font-weight: bold; text-align: center; margin: 0.2em; }
 h2 { color: black; font-family: LucidaGrande, sans-serif; font-size:14px; font-weight: bold; text-align: center; margin-top: -0.3em; margin-bottom: 0.2em; }
 h3 { color: black; font-family: LucidaGrande, sans-serif; font-size:14px; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; }
 h4 { color: #990033; font-family: LucidaGrande, sans-serif; font-size:12px; font-weight: normal; margin-top: 0.5em; margin-bottom: 0.5em; }
 p, dl, td, li { color: black; font-family: LucidaGrande, sans-serif; font-size:12px; margin-top: 0.5em; margin-bottom: 0.5em; }
 ul { list-style: circle; margin-left: 1em; padding-left: 0.4em; margin-top: 0em; margin-bottom: 0em; }
 ol { margin-left: 1.5em; padding-left: 0.6em; margin-top: 0em; margin-bottom: 0em; }

 a:link { color: blue; text-decoration: none; }
 a:visited { color: purple; text-decoration: none; }
 a:hover { color: white; text-decoration: none; background-color: green; }
 a:active { color: green; text-decoration: none; background-color: white; }
 .rd:link { color: brown; text-decoration: none; }
 .rd:hover { background-color: red; color: white; }

 hr { border: 0; height: 1px; width: 100%;  color: #990033; background-color: #990033; }
 pre { font-size: 12px; } 
 span { color: #990033; }

 .byl { font-size: 10px; font-style: italic; text-align: center; }
 .poem { font-family: Comic Sans MS; }
 .bio { font-size: 10px; font-style: italic; color: black; }
 .tag { font-size: 10px; font-style: italic; color: #990033; }
 .tgc { font-size: 10px; font-style: italic; color: #990033; text-align: center; }
 .msg { font-family: Monaco, Courier; font-size: 12px; background-color: #EEEEEE; padding: 5px; }
 .pic { text-align: center; }
 
 div#nav h3 { color: #990033; font-size:14px; font-weight: bold; text-align: center; margin-top: 0em; margin-bottom: 0.2em; }
 div#nav p { display: block; text-align: center; margin-top: 0em; margin-bottom: 0em; padding: 0px; }

 div#nav a:link { display: block; border: 1px solid #CCCCCC; }
 div#nav a:visited { display: block; border: 1px solid #CCCCCC; }
 div#nav a:hover { display: block; border: 1px solid #FFFFFF; }
 div#nav a:active { display: block; border: 1px solid #CCCCCC; }