body {
    background-color: #202121;
    font-family: 'trebuchet ms', verdana, arial, sans-serif;
    color: #d7d7d7;
}

a {
    color: #91bb00;
    text-decoration: underline;
}

h1 {
    margin: 7px 0px 0px 0px;
    font-size: 24px;
}

h2 {
    margin: 14px 0px 9px 0px;
    font-size: 22px;
}

.search_limit_warning {
    clear: both;
    padding: 7px 0px 15px 0px;
}

.collection {
    clear: both;
    padding: 0px 0px 15px 0px;
}

.collection > .item {
    clear: both;
    padding: 0px 0px 10px 0px;
}

.question {
    padding: 7px 0px 7px 0px;
}

.question h3, .answer h3 {
    color: #91bb00;
    padding-bottom: 3px;
}

#wrap {
    width: 750px;
    margin: 0 auto;
    background: url('/static/images/skypix.png');
    background-repeat: repeat-y;
}

#message {
    padding: 7px;
    position: absolute;
    right: 0;
    top: 0;
}

#header {
    text-align: center;
    height: 171px;
    background: url('/static/images/header.png');
}

#header h1 {
    font-size: 40px;
    padding: 40px;
}

#nav {
    padding: 0px 0px 0px 0px;
    float: left;
    width: 180px;
    height: 100%;
}

#nav li a {
    background: url('/static/images/nav_link_background.png');
    font-size: 20px;
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: #d7d7d7;
    width: 100%;
    border-right: solid 3px #d7d7d7;
}

#nav li a:hover {
    background: url('/static/images/nav_link_background_hover.png');    
}


.date {
    font-style: italic;
}

.actions {
    margin-bottom: 7px;
}

#section_links ul, .actions ul {
    list-style: none;
}

#section_links li, .actions li {
    display: inline;
}

#section_links {
    margin: 15px 0px 15px 0px;
}

html > body #nav li a {
    width: auto;
}

#main {
    padding: 0px 15px 0px 15px;
    float: right;
    width: 500px;
    min-height: 470px;
    background-color: #202121;
}

form {
    width: 300px;
}

.error_message {
    color:#e52424;
}

label 
{
    margin-bottom: 5px;
    display: block;
    font-variant: small-caps;
    text-transform: lowercase;
    font-size: 18px;
}

.device_key {
    font-family: Monaco, Consolas, monospace;
    font-size: 18px;
}

input[type=submit]:hover {
    background: url('/static/images/button_hover.png');    
    background-repeat: no-repeat;
}

input[type=submit] {
    cursor: pointer;
    margin: 5px -7px 10px 0px;
    float: right;
    font-size: 18px;
    height: 39px;
    width: 96px;
    border: none;
    color: #d7d7d7;
    background-color: #202121;
    background: url('/static/images/button.png');
    background-repeat: no-repeat;
}

input[type=text], input[type=password] {
    width:300px;
    margin-bottom: 5px;
    font-size:14px;
}

input[type=file] {
    padding: 7px;
    width: 300px;
    font-size: 14px;
    color: #d7d7d7;
}

textarea {
    font-family: 'trebuchet ms', verdana, arial, sans-serif;
    height: 150px;
    width: 300px;
    font-size: 14px;
}

#footer 
{
    background: url('/static/images/footer.png');
    height: 65px;
    clear: both;
    text-align: center;
}

#footer p {
    padding: 10px;
}

* html #footer {
    height: 1px;
}