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: #f0f0ff
url(/media/letitsnow.gif); color: #000; font: 0.8em "Lucida Grande",
"Trebuchet MS", Helvetica, Arial, sans-serif; color: #333; text-align:
center; }
/* Main Structure, wrap the whole layout in a div to keep it narrow and
centered */
#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 1px 40px; }
#searchbox {position: absolute; top: 8px; right: 8px; width: 280px;
padding: 0px 10px 14px 0; border: 1px solid white; text-align: right; }
#searchbox label strong {text-decoration: underline; }
h1.sitetitle {font-size: 32px; margin: 8px 0 15px; } h1 a, h1 a:link,
h1 a:visited, h1 a:hover {color: #fff; text-decoration: none; }
.subtitle {font-size: .5em; }
.motto {margin: 12px 0; color: #def; font-weight: bold; }
/* Secondary Navigation, a styled list */
#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; margin-left: 25px; }
/* Contentsia */
#content {float: left; width: 500px; margin: 10px 0 100px 0;
line-height: 1.8; text-align: justify; }
/* Sidebar */
#navigation {margin: 5px 5px 15px 529px; color: #fff; text-align:
right; }
.section {background: #039; border: 5px solid #fff; font-size: 1.3em;
border-bottom-width: 0; }
.section a.nav, .section a.nav:visited {color: #ccf; display: block;
padding: 5px 0; }
#navigation .primary, #navigation .secondary {border: 5px solid #fff;
margin-bottom: 10px; line-height: 1.3; padding-bottom: 5px; }
.primary {background: #369; font-weight: bold; margin-bottom: 30px; }
.primary p {padding-right: 5px; }
.secondary {margin: 50px 0; background: #039; padding: 0 5px 0 5px; }
/* Footer */
#footer {clear: both; background: #369; color: #fff; font-weight: bold;
}
#footer p {margin: 0; padding: 7px 9px; 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-weight: bold; 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:
170px; 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; 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 4px; background: #e6f9f8; border: 1px solid
#d9e9e4; font: 90% "Lucida Sans Unicode", "Lucida Sans"; color: #593;
text-align: right; -moz-border-radius: 2px; cursor: default; }
.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: #32a; }
.css {color: #190; font-family: "Lucida Sans Unicode", "Lucida Sans"; }
.css strong {font-weight: 400; font-size: 120%; padding-right: 5px; }
.js {font-size: .85em; color: #a06; font-family: Verdana, Arial,
Helvetica, sans-serif; } code.js {white-space: nowrap; }
pre.js {width: 484px; overflow: hidden; border: 3px #fdd double;
padding: 3px 5px; background: #fcfaff; }
.codecomment {background: #fff; border-bottom: 1px solid #fdd;
font-size: 110%; font-family: Lucida Sans Unicode; }
.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 12px; }
.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: 4px; }
.important legend {padding: 1px 15px; background: #f3fff3; border: #3c0
1px solid; color: #3a0; font: 1.2em "Trebuchet MS"; -moz-border-radius:
4px; }
/* Search Highlighting */
#searchhioption {font: 95%/1.4 "Lucida Sans Unicode", "Lucida Sans";
padding: 9px 6px 10px; background: #cf9; border: 1px dotted #9c0; }
#searchhioption button {float: right; margin: -3px 0px 0 10px; padding:
1px 6px 2px; line-height: 1.2em; }
#content .searchword {border-bottom: 1px solid #bd6; background:
#e6ffdc; } #content .maintitle .searchword,
#content .pathbar .searchword, #content .compatibility .searchword,
#content .sourcetip .searchword, #content #searchhioption .searchword
{background: transparent; border-bottom: none; }
/* Sidebar Boxes */
#feedback {text-align: center; border: 3px outset #fff; background:
#77b; padding: 7px; margin: 20px 0; }
#feedback a {color: #fdf; text-decoration: underline; }
/* Money spinnin' */
.luchre {margin: 6px 0; background: #e9e6f9; font: 11px Verdana; color:
#333; border: 1px solid #669; padding: 4px 3px 3px 0; } *>.txtad
{border: 1px dotted #669; } .luchre p {margin: 4px 0; } p.lcol {float:
left; margin: 0 2px 0 6px; }
.luchre a.nav2 {font-weight: normal; } #topxml a.nav2 {font-weight:
bold; }
.partner {background: #f6f3ff; }
#adsense {background: #fff; padding: 10px; margin: 2em 0 0 0;
-moz-border-radius: 10px; border-radius: 10px; }
#adbrite {margin: 15px 0 -10px; border: 1px dotted #ce9; background:
#e8fcd9; color: #333; padding: 4px 10px; -moz-border-radius: 10px; }
#adbrite div {border-top: 1px solid #dec; }
.featured {margin: 30px 0; padding: 7px 4px; border: 2px dotted #090;
background: #e8fcd9; color: #333; } .featured p {margin: 3px 0; }
*>.featured {border-width: 1px; }
.pair {position: relative; top: 30px; background: #def; padding: 5px
120px 5px 5px; border: 1px dotted #add; text-align: left; }
.pair img {position: absolute; right: 8px; top: 8px; border: 1px solid
#06c; padding: 1px; } .pair a:hover img {border-color: #09f;
background: #fff; }
#lunar a {font-size: 14px; margin: 0; padding: 0; }
.adHeadline {text-decoration: none; color: #03c; }
.adText:link {font: 9pt Arial; text-decoration: none; color: black;}
.adText:hover {text-decoration: underline; color: black;}
.adHere {text-decoration: none; color: #a3f;}
.adHere:hover {text-decoration: underline; color: #a3f;}
#brucebanner {border-style: solid; border-width: 3px; border-color:
#9999ff; margin: auto; padding: 5px; }
#getfirefox {margin: 15px 5px 30px; 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; }
a:link {color: #0033cc; }
a:visited {color: #81b; }
a:active {color: #4682b4; }
a:hover {color: #9999ff; }
a.nav:link {color: #ccccd9; text-decoration: none; }
a.nav:visited {color: #b9b9cf; text-decoration: none; }
a.nav:active {color: black; }
a.nav:hover {color: white; }
a.nav2, #url a.nav2:link {font-weight: bold; color: #554477;
text-decoration: underline; }
a.nav2:link {color: #554477; 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: #f6f6ff; 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: #547; text-decoration: none;
letter-spacing: -1px; }
a.pagenav:active {color: red; }
a.pagenav:hover {color: #e60; }
a.pagenav2:link, .pagenav2:visited {color: #558; 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: #390; }
a.books:hover {color: #3b0; } a.books img {border-color: #390; }
a.more:link {color: #003377; 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: #eeeeff; 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 {background: url(/media/example.png) left top no-repeat;
padding: 2px 0 2px 20px; }
a.example:link {color: #009; text-decoration: none; }
a.example:visited {color: #60c; text-decoration: none; }
a.example:active {color: #93f; }
a.example:hover {color: #f90; text-decoration: none; }
hello. this is amanda's website. :D
