/*

        Copyright (C) 2006 Felipe Alvarez
        All rights reserved. No part of this document can be
        copied in any way and/or/nor by any means.
        
*/

html,body{
background: black;
font: 10pt/140% arial,sans-serif;
color: #FFFFE0;
margin: 0;
padding: 0;
}


/******************************
            *LAYOUT*
*******************************/
#container{
margin: auto 60px;
background: #555555;
text-align: center;
}
#main{
text-align: left;
padding: 1em 70px;
}
#sidebar{
float: right;
width: 22%;
}
#topnav{
background: #555555;
margin: auto;
padding-top: 80px;
}
/*#topnav *,#topnav{
border: solid 1px white;
}*/


/***************************************
            *TOP NAVIGATION*
 ***************************************/ 
#topnav .top{
margin: 0; 
padding: 0;
list-style-type: none;
border-bottom: solid black 2px;
}
#topnav .top li{
display: inline;
padding: 1em;
}
#topnav .top li a{
text-decoration: none;
font-weight: bold;
border: none;
font-size: x-large;
text-transform: uppercase;
}
.top a:link{color: #ffffe0;}
.top a:visited{color: #ffffe0;}
.top a:hover{color: #6060ff;}
.top a:active{color: #6060ff;}
/* 
          TOP 
*******************************
        BOTTOM 
*/
#topnav .bottom{
list-style-type: none;
border-bottom: solid black 2px;
padding: 0;
margin: 14px 0 2px 0;
}
#topnav .bottom li{
display: inline;
margin: 25px;
}
#topnav .bottom li a{
text-decoration: none;
font-size: large;
border: none;
}
.bottom a:link{color: #ffffe0;}
.bottom a:visited{color: #ffffe0;}
.bottom a:hover{color: #6060ff;}
.bottom a:active{color: #6060ff;}

/**************************************
            *LINK COLOURS*
 *************************************/
a:link,a:visited,a:hover,a:active{
text-decoration: underline;
}
a:link{color: #BBBBff;}
a:visited{color: #8080b0;}
a:hover{color: #6060ff;}
a:active{color: #6060ff;}
/*a.current{text-decoration: none !important ;}
*/

/*****************************************
            *PRESENTATION*
 ****************************************/
h1,h2,h3{
font-weight: bold;
}
h1{
font-size: xx-large;
}
h2{
font-size: x-large;
}
h3{
font-size: large;
}
code{
font: 100% "courier new", monospace;
color: red;
background: transparent;
}
fieldset{
width: 60%;
margin: 2em auto;
padding: 2em;
display: block;
}
legend{
color: #ffffe0;
}
.contents{
margin-bottom: 2em;
margin-left: 4em;
}
.codebox{
border: 3px double #ffffe0;
color: #ffffe0;
display: block;
padding: 0.8em;
font-size: small;
width: 60%;
margin: 0 auto;
}


/**********************************
            *EXTRA MARKUP*
 ********************************/ 
.blindtext{
visibility: hidden;
}
.centertext{
text-align: center;
}
.copyright{
margin-top: 1.5em;
font-size: smaller;
}
.header{
font-size: 70%;
text-align: center;
}
.header a{
padding-left: 1em;
padding-right: 1em;
}