html {
   color: #333;
   padding: 0px;
   margin: 0px;
   border: 0px;
   font-family: verdana, sans-serif;
   font-size: 13px;
}



body {
   background-color: #4E617D;
   padding: 0px;
   margin: 0px;
}

#content a {
   text-decoration: none;
   color: #33a;
   border-bottom: 1px dashed #33a;
}

#content a:hover {
   color: #33a;
   border-bottom: 1px solid #33a;
}

#page {
   width: 990px;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #2F3B4D;
   background-color: #fff;
}

#header {
   height: 100px;
   background-image: url(/assets/templates/geek/images/logo-bg.png);
   background-repeat: repeat-x;
}

#footer {
   padding: 5px;
   font-size: 10px;
   color: #ddd;
   text-align: center;
}

#menu {
   width: 250px;
   padding: 5px;
   float: left;
}

#menu h1 {
   font-size: 12px;
   display: block;
   padding: 3px;
   border: 1px solid #ccc;
}

#menu ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}

#menu li a{
   color: #336;
   display: block;
   text-decoration: none;
   padding: 3px;
   background-color: #fff;
   border-left: 1px solid #fff;
}

#menu li a:hover {
   background-color: #ddf;
   border-left: 1px solid #333;
}

#content {
   padding: 10px;
   float: right;
   width: 708px;
   border-left: 1px solid #4E617D;
}

div.clear {
   clear: both;
}