/* basic styling */

body
{
  background-color:black;
  color:white;  
}

a:link
{
  color:#FDD;
}

a:visited
{
  color:#FDF;
}

a:hover
{
  background-color:#99F;
  color:#000;
  padding:2px;
}

a:active
{
}

hr
{
  width:80%;
  height:1px;
  color:#99F;
  background-color:#99F;
}

h1
{
  text-align:center;
  font-size:130%;
}

/* main layout */

div.container
{
  width:80%;
  margin:auto;
}

div.centered
{
  text-align:center;
}

div.header
{
  background:url("shambles.png") no-repeat scroll;
  text-align:center;
  height:40px;
  padding-top:55px;
  padding-bottom:65px;
}

img.headerTitle
{
  margin-left:8px;
  margin-right:8px;
}

div.sidebar
{
  background:#101020 url("corner.png") no-repeat scroll top right;
  width:200px;
  float:left;
  padding:12px;
  margin:0px;
}

ul.menu
{
  list-style-type:none;
  margin:0px;
  padding-left:10px;
}

ul.menu#toplevel
{
  margin-left:10px;
}

li.folder
{
  list-style-image:url("folder.png");
}

li.item
{
  list-style-image:url("item.png");
}

div.main
{
  background:#101020 url("corner.png") no-repeat scroll top right;
  padding:12px;
  margin-left:260px;
}

div.footer
{
  padding-top:15px;
  text-align:center;
  font-size:70%;
}

/* extra stuff */

pre.code
{
  background-color:#FFF;
  color:#222;
  width:60%;
  margin:15px 20px 15px 80px;
  padding:10px;
  font-size:120%;
  border-right:4px solid;
  border-bottom:4px solid;
}

div.comment
{
  margin:20px;
  height:120px;
}

div.commentAuthor
{
  font-size:130%;
  float:left;
  width:140px;
}

div.commentContent
{
  background:#FFF url("speech.png") no-repeat scroll top left;
  color:#222;
  width:60%;
  height:100px;
  position:relative;
  top:30px;
  padding:0px 0px 0px 60px;
  margin-left:140px;
}

div.commentText
{
  height:80px;
  overflow:auto;
  padding:10px;
}