body {
   background-color: #1d1d1d;
   color: #bbb;
   font-family: "Trebuchet MS", Verdana, sans-serif;
}
a{
   color: #f70;
}

div#page {
   background-color: #0F0F0F;
   border-color: #222;
   margin: 2em auto 0 auto;
   width: 1000px;
}

h1, h2 {
   font-family: "Trebuchet MS", Verdana, sans-serif;
   margin: 0 0 0 0;
   display: inline-block;
}

h1 {
   padding: 2em 0.5em 2em 0;
   font-size: 1.8em;
   color: #fff;
}

h2 {
   padding: 0;
   font-size:1.5em;
}

hgroup {
   margin: 0 7.6%;
}

#mainmenu {
   background: #333;
   list-style: none;
   width:1000px;
   padding: 20px;
   display: table-cell;
   vertical-align: middle;
   font-size: 85%;
}

#mainmenu li {
   display: inline-block;
   text-decoration: none;
}

#mainmenu li.adminbutton {
   float: right;
}

#mainmenu li a {
   padding:20px;
   text-decoration: none;
   color: #eee;
}

#mainmenu li a:hover {
   background: #444;
}

#albums {
   list-style: none;
   background-color: #0f0f0f;
   width: 1050px;
   padding: 0;
   margin: 0;
}

.album {
   display: table-cell;
   width: 495px;
   margin: 10px 5px 0 5px;
   height: 380px;
   float: left;
   text-align: center;
   background-color: #222;
   border-radius: 5px;
   position: relative;
   left:-5px;
   
}

.album:hover {
   background: #333;
}

.blankalbum:hover {
   background-color: #222;
}

.albumContent {
   margin-top: 15px; width: 480px;
}

.albumContent a {
   text-decoration: none;
   color: #eee;
}

.albumname {
   padding: 10px 0 2px 0;
}

.albumdate {
   color: #bbb;
}

.featuredImage {
   border: none;
   box-shadow: 5px 5px 5px #111;
}

#footer {
   clear: both;
   margin: 0 auto 30px auto;
   border: 3px solid #1d1d1d;
   border-width: 10px 0 3px 0;
   width: 1000px;
   padding: 2px 0 2px 0;
   text-align: center;
   font-size: 75%;
}

#footer a {
   text-decoration: none;
   color: #aaa;
}

#footer a:focus, #footer a:hover, #footer a:active {
    color: #eee;
}

.defaultText {
   padding: 10px 10px 0 10px;
   background-color: #1d1d1d;
}