/* tilt.css 1.0 - shared stylesheet for Tilt Software and Tilt Games
 * Copyright (c)2010 Tilt Software. All rights reserved.
 *
 */

@font-face {
    font-family: "_Aller";
    src: local("Aller"), url(http://2ti.lt/Aller_Rg.ttf);
}
@font-face {
    font-family: "_Aller";
    font-weight: bold;
    src: local("Aller"), url(http://2ti.lt/Aller_Bd.ttf);
}
body {
    background-image: url(tilttoptile.png);
    background-repeat: repeat-x;
    background-position: -11px 0;
    background-color: #c8cdd9;
    margin: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS",
        Helvetica, Arial, Verdana, sans-serif;
}
h1#top {
    margin: 0; padding: 0;
    font-size: 0;
    height: 150px;
}
h1#top a#toplink {
    display: block;
    margin: 0; padding: 0;
    height: 150px;
    width: 100%;
    background-image: url(tilttop.png);
    background-repeat: no-repeat;
}
h1#top span { display: none }
ul#topnav {
    height: 40px;
    background-image: url(tiltnavtile.png);
    background-repeat: repeat-x;
    background-color: #ccc;
    margin: 0;
    padding: 0;
    font-family: "_Aller", Helvetica, Arial, sans-serif;
}
ul#topnav li {
    float: left;
    margin: 0;
    font-height: 24px;
    /*padding: 6px 5px 2px 5px;*/
    /*padding: 0 0 0 7px;*/
    padding: 0;
    background-color: black;
    list-style-type: none;
    height: 32px;
    background-image: url(tiltnavdefault.png);
    background-color: #aaa;
}
ul#topnav li.tn_first a { padding-left: 12px; }
ul#topnav li.tn_active {
    background-image: url(tiltnavactive.png);
    background-color: #8ac;
}
ul#topnav li a {
    float: left;
    display: block;
    text-decoration: none;
    height: 24px;
    padding: 6px 34px 2px 7px;
    background-image: url(tilttransdefault2default.png);
    background-position: right;
    background-repeat: no-repeat;
    color: #2c1c0c;
}
ul#topnav li.tn_last a {
    background-image: url(tilttransdefault2tile.png);
}
ul#topnav li.tn_active a {
    background-image: url(tilttransactive2default.png);
}
ul#topnav li.tn_active_last a {
    background-image: url(tilttransactive2tile.png);
}
ul#topnav li.tn_nextactive a {
    background-image: url(tilttransdefault2active.png);
}
div#content {
    margin: 10pt 5pt 0 5pt;
}
/*div.section {
    border: 1px solid #112642;
    border-top-width: 0;
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
}*/
div.section {
    margin-bottom: 5pt;
}
div.section h2 {
    font-family: "_Aller", "Lucida Grande", "Lucida Sans Unicode",
        Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 3px 5px;
    font-size: 18px;
    line-height: 1;
    height: 18px;
    background-color: #112642;
    background: url(tiltsecheader.png);
    background-repeat: repeat-x;
    border-radius: 4px 4px 0 0;
       -moz-border-radius: 4px 4px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    color: #eef;
}
div.section.secbox h2 {
    font-weight: normal;
    height: auto;
    background-color: #112642;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
div.section h2 a:link    { color: #ccd; }
div.section h2 a:visited { color: #aab }
div.section div.sec_content {
    padding-top: 4pt;
    border: 1px solid #112642;
    border-top-width: 0;
    border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}
p {
    margin: 0 0 7.5pt 0;
}
div.section p {
    padding-left: 5px;
    padding-right: 5px;
}
hr {
    margin: 10pt 5pt 5pt 5pt;
    color: #18355c;
    background-color: #18355c;
    height: 2px;
}
div#footer {
    margin: 0 5pt;
    font-size: 8pt;
}

