@CHARSET "UTF-8";

body {
   background-color: #000;
   color: #FFF;
   font-size: 16px;
}

a {
   color: #CCC;
}

.main-header {
   margin: 30px auto;
   text-align: center;
   font-size: 160%;
}

.main-footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   padding: 20px 0;
   text-align: center;
}

.wrapper-clear {
   clear: both;
   overflow: hidden;
   margin: 20px 5px;
}

aside {
   float: left;
   width: 19%;
   margin-right: 1%;
}

main {
   float: right;
   width: 80%;
}

.menu-list {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.menu-list > li {
   margin: 10px auto;
   padding: 10px;
   border: 1px solid #FFF;
}

.menu-list > li:first-child {
   margin-top: 0;
}

.menu-list a {
   text-transform: uppercase;
   text-decoration: none;
}

.breadcrumb {
   margin-bottom: 30px;
}

.breadcrumb-list {
   list-style-type: none;
   padding: 0;
}

.breadcrumb-list > li:before {
   content: "\00BB \0020";
}

.breadcrumb-list a {
   text-decoration: none;
}

.page-title {
   font-size: 170%;
}