﻿
/* Layout
****************************/
html, body, form#aspnetForm { height: 100%; }
html>body>#everything { height: 100%; }
body { font: 16px/100% georgia, serif; }
#everything {
    position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
}

#header-container { width: 100%; }
#header {
    position: relative;
    width: 720px;
    margin: 0 auto; }
  
#content-container { width: 100%; padding-bottom: 8em; } /* Probably needs padding-bottom */
#content {
    width: 720px;
    min-height: 460px;
    margin: 0 auto;
    padding: 6px 0 0 0; }

#footer-container {
    width: 100%;
    min-width: 720px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}
#footer {
    width: 720px;
    margin: 0 auto;
}
.RadGrid_Default .rgMasterTable, .RadGrid_Default .rgDetailTable, .RadGrid_Default .rgGroupPanel table, .RadGrid_Default .rgCommandRow table, .RadGrid_Default .rgEditForm table, .RadGrid_Default .rgPager table {
    font-family: 'Nunito',sans-serif;
}

/* Styling
****************************/
body {
    background: #fff;
    color: #000;
}

#header-container {
    background: #444 url('../img/header-bg.png') repeat-x scroll bottom left; }
#header {
    /*border: solid 1px #fff;
    border-bottom: 0;*/
    color: #fff;
}

#content-container { /*background: #fff url('../img/diffuser.jpg') no-repeat scroll center bottom; */}
#content {
    /*border: solid 1px #fff;
    border-bottom: 0;*/
}

#footer-container { background: #fff;}
#footer {
    padding: 0.25em 0;
    color: #aaa;
    font-size: 0.8em;
    font-family: Courier;
    /*border: solid 1px #fff;*/ }
#footer a {
    text-decoration: none;
    color: #888;
    border-bottom: dashed 1px #888;
    padding: 0 0 1px 0;
}

/* Primitives */
h1,h2,h3,h4,h5,h6 { line-height: 100%; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 {
    font-size: 1.15em;
    font-weight: bold;
    margin: 1em 0 0.5em 0; }
.clear { clear: both; }



/* Specifics */
h1#title {
    display: block;
    float: left;
    padding: 80px 0 8px 0;
    font-size: 30px;
    font-family: Georgia;
    font-weight: normal;
    
    border-bottom: solid 4px #aaa;
}
h2 { margin: 0.5em 0; }
div#login-status {
    padding: 0.25em 0;
    color: #ccc;
    font-family: helvetica, Arial, Sans-Serif;
    font-size: 0.75em; }
div#login-status a {
    color: #eee;
    text-decoration: none;
    border-bottom: solid 2px #666;
    padding: 0 1px 2px 0; }
div#login-status a:hover {
    border-bottom: solid 2px #EB5E00;
}

/* Menu */
ul#menu {
    float: left;
    padding: 72px 0 0 0; }
ul#menu li {
    float: left; }
ul#menu li a {
    display: block;
    padding: 8px 8px;
    margin: 0 2px;
    background-color: #3f3f3f;
    border-bottom: solid 4px #999;
    font-size: 30px;
    font-family: Georgia;
    text-decoration: none;
    text-transform: lowercase;
    line-height: 100%;
    color: #ccc; }
ul#menu li a:hover, ul#menu li a:focus {
    border-bottom: solid 4px #FF873D;
    background-color: #444;
    color: #fff; }
ul#menu li a:focus {
    /*outline: #666 solid 1px;*/
}


/* Login */
.AspNet-Login {
    width: 300px;
    float: left;
    margin: 12px auto; }
.AspNet-Login label {
    width: 100%;
    float: left;
    font-size: 1.25em;
    margin: 6px 0; }
.AspNet-Login input[type=text],
.AspNet-Login input[type=password] {
    float: left;
    width: 192px;
    font-size: 1em;
    padding: 4px;
    background-color: #eee;
    border: solid 1px #ccc;
    letter-spacing: 1px; }
.AspNet-Login-UserPanel {}
.AspNet-Login-UserPanel label {
    color: #888;
    font-family: Verdana;
    font-size: 1em; }
.AspNet-Login-PasswordPanel {}
.AspNet-Login-PasswordPanel Label {
    color: #888;
    font-family: Verdana;
    font-size: 1em; }
.AspNet-Login-Error span {
    display: block;
    float: left; clear: both;
    width: 192px;
    margin: 8px 0 0 0;
    padding: 4px;
    background: #fff;
    text-align: center; }
.AspNet-Login-SubmitPanel {
    float: left;
    clear: both; }
.AspNet-Login-SubmitPanel a {
    float: left; clear: both;
    width: 190px;
    background: #2E2921;
    color: #fff;
    margin: 8px 0;
    padding: 6px;
    text-decoration: none;
    text-align: center; }
.AspNet-Login-SubmitPanel a:hover {
    background: #453620;}
.AspNet-Login-SubmitPanel a:focus {
    background: #453620;}
.AspNet-Login-JoinOption {
    float: left;
    clear: both; }
.AspNet-Login-JoinOption a {
    text-decoration: none;
    border-bottom: dashed 1px #453620;
    color: #453620;
    padding: 0 0 2px 0}
.AspNet-Login-JoinOption a:focus {
    background: #D9D5D0; }
.AspNet-Login-Reset {
    float: left;
    clear: both;
}
.AspNet-Login-Reset a {
    text-decoration: none;
    border-bottom: dashed 1px #453620;
    color: #453620;
    padding: 0 0 2px 0;
}