html {font-size: 90%;}
body {background-color: #444; color: #DDD;}

blockquote {margin: 1em;}

a {color: #FFF;} 
a:visited {color: #EEE;}
a:hover {color: #FFF; border-bottom: 1px dotted #FFF;}

select {color: #EEE; background-color: #666;}
input {color: #000; background-color: #F00;}
input:hover {color: #000; background-color: #FFF;}

h1 {font-size: 1.4em; margin: 15px 0;}

.preNext .previous {padding-left: 18px;}
.preNext .previous::before {content: "<"; padding-right: 5px;}
.preNext .next {padding-right: 18px;}
.preNext .next::after {content: ">"; padding-left: 5px;}

.altImage {margin-bottom: 40px;}
.altImage div {bottom: -24px; left: 60px; width: auto;}

#outerWrapper {width: 980px; border: 1px solid #F00;}

#nav {width: 330px; padding-top: 10px;}
#nav a {color: #FFF;}
#nav a:hover {color: #F00;}
#nav p a:hover {color: #F00;}
#nav .mainLinks p {color: #FF0;}
#nav .mainLinks div {border-left: 1px dotted #FFF;}
#nav img, #main img {border: 1px solid #FFF;}
#nav img {margin: 20px 0 0 64px;}
#nav q {color: #FFF; background-color: #333; border-top: 1px solid #F00; border-bottom: 1px solid #F00;}
#nav #CSSSwap {top: 12px;}

#main {width: 609px; padding: 5px 20px 0; background-color: #333; border-right: 1px solid #F00;}
#main img {border: 1px solid #FF0;}
#main button {background-color: #CCC; color: #000; border: 1px solid #FFF;}