@charset "utf-8";
/* CSS Document */

@import url('bootstrap.min.css');
@import url('dropdowns.css');
@import url('style.css');

/* ---------------------------------------- LAYOUT ---------------------------------------- */

body { color: #222; background: url(../images/body.gif) repeat 50% 100%; }

#grey-top { background: #F3F3F3 url(../images/horizontal.gif) repeat-x 50% 0; float: left; width: 100%; height: 100%; }
#grey-bot { background: url(../images/body-base.gif) repeat-x 50% 100%; float: left; width: 100%; height: 100%; }

#container { width: 940px; margin: 0 auto 30px auto; }

#header { width: 940px; float: left; background: url(../images/header.gif) no-repeat; height: 120px; }

#header a#logo { display: block; width: 220px; height: 100px; outline: 0; text-indent: -999em; overflow: hidden; float: left; margin: 10px 0; }

#navigation {
    float: left; 
    height: 70px; 
    width: 940px;
    color: white;
    margin-left: -10px;
}

#navigation .btn-group { 
    float: left;
    margin: 8px 0 8px 20px;
    vertical-align: middle;
}

#navigation h2 {
    float: left;
    margin: auto 0;
    font: 2.5em/1em "QuicksandBook", "Arial", Helvetica, sans-serif;
    font-weight: bold;
    color: #FFF;
}

#navigation h2 a {
    color: #FFF;
}

#navigation .actions {
    float: right;
    margin: 8px 0 8px 0;
}

#main { }

/* ---------------------------------------- INDEX ---------------------------------------- */


#content { 
    min-height: 600px;
}

.box {
    margin: 0 0 20px 0;
    padding : 10px 20px;
    background: #3B3B3C;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    color: white;
}

#main ul#twitter { margin: 10px auto; padding: 0; color: #FFF; }
#main ul#twitter li { list-style-type: none; background: #0083CB url(../images/twitter-right.gif) no-repeat 50% 100%; padding: 4px 5px 18px; line-height: 15px; margin: 1px auto; }
#main ul#twitter li.alt { background: #0083CB url(../images/twitter-left.gif) no-repeat 50% 100%; }
#main ul#twitter a:link, #main ul#twitter a:visited { color: #FFF; }

#sourceforge { background: url(../images/sourceforge.gif) no-repeat 50%; width: 130px; height: 30px; display: block; margin: 30px auto; text-indent: -999em; overflow: hidden; }

#footer { clear: both; width: 960px; margin: 0 auto; height: 50px; font-size: 85%; }

#footer ul { float: left; width: 640px; margin: 0 0 0 -4px; }
#footer ul li { display: inline; }
#footer ul li a { padding: 2px 4px; color: #ffcb05; }
#footer ul li a:hover { background: #333; }

#copyright { float: right; width: 220px; }
#copyright p { padding: 0; color: #F3F3F3; }


/* ---------------------------------------- TYPE ---------------------------------------- */


p { padding: 5px 0; }

