html { font-family: Helvetica, Arial, sans-serif; background-color:#2B0F0F; height:100%; margin-bottom:1px;}
body {text-align:center; margin-bottom: 3em; padding-bottom:3em; color:#2B0F0F}
#hd { width: 900px; margin: 80px auto 0 auto; padding: 0 0; background-image:url(../images/background.gif); background-repeat:no-repeat; background-position:0 42px;}
#bd { width: 900px; margin: 0 auto 10px auto; padding: 30px 0; border-radius: 0 0 20px 20px; background-color: #CFB069;  -moz-border-radius:  0 0 20px 20px; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; }
#hd h1#longurlplease a{ display:block; width: 900px; height: 104px; padding:0;margin:0; background-image:url(../images/longerurlplease.com.gif); background-repeat:no-repeat;background-position:62px 0; text-indent:-9000px;}
#hd h1 a, #bd h1 a img { border:none; outline:none; cursor:pointer}
#hd h2.tagline{ color:white; margin: -45px 0 0; padding: 0 80px 0 0; text-align:right; font-style:italic;}
pre {padding-left: 2em; margin-left: 1em; border-left: 3px solid #7D8060;}
h3, h4 {color:white; margin: 0;}
#ft {margin-top:80px; }
a#peelmeagrape { color:white; font-weight:bold; text-decoration:none; display: block; text-indent:-9000px; background-image:url( ../images/by-peelmeagrape.gif ); background-repeat:no-repeat; width:231px; height:31px; margin-left: 332px; opacity:0.7; }
a#peelmeagrape:hover { opacity:1.0; }
#targets {margin: 1em 0 2em;}
.button-link { color:white; text-decoration: none; border-radius: 3px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px; background-color: #b09659; padding: 5px 10px 5px 10px; font-size: 150%;}
.button-link.current { background-color: #2B0F0F;}
.button-link:hover { text-decoration:none;color: #2B0F0F; }
.bookmarklet {text-decoration: none; background-color: #5C5941; color: white; padding: 2px 3px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-left: 1px; }
#greasemonkey { background: #b09659 url(../images/greasemonkey.gif) no-repeat 3px 6px; padding-left:25px;}
#firefox { background: #b09659 url(../images/firefox.png) no-repeat 8px 10px; padding-left:30px;}
#addthis {position:absolute; top: 0; right: 0; padding: 12px 15px; background-color: #CFB069; border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; }
#docs {background-color: white; text-align:left; margin: 1em; padding: 3px 1em; border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; color: #663300; font-size: 95%;}
#docs h3, #docs h4 {color:#2B0F0F;}
#intro {margin:0 15px; font-size: 150%; font-weight:normal; color:#2B0F0F;  }
p.i {padding-bottom: 1em;}
.i {color:#2B0F0F;}
.i a{ color:#2B0F0F; text-decoration:none; border-bottom: 1px solid #b09659; padding-bottom:2px;}
.i a:hover{ border-bottom-color: #2B0F0F;}
#services {padding: 0 3em;}
#version-info {color:white; font-size: 85%;}
#version-info a{color:white; text-decoration:none; border-bottom: 1px dashed white; }
#version-info #say-hello, #version-info #twitter {color: white; text-decoration:none; font-weight: bold; margin-right: 3em; border-bottom:none;}
#version-info a:hover{border-bottom-style: solid;}
.demo {clear:both; padding: 15px; background-color: beige; display:block; margin-bottom:1em;}
.demo div.demo-section {width: 200px; float:left; }
.demo h4, .demo h5 {color:#2B0F0F;}
.demo button {clear:left; float:left;}
div#why {margin-top: 1em; }
div#why h3 {margin-bottom: 0.5em; font-size: 250%;}
div#why h4 {font-weight:normal;}
div#why h4, div#why .img {margin-bottom: 0.5em;}
div.comparison {width: 261px; height: 300px; float:left; vertical-align:top; margin: 0 2em; }
div.comparison .img {background-color:transparent;}
div.comparison ul { margin:0; }
div.comparison li { margin:0 0 0.25em; padding:0; text-align:left;}
div.comparison ul.good li { list-style-image:url(../images/tick.png)}
div.comparison ul.bad li { list-style-image:url(../images/cross.png)}
#applications {text-align:left;}
#applications .application {clear: left; padding: 0 1em;}
#applications h2 a {color: #2B0F0F; border-bottom: 1px solid #b09659; text-decoration: none;}
#applications h2 a:hover {border-bottom-color:#2B0F0F; }