body     { font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("body2.gif"); background-position: 50% 0; margin: 0; padding: 0 }
a, a:link, a:visited, a:hover, a:active  { color: #c90; text-decoration: none }
p   { color: #630; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em }
td {}
#page { background-color: #fff; background-image: url("page_background.gif"); display: block; margin-right: auto; margin-left: auto; width: 720px; border-style: solid; border-width: 0 1px; border-color: #fff }
#title { background-image: url("title_background.gif"); background-repeat: repeat-x; display: block; margin: 0; padding: 0; height: 40px; overflow: hidden }
#header   { background-image: url("background_03.jpg"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; height: 160px; overflow: hidden }
#menu     { color: #fc3; background-image: url("background_03.jpg"); background-position: 0 bottom; padding-left: 20px; width: 700px; float: left }
#col_1      { display: block; margin: 0; padding: 0; width: 160px; float: left; overflow: hidden; border-style: solid none none; border-width: 1px 0 0; border-color: white }
#col_1 p { margin-top: 0; padding-top: 0 }
#col_2       { background-color: #fff; display: block; margin: 0; padding: 0; width: 400px; float: left; overflow: hidden; border-top: 1px solid #fff }
#col_2 img { display: block; margin-top: 2px; margin-right: 6px; margin-bottom: 6px; padding: 2px; float: left; border: solid 1px #000 }
#col_3     { display: block; margin: 0; padding: 0; width: 160px; float: left; overflow: hidden; border-style: solid none none; border-width: 1px 0 0; border-color: white }
h1.swap   { background-repeat: no-repeat; display: block; margin: 0; padding: 30px 0 0; height: 0; overflow: hidden }
h1#t-home  { background-image: url("h1_home.png") }
h1#t-biography  { background-image: url("h1_biography.png") }
h1#t-blank  { background-image: url("h1_blank.png") }
h1#t-books  { background-image: url("h1_books.png") }
h1#t-contents { background-image: url(h1_contents.png); }
h1#t-tvShows  { background-image: url("h1_tvShows.png") }
h1#t-journalism  { background-image: url("h1_journalism.png") }
h1#t-cafeReviews  { background-image: url("h1_cafeReviews.png") }
h1#t-randomThoughts  { background-image: url("h1_randomThoughts.png") }
h1#t-randomThoughtsSM  { background-image: url("h1_randomThoughtsSM.png") }
h1#t-flatChat  { background-image: url("h1_flatChat.png") }
h1#t-flatChatSM{ background-image: url("h1_flatChatSM.png") }
h1#t-information  { background-image: url("h1_information.png") }
h1#t-latestCafeReview { background-color: #fc0; background-image: url("h1_latestCafeReview.png") }
h1#t-elsewhere     { background-image: url("h1_elsewhere.png"); width: 160px }
h1#t-credits    { background-image: url("h1_credits.png"); margin-top: 30px }
h1#t-tvCredits     { background-image: url("h1_tvCredits.png") }
h1#t-latestFlatChatColumn  { background-image: url("h1_latestFlatChatColumn.png") }
h1#t-archive  { background-image: url("h1_archive.png") }
h2      { color: #c90; font-size: 0.8em; font-weight: normal; margin: 20px 0 0; overflow: hidden }
#col_2 h2   { color: #c90; font-size: 1.2em; font-weight: normal; margin-right: 0; margin-bottom: 0; margin-left: 0; overflow: hidden }
#credits h2 { font-size: 0.6em; margin-top: 20px }
div.extLinks, div.cafeReview, div.information    { margin-right: 20px; margin-bottom: 30px; margin-left: 20px }
div.cafeReview { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0   }
.posted  { margin-right: 20px; margin-bottom: 10px; margin-left: 20px; border-top: 1px dotted #c90 }
ul.extLinks, ul.intLinks    { list-style-type: none; display: block; margin: 0; padding-left: 0; overflow: hidden }
ul.extLinks li      { color: #630; font-size: 10px; line-height: 1.5em; background-image: url("icon_offsite_red.gif"); background-repeat: no-repeat; background-position: 1px 4px; margin: 0; padding-left: 20px }
ul.intLinks li { color: #630; font-size: 10px; line-height: 1.5em; background-image: url("icon_onsite_red.gif"); background-repeat: no-repeat; background-position: 1px 4px; margin: 0; padding-left: 20px }
ul.extLinks li a, ul.intLinks a { color: #630; text-decoration: none }
ul.extLinks li a:hover, ul.intLinks li a:hover { border-bottom: 1px dotted #960 }
#currentlink a { color: #c90; }
#navigation ul     { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: lowercase; list-style-type: none; margin: 0; padding: 0; vertical-align: middle }
#navigation li      { background-color: #630; background-image: none; margin: 0; padding: 0; height: 100%; float: left; vertical-align: middle; border-top: 1px solid #fff; border-left: 1px solid #fff }
#navigation li#flatchat { background-color: #930; background-image: none; margin: 0; padding: 0; height: 100%; float: left; vertical-align: middle; border-right: 1px solid white; border-left: 1px solid #fff }
#navigation a  { color: #fff; font-weight: normal; text-decoration: none; display: block; padding: 3px 10px; vertical-align: middle }
/* #navigation li a    { color: #fff; font-weight: normal; text-decoration: none; display: block; margin: 0; padding: 0; vertical-align: middle } */
#navigation a:hover    { color: #960; background-color: #fff }
	
#navigation #currentpage a  { color: #c90; font-weight: normal; background: #fff }
#footer   { background-color: #c90; display: block; margin: 0; padding: 0; width: 720px; clear: both; border-top: 1px solid #fff; border-bottom: 4px solid #630 }
#footer p { color: #fff; text-indent: 20px; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0 }