h1 { font: 38px "Quicksand", "Arial", "Helvetica", sans-serif;
    color: #0083CB;
    border-bottom: 1px solid #C7C7C7;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
h2 { font-size: 1.2em; padding: 10px 0; font-weight: bold; font-family: "Century Gothic", Verdana, Helvetica, sans-serif; letter-spacing: 1px; }
h3 { font-size: 1.2em; padding: 10px 0 5px; margin: 0 0 5px; font-weight: bold; border-bottom: 1px dotted; }
h4 { font-size: 1.1em; padding: 10px 0; font-weight: bold; }
h5 { font-size: 1.0em; padding: 10px 0; font-weight: bold; }

a { color: #0083cb; text-decoration: none;  }
a:hover { color: #ffcb05; }

.clear { clear: both; }
.imgborder { border: 1px solid #CCC; padding: 3px; margin: 3px; }


/* ---------------------------------------- SUB PAGE ---------------------------------------- */

#content h2 { color: #0083cb; padding: 10px 0 5px; }

blockquote { padding: 10px 15px 0 15px; border: 1px solid #abe1ff; background: #FFF; margin: 5px 0 10px; }
blockquote h3 { padding: 0; border: 0; margin: 0; font-size: 12px; color: #0083cb }
blockquote p { padding: 0 0 10px; }

.code { font: 13px/20px bold "Courier New", Courier, monospace; }

/* ---------------------------------------- Local styles ----------------------------------- */
form { margin: 20px 0; }

.inputrow {
    margin-top: 8px;
}

.inputrow label {
    width: 120px;
    display: block;
    float: left;
}

.error {
    font-family: "Ubuntu Mono", "Consolas", monospace;
    font-size: 112%;
    white-space: pre-wrap;
    width: 100%;
    overflow: auto;
}

.item { 
    background: #FFFFFF;
    margin: 8px 0;
    padding: 8px 8px; 
    border: 2px solid #FFAD00;
    border-radius: 15px;
    moz-border-radius: 15px;
}

dl {
    margin: 10px 20px;
}

dl dd {
    margin: 4px 20px;
}

.itemhead { background: #E0E0E0; padding-left: 8px; }

.scene {
    margin-bottom: 1em;
}

.scene .number {
    float: right;
}

.scene h3, .scene h4 {
    border: 0;
    margin: 0;
    padding: 0;
}

.scene h4 {
    margin-left: 1em;
}

table .previous {
    text-align: right;
    padding-right: 1em;
}

table .following {
    padding-left: 1em;
}

.hi { background: #FFED3D; }

.warning {
    border: 1px dotted red;
    padding: 0 10px;
    margin: 10px 0;
}

.login fieldset {
    margin-bottom: 10px;
}

.login label {
    display: block;
    float: left;
    width: 80px;
}

.login input[type = submit] {
    width: 160px;
}

input:required:invalid, fieldset input:focus:invalid { 
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAwBQTFRFvy8atzQfvzEWvDEXuzEZujIbuzEdvzAZvTAbvjAcvDAdvTIdrzcnszQisTQltTIitzQgtjUhsTssuDEguTIgujQgvD0nqkAutkM2tko5u0c4ul5Qwi8Zwy8awC8bxS4ZxiwcwTEZwDEawTAbwDAcwDEdwzIexjAaxTIZyDAbyjAcyTMdzzEazjEbzzAe0TIb0zMd0zQb1DIc1TQb1TQc1jYc1jYd1zgc2jQb2DUd2TQe2zYc3DUc3jgbxzYh1j4m4DYZ5jcZ5zYb5jYc5Dga5Dgd6TYf7Dcd7zce6zgZ6Dga7Dse7j0e8jcd8zYe8DYf8Tkb8zgd8joc8Toe8Dwf9jkb9Doc4zki5j4n6T0h7jghxkIsx0MuzUUt00Ep2kIt1kg13VE97EEm6Ugu4E064FQ98UIn8kMo80Mp90Ep9UMq3VpD3F1KxmdZw2haw2hbxGhaxGhbwW1hwHdpxndp2H1u4FlH4mVT63Jb9mZO92ZP9WhN+GVN+2RQ4HVlvIB13odx4oNv5IZy54h29o55+4p6+4t7+Y14/Yl6yI+Ew5aPxpuTxqCXyaWe3baq5JSI65CB7pKC9JKK66WX6rGb57ut6rOo7res5b6767yz+62i+q6j/qug/a2i87Cl9rGh9rOq8b+19L+z+L2x48G48MO68sa/8ci96tDK8sbB/crE/crF/srG+87K/svJ/M3I99bR99fS+9bV+93Z8ebe+OHd+eXd/OTd8ebh9e3m9u3r+ufl/eXj/ubg/ufh/efi/ufj/uXk+ujj++nl+uvl+urm/ejh++7q+u/r+vDu+vLt/PDv/fPv/vTy+/j3/Pj0//j2//n3/vv0/vr1/vv2/fr3+/39+/79/vr4/vv6/v37/f77/v38/v39/f78/f79AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOe7jtQAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAAEbSURBVChTARAB7/4A1rmNdG5xb3BwcG5tc4y43QC6isjT0NDR1djY1NLTzIu4AImVvL/Gxsa+vr7BwL29qX8AGp6rqrPDsqyurbu8r6ujFwALg5ybotjLoJqw37GfnZEOAAlsiIaEp9qmk8/FkoWHdw8AIj98eX14tc601ZB7eXpfEQAjNGJoaWd+z9uWY2pmZjYQACEzQlJUVWvK149MVlNKORUAIzFDSFBYodnJx3ZRTkEzAQAkLUBHS4HYmXXVpVhPPS8NAAInNUVkwsRlWZfVgEQ6KA8AFh0uN5TNgk1aYba3YCwHDAByAyArW11XRklGXlw+HwAbAKgSBRwpMDo8OzgyKh4EFaQA3pgZEwYIJCYmJQgKFBiO3JMVcr8Z+l4TAAAAAElFTkSuQmCC'); 
    background-position:right; 
    background-repeat:no-repeat; 
    -moz-box-shadow:none; 
} 

input:required:valid { 
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAwBQTFRFU6E8UqA9U6A+U6A/VaA+VqA/V6I+WKM7WKA/WaI8WqI9WaQ+XaQ6XKQ8Zac9Z6w2Y6k6Z6w6aKo8bK45bq46d7M5fbU6fLY6frY8f7k5U59AU59BVJ9AU6BAUaBBVaBAVKFBVKBCX6JNXqZOYalRZqhSa6pfbapcb6pdbKpfcalbc6pbdKpccqdieKxofK9vf69xgLc5gLY9hrw3gLg4gLg5g7o4g7o5hLs4hLo5hLo6hbs8iL46jb1Ti7d+kMM0k8UwksU0lsQ2nskwnsgynsgzpswvqc8voMc8oMkyocozo8wzpMowpcs7rM8wrtEwrtA1ss8+sNIvtNMtttUuttYtt9Yvu9cuutgrvdkqvdksvNgtvdkvv9svsNM1ttI2utY0vdkxvtowvtsyv9ozvtg1vdwzv9k4vtg6lMRTrs5HtNNMps53rNN+wdhJwtlNw9hWyNxVx9tszd9iyuJPxeBRxuJQyuFTyuJQyuNRyuBW0eNz1OR91eR/1ut31+p41+p62Ot22Op42Op6lb6InsKRnsSUocKVrseir82mr82nrc6kr82oscWltMeusMiisM2msMyoss6r2+mNw+KgyueiyeSy1eq34/Gd4/Ce4/Cf4vKe4+2l5e6j4Oys5u+44/Cg5fCr5vGt6PC16fO26vO87ve/7fi87vi97vi/0uHO2+jW2unX6/TD7vfA7/jH8PbB8vbH8PbK9/rT9vrY9vrc9/vd+/3c+P7c+f7d+P7e6PDk6fTm6/Xo7/fr9ffh+vvl+P3g+f3h+fzi/f7m+/zq/f7s8vrx+f3x+v7w/f7x/v7y/v/z/v/0/v73/v75/v38/f7+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnz0KZQAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAAEbSURBVChTARAB7/4A0aqNkImJioyMjImLkY6r0QCsj8nLzMzMzMzMzczLyIi7AD6Xwbe5urq6urq4wsHAlocAIpWwp6apqa6urqiyw6+ULgAhbZibmpqZmqCgorakmWwmAARpf4B/f4OBg5O0oYJ+PScACjt2eXR4eHhzsaN6d3UyKgALOF5mYl1jZ5yzb2JkUDUsAAs3RmBxZVx7xnxhWVZMMSsABhdKcsSdcLWyaFpYUkQVKAAgFEJrn8q/zn1aW1RHPxEpAB8MNklRns/FbldVT0U0BykAJQISPEVqraVfU05DMw4AMACFGwUPOkBITUtEQRkQHBqSAL0tHQEMFBg5NxYTDQEeL8cA0LyEIx4DCAoJHxwdJIa+0S+PbKi6PdJ5AAAAAElFTkSuQmCC'); 
    background-position:right; 
    background-repeat:no-repeat; 
    -moz-box-shadow:none; 
}

#collection-tree ul li, #collection-tree ul li ul li {
    list-style-type: none;
}

.code a {
    padding: 4px;
    border: 1px solid #C7C7C7;
}