/* Box with rounded corners. */
.corner { position: absolute; width: 10px; height: 10px; background: url('corners2.png') no-repeat; font-size: 0%; }
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }

body {
  font-family:'Lucida Grande',sans-serif;
  margin-top:0px;
  margin:0;
  margin-right:0px;
  background:url('notebg2.gif') repeat-y;
  background-color:#bbb;
}

a { color:#000; }
a:visited { color:#000; }
a:hover { color:#a00; }

/* Header */
#header {
  background-color:#a00;
  height:30px;
  width:915px;
  padding:0px;
  margin-left:100px;
}
#search {
  float:right;
  margin-right:10px;
  margin-top:3px;
}
#title {
  letter-spacing:1px;
  color:#ddd;
  font-size:150%;
  margin-left:10px;
  font-family:Georgia,Times New Roman,serif;
}

/* Stats */
#stats {
  font-size:80%;
  margin-left:100px;
  padding:3px 10px 3px 10px;
  background-color:#eee;
  width:895px;
  color:#000;
}
#stats_drawer {
  background-color:#eee;
  height:90px;
  display:none;
}
#stats_drawer h1 {
  font-size:90%;
  margin-bottom:5px;
}
#stats_drawer .label {
  font-size:90%;
  margin-right:10px;
}
.bar {
  height:10px;
  width:100px;
  background-color:#ccc;
}
.progress {
  height:10px;
  background-color:#a00;
}

/* Main layout */
#main {
  width:34.6em;
  position:absolute;
  margin-left:110px;
  margin-bottom:20px;
  margin-top:30px;
  float:left;
}
#controls {
  position:fixed;
  margin-left:735px;
  margin-top:108px;
  width:13em;
  padding:10px;
}
#controls h3 {
  margin-top:0;
}
.content {
  line-height:180%;
  font-size:90%;
}
.content p {
  padding-bottom:20px;
  margin:0;
  background-color:white;
}
h1 {
  color:#a00;
  font-style:bold;
  font-size:360%;
  margin-bottom:30px;
}

.ipquote {
  float:left;
  margin-left:0px;
}
.pquote {
  width:8em;
  float:right;
  font-family:Times New Roman;
  font-style: italic;
  font-size:160%;
  color:#a00;
  font-weight:bold;
  background-color:#f0f;
}

/* Images & captions */
.image {
  position: relative;
  background: #cfcfcf;
  overflow: hidden;
}
.caption {
  background-color:#000;
  color:#fff;
  position:absolute;
  margin:10px;
  padding:5px;
  display:none;
  font-size:80%;
  line-height:120%;
}

/* Info box */
.infobox {
  list-style:none;
  margin-bottom:20px;
}
.infobox h3 {
  color:#a00;
  margin-bottom:10px;
  font-size:110%;
}
.infobox li {
  margin-bottom:5px;
  font-size:90%;
}

/* Study Activities */
.study li {
  display:inline;
  list-style-type:none;
}
.study p {
  font-style:italic;
  line-height:130%;
  margin-top:5px;
  font-size:90%;
}
.study h3 {
  margin-bottom:0px;
}
.study span {
  color:#fff;
  background-color:#a00;
  padding:2px;
  margin-left:10px;
  text-decoration:none;
}

/* Info highlighting */
cite {
  font-style:inherit;
}

.highlight {
  background-color:#ff4;
}

/* Slider */
.slider {
  width:145px;
  height:10px;
  background-color:#eee;
}
.knob {
  background-color:#333;
  width:10px;
}