/* Tell the browser to render HTML 5 elements as block */

container
{
    overflow: hidden;
}

header, footer, nav, aritcle, aside {
    display:block;
}

body {

    
    background-color : #bac0c0;
    
   
      
}
a {
    text-decoration: none;
    color: #cc0000;
}
a:hover {
    background: #cc0000;
    color: #fff;
}

nav {
    background-color:#D4D8D6;
    margin-top:10px;
    margin-right:10px;
   
}

nav ul {
    padding: 10px 0;
    list-style:none;
}



nav ul li a {
    font-size:18px;
    line-height:32px; 
    text-align: left;
    text-decoration: none;
    color:black;
    display: block;
}

nav ul li a:hover{
    color : #cc0000;
    background: transparent;
}
nav ul li {
    padding-left: 15px;
}

nav ul li:hover {
    border-left: 5px solid #cc0000;
    padding-left: 10px;
}
nav ul li.selected {
    border-left: 5px solid #000;
    padding-left: 10px;
}
nav ul li.selected a {
    color: #000;
}

nav ul li a:active{
    color : #E6AC00;
}




header {
   
   background:url("../img/header_background.jpg");
   width:700px;  
   margin-top:10px;
   padding-top:0px;
   background-color : #D4D8D6;
   position:relative;
}

header a:hover{
    background:transparent;

}

.logo {
    float: left;
    padding: 0;
    margin:0;
    height: 40px;
}

.logo img {
    display: inline-block;
    border: 0;
    padding:0px;
    margin:0px;
    
}

header h1{
    color:  white;
    text-align: right;
    font-weight: bold;
    font-size:30px;
    padding-right:5px;
    text-shadow: 2px 2px 1px rgba(50,50,50, .8);
}



#content {
    background-color : #D4D8D6;
    font-size:14px;
    margin:10px 0;
    padding: 20px;
}


#content h1,h2 {
    color:#fff;
    font-weight:bold;
}



footer {
    float: center;
}

ul.breadcrumb {
    padding: 0;
    list-style: none;
    clear:both;
    height: 16px;
}

ul.breadcrumb li {
    float:left;
    padding: 0;
    margin-right: 1em;
}
#emoticons,
div.avatar {
    display:none;
}