*
{
  margin: 0;
  padding: 0;
  color: #fff;
  border: none;
}

html
{
  font-size: 100%;
  height: 100%;
}

body
{
  position: relative;
  background-color: #181818;
  text-align: left;
  height: 100%;
  font-family: "Calibri", monospace;
  font-size: 1.2em;
}

a
{
  text-decoration: none;
}

#header
{
  height: 85px;
}

#header h1
{
  position: absolute;
  right: 66px;
  top: 30px;
}

#footer
{
  position: absolute;
  bottom: 4px;
  width: 100%;
  margin: 0 auto 5px;
  height: 10px;
  font-size: 0.6em;
  color: #888;
  text-align: center;
}

#content
{
  position: absolute;
  height: auto;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 85px;
  margin-bottom: 20px;
  text-align: center;
}

.menu
{
  position: absolute;
  top: 28px;
  list-style-type: none;
  font-size: 0;
}

.menu li
{
  position: relative;
  cursor: pointer;
  height: 10px;
  margin-bottom: 8px;
}

.menu li img
{
  position: absolute;
  top: 0;
  display: none;
}

#menu-l1
{
  left: 40px;
}

#menu-l2
{
  left: 180px;
}

#menu-l3
{
  left: 320px;
}

#menu-r
{
  right: 310px;
}

#menu-r li
{
  float: right;
  clear: right;
}

#menu-animals
{
  background-image: url("img/menu_animals.png");
  width: 80px;
}

#menu-ascii
{
  background-image: url("img/menu_ascii.png");
  width: 50px;
}

#menu-blog
{
  background-image: url("img/menu_blog.png");
  width: 44px;
}

#menu-cosplay
{
  background-image: url("img/menu_cosplay.png");
  width: 76px;
  height: 10px;
}

#menu-events
{
  background-image: url("img/menu_events.png");
  width: 65px;
}

#menu-flickr
{
  background-image: url("img/menu_flickr.png");
  width: 70px;
}

#menu-flora
{
  background-image: url("img/menu_flora.png");
  width: 53px;
}

#menu-landscape
{
  background-image: url("img/menu_landscape.png");
  width: 101px;
}

#menu-marketing
{
  background-image: url("img/menu_marketing.png");
  width: 105px;
}

#menu-people
{
  background-image: url("img/menu_people.png");
  width: 62px;
}

#menu-scenery
{
  background-image: url("img/menu_scenery.png");
  width: 77px;
}

#menu-texture
{
  background-image: url("img/menu_texture.png");
  width: 78px;
}

#p404
{
  margin-top: 100px;
}

#content ul
{
  list-style-type: none;
}

#content li
{
/*  display: inline-block;*/
  vertical-align: top;
  padding: 2px 5px 2px 38px;
  text-align: left;
/*  width: 200px;*/
  font-size: 13px;
}

#content a
{
  color: #ddd;
}

#content a:hover
{
  text-decoration: underline;
}