@font-face {
  font-family: 'Roboto';
  src: url('font/Roboto-Regular.ttf')  format('truetype'),
    url('font/Roboto-Italic.ttf')  format('truetype'),
    url('font/Roboto-Medium.ttf')  format('truetype'),
    url('font/Roboto-MediumItalic.ttf')  format('truetype'),
    url('font/Roboto-Bold.ttf')  format('truetype'),
    url('font/Roboto-BoldItalic.ttf')  format('truetype');
}

body {
    color: #ffffff;
    background-color: #0e0404; 
    margin:0; 
    font-family: "Roboto", "Verdana", "Helvetica", "Arial", sans-serif; 
    /*text-shadow: #ffe1c8 0px 0px 2px; */
    font-size:16px; 
    line-height:1.7em;
}

a {
    color: rgb(255, 244, 202);
    text-decoration: underline;
}

a:hover {
    color: #ffcc4b; 
    text-shadow: #330900 0px 0px 8px;
    /*background-color: #DDD;*/
}

p {
    margin:0;
    padding-bottom:0px;
}

h1 {
    font-size: 18px; 
    font-weight: bold; 
    margin:0 0 5px 0; 
    color: rgb(255, 233, 143);
    text-shadow: #330900 0px 0px 8px;
    padding-top:40px;
}

h2 {
    font-size: 16px; 
    font-weight: bold; 
    margin:0 0 5px 0; 
    color: rgb(155, 34, 25);
}

img {border:0;}

#header {
    /*padding-top:5px;*/
    height:120px;
    text-decoration: none;
    font-weight: bold; 
    font-size: 28px; 
    background-color: rgb(0, 0, 0);
}

#menu {
    padding-left:25px;
    padding-top:5px;
    padding-bottom:5px;
    height:40px;
    background-color: rgb(26, 6, 0);
}


#menu .link {
    font-size: 14px; 
    text-transform: uppercase;
    font-weight: bold; 
    /*margin:auto;*/
}

#menu img {
     width:40px;
     height:40px;
    padding-right:5px;
    vertical-align:middle;
}

#menu a {
    padding-left:25px;
    text-decoration: none;
}

.main { width:750px; padding:0px 25px 200px 25px; float:top left;}

#container_parent {
    position:relative; 
    width: 800px; 
    margin:auto;
}

#container_child {
    position:relative; 
    width:800px; 
    float:left;
}

.mono {
    font-family: monospace;
}