html {
    background: rgb(76,76,76);
    font-size:76%; 
    /*font-family:georgia, palatino linotype, times new roman, serif;*/
    font-family: "Trebuchet MS", arial, sans-serif;
}

body {
    margin:0px;
}

#container {
/*  border: 1px solid red; */
}

#header {
    color:#fff;
    background:#000;
    /* border: 1px solid green; */
    padding-top:15px;
    padding-bottom:15px;
    padding-left:20px;
}

#header h1 {
  font-size:2em;
  margin:0;
  font-weight:normal;
}

#header h2 {
  margin:0px;
  font-size:1em;
  font-weight:normal;
}

#left {
    float: left;
    width: 160px;
    background:rgb(76,76,76);
    padding-top:15px;
}

#content {
    background: rgb(76,76,76);
    margin-left: 160px;
    /* border: 1px solid blue; */ 
    padding-top:15px;
}

#footer {
    clear:both;
    text-align: center;
    background:rgb(76,76,76);
/* border: 1px solid blue;  */
}


/**
  So a <a> in the header appears as white text
*/
div#header a {
    text-decoration:none;
    color:#eee;
}

/**
  So a <a> in the footer appears as white text
*/
div#footer p {
   text-decoration:none;
   color:#eee;
}

/**
  So a paragraph in the footer is centered
*/
div#footer p {
    text-align:center;
}


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

a.selectedAlbum {
	   text-decoration:none;
	   color:#eee;
	   font-weight:bold;
}

div#title {
/*	  float:right;   */
}



div#menu {
/*        border: 1px solid black;   */
}