/*
Theme Name: Viking's theme
Theme URI: http://kindlyviking.com/
Description: Viking's wordpress theme
Version: 2.0
Author: Jeremy Stephens
Author URI: http://kindlyviking.com/

This theme kicks a lot of ass.
 */

body {
  font-size: 10px;
  font-family: 'Lucida Grande', Verdana, Sans-Serif;
  background: #D8D8C0;
  text-align: left;
  padding: 0;
  margin: 0;
}

#main {
  margin: 0 auto;
  position: relative;
  padding: 0;
  width: 80em;
}

/* rounded corners */
.top .lc, .ls { position: absolute; left: 0; top: 0; }
.top .rc, .rs { position: absolute; right: 0; top: 0; }
.bottom .lc, #quote .lc { position: absolute; left: 0; bottom: 0; }
.bottom .rc, #quote .rc { position: absolute; right: 0; bottom: 0; }
.top {
  position: relative;
  margin: 0;
  padding: 0;
  height: 20px;
  background-repeat: repeat-x;
  background-color: transparent;
}
.bottom {
  position: relative;
  margin: 0;
  padding: 0;
  height: 30px;
  background-repeat: repeat-x;
  background-color: transparent;
}
/* end rounded corners */

#header {
  position: absolute;
  top: 2em;
  left: 0;
  color: white;
  width: 56em;
  height: 5.5em;
  font-family: verdana;
  background: #c12d11 url(images/hf.gif) repeat-x top;
}
#header .headline {
  font-size: 2.3em;
  position: absolute;
  left: 0.75em;
  top: 0.3em;
  z-index: 10;
}
#header .headline a, #header .headline a:visited {
  color: white;
  text-decoration: none;
}
#header .description {
  font-size: 1.6em;
  position: absolute;
  right: 1.2em;
  top: 0.8em;
  z-index: 10;
}
#quote {
  background-color: #28a07d;
  background-repeat: repeat-x;
  background-position: top;
  left: 1.5em;
  position: absolute;
  top: 6.5em;
  width: 52em;
}
#quote .inner {
  position: relative;
  padding: 0.3em 0 0 0;
  background-repeat: repeat-x;
  height: 2.5em;
}
#quote .text {
  margin: 0.3em 1em 0 0;
  font-size: 9pt;
  color: white;
  text-align: right;
}
#qbutton {
  float: right;
  margin: 0.3em 1em 0 0.7em;
}

#sidebar {
  position: absolute;
  top: 2em;
  right: 0;
  width: 23em;
  text-align: left;
  background: #114a71 url(images/srf.gif) repeat-y right;
}
#sidebar .top    { background-image: url(images/stf.gif); }
#sidebar .bottom { background-image: url(images/sbf.gif); }
#sidebar h2 {
  font-size: 1.5em;
  margin: 0.5em 0 0.3em 0;
  color: white;
}
#sidebar ul {
  margin: 0 1em;
  padding: 0;
  list-style-type: none;
}
#sidebar ul li {
  font-size: 1.2em;
  color: #ddd;
  line-height: 20px;
}
#sidebar ul li li:before {
  content: '\00BB \0020';
}
#sidebar a, #sidebar a:visited {
  color: white;
  text-decoration: none;
}

#content {
  position: absolute;
  top: 10em;
  left: 0;
  width: 56em;
  background: #444 url(images/crf.gif) repeat-y right;
}
#content .top    { background-image: url(images/ctf.gif); }
#content .bottom { background-image: url(images/cbf.gif); }
#content .inner {
  padding: 0 3em 1.5em 1.5em;
}

/* all posts */
.post, .page {
  font-size: 11pt;
  color: #eee;
  background-position: top left;
  background-repeat: no-repeat;
  margin-top: 0.5em;
}
.post { background-image: url(images/helmet.gif); }
.post a, .post a:visited,
.page a, .page a:visited,
.comment a, .comment a:visited,
.navigation a, .navigation a:visited {
  color: #81BAE1;
  text-decoration: none;
}
.post a:hover, .comment a:hover, .page a:hover, .navigation a:hover {
  color: #e14d31;
  text-decoration: underline;
}
.post .title {
  height: 50px;
  margin: 0 0 -0.5em 60px;
  padding-top: 5px;
}
.post .title a, .post .title a:visited, .page .title a, .page .title a:visited {
  color: white;
  font-size: 1.6em;
  font-weight: bold;
  text-decoration: none;
}
.entry {
  line-height: 125%;
  text-align: justify;
}

/* comments */
.postmetadata-single {
  background-color: #555;
  padding: 1em;
  line-height: 125%;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}
#comments, #respond h3 {
  color: white;
  font-size: 1.4em;
}
ol.commentlist {
  list-style-type: none;
  margin: 0 0 0 1em;
  padding: 0;
}
.comment {
  color: white;
  line-height: 125%;
  font-size: 1.4em;
  padding: 0.5em;
}
#respond input, #respond textarea {
  border: 2px solid black;
  padding: 2px 3px;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}
#respond label { color: white; }

.inner {
  margin: 0;
  padding: 0;
}
.even {
  background-color: #555;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}