@charset "utf-8";

@font-face {
    font-family: 'ubuntulight';
    src: url('fonts/ubuntu-webfont.eot');
    src: url('fonts/ubuntu-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-webfont.woff') format('woff'),
         url('fonts/ubuntu-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    height: 100%;
}

body {
    height: 100%;
    background: #FFF url('./images/subtle_dots.png') repeat;
    margin: 0;
    min-width: 980px;
    padding: 0;
    font-size: 10px;
    font-family: 'ubuntulight';
}

a, a:active, a:hover, a:visited {
    color: inherit;
    text-decoration: none;
}

img {
    border: 0;
    max-width: 100%;
}

#top-nav {
    position: fixed;
    z-index: 500;
    top: 0;
    width: 100%;
    height: 35px;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #303030;
    background: -moz-linear-gradient(top,  #303030 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top,  #303030 0%,#000000 100%);
    background: -o-linear-gradient(top,  #303030 0%,#000000 100%);
    background: -ms-linear-gradient(top,  #303030 0%,#000000 100%);
    background: linear-gradient(to bottom,  #303030 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#000000',GradientType=0 );
    -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.75);
}

#top-nav li {
    float: left;
    position: relative;
    display: block;
}

#top-nav .right {
    float: right;
    position: relative;
    display: block;
}

#top-nav a:hover, #top-nav .right:hover {
    background: #c64011;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    -o-transition: background 200ms linear;
    -ms-transition: background 200ms linear;
    transition: background 200ms linear;
}

#top-nav li a, #top-nav .right a {
    display: block;
    width: 70px;
    height: 35px;
    line-height: 40px;
    color: #b8b8b8;
    padding: 0 7px;
    font-family: 'ubuntulight';
    text-align: center;
    font-size: 1.2em;
    text-transform: uppercase;
    cursor: pointer;
    border-right: 1px solid #292929;
    background: none;
    white-space: nowrap;
}

#top-nav li img {
    display: block;
    padding: 7px 5px;
    text-align: center;
}

#top-nav li ul, #top-nav .right ul {
    display: none;
}

#top-nav li:hover ul, #top-nav .right:hover ul {
    display: block;
    position: absolute;
}

#top-nav li ul a, #top-nav .right ul a {
    border: none;
    background-color: #000;
    width: 100px;
    text-transform: none;
    text-align: left;
    margin-left: -40px;
}

#sidebar {
    width: 270px;
    height: 90%;
    float: right;
    background-color: #dd4814;
    box-shadow: inset 3px 3px 6px 2px rgba(255,255,255,.3);
    border-radius: 0 0 0 6px;
    font-family: 'ubuntulight';
}

#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar ul li {
    width: inherit;
    padding: 12px 0 12px 20px;
    font-size: 1.7em;
    color: #f0f3ff;
    cursor: pointer;
    border-bottom: 1px solid #bb3c0e;
}

#sidebar ul li.first {
    margin-top: 10px;
}

#sidebar ul li:hover {
    background: #c64011;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    -o-transition: background 200ms linear;
    -ms-transition: background 200ms linear;
    transition: background 200ms linear;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.container {
    width: 80%;
    height: 90%;
    background-color: #282828;
    box-shadow: inset -6px -6px 6px -2px rgba(255,255,255,.3);
    color: #FFF;
    border-radius: 0 10px 0 0;
    float: left;
}