body {font: small/2em verdana, tahoma, sans-serif; color: #082543; background: #84AEDE url(/images/body2.gif) top center repeat-y; margin: 0; padding: 0; min-width: 840px; text-align: left;} p, li, dt, dd, td {font-size: 83%;line-height: 1.7em;} ul.ref, ul.schedule { border-width: 1px; border-color: #87b0de; border-style: dashed; } ul.ref li, ul.schedule li { list-style-image: url(/images/dot.gif); font-size: 70%; } ul.schedule { float: left; padding-left: 20px; padding-right: 3px; margin: 3px; background-color: #D7E4F6; } ul.no li {list-style-image: none; list-style-type: none;} ins {text-decoration: none;} blockquote {font-style: italic; line-height: 2.7; margin: 2em 3em;} input, textarea {font: 100%/1.2em verdana, sans-serif;} hr {border: none; height: 3px; background: transparent url(/images/w1.gif) top left repeat-x; width: 60%; margin-left: auto; margin-right: auto; margin-bottom: 2em; text-align: center;} pre, .references, .linked {font-size: 93%; margin: 0 10px 2em 15px; background-color: #D7E4F6; padding: 5px; padding-left: 10px; border: solid 1px #A7C1E9;} ul.references li, ul.linked li {font-size: 100%; list-style-type: none; list-style-image: none;} code {font-size: 110%;} h3 {font: 110% 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; font-weight: normal; letter-spacing: -1px; color: #48618B; margin: 0; margin-top: 1.7em;} h3 a:link, h3 a:visited {font: 110% 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; font-weight: normal; letter-spacing: -1px; color: #175AAB; /*#48618B;*/ text-decoration: none; margin: 0;} h3 a:hover {color: #6697D3; text-decoration: underline;} h4 {font-weight: normal; font-size: 75%; font-style: italic; color: #5673A7; padding-top: 0; margin-top: 0; margin-left: 10px; line-height: 1em;} h5 {font-size: 90%; margin-bottom: 0px;} h6 {margin: 0px;} a, a:link {font-weight: bold; color: #3B7EBB; text-decoration: underline;} a:visited {font-weight: normal; color: #405C7F; text-decoration: underline;} a:hover {color: #6697D3; text-decoration: underline;} /* catch-alls */ .fl {float: left;} .fr {float: right;} /* Let's set our structural elements next */ /*These three ensure our 840px wide content area centers in both IE5 and more capable browsers. margins are for Moz/Op/Saf, text align here and in header is for IE 5. */ #container {text-align: left; margin-left: auto; margin-right: auto; background: #B5CFF7 url(/i/bg1.gif) bottom left repeat-x; padding-bottom: 1em; width: 840px;} /* Header misc. */ #pageHeader, #pageHeader h1 {margin: 0; padding: 0;} /*#pageHeader h1 a:link, #pageHeader h1 a:visited {background: #FF4931 url(/i/h-main.jpg) top left no-repeat; width: 840px; height: 95px; margin: 0; display: block;}*/ #pageHeader h1 a:link, #pageHeader h1 a:visited {background-image: url(/i/h-main.jpg); width: 840px; height: 95px; margin: 0; display: block;} #pageHeader h1 span, #pageHeader h2, #pageHeader h3 {display: none;} /* For Second Voice sub-pages */ .secondVoice #pageHeader h1 a:link, .secondVoice #pageHeader h1 a:visited {background: #FF4931 url(/i/h-secondvoice.jpg) top left no-repeat;} /* Various Navigation */ #siteInfo, #projects {text-align: right; list-style-type: none; margin: 0; padding: 0;} #siteInfo {height: 16px; background: #E3E6FA url(/i/bg2.gif) top left no-repeat; padding-left: 610px;} #siteInfo li {margin: 0; padding: 0; display: block; float: left;} #siteInfo li a span, #projects li a span {display: none;} #siteInfo li a:link, #siteInfo li a:visited {margin-left: 30px;} #siteInfo li.li1 a:link, #siteInfo li.li1 a:visited {width: 39px; height: 16px; background-image: url(/i/nav1-1.gif); display: block;} #siteInfo li.li2 a:link, #siteInfo li.li2 a:visited {width: 45px; height: 16px; background-image: url(/i/nav1-2.gif); display: block;} #siteInfo li.li3 a:link, #siteInfo li.li3 a:visited {width: 50px; height: 16px; background-image: url(/i/nav1-3.gif);} #siteInfo a:link {background-color: #A3C5D8; background-position: top left; background-repeat: no-repeat; display: block;} #siteInfo li a:visited {background-color: #A3C5D8; background-position: top left; background-repeat: no-repeat; display: block;} #siteInfo li a:hover {background-color: #F2462E;} #siteInfo li a:active {background-color: #5F879D;} /* magic MOSe hover menus */ div#sec1, div#sec2 {display: none; position: absolute; top: 111px; left: 0; width: 100%; padding: 0; margin: 0; text-align: center;} #sec1 ul, #sec2 ul {width: 126px; padding: 0; margin-left: auto; margin-right: auto;} #sec1 li {margin-left: 174px; float: none;} #sec2 li {margin-left: 249px; float: none;} #sec1 li.li3, #sec2 li.li7 {width: 146px; padding: 0 4px 6px 0; background: url(/i/menu-shadow.png) bottom right no-repeat;} #siteInfo li.li1 #sec1 li a:link, #siteInfo li.li1 #sec1 li a:visited, #siteInfo li.li2 #sec2 li a:link, #siteInfo li.li2 #sec2 li a:visited {color: #fff; font-weight: bold; line-height: 1em; background: transparent url(/i/bg15.png) repeat; width: 110px; margin: 0; text-align: left; text-decoration: none; padding: 3px 30px 2px 6px; border: 0; border-right: solid 1px #9AB6DF; border-bottom: solid 1px #9AB6DF; display: block;} #siteInfo li.li1 #sec1 li a:hover, #siteInfo li.li2 #sec2 li a:hover {background: #6294D1; background-position: center right; background-repeat: no-repeat;} li.li1:hover > #sec1, li.li2:hover > #sec2 {display: block; z-index: 9;} /* projects links */ #projects {height: 40px; background: #BBD3F8 url(/i/bg3.gif) top left no-repeat; padding-left: 391px;} #projects li {display: inline; margin: 0; padding: 0;} #projects li a:link, #projects li a:visited {width: 125px; height: 40px; display: block; float: left;} #projects li.li1 {display: block; float: left; background: transparent url(/i/nav2-1.gif) top left no-repeat; width: 197px; position: relative; left: 42px;} #projects li.li1 a:link, #projects li.li1 a:visited {float: right; background: transparent url(/i/nav2-2b.gif) top left no-repeat; z-index: 1;} #projects li.li1 a:hover {background-position: 0px -41px;} #projects li.li2 a:link, #projects li.li2 a:visited {background: transparent url(/i/nav2-3b.gif) top left no-repeat; position: relative; left: 22px; z-index: 2;} #projects li.li2 a:hover {background-position: 0px -41px;} #projects li.li3 a:link, #projects li.li3 a:visited {background: transparent url(/i/nav2-4b.gif) top left no-repeat; z-index: 3;} #projects li.li3 a:hover {background-position: 0px -41px;} #skipNav, #skipReplies {display: none;} #supportingText {background: transparent url(/i/bg4.gif) top left no-repeat;} /* Body area, ie. Where the Good Stuff goes */ #mainContent { padding: 0 20px 20px 20px; margin: 0 20px 1em 16px; border: solid 1px #A5BAF7; border-top-color: #B5CAF7; border-left-color: #B5CAF7; background-color: #C6DBF7; /* D6E6FD */ float: left; /* min-height: 85em; */ width: 524px; voice-family: "\"}\""; voice-family:inherit; width: 484px; } #mainContent p, #mainContent dl {margin: 0 10px 1.5em 10px;} #mainContent h3 {font-size: 120%;} #mainContent h5, #mainContent h6 {margin-left: 10px;} #mainContent acronym, #mainContent abbr {border-bottom: dotted 1px #214973; cursor: help; font-size: 90%; font-style: normal; letter-spacing: 1px;} #mainContent a img {border: 0;} #mainContent .flLeft {margin: 10px 10px 10px 0; float: left;} #mainContent .flRight {margin: 10px; float: right;} #mainContent .b, #mainContent .b {border: solid 1px #A5BCDB; border-bottom: solid 2px #B6CCE9; border-right: solid 2px #B6CCE9;} /* right hand side, ie. Where the Rest goes */ #linkList {margin-left: 583px; font: 90% 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; line-height: 1.1em; padding-top: 10px;} #linkList h5, #linkList h6 {margin: 0;} #linkList h5 {font: 87% 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; font-weight: normal; color: #E5ECF8; background-color: #7DA4D4; margin: 0; margin-top: 8px; padding-left: 4px; width: 116px;} #linkList h6 {font-size: 87%; font-weight: normal;} #linkList a:link {color: #175AAB; /*#4F7CB3;*/ font-weight: normal; text-decoration: none;} #linkList a:visited {color: #5780B1; /*#7DA4D4;*/ text-decoration: none;} #linkList a:hover, #linkList a:active {text-decoration: underline; color: #1F6ECE;} #linkList li {list-style-type: none; list-style-image: none; padding: 0; margin: 0;} #linkList li a:link, #linkList li a:visited {display: block; margin: 0px; padding: 1px;} #linkList li a:hover {color: #E5ECF8; background-color: #7DA4D4; text-decoration: none;} #linkList ul, #linkList dl {width: 120px; padding: 0; margin: 0;} #styleswitch {padding: 10px; text-align: center;} #styleswitch span {display: none;} #styleswitch a.sm:link, #styleswitch a.sm:visited {margin-left: 70px; display: block; background: url(/i/switch-radar-sm.gif) no-repeat; width: 27px; height: 21px; float: left;} #styleswitch a.lg:link, #styleswitch a.lg:visited {margin-left: 120px; display: block; background: url(/i/switch-radar-lg.gif) no-repeat; width: 27px; height: 21px;} ul#tools, ul#pjPhotos, ul#alsoLinks, #theDailies ul, ul#webDesign, ul#mustHaves, ul#currentHappenings {list-style-type: none; margin: 0; padding: 0;} ul#tools li, ul#pjPhotos li {display: inline;} /* image replacement for headers */ #recommending h4, #photoJournal h4, #alsoAvailable h4, #linkUps h4 {width: 253px; height: 17px; margin: 0;} #recommending h4 span, #photoJournal h4 span, #alsoAvailable h4 span, #linkUps h4 span {display: none;} #recommending h4 {background: transparent url(/i/h-recommending.gif) top left no-repeat;} #alsoAvailable h4 {background: transparent url(/i/h-also.gif) top left no-repeat;} #linkUps h4 {background: transparent url(/i/h-link.gif) top left no-repeat;} #linkList ul#tools {height: 57px; width: 252px; padding-top: 12px;} #tools li a:link, #tools li a:visited {width: 80px; height: 47px; padding: 0; background-position: 12px 0; background-repeat: no-repeat; margin: 0; float: left;} #tools li a:hover {background-color: transparent;} #tools .li1 a:link, #tools .li1 a:visited {background-image: url(/i/ico_lite1a.gif);} #tools .li1, #tools .li1 a:hover {background-position: 12px -47px;} #tools .li2 a:link, #tools .li2 a:visited {background-image: url(/i/ico_rss.gif);} #tools .li2, #tools .li2 a:hover {background-position: 12px -47px;} #tools .li3 a:link, #tools .li3 a:visited {background-image: url(/i/ico_archives1a.gif);} #tools .li3, #tools .li3 a:hover {background-position: 12px -47px;} #tools .li1 span, #tools .li2 span, #tools .li3 span {display: none;} #recommending img {border: 0; float: left; margin: 10px 10px 15px 0;} #recommending h5 {background: transparent url(/i/bg10.gif) bottom right no-repeat; width: auto; color: #214973; padding-bottom: 9px;} #recommending h5 a:link, #recommending h5 a:visited {display: block; margin: 0;} #recommending p {margin-top: 0; padding: 7px 10px 0 0; line-height: 1.4em;} #alsoAvailable {padding: 5px 0 15px 0;} /* hacking away for IE's benefit. Otherwise float: left would have been great */ #alsoLinks li {width: 127px; line-height: 1.4em; margin-bottom: -0.6em;} #alsoLinks li.li2, #alsoLinks li.li4, #alsoLinks .li6, #alsoLinks .li8 {position: relative; left: 130px; top: -1em;} #linkUps {padding-top: 10px;} #linkUps li {line-height: 3px;} #linkUps li a:link, #linkUps li a:visited {line-height: 1em;} #firstGroup {width: 120px; float: right;} #secondGroup {width: 120px; overflow: hidden;} #theDailies, #recentComments {margin-right: 7px;} #theDailies li {padding-left: 5px; margin-bottom: 3px;} #recentComments dl {margin: 0; overflow: hidden;} #recentComments dt {line-height: 1.3em; background: transparent url(/i/ico-com.gif) 0 3px no-repeat; margin-top: 0.5em; padding-left: 12px;} #recentComments dd {padding: 0; margin: 0.3em 0 1.5em 0; line-height: 1.3em;} #recentComments dd a:link, #recentComments dd a:visited {font-weight: bold;} /* Footer */ #footerBlock {clear: both; background: transparent url(/i/bg6.gif) center right no-repeat;} #footer { padding: 10px 20px 10px 20px; margin: 0 282px 0em 32px; border: solid 1px #A5BAF7; background-color: #C6DBF7; width: 524px; voice-family: "\"}\""; voice-family:inherit; width: 484px; } /* IE does odd things to #mainContent's l-margin + float. Hack on, Wayne. */ #footerBlock>#footer {margin-left: 16px; width: 484px;} #footerBlock p {margin: 0;} /* extra Weblog style */ /* replies */ .comments-body {background-color: #D4E4F9; margin: 6px; border-top: solid 1px #BAD3F5; border-bottom: solid 1px #DDE9FA; width: 473px; overflow: hidden;} .comments-body h3 {padding: 0 0 1em 10px;} .comments-body .replynumber {float: right; display: inline; margin: 0 5px 0 10px;} .comments-body .replynumber a:link, .comments-body .replynumber a:visited {font: normal 28px verdana, sans-serif; letter-spacing: -3px; color: #E5EFFB; text-decoration: none;} .comments-body .replynumber a:hover {text-decoration: underline; color: #fff;} .comments-body label {width: 120px; display: block; float: left;} .comments-body form {padding: 15px 15px 0 15px; margin: 0 15px; background-color: #D7E7FC; border: solid 1px #CEE0F8;} .comments-body form p {background-color: #DAEBFF; border: solid 1px #DDEDFF; border-bottom-color: #D2E7FF; border-top-color: #E2F0FF; margin: 0; padding: 4px;} .comments-body pre {background-color: #DDECFE; border: solid 1px #F6FFFF;} .postedBy {background: transparent url(/i/ico-com.gif) 0 5px no-repeat; padding-left: 15px;} #navLinks p, p.reply {background: transparent url(/i/bg7.gif) center left no-repeat; padding: 3px 3px 3px 35px;} #navLinks p {background-image: url(/i/bg8.gif);} #navLinks p a:link, #navLinks p a:visited, p.reply a:link, p.reply a:visited {text-decoration: none; padding: 1px 4px 1px 4px; border: solid 1px #C6D8F2; font-weight: normal;} /* More hacking for IE */ #navLinks p > a:link, #navLinks p > a:visited, p.reply > a:link, p.reply > a:visited {border-color: transparent;} #navLinks p a:hover, p.reply a:hover {color: #fff; background-color: #84B5E3; border-color: #6AA0D3;} /* Booklist style */ .rating {margin: 10px; float: left;} /* Bio */ .bio #mainContent img {float: right; margin: 0 0 10px 10px;} /* Colophon */ .colophon #mainContent img {border: none;} .colophon td.guide {width: 25%;} /* Dailies */ .dailies ul li {list-style-image: none; list-style-type: none; margin-bottom: 3px;} /* Contact */ label {clear: both;} /* Zen Garden */ .zengarden #mainContent dt {font-weight: bold;} /* Second Voice */ .svBio {font-size: 84%; margin: 0 10px 2em 15px; background-color: #D7E4F6; padding: 5px; padding-left: 10px; border: solid 1px #A7C1E9;} /* Archives - TEMPORARY, copied from previous design */ .calendar {float: left;} .calendar table, .calendar th, .calendar td, .calendar tr {padding: 0; margin: 0;} .calendar th {font: 70% "Lucida Sans Unicode", verdana, sans-serif; text-align: center; color: #C6D8F2; background-color: #9AB7E6; padding-left: 3px; padding-right: 3px;} .calendar td {font: 70% "Lucida Sans Unicode", verdana, sans-serif; text-align: center; color: #9AB7E6;} .calendar td a:link, .calendar td a:visited { text-decoration: none; color: #fff; background-color: #6F91C8; display: block;} .calendar td a:visited {background-color: #5F7DAF;} .calendar td a:hover, .calendar td a:active {background-color: #90ADDC;} .side {line-height: 1em; padding-top: 10px; padding-right: 10px; float: right; width: 140px; margin-left: 20px;} #mainContent .side h5 {font-weight: normal; padding: 3px; margin: 0 0 10px 0; color: #fff; background-color: #90ADDC;} .side a:link, .side a:visited {text-decoration: none; font-weight: normal; font-size: 84%; display: block; margin: 0 0 4px 0; padding: 2px; border: solid 1px #C6D8F2;} .side a:hover {color: #20619D; background-color: #BCD1F0; border-color: #DEE8F8;} /* thumbnails - temporary? copied from previous */ a.thumb, a.thumb:link {font-weight: normal; text-align: center; text-decoration: none; font: 9px/11px verdana, sans-serif; letter-spacing: -1px; color: #234975; background-color: #D2E2F9; border: solid 1px #D2E2F9; border-right: solid 1px #B6D0F5; border-bottom: solid 1px #B6D0F5; padding: 7px; margin: 5px; margin-left: 10px; margin-right: 10px; width: 110px;} a.thumb:hover {background-color: #B5CBEB; border-color: #E2EBF8;} a.thumb img {display: block; margin: 0px; border: solid 1px #D2E2F9; margin-left: auto; margin-right: auto;} a.thumb:hover img {border: solid 1px #C6D8F2;}