@import url(http://www.randomtree.org/eric/base_theme.css);
@import url(datepics.css);

body {
    background-color: rgb(0,102,102);
    color: rgb(245,255,255);
    font-family: "Lucida Sans Unicode", sans-serif;
    font-size: small;
}

/* Header ----------------------------------------------------------------- */

#header {
  left: 190px;
}

#header-content, #header-content span {
  background: url(img/header_cool.png) transparent no-repeat 0px 0px;
  height: 142px;
  width: 597px;
  color: rgb(0,102,102);
}

#header-content span {
  margin-bottom: -142px;
  display: block;
  /* place the span on top */
  position: relative;
  z-index: 1;
}

/* Body --------------------------------------------------------------------- */

.dateheader {
    padding-right: 10px;
    padding-left: 30px;
    right: 0px;
    left: 0px;
    background: transparent;
    margin-bottom: 20px;
    padding-bottom: 3px;
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    top: 10px;
    border: 1px solid rgb(0,51,102);
    min-height: 124px;
}

/* Individual date headers */

.dateheader-inner {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 19px;
  background-color: rgb(0,51,102);
}

.dateheader-inner h3 {
  display: none;
}

/* Alternating posts */

.odd {
  margin-right: 100px;
}
.even {
  margin-left: 100px;
}

/* Navigation bar --------------------------------------------------------- */

#content .widget-powered .widget-content {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
}

.widget-header {
    border-bottom: 1px solid rgb(0,51,102);
}

/* "Powered By" Widget */

.widget-powered .widget-content {
    padding: 2px;
    text-align: center;
}

/* Utilities -------------------------------------------------------------- */

/* Blocks formatting */

.randompic p {
  margin-bottom: 2px;
  padding-bottom: 0px;
  text-align: center;
}

.categorymenu {
  font-size: smaller;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
}

.catmenuitem {
  white-space: nowrap;
  border-left: thin solid;
  border-right: thin solid;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 2px;
  padding-right: 2px;
}

.archivedate {
  display: block;
  float: left;
  width: 150px;
}


.archivecat {
  display: block;
  float: left;
  width: 200px;
}

/* Specific types of formatting */

a:link, a:visited, :link, :visited
{
    color: rgb(153,255,255);
    text-decoration: none;
}

a:link:hover, a:visited:hover, :link:hover, :visited:hover
{
    color: rgb(153,255,255);
    text-decoration: underline;
}

.spoiler
{
    color: rgb(0,102,102);
}

.booktitle, .playtitle, .albumtitle {
	text-decoration: underline;
        font-style: normal;
}

.songtitle, .movietitle {
	text-decoration: none;
	font-style: italic;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}

.footnoteref {
    vertical-align: super;
    font-size: 75%;
}

.small {
  font-size: 75%;
}

.footnote {
    font-size: 85%;
}

span.left {
  float: left;
  text-align: left;
  width: 70%;
}

span.right {
  float: right;
  text-align: right;
  width: 25%;
}

acronym, abbr {
  border-bottom: 1px dotted;
}

code {
  white-space: pre;
  display: block;
  background-color: white;
  color: black;
}

.strikethrough {
  text-decoration: line-through;
}