/* mezzoblue style: radar [master]  */


/* Start with the basic XHTML elements */
body {color: #082543; background: #84AEDE url(/i/rad/body.gif) top center repeat-y; margin: 0; padding: 0; min-width: 840px; text-align: center;
 font: x-small/2em verdana, tahoma, sans-serif;
 /* thank-you IE5 */
 voice-family: "\"}\""; 
 voice-family:inherit;
 font-size: small;
} p {}
p, li, dt, dd, td {font-size: 83%;line-height: 1.7em;}
dt h3 {font-size: 100%;}
ul li {list-style-image: url(/i/rad/li1.gif);}
ul.no li {list-style-image: none; list-style-type: none;}
ins {text-decoration: none;}

blockquote {font-style: normal; line-height: 3ex;}
input, textarea {font: 100%/1.2em verdana, sans-serif;}
hr {border: none; height: 3px; background: transparent url(/i/rad/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%;}
img {border: 0;}

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;}

h1, .homePage h2 {font: 120% 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; font-weight: normal; letter-spacing: -1px; color: #48618B; margin: 0; margin-top: 1.7em;}
.homePage h2 a:link, .homePage h2 a:visited {font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; font-weight: normal; letter-spacing: -1px; color: #175AAB; text-decoration: none; margin: 0;}
.secondLevel h2 {font-size: 90%; margin-bottom: 0;}
h2 a:link, h2 a:visited {font-weight: bold; color: #48618B; text-decoration: none;}
h2 a:hover {color: #6697D3;}
h3 {font-size: 90%; margin-bottom: 0;}
h4 {font-size: 80%; margin-bottom: 0; letter-spacing: 2px;}

#container {text-align: left; margin-left: auto; margin-right: auto; background: #B5CFF7 url(/i/rad/bg1.gif) bottom left repeat-x; padding-bottom: 1em; width: 840px;}


/* catch-alls */
.date {font-weight: normal; font-size: 75%; font-style: italic; color: #5673A7; padding-top: 0; margin-top: 0; margin-left: 10px; line-height: 1em; margin-bottom: 1em; display: block;}
.hide {display: none;}
.fl {float: left;}
.fr {float: right;}
/* temp */
.notice {background: #DDE9FA; padding: 8px; margin-top: 1em; border: solid 1px #B9D3E8;}


/* Header misc. */
#pageHeader, #pageHeader h2 {margin: 0; padding: 0; width: 840px; height: 95px; background-image: url(/i/rad/h-main.jpg);}
#pageHeader h2 a:link, #pageHeader h2 a:visited {width: 840px; margin: 0; border: 0; display: block;
 padding: 95px 0 0 0;
 height: 95px;
 overflow: hidden;
 voice-family: "\"}\""; 
 voice-family:inherit;
 height: 0;
} p {}
#pageHeader h3, #pageHeader h4 {font-size: small; position: absolute; left: -9999px;}



/* For Second Voice sub-pages */
.secondVoice #pageHeader h1 a:link, .secondVoice #pageHeader h1 a:visited {background: #FF4931 url(/i/rad/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/rad/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.li0 {display: none;}
#siteInfo li.li1 a:link, #siteInfo li.li1 a:visited {width: 39px; height: 16px; background-image: url(/i/rad/nav1-1.gif); display: block;}
#siteInfo li.li2 a:link, #siteInfo li.li2 a:visited {width: 45px; height: 16px; background-image: url(/i/rad/nav1-2.gif); display: block;}
#siteInfo li.li3 a:link, #siteInfo li.li3 a:visited {width: 50px; height: 16px; background-image: url(/i/rad/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;}

#siteInfo p, #sec3 {display: none;}

/* 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.li5 {background: url(/i/rad/menu-shadow.png) bottom right no-repeat;
 width: 150px;
 padding: 0 4px 6px 0;
 voice-family: "\"}\""; 
 voice-family: inherit;
 width: 146px;
} p {}

#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/rad/bg15.png) repeat;  margin: 0; text-align: left; text-decoration: none; border: 0; border-right: solid 1px #9AB6DF; border-bottom: solid 1px #9AB6DF; display: block;
 padding: 3px 30px 2px 6px;
 width: 147px;
 voice-family: "\"}\""; 
 voice-family: inherit;
 width: 110px;
} p {}
#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/rad/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/rad/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/rad/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/rad/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/rad/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/rad/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;
} p {}
#mainContent p, #mainContent dl {margin: 0 10px 1.5em 10px;}
#mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 {margin-left: 10px;}
.homePage #mainContent h2 {margin-left: 0;}
#mainContent acronym, #mainContent abbr {border-bottom: dotted 1px #214973; cursor: help; font-size: 90%; font-style: normal; letter-spacing: 1px;}
#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;}


.homePage #mainContent h1, #linkList h2 {position: absolute; left: -9999px; font-size: small;}

/* 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 h4, #linkList h5 {margin: 0;}
#linkList h4 {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; letter-spacing: 0;}
#linkList h5 {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; display: inline;}
#linkList li a:link, #linkList li a:visited {display: block; margin: 0 0 2px 0; padding: 1px;}
#linkList li a:hover {color: #E5ECF8; background-color: #7DA4D4; text-decoration: none;}

#linkList ul, #linkList dl {width: 120px; padding: 0; margin: 0;}

/*-- Style Switcher --*/
#styleswitch {padding: 0 10px 10px 20px; position: relative;}
* html #styleswitch {left: -25px;}
#styleswitch span {display: none;}
#styleswitch a:link, #styleswitch a:visited {display: block; border: solid 1px #B5CFF7; position: absolute; background: url(/i/pro/panel-styleswitcher.gif) 0 0 no-repeat;
 padding: 2px;
 width: 27px; height: 20px;
 voice-family: "\"}\""; 
 voice-family: inherit;
 width: 23px; height: 16px;
} p {}
#styleswitch a.r-sm:link, #styleswitch a.r-sm:visited {left: 120px; background-position: 2px 2px;}
#styleswitch a.r-lg:link, #styleswitch a.r-lg:visited {left:  153px; background-position: 2px -19px;}
#styleswitch a.p-sm:link, #styleswitch a.p-sm:visited {left: 186px; background-position: 2px -40px;}
#styleswitch a.p-lg:link, #styleswitch a.p-lg:visited {left: 219px; background-position: 2px -61px;}
#styleswitch a:hover {background-color: #97BAE9; border-color: #7DA7DD;}


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;}

/* background image replacement for headers */
h3.recommending, h3.categories, h3.thismonth, h3.allmonths, h3.readerresponses, #alsoAvailable h3, #linkUps h3 {width: 253px; height: 17px; margin: 12px 0 6px 0;}
h3.recommending span, h3.thismonth span, h3.allmonths span, h3.readerresponses span, h3.categories span, #alsoAvailable h3 span, #linkUps h3 span {display: none;}
h3.recommending {background: transparent url(/i/rad/h-recommending.gif) top left no-repeat;}
h3.readerresponses {background: transparent url(/i/rad/h-readerresponses.gif) top left no-repeat;}
h3.thismonth {background: transparent url(/i/rad/h-thismonth.gif) top left no-repeat;}
h3.allmonths {background: transparent url(/i/rad/h-allmonths.gif) top left no-repeat;}
h3.categories {background: transparent url(/i/rad/h-categories.gif) top left no-repeat;}
#alsoAvailable h3 {background: transparent url(/i/rad/h-also.gif) top left no-repeat;}
#linkUps h3 {background: transparent url(/i/rad/h-link.gif) top left no-repeat; margin-bottom: 0;}

h3.replylegend, .legend {display: none;}

#recommending img {border: 0; float: left; margin: 0 10px 15px 5px;}
#recommending h4 {background: transparent url(/i/rad/bg10.gif) bottom right no-repeat; width: auto; color: #214973; padding-bottom: 9px; margin-top: 0;}
#recommending h4 a:link, #recommending h4 a:visited {display: block; margin: 0;}
#recommending p {margin-top: 0; padding: 7px 10px 0 0; line-height: 1.4em;}
#recommending ul {margin: 0 0 0 80px; padding: 0;}
#linkList #recommending li, #linkList #recommending li a:link, #linkList #recommending li a:visited {display: inline; padding-left: 0;}
#recommending del {display: none;}

#monthlyCal {margin: 0 auto;}
#monthlyCal, #monthlyCal th, #monthlyCal td, #monthlyCal tr {padding: 0; margin: 0;}
#monthlyCal th {font: 70% "Lucida Sans Unicode", verdana, sans-serif; text-align: center; color: #C6D8F2; background-color: #9AB7E6; padding-left: 3px; padding-right: 3px;}
#monthlyCal td {font: 70% "Lucida Sans Unicode", verdana, sans-serif; text-align: center; color: #9AB7E6;}
#monthlyCal td a:link, #monthlyCal td a:visited {text-decoration: none; color: #fff; background-color: #6F91C8; display: block;}
#monthlyCal td a:visited {background-color: #5F7DAF;}
#monthlyCal td a:hover, #monthlyCal td a:active {background-color: #90ADDC;}

#linkList ul.monthly {width: 253px;}

#alsoAvailable {padding: 5px 0 0 0; margin-top: 15px; margin-bottom: 0;}
#alsoLinks li a {width: 127px; line-height: 0.5; position: relative; left: -78px;}
/* IE5/Mac hack \*/
#alsoAvailable {margin-top: 0;}
#alsoLinks li a {left: 0;}
/* end IE5 hack */

#alsoLinks li {display: inline;}
* html #alsoLinks li a {line-height: 0.7;}
#alsoLinks li.li2 a, #alsoLinks li.li4 a, #alsoLinks .li6 a, #alsoLinks .li8 a {left: 52px; top: -1em;}
/* IE5/Mac hack \*/
#alsoLinks li.li2 a, #alsoLinks li.li4 a, #alsoLinks .li6 a, #alsoLinks .li8 a {left: 130px;}
/* end IE5 hack */

#linkList .desc {line-height: 2;}
#linkList .context {margin: 1em 0;}
#linkList .reply {background-image: none; padding: 0;}
#linkList .reply a:link, #linkList .reply a:visited {padding: 0; border: 0; }
#linkList .reply a:hover {background-color: transparent;}
#linkList .context {font-size: 0.9em; padding-right: 10px;}


#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/rad/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/rad/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;
} p {}
/* 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 #mainContent .reply {background-color: #D4E4F9; margin: 6px; border-top: solid 1px #BAD3F5; border-bottom: solid 1px #DDE9FA; width: 473px; overflow: hidden;}

.reply h2 {padding: 0 0 1em 10px;}
.reply .replynumber {float: right; display: inline; margin: 0 5px 0 10px;}
.reply .replynumber a:link, .reply .replynumber a:visited {font: normal 28px verdana, sans-serif; letter-spacing: -3px; color: #E5EFFB; text-decoration: none;}
.reply .replynumber a:hover {text-decoration: underline; color: #fff;}
.reply pre {background-color: #DDECFE; border: solid 1px #F6FFFF;}

#replyForm span {display: block; margin: 0 15px; font-size: 0.85em;}
#replyForm label {width: 120px; display: block; float: left;}
#replyForm form {padding: 15px 15px 0 15px; margin: 0 15px; background-color: #D7E7FC; border: solid 1px #CEE0F8;}
#replyForm form p {background-color: #DAEBFF; border: solid 1px #DDEDFF; border-bottom-color: #D2E7FF; border-top-color: #E2F0FF; margin: 0; padding: 4px;}
/* I don't know why IE5Mac applies this elsewhere, but it does \*/
.postedBy {background: transparent url(/i/rad/ico-com.gif) 0 5px no-repeat; padding-left: 15px; font-weight: bold;}
/* end hack */
.posttimestamp {margin: 0;}
#replyForm .submit label {float: none; display: inline;}

#navLinks p, p.reply {background: transparent url(/i/rad/bg7.gif) center left no-repeat; padding: 3px 3px 3px 35px;}
#navLinks p {background-image: url(/i/rad/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 */
.booklist h3 {line-height: 1.2; font-size: 0.8em; text-transform: uppercase;}
.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%;}

/* 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;}

/* Reviews */
.reviews h2 {margin-bottom: 0; clear: right;}
.reviews h3 {margin-top: 0; font-weight: normal; font-size: 75%; font-style: italic; color: #5673A7; padding-top: 0; margin-top: 0; margin-left: 10px; line-height: 1em; margin-bottom: 1em; display: block;}

.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;}