/* general
-------------------------------------------------------- 
*/
body{margin:0;padding:0;}

body{
 background:black;
 font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 color:#fff;
}

/* page structure
-------------------------------------------------------- 
  Layout and size of header, content and footer
*/
/* set width and center page */
header#top,
div#content{margin:0 auto;width:960px;}

/* add common padding to main content block */
div#content{padding:1em 0 1em 0;}

/*two columns */
article {width:730px;float:left;}
aside {float:left;width:230px;}

/* footer */
footer#bottom {
  color: white;
  padding:10px 10px 20px 10px;
  margin:0 auto;
  width:940px;
}

/* the log text */

/* clearer fix */
div#content {overflow:auto;}

/* always show scrollbar to the right  */
body { overflow-y: scroll; }


/* a links
-------------------------------------------------------- 
*/
a { color: white;}
a:hover   { text-decoration:none; color:#cc2222; }

/* navigation menu
-------------------------------------------------------- 
*/
nav.navmenu {
  font-weight: bold;
  padding: 12px 12px;
  background-color: black;
}
nav.navmenu a {padding:10px 12px;text-decoration:none;}
nav.navmenu a:hover {background:white; color:black;}


/* figure & figcaption
-------------------------------------------------------- 
*/
figcaption {font-style:italic;font-size:smaller;padding-left:1em;}

figure {
  border: 1px solid white;
}


/* Misc classes
-------------------------------------------------------- 
*/
.right {float:right;}
.left {float:left;}


/* highlight current choice in navigation menu
--------------------------------------------------------
*/
body#start a#start-,
body#comments a#comments-,
body#exercises a#exercises-,
body#viewsource a#viewsource- {
 background:white;color:black;
}

footer {
  border: 1px solid white;
}