html {scrollbar-face-color: #99b; scrollbar-arrow-color: #fff; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #99c; scrollbar-3dlight-color: #000; }

body {margin: 0; padding: 0; background: #f0fff0; color: #000; font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif; color: #1a3b5c; text-align: left; }

/* Main Structure */
#wrapper {width: 770px; margin: 0 auto; background: #f8f8ff url(/media/columns.gif) top center repeat-y; text-align: left; }

/* Header */
#header {clear: both; background: #369; position: relative; }
  #masthead {width: 490px; padding: 1px 0; } #masthead img {margin: 15px; }
  #searchbox {position: absolute; top: 10px; right: 10px; width: 260px; padding: 5px 10px 15px 0px; border: 1px solid white; text-align: right; } #searchbox label strong {text-decoration: underline; }
    h1.sitetitle {font-size: 32px; margin: 8px 0 20px; } h1 a:link, h1 a:visited {color: #fff; text-decoration: none; }
    .subtitle {font-size: .5em; }
    .motto {margin: 1em 0; color: #def; font-weight: bold; }

/* Secondary Navigation */
#otherstuff {margin: 0; padding: 0; clear: both; border-top: 1px white solid; list-style: none inside; }
#otherstuff li {width: 191px; float: left; background: #99c; border: solid white; border-width: 0 0 0 1px; text-align: center; }
#otherstuff li:first-child {border: none; padding-left: 1px; }
#otherstuff li a {display: block; width: 191px; padding: 3px 0; } #otherstuff li a:hover {background: #9f9fd6; }

/* Main Content Area */
#main {clear: both; border-top: 1px solid #fff; }

/* Contentsia */
#content {float: left; width: 500px; margin: 10px 0 100px 13px; line-height: 1.8; text-align: justify; }
#main > #content {margin-left: 25px; }

/* Sidebar */
#navigation {margin: 0 0 0 549px; padding: 5px 5px 5px 5px; background: #9999cc; color: #fff; text-align: right; }
  .section {background: #039; border: 5px solid #fff; padding: 5px; font-size: 1.3em; border-bottom-width: 0; }
  .section a.nav, .section a.nav:visited {color: #ccf; display: block; }
  #navigation .primary, #navigation .secondary {border: 5px solid white; margin-bottom: 10px; line-height: 1.3; padding-bottom: 5px; }
  .primary {background: #369; font-weight: bold; margin-bottom: 30px; }
  .secondary {margin: 50px 0; background: #039; padding-left: 5px; }
  /* Fix for odd IE text-on-right overlap bug. Fix this better after holidays */
  #navigation .primary, #navigation .secondary, #feedback, #navigation .textad, #navigation .featured, #footer {padding-right: 14px; padding-left: 6px; }
  *>#navigation .primary, *>#navigation .secondary, *>#feedback, *>#navigation .textad, *>#navigation .featured, #footer {padding-right: 5px; }

/* Footer */
#footer {clear: both; background: #369; color: #fff; font-weight: bold; }
#footer p {margin: 0; padding: 7px 4px; text-align: right; } p#vroom {float: left; width: 540px; text-align: center; }
#footer a.more {color: #fff; font-weight: bold; } #footer a.more:active {color: #fc0; }


/* Main trim */
.pathbar {font: bold 1em Arial, Helvetica, sans-serif; border: silver solid 1px; border-width: 1px 0; margin: 8px 0 12px 0; padding: 3px 0; line-height: 1.3; } .pathbar a {white-space: nowrap; } #endlinks hr {margin: 12px 0; height: 2px; }
.pathtitle {color: #a3f; text-transform: uppercase; }
.boxhead {color: #ccf; font-weight: bold; margin: 7px 0 1em 0; }

/* Forms */
input.searchbox {background: #fff; border: #000 1px solid; width: 150px; font-family: Arial, Helvetica, sans-serif; padding: 3px; }
.searchbox:focus {background: #ffb; }
input.button {background: #99c; color: #fff; font: bold 1em Arial, Helvetica, sans-serif; }

/* Content, Text Formatting and the like */
h1.maintitle {margin: 15px 0 12px; font: bold 38px "Arial Rounded MT Bold", sans-serif; color: #039; }
    .byline {margin-top: -6px; } .byline a.more:link, .byline a.more:visited {color: #f40; font-weight: bold; } .byline a.more:hover {color: #f00; }

h2.heading {padding: 20px 0 3px; font: bold 1.4em "Lucida Sans", "Lucida Sans Unicode", sans-serif; color: #00f; border-bottom: 1px solid blue; width: 100%; letter-spacing: 1px; }
h3.subhead {padding: 20px 0 5px; font: 1.2em "Lucida Sans", "Lucida Sans Unicode", sans-serif; color: #906; border-bottom: 1px solid #906; width: 80%; }
h3.minorhead {color: #00f; font-size: 1em; margin: 2em 0 -0.6em 0; }

hr.blue {color: #03c; height: 3px; text-align: center; background: #03c; border: none; margin: 7px 0; }
hr.big {height: 5px; margin-top: -8px; }
hr.white {color: white; height: 1px; background: #fff; border: none; border-top: 1px solid white; }

p.intro {border: dotted #306; border-width: 1px 0; padding: 5px 30px; background: #fff; color: #446; }

.pagenavbox {background-color: #efefff; border: 1px solid #fff; padding: 5px; font-weight: bold; margin-top: 1em; line-height: 1.4em; }

.lastmodified {padding: 2px; background: #e6f9f8; border: 1px solid #d9e9e4; font: 90% "Lucida Sans Unicode", "Lucida Sans"; color: #593; text-align: right; }

/* Search Highlighting */
#searchhioption {font: 95%/1.4 "Lucida Sans Unicode", "Lucida Sans"; padding: 6px 4px 8px; background: #cf9; border: 1px dotted #9c0; } #searchhioption button {float: right; margin: 0 10px; }
#content .searchword {border-bottom: 1px solid #bd6; background: #e6ffdc; } #content .maintitle .searchword, #content .pathbar .searchword {background: inherit; border-bottom: none; }

.help {cursor: help; color: #444; border-bottom: 1px dotted #9c0; }
dfn.help {font-style: italic; }
acronym.help {border-color: #c39; }

.wellspaced li, .wellspaced dt {margin-top: 1.3em; }

.sourcegray {color: #44a; font-weight: bold; font-style: normal; }

/* Code */
p.code {padding: 5px 2px 5px 16px; border: 4px solid #fff; background: #fbfbff; text-align: left; }

code {font-size: 0.9em; font-family: Verdana, Courier, monospace; color: #03a; }
.css {color: #190; font-family: "Lucida Sans Unicode", "Lucida Sans"; }
.css strong {font-weight: 400; font-size: 110%; padding-right: 5px; }
.js {font-size: .85em; color: #c06; font-family: Verdana, Arial, Helvetica, sans-serif; } code.js {white-space: nowrap; }
pre.js {width: 464px; overflow: hidden; border: 1px #c00 dashed; padding: 5px; background: #fcf8ff; }
.php, pre.php code {color: #63c; font: 1em "Lucida Console", "Courier New", Courier, monospace; }
pre.php {background: #fff3ff; border: 1px #83c dotted; padding: 4px 2px 2px 20px; }
.cgi {color: #939; } pre.cgi {font: 1em Verdana, Courier, monospace; border: 2px dotted #c6c; padding: 2em; }
.unix {color: #890; font: 1em/1.4 "Lucida Sans Unicode"; }
samp.eg {font: 1em "Lucida Console", "Courier New", Courier, monospace; color: #446; border-bottom: 1px dashed #aab; white-space: nowrap; }
kbd {font: 1em "Lucida Console", "Courier New", Courier, monospace; color: #556; border-bottom: 1px solid #dde; }
kbd.key {padding: 1px 2px 0; border: 1px solid #dde; border-right: 2px #cbc solid; border-bottom: 2px #cbc solid; white-space: nowrap; }

/* Compatibility Notes */
.compatibility {background-color: #229; color: #fff; margin: 10px 4%; padding: 0 10px; border: 3px #9999ff solid; }
    	.compatibility big {display: block; border-bottom: 1px dashed #fff; margin-bottom: 1em; font: italic 1.2em "Trebuchet MS" }
    	.compatibility p {margin: 0.7em; line-height: 1.7; } .compatibility a:link, .compatibility a:visited {color: #fff; font-weight: bold; }
      .compatibility code {color: #ebebff; font-size: 1em; } .compatibility .css {color: #deffde; }	.compatibility code.js {color: #ffe0e0; }

.validationerror {background-color: #ffffe0; margin: 5px 4%; padding: 0 15px; border: 3px #ff9900 solid; }

/* Source Tips */
.sourcetip {background: #88b; color: white; padding: 7px; border: 2px dotted white; line-height: 1.4em; }
.sourcetip code {color: #ebebff; font-size: 1em; } .sourcetip .css {color: #deffde; }	.sourcetip code.js {color: #ffe0e0; }
.sourcetip a.nav3:link, .sourcetip a.nav3:visited {text-decoration: underline; }

/* Future Watch */
div.futurewatch {padding: 15px; margin: 10px; border: 1px dotted #f66; background: #fffaff; }
.futurewatch h2 {font: italic 1.2em "Trebuchet MS"; color: #f60; border-bottom: 1px dotted #f60; }
.futurewatch ul {list-style-type: circle; }

.important {padding: 8px 10px 7px 20px; border: #3c0 1px solid; } *>.important {background: #fff; -moz-border-radius: 7px; }
.important legend {padding: 1px 15px; background: #f3fff3; border: #3c0 1px solid; color: #3a0; font: 1.2em "Trebuchet MS"; -moz-border-radius: 4px; }


/* Sidebar Boxes */
#feedback {text-align: center; border: 3px outset #fff; background: #77b; padding: 7px; margin: 20px 0; }
#feedback a {color: #fdf; text-decoration: underline; }

/* Ads */
.textad {margin: 6px 0; background: #e9e6f9; font: 11px Verdana; color: #333; border: 1px dotted #000; padding: 4px 3px 3px 0; } .textad a.nav2 {font-weight: normal; }
.textad p {margin: 4px 0; }
#adsense {text-align: center; margin: 26px 0 15px; }
.featured {margin: 30px 0; padding: 7px 4px; border: 2px dotted #090; background: #dffcd9; color: #333; } .featured p {margin: 3px 0; }

#getfirefox {margin: 15px 5px; border: 1px outset #ccc; padding: 5px 0 2px; text-align: center; border-top-color: #fff; border-left-color: #fff; }
#getfirefox p {margin: 3px 0; }

/* Aside content */
#asidecontent {width: 450px; background-color: #fff; border: 3px solid #99c; margin: 2em auto 2em auto; padding: 20px 30px 30px 30px; text-align: left; line-height: 1.6; }

/* Crap headings... change soon */
h2.bg {font-size: 1em; color: #fff; padding: 0 2px; padding-left: 40px; }
h2.one {margin: 30px 0; background: #039 url(/media/heading.gif) no-repeat; }
h2.two {background: #88b url(/media/heading2.gif) no-repeat; margin: 0; }
h2.three {background: #cc9 url(/media/heading3.gif) no-repeat;  }
h2.four {background: #3c3 url(/media/heading4.gif) no-repeat;  }


/* Links */
a {font-weight: bold; 
   font-align: center;
  }

a:link {color: #1a3b5c; text-decoration: underline; }
a:visited {color: #81b; text-decoration: underline; }
a:active {color: #4682b4; }
a:hover {color: #9999ff; }

a.nav:link {color: #1a3b5c; text-decoration: none; }
a.nav:visited {color: #b9b9cf; text-decoration: none; }
a.nav:active {color: black; }
a.nav:hover {color: white; }

a.nav2 {font-weight: bold; }
a.nav2:link {color: #1a3b5c; text-decoration: underline; }
a.nav2:visited {color: #333399; text-decoration: none; }
a.nav2:active {color: #CC3399; }
a.nav2:hover {color: #0066CC; text-decoration: none; }

a.nav3:link {color: #1a3b5c; text-decoration: none; }
a.nav3:visited {color: white; text-decoration: none; }
a.nav3:active {color: #ffcc00; }
a.nav3:hover {color: black; }

a.pagenav:link, .pagenav:visited {color: #1a3b5c; text-decoration: none; letter-spacing: -1px; }
a.pagenav:active {color: red; }
a.pagenav:hover {color: #e60; }

a.pagenav2:link, .pagenav2:visited {color: #1a3b5c; text-decoration: none; font-size: .9em; font-weight: normal; }
a.pagenav2:active {color: #6c0; }
a.pagenav2:hover {color: #000; }

a.books:link, a.books:visited {color: #1a3b5c; }
a.books:hover {color: #3b0; }

a.more:link {color: #1a3b5c; text-decoration: none; font-weight: normal; }
a.more:visited {color: #000; text-decoration: none; font-weight: normal; }
a.more:active {color: blue; text-decoration: underline; }
a.more:hover {color: #30c; text-decoration: underline; }

a.resource:link {color: #1a3b5c; text-decoration: underline; }
a.resource:visited {color: #fff; text-decoration: none; }
a.resource:active {color: #fc0; }
a.resource:hover {color: #fff; }
.secondary >p> a.resource {display: block; margin-bottom: -1em; background: #24a; border: solid #36b; border-width: 1px 0; padding: 3px 1px 3px 0; text-decoration: none; }
.secondary >p> a.resource:hover {background: #34b; }

a.example:link {color: #1a3b5c; text-decoration: none; }
a.example:visited {color: #60c; text-decoration: none; }
a.example:active {color: #93f; }
a.example:hover {color: #f90; text-decoration: none; }