body,fieldset,form,ul,li,p,html,img,a,h2,blockquote {
    border:none;
    margin:0;
    padding:0;
    list-style:none;
    font-family:helvetica,arial,sans-serif;
    text-transform:lowercase;
}

body {
}

.clear{
    clear:both;
}
.red {
    color:#df0000;
}

.i {
    font-style:italic;
}

.b {
    font-weight:bold;
}

#project_bar_hidden {
    background:green;
    height:20px;
    width:100%;
    position:fixed;
    opacity:0.1;
}

#project_bar {
    background:#000;
    padding:0.4em;
    font-size:1em;
    position:fixed;
    width:100%;
    color:#fff;
    margin-top:-40px;
}

#project_bar:hover {
    /*margin-top:0;
    opacity:1;
    border-bottom:0;*/
}

#project_bar div {
    float:left;
    width:500px;
}

#project_bar a {
    display:block;
    float:right;
    background:#999;
    color:#fff;
    border:1px solid #333;
    padding:0.25em 0.5em;
    margin-right:10px;
}

#project_bar a:hover {
    background:#333;
    color:#fff;
    border:1px solid #999;
    text-decoration:none;
}

#wrapper {
    width:26em;
    padding:1.5em;
    margin:0 auto;
    background:#fff;
}

#logo {
    float:left;
    width:15em;
}

#logo a {
    display:block;
    text-decoration:none;
    color:#000;
}

h1 span.red{
    padding:0 0 0 10px;
}

h1 {
    font-size:4.5em;
    letter-spacing:-0.1em;
    color:black;
}

#nav {
    padding:3em 0 0 0.25em;
    width:10em;
    float:left;
}

#nav ul {
    border-left:1px solid black;
    padding:0 0 0 1.25em;
    font-size:0.8em;
}

#nav ul li {
    margin:0px 0 0.6em 0;
}

#nav ul li a {
    color:black;
}

#nav ul li a:hover {
    color:#df0000;
}

form h2 {
    font-size:3em;
    font-weight:normal;
}

form ul {
    padding:0 0 1.7em 0;
}

.help {
    font-weight:bold;
    font-size:0.4em;
    margin:0 0 0 -0.3em;
    cursor:help;
}

label.cancel {
    display:block;
    float:right;
    font-size:0.4em;
    margin:-1.4em 0 0 0;
    cursor:pointer;
    color:#614141;
}

label.cancel:hover {
    color:#df0000;
}

.submit {
    border:none;
    display:block;
    width:100%;
    background:#ffadad;
    color:#614141;
    padding:0.5em;
    font-size:1.5em;
    font-weight:bold;
    border-right:1px solid #ff6464;
    border-bottom:1px solid #ff6464;
    text-align:center;
    text-decoration:none;
}

.submit:hover {
    cursor:pointer;
}

.submit:active {
    border-top:1px solid #301818;
    border-left:1px solid #301818;
    background:#f00;
    color:#610000;
    border-right:none;
    border-bottom:none;
}

#badges {
    padding:2em 0 0 0;
}

#growl_box {
    width:200px;
    position:fixed;
    top:10px;
    right:10px;
    background:black;
    display:none;
    color:#fff;
    padding:10px;
    font-size:0.8em;
    line-height:1.3em;
}

#growl_box a {
    float:right;
    text-decoration:none;
    font-weight:bold;
    font-size:1em;
    padding:0 0 0.2em 0.2em;
}

.info {
    display:none;
} 

#overlay {
    background:#000;
    position:absolute;
    z-index:998;
    opacity:0;
}

#popup {
    position:absolute;
    z-index:999;
    opacity:0;
    background:#fff;
    overflow:auto;
}

#popup_content {
    padding:10px 10px 0px 10px;
}

#popup_close span {
    cursor:pointer;
    font-weight:bold;
    color:#df0000;
    display:block;
    width:50px;
    float:right;
    border:1px solid blue;
}

#popup_content p{
    padding:0 0 1em 0;
    text-transform:none;
    line-height:1.2em;
}

#popup_content ul {
    padding-left:10px;
}

#popup_content ul li {
    padding:0 0 0.5em 0;
    line-height:1em;
    list-style:disc;
}

#popup_content h3 {
    padding:0;
    margin:0 0 0.7em 0;
    border-bottom:1px solid #000;
}

#remember {
    color:#999;
    font-size:0.8em;
    line-height:1.3em;
}

#table_of_contents ul {
    padding:0 0 0 1em;
}

#table_of_contents ul li ul li{
    list-style-type:lower-roman;
}

#table_of_contents ul li {
    padding:0.2em 0 0 0;
    list-style-type:upper-roman;
}

#table_of_contents ul li a{
    color:#000;
}

#table_of_contents ul li a:hover{
    color:#df0000;
}

#wrapper h3 {
    border-bottom:1px solid black;
    padding-bottom:0;
}

#wrapper h4 {
    margin-bottom:0;
    border-bottom:1px dotted black;
}

.num_list {
    padding:0.5em 0 0 1em;
}

.num_list li{
    list-style-type:decimal;
    margin:0.2em 0 0.2em 0;
}

#documentation {
    font-size:0.9em;
}

#documentation p {
    padding:0.4em 0 0.4em 0;
    line-height:1.2em;
}

code,blockquote {
    background:#ccc;
    padding:0.5em;
    display:block;
    border:1px solid #999;
    overflow:auto;
    margin-bottom:0.3em;
}

.email_reveal {
    display:block;
    margin:0 auto;
}

.myemail {
    text-align:center;
}

.myemail a{
    font-size:0.8em;
    color:#000;
}

.myemail a:hover{
    color:#df0000;
}

/* Welcome and how-to styles */

span.welcome_left,span.welcome_right {
    display:block;
    margin:10px 0 0 0;
}

span.welcome_left {
    float:left;
}

span.welcome_right {
    float:right;
}

a.welcome {
    padding:3px;
    color:#df0000;
    text-decoration:none;
}

a.welcome:hover {
    color:#fff;
    background:#df0000;
    text-decoration:none;
}

a {
    color:#df0000;
    text-decoration:none;
}

a:hover {
    color:#df0000;
    text-decoration:underline;
}

.submit_skip {
    border:0;
    background:transparent;
    color:#df0000;
}

.submit_skip:hover {
    text-decoration:underline;
}