/* CSS Document */ /* Start with the basic XHTML elements */ body {font: small/2em verdana, tahoma, sans-serif; color: #082543; background: #9aa url(images/btgrdk.gif) bottom left fixed repeat-x ; margin: 0; padding: 0; min-width: 840px; text-align: center;} p, li, dt, dd, td {font-size: 90%;line-height: 1.7em;} ul li {list-style-image: url(i/li1.gif);} ul.no li {list-style-image: none; list-style-type: none;} ins {text-decoration: none;} blockquote {font-size: 10px; font-style: italic; line-height: 1.2; margin: 2em 3em; padding: 4px; background-color: #D7E4F6;} input, textarea {font: 100%/1.2em verdana, sans-serif;} hr {border: none; height: 1px; background: #CCCCCC url(images/w1.gif) top left repeat-x; width: 60%; margin-left: auto; margin-right: auto; margin-bottom: 1em; text-align: center;} pre, .references, .linked {font-size: 93%; margin: 0 8px 4px 15px; background-color: #D7E4F6; padding: 2px; 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: 2px; color: #175AAB; 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-bottom: .6em; margin-top: 0; margin-left: 10px; line-height: 1em;} h5 {font-size: 90%; margin-bottom: 0px; margin-top: .7em;} h6 {margin: 0px;} a, a:link {font-weight: normal; 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: #000000 url(images/bak2.jpg) ; padding-bottom: 1em; width: 840px; border: solid 1px #000000; border-right-color: #FFFFFF; border-top-width: thin; border-top-color: #000099; } /* 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;} #supportingText {background: transparent url(images/b2.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: 0px 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: 570px; font: 100% 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; line-height: 1.1em; padding: 8px; background: #000000 url(images/bak3.jpg) no-repeat; min-height: 150em;; } #linkList h5, #linkList h6 {margin: 0;} #linkList h5 { font: 87% 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; font-weight: bold; color: #E5ECF8; background-color: #7DA4D4; margin: 2px; padding: 4px; width: 206px; border: 1px solid #FFFFFF; } #linkList h6 {font-size: 87%; color: #FFFFFF; font-weight: bold; width: 250px; margin-top: 10px; } #linkList a:link {color: #FFFFCC; /*#4F7CB3;*/ font-weight: bold; text-decoration: none;} #linkList a:visited {color: #FFFFCC; /*#7DA4D4;*/ text-decoration: none;font-weight: bold} #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: 2px; padding: 3px; } #linkList li a:hover {color: #E5ECF8; background-color: #7DA4D4; text-decoration: none;} #linkList ul, #linkList dl {width: 190px; padding: 0; margin: 0;} 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 {float: right ; 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: 50px; } #linkUps li {line-height: 1px;} #linkUps li a:link, #linkUps li a:visited {line-height: 1em;} #linkUps strong {color: #C6DBF7;} #firstGroup { width: 120px; float: left; margin: 0.3em 0 1.5em 0.3em; } #secondGroup {width: 120px; float: left; margin: 0.3em 0 1.5em 0.3em;} #theDailies, #recentComments {margin-right: 7px;} #theDailies li {padding-left: 5px; margin-bottom: 20px;} #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;} /* /* Dailies */ .dailies ul li {list-style-image: none; list-style-type: none; margin-bottom: 3px;} /* Contact */ label {clear: both;} .side { font: 70% "Lucida Sans Unicode", verdana, sans-serif; color: #FFFFFF; line-height: 1em; padding-top: 10px; padding-right: 10px; width: 200px; margin-left: 20px;} .sideT {font: 90% "Lucida Sans Unicode", verdana, sans-serif; color: #FFFFFF;line-height: font-weight: bold; 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; float: right; width: 200px; } #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;}