@import url("reset.css");
@import url("basics.css");
@import url("links.css");
@import url("navigation.css");

html {
    background-color: #bbb;
}

body {
    font: 75% "Helvetica Neue", "Arial", "Luxi Sans", sans-serif;
    background-color: #bbb;
    margin: auto;
    padding: 2em 1em 1em 1em;
    overflow:auto;
    min-width:30em;
    max-width:50em;
    line-height:150%;
}

/*-----------------------------------------------------------------------------
 *      Navigation elements' size (overrides defaults from navigation.css)
 *---------------------------------------------------------------------------*/
#navigation #tabnav {
    min-width:30em;
    max-width:50em;
}
#navigation #subnav {
    min-width:30em;
    max-width:50em;
}

/*-----------------------------------------------------------------------------
 *          Main content container
 *---------------------------------------------------------------------------*/
#contentcontainer {
    clear:both;
    position:relative;
    top:-2px;

    color: #111;
    background-color: #ddd;
    border: 1px solid #000;

    min-height: 30em;
    min-width:  30em;
    max-width:  50em;

    overflow:auto;

    background-image: url("../img/backgrounds/shadows/top-bottom.png");
    background-repeat: repeat-x;
    background-position: left top;
}

/*-----------------------------------------------------------------------------
 *          Contents
 *---------------------------------------------------------------------------*/
#content {
    padding: 1em;
    min-height:30em;
    overflow:auto;
}

/*-----------------------------------------------------------------------------
 *          TIFA vertical navigation bar
 *---------------------------------------------------------------------------*/
#tifamenu {
    float: left;
    min-height: 32em;
    min-width:9em;
    color: #bbb;
    border-right: 0px solid black;
    padding: 0px;
    z-index:-1;
    margin-right:0px;
}
ul.tifanavbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    top: 2em;
    width: 100%;
}
ul.tifanavbar li {
    background: white;
    margin: -1px 0px;
    padding: 0.0em;
    border: 0px solid black;
    border-right:0px;
}
ul.tifanavbar li:hover {
    background: #ccc;
}
ul.tifanavbar #current a {
    background: #666;
    color: #eee;
    font-weight: bold;
}
ul.tifanavbar a {
    text-decoration: none;
    display: block;
    padding: 0.5em;
    border: 1px solid;
    border-left: 0px solid;
    border-right: 0px solid;
    border-color: #000;
    color: #000;
}
ul.tifanavbar a:visited {
    color: #000;
}
ul.tifanavbar a:hover {
    color: #822;
}
ul.tifanavbar a:focus {
    outline: 0;
}
ul#spaced {
    line-height:180%;
}

/*-----------------------------------------------------------------------------
 *          TIFA contents
 *---------------------------------------------------------------------------*/
#tifatextframe {
    background-image: url("../tifa/img/tifacube-bg.png");
    background-position: 100% 100%;
    background-repeat:no-repeat;
    border-left:1px solid black;
    margin:0px;
    padding:1em;
    padding-bottom:0em;
    overflow:auto;
    min-height:31em;
}

/*-----------------------------------------------------------------------------
 *          TIFA's "home" page settings
 *---------------------------------------------------------------------------*/
.tifatoc {
    padding-left: 20px;
    line-height: 165%;
}

table.tifatoc  {
    margin:auto;
    height:22em;
    margin-top:2em;
}

table.tifatoc td, table.tifatoc th {
    padding:1em;
    line-height:180%;
}

table.tifatoc td a {
    margin-left:1em;
}

/*-----------------------------------------------------------------------------
 *          Miscellaneous
 *---------------------------------------------------------------------------*/
.position {
    font-size: 110%;
    font-style:italic;
    margin-left:1em;
    padding-top:0.5em;
    padding-bottom:0.5em;
}

.emphframe {
    background-color: #eeeecc;
    border: 1px solid #444444;
    padding:1em;
    padding-bottom:0em;
}
.emphframe .warning {
    font-weight:bold;
    color: #661111;
}

.emphframe p {
    margin-left: 1em;
}

pre {
    font-family:monospace;
}
.email, code {
    font-family:monospace;
}

.warning {
    font-weight:bold;
}

.indented {
    margin-left:2em;
}

#idpic {
    float:left;
    margin:0.5em;
    margin-right:1em;
    width:10em;
    border:1px solid #444;
}

/*-----------------------------------------------------------------------------
 *          Special tables settings
 *---------------------------------------------------------------------------*/
table.algolist {
    margin-left:2em;
}

table.algolist td, table.algolist th {
    padding:0.3em;
}

table.indented {
    margin-top:0.5em;
    margin-left:2em;
}

.indented td, th{
    padding:0.3em;
    vertical-align:baseline;
}
.indented th {
    font-weight:bold;
}

/*-----------------------------------------------------------------------------
 *          Contact information settings
 *---------------------------------------------------------------------------*/
.contact {
    background-image: url("../img/contact_bg.png");
    background-position: 100% 100%;
    background-repeat:no-repeat;
}

table.contactinfo {
    margin:auto;
    margin-top:2em;
}
table.contactinfo td {
    background-color:transparent;
    padding:0.5em;
    padding-left:1em;
    line-height:150%;
    vertical-align: top;
}
table.contactinfo th {
    background-color:transparent;
    padding:0.5em;
    padding-right:1em;
    text-align:right;
    font-weight:bold;
    border-right:1px solid black;
    line-height:150%;
    vertical-align: top;
}

/*-----------------------------------------------------------------------------
 *          Footer
 *---------------------------------------------------------------------------*/
#footer {
    margin: auto;
    padding:0em;
    margin-top:0.25em;
    min-width:30em; /* adjust to size of content container */
    max-width:50em; /* adjust to size of content container */
}
#footer p {
    margin:0;
    padding:0;
    color:#666;
    font-style:italic;
}
#footer img{
    float:right;
    margin-top:-0.45em;
}