/******************
 * CSS file for UPX
 * Developed by Brett Alton <brett.jr.alton@gmail.com>, modified by Ronan Jouchet <ronan@jouchet.fr>
 * Licensed under GPLv3
 ******************/

@import url('960.css');
@import url('reset.css');
@import url('slimbox2.css');

/************
 * Toplevel *
 ************/
#header {
    height: 115px;
    padding: 10px 0 7px 0;
}

.slides {
    height: 236px;
    background: url('../img/slides-bg-extended.png') top center no-repeat #171717;
}

#main{
    background-color: #eee;
    padding: 1em 0;
}

#footer{
    background-color: #212121;
    padding: 1em 0;
}

body {
    background-color: #71588F !important;
    font: 13px/1.5 'Helvetica Neue', 'Tahoma', 'DejaVu Sans', 'Liberation Sans', 'FreeSans', 'Bitstream Vera Sans', sans-serif;
}

h1,h2 {font-weight: bold;}
h1 {font-size:28px !important;}
h2 {font-size:23px !important;}

abbr {
    border-bottom: 1px dotted #ccc;
}

/**********
 * Header *
 **********/
#header h1 a {
    width: 320px;
    height: 140px;
    position: absolute;
        top: 10px;
    background: url('../img/upx-logo-wide.png') top left no-repeat;
}

#header #top_menu {
    margin-top: 40px;
    float: right;
}

#header #top_menu li{
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    list-style-position: outside;
}

#header #top_menu a{
    padding: 4px 1em 4px 1em;
    float: left;
    color: #efefef;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    font-variant:small-caps; /*text-transform: uppercase;*/
    letter-spacing: 1px;
    height: 25px;
    border-right: 1px solid #5D4975;
    border-left: 1px solid #8568A8;
}

#header #top_menu a:hover,
#header #top_menu a.selected{
    color: #F99505;
}

#header #top_menu a.first{
    border-left: none;
}

#header #top_menu a.last{
    border-right: none;
}

.slides #text {
    margin-top: 30px;
}

.slides .slide img{
    margin-top: 15px;
}

/************
 * Download *
 ************/
#download{
    display: block;
    width: 380px;
    height: 125px;
    margin-top: 25px;
    float: right;
    background: url('../img/download_now-sprite.png') 0 0 no-repeat;
    text-decoration: none;
}
#download:hover{
    background: url('../img/download_now-sprite.png') 0 -125px no-repeat;
}

#download:hover .dl_title{
    text-decoration: underline !important;
}

#download .dl_title,
#download .dl_subtitle,
.slides #text ul li,
.slides #text h1 {
    display: block;
    color: #fff;
    text-align: right;
    text-decoration: none;
}

#download .dl_title {
    margin: 35px 40px 0 0;
    color: #111;
    font-size: 23px !important;
    font-weight: bold;
}

#download .dl_subtitle {
    margin: -3px 40px 0 0;
    color: #444;
    font-size: 13px !important;
    font-weight: bold;
}

/********
 * Main *
 ********/
#main h2{
    margin-top: 10px;
}

#main ul,
#main p,
#main table{
    margin-left: 20px;
    padding: 5px 0;
}

#main p,
#main li,
#main a{
    font-size: 12px;
}

#main li{
    list-style-type: square;
    list-style-position: inside;
    margin-left: 20px;
}

a {
    color: #166E00;
    text-decoration: underline;
}

#main a:hover {
    color: #AA2200;
}

/**********
 * Footer *
 **********/
#footer p,
#footer a{
    font-size: 10px;
    padding: .5em 0;
}

#footer p{
    color: #777;
    text-align: center;
}

#footer a {
    color: #999;
    text-decoration: underline;
}

#footer a:hover {
    color: #aaa;
}

/**********
 * Tables *
 **********/
table, th, td {
    margin-top: 8px;
    text-align:left;
    border: none;
}

table a {
    text-decoration: none;
}

th {
    padding: 3px;
    font-size:110%;
    background-color:#71588F;
    color:#fff;
}

td {
    padding:3px;
}

tr.alt td {
    background-color:#E2DBE3;
}