body {
  background-color: #999999;
  font-family : helvetica, lucida, verdana, arial, sans-serif;
}

.center {
  text-align: center;
}

IMG .latex {
  vertical-align: baseline;       
}

#main {
  border: 1pt inset black;
  box-shadow: 1px 2px 5px 4px rgba(0,0,0,.2);
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}

#logo {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 160px;
}
	
.small {
  background: #ffffff;
  color: #147;
  font : 10px verdana, helvetica, lucida, arial, sans-serif;
}

.small a {
  color: #147;
  text-decoration: none;
}

.small a:hover {
  color: #000;
  text-decoration: underline;
}

.verb {
  font-family: courier new, courier;
}


code {
  font-family : courier, fixed;
}

div.code {
  font-family : courier, fixed;
  background-color : #cccccc;
  border : 1px solid #000000;
  color : #000000;
  padding: 5px;
  white-space: pre;
}

div.codeMeta {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: xx-small;
  background-color: #ffffff;
  border: 1px solid #000000;
  color: #000000;
  padding: 5px;
  float: right;
  margin-right: -6px;
  margin-top: -6px;
}

#menu {
  float: left;
  width: 140px;
  margin-left: 10px;
  padding-top: 15px;
}

#menu ul {
  list-style: square inside url("../images/ul_li.png");
  padding: 10px 0 0 0;
  margin: 0 0 0 0;
  font-weight: bold;
}

#menu ul li {
  padding: 10px 0 0 0;
}
#menu ul > li:first-child {
  padding-top: 0;
}

#menu ul ul {
  list-style: square outside url("../images/ul_ul_li.png");
  padding: 0 0 0 20px;
  margin: 0 0 0 0;
  font-weight: normal;
}
#menu ul ul li {
  padding: 0px 0 0 0;
}

#counter {
  text-align: center;
  margin-top: 10px;
}

#counter img {
  border : 0;	 
}

#text {
  float: right;
  width: 620px;
  background: #fff;
  color: #000000;
  margin-right: 5px;
  padding: 5px;
  padding-top: 0px;
  font : 12px verdana, helvetica, lucida, arial, sans-serif;
}

#text > h1:first-child {
    margin-top: 0;
}
#text h1 {
    color: #369;
    background: inherit;
}

#text a {
  background: transparent; 
  color : #369;
  text-decoration: none;
  font-weight: bold;
}

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

#text dt {
  font-weight: bold;
}

#text dd {
  padding-bottom: 8px;
}

#text img {
  border: 0px;
}

#text .right {
  float: right;
}

@media screen {
  #text a[href*="http://"],
  #text a[href*="https://"] {
    padding-right: 14px;
    background: transparent url("../images/external.png") center right no-repeat;
    white-space: nowrap; 
  } 
  #text a[href*="imada.sdu.dk/~svalle"],
  #text a[href*="kohrt.dk/"],
  #text a[href*="svalgaard.net/"] {
    padding-right: 0px;
    background: none;
    white-space: nowrap; 
  }
}

#icons {
  float: right;
  text-align: right;
  width: 48px;
  margin-right: 10px;
  padding-top: 5px;
  background-color: #ffffff;
  color: #000000;
}

#icons img {
  border : none;       
}

#footer {
  clear: both;
  background-color: #ffffff;
  margin-left: 170px;
  margin-right: 5px;
  padding: 5px;
  text-align: left;
  border-top: 1px dotted #333333;
  font : 8px verdana, helvetica, lucida, arial, sans-serif;
}

@media print {
  /* Only print main text area */
  body {
    color : #000;
    background : #fff;
  }
  #logo, #menu, #footer, #icons, div.codeMeta {
    display : none;
  }
  #main, #text {
    width : 100%;
    border : none;
    float : none;
    margin : 0px;
    padding : 0px;
    background : transparent;
    text-align : left;
  }
  div.code {
    background-color : #efefef;
    color : #000000;
  }
  
  .noprint {
    display : none;
  }
}

ol.i {
  list-style-type: lower-roman;
}

ol.ii {
  list-style-type: upper-roman;
}

ol.a {
  list-style-type: lower-alpha;
}

ol.aa {
  list-style-type: upper-alpha;
}

.bspace {
  margin-bottom: 2em;
}

table#previousCakes th, table#previousCakes td {
    text-align: left;
    vertical-align: top;
}

#text table#previousCakes td a {
    white-space: normal;
}

tr:hover {
    background: #ccc;
}

table#previousCakes td.cakedate {
    width: 7em;
}