/* CSS based on http://meyerweb.com/eric/css/edge/main.css */

/* Global */
body {
	background: #557; 
	color: white; 
	margin: 0; 
	padding: 0;
}

div {
	background: #99C url(images/cdemu.png) center no-repeat fixed; 
	border: 1px solid #335;
	color: black;
}

p {
	margin: 1em 0; 
	padding: 0;
}

h1, h2, h3, h4 {
	font-family: Arial, sans-serif; 
	font-style: italic; 
	font-weight: normal; 
	margin: 0; 
/*	text-transform: lowercase;*/
}

/* Page */
div#page {
    position: relative;
    width: 100%;
}

/******************************************************************************\
 * Header *
\******************************************************************************/
div#header {
	color: #446; 

	padding: 0.25em 1em 0.25em 1em; 
        
	border-bottom: 5px double #557; 
	border-top: 3px double #CCF;

/*    text-transform: lowercase;*/
}

div#header h1 {
    font-weight: bold; 
    letter-spacing: 0.50em; 
    text-align: left;
}

div#header h2 {
    text-transform: lowercase;
	font-size: small;	
    letter-spacing: 0.25em; 
    text-align: right;
}

/******************************************************************************\
 *  Sidebar *
\******************************************************************************/
div#sidebar {
    position: absolute; 
    top: 0em; 
    left: 0; 
    width: 23%; 
    background: transparent; 
    padding: 0; 
    margin: 1em; 
    border-width: 0;
}

div#sidebar div {
    margin-bottom: 1em;
}

/* Sidebar section title */
div#sidebar div.section h4 {
	font-weight: bold; 
	letter-spacing: 0.5em; 
	padding: 0.33em 0.5em 0.167em; 
	border-top: 1px solid #335; 
	border-bottom: 1px solid #557; 
	background: #77A; 
	color: #335;
}

/* Sidebar section link */
div#sidebar div.section a {
    display: block; 
    margin: 0; 
    padding: 0.33em; 
    letter-spacing: 1px; 
    text-align: right; 
    font-weight: bold; 
    border-bottom: 1px solid #88B; 
    color: #337; 
    background: transparent none center left no-repeat; 
    text-decoration: none;
}

div#sidebar div.section a:link {
    color: #226; 
    background-color: transparent;
}

div#sidebar div.section a:visited {
    color: #557; 
    background-color: transparent;
}

div#sidebar div.section a:hover {
    background: #AAD; 
    color: #338;
}

div#sidebar div.misc p {
    margin: 0; 
    padding: 0.33em; 
    text-align: center; 
    color: #337; 
    background: transparent none center left no-repeat; 
    text-decoration: none;
}

div#sidebar div.misc img {
	border: 0;
	width: 88px;
	height: 31px;
}

/******************************************************************************\
 * Main *
\******************************************************************************/
div#main {
    position: absolute; 
    top: 0em; 
    left: 25%; 
    width: auto; 
    margin: 1em; 
    padding: 1em 1.5em;
}

div#main h1 {
	font-weight: bold; 
    color: #113;
    letter-spacing: 3px; 
    margin-bottom: 1.25em;
    border-bottom: solid 2px #113;
}

div#main h2 {
	font-weight: bold; 
    text-transform: uppercase;
    color: #113;
    letter-spacing: 3px; 
    margin: 1.25em 0 0;
    border-bottom: double #113;
}

div#main h3 {
	font-weight: bold; 
    color: #113;
    letter-spacing: 3px; 
    margin: 1.25em 0 0;
}

div#main p {
    margin: 0.25em 0 1em; 
    line-height: 1.25em;
}

div#main img.floated {
    border: none;
    float: right;
}

/* News */
div.news {
    border: none;
    border-bottom: dotted 2px;
}

div.news h3.title {
    text-align: left;
}

div.news h3.date {
    text-align: right;
    font-size: small;
}

div.news img.image {
    border: none;
    float: right;
}

/* Errors */

div.error404 {
	border: none;
	width: 100%;
}

/* Contacts */
div.maintainer {
    border: none;
    border-bottom: dotted 2px;
}

div.maintainer h4 {
    text-align: right;
    font-size: small;
}

div.developer {
    border: none;
    border-bottom: dotted 2px;
}