styles.css

@charset "UTF-8";
/* 
    Document   : styles.css
    Created on : 06.07.2012, 12:21:59
    Author     : Christian Foellmann (foe-services.de)
    Description:
        Basis was css-code from the "ISPConfig 3: default theme" which was based on
        "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework 3.0.6
        by Copyright 2005-2008, Dirk Jesse (http://www.yaml.de)
*/

/* overall
-------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}
html * { font-size: 100.01% }
body {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 75.00%; 
    color: #444;
    background: url("../../default/images/screen_bg.png") repeat-x top left fixed #EEEEEE;
    padding: 10px 0;
}
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em }
dt { font-weight: bold }
dd { margin: 0 0 1em 2em }
a {
    color: #444;
    text-decoration:none;
}
a:focus,
a:hover,
a:active {
    color:#182E7A;
    text-decoration:underline;
}
hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
}
textarea, pre, tt, code {
    font-family: Consolas,"Lucida Console","Courier New",monospace;
    font-size: 0.9em;	
}

h1,h2,h3,h4,h5,h6 { 
    font-family: "Trebuchet MS", sans-serif;
    font-weight:bold; 
    color:#666;
    margin: 0 0 0.25em 0; 
}
h1 { font-size: 200% }                        /* 24px */
h2 { font-size: 200% }                        /* 24px */
h3 { font-size: 150% }                        /* 18px */
h4 { font-size: 133.33% }                     /* 16px */
h5 { font-size: 116.67% }                     /* 14px */
h6 { font-size: 116.67%; font-style:italic }  /* 14px */

p { line-height: 1.5em; margin: 0 0 1em 0; }

cite, blockquote { font-style:italic }
blockquote { margin: 0 0 1em 1.5em }

strong,b { font-weight: bold }
em,i { font-style:italic }

pre, code { font-family: monospace; font-size: 1.1em; }

acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
}

header, #nav, #main, footer {
    clear: both;
}
#page {
    min-width: 980px;
    max-width: 80%;
    background: #fff;
    text-align:left;
    margin: 0 auto;
    padding: 10px;
}
.skip, .hideme, .print {
    height: 1px;
    left: -1000em;
    position: absolute;
    top: -1000em;
    width: 1px;
}

/* header
-------------------------------------------------------------- */
header {
    position: relative;
    color: #faf0e6;
    padding: 15px 2em 5px 20px;
    background: url("../images/header_bg.png") repeat-x top left #6da1ed;
}
header h1 {
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color: silver;
}
header span {
    color: #333333;
}

/* header/topsubnav
-------------------------------------------------------------- */
#topsubnav {
    position:absolute;
    top: 10px;
    right: 10px;
    text-align: right;
}
#topsubnav a { 
    color: #6da0ed;
    font-weight: normal;
    background:transparent;
    text-decoration:none;
}
#topsubnav a:focus, 
#topsubnav a:hover,
#topsubnav a:active {
    text-decoration:underline;
    background-color: transparent;
}

/* nav
-------------------------------------------------------------- */
#topNav ul {
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0;
    background: #6da1ed
}

#topNav ul li {
    display: inline;
    margin: 0 2px 0 0;
}

#topNav a {
    background: url("../icons/x32_sprite.png") no-repeat #6DA1ED;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    color:black;
    display:inline-block;
    height:20px;
    padding-top:37px;
    text-align:center;
    text-decoration:none;
    min-width:78px;
}

#topNav a:hover {
    background-color: #eeeeee;
    color: #000000;
}

#topNav #topNav_current a {
    font-weight: bold;
    color: black;
    background-color: #ffffff;
}
.topnav-tools { background-position: 22px -10px !important; }
.topnav-admin { background-position: 22px -74px !important; }
.topnav-sites { background-position: 22px -523px !important; }
.topnav-monitor { background-position: 22px -585px !important; }
.topnav- { background-position: 22px -650px !important; }
.topnav-help { background-position: 22px -715px !important; }
.topnav-mail { background-position: 22px -780px !important; }
.topnav-mailuser { background-position: 22px -780px !important; }
.topnav-vm { background-position: 22px -842px !important; }
.topnav-domain { background-position: 22px -905px !important; }
.topnav-dns { background-position: 22px -970px !important; }
.topnav-dashboard { background-position: 22px -1035px !important; }
.topnav-client { background-position: 22px -1098px !important; }
.topnav-billing { background-position: 22px -1162px !important; }
#topNav a span {
            padding: 0 3px;
        }
/* main
-------------------------------------------------------------- */
#main { 
    background: #fff;
    padding: 1em 0;
}