html, body {margin: 0; padding: 0; border: 0; outline: 0;font-size: 100.01%; font-family: Helvetica, Arial, sans-serif;}
p, ul, ol {font-size: 0.688em; line-height: 1.675em; margin: 0; color: #666;}
p {margin-bottom: 1em;}
h1, h2 {font-weight: normal;}
h1 {font-size: 3.5em; line-height: 1em; margin: 0;}
h2 {font-size: 2em; line-height: 1.25em; margin: 0 0 0.125em;}

a {text-decoration: none;}
a:link, a:visited {color:#9E70F5; font-weight: bold; padding: 2px 0 1px;}
a:hover, a:active {border-bottom: 1px solid; color: #333; background: #D5C4F5;}
a img {border: 0 none;}

#corner {width: 300px; position: fixed; left: 50px; bottom: 0px; margin-bottom: 50px; padding-left: 50px; overflow: hidden;}
a#title {display: block; width: 248px; color: #000; padding: 0; margin: 0 0 -8px -2px;}
a:hover#title, a:active#title {border: 0 none; background: none;}
#corner img {float: left;}

ul#nav {margin: 0; padding: 0; float: left; clear: left; list-style-type: none;}
ul#nav li {text-align: right; width: 200px;}
ul#nav li a {display: block; padding: 5px 8px; color: #999; font-weight: normal;}
ul#nav li a:hover, ul#nav li a:active {color: #333; border-bottom: 0 none;}

#twitter {width: 184px; background: #eee; float: left; padding: 5px 8px;}
#twitter ul {list-style: none; padding: 0;}
#twitter p {margin: 0;}
#twitter a:hover, #twitter a:active {border: 0 none; text-decoration: underline;}
#twitter-link {text-align: right; color: #999; font-weight: normal;}

.content {width: 550px; border-left: 1px dashed #ccc; padding: 0 50px; position: absolute; left: 350px; bottom: 50px;}
body#home .content {border: 0 none;}
.content ul {margin-bottom: 0.5em;}

#colophon {position: absolute; bottom: 0; right: 20px;}
#colophon p {color: #ccc; font-size: 0.625em;}
#colophon a {color: #999;}
#colophon a:hover, #colophon a:active {color: #333;}