/*
  CSS files kept in the 'styles' directory can be used to
  costumize your K2 installation without having to mess
  with the core K2 files. This in turn makes it easier to
  upgrade to new K2 versions as well as debug any potential
  problems.

  You select schemes from the K2 Options page in the
  'Presentation' section of your WordPress administration.

  Author Name   :   Andrew Childs
  Author Site   :   http://binarybonsai.com
  Style Name    :   SS
  Style URI   : http://sarahsmall.com
  Version     : 1.0
  Comments    : Based almost entirely on Vader, a style included with K2.

*/

body {
  background: #1B181A;
  color: #CCC;
  margin: 0;
  }

#header {
  display: none;
  }

h1 {
  position: absolute;
  top: 25px;
  left: 50px;
  padding: 0;
  }

.description {
  position: absolute;
  top: 55px;
  left: 50px;
  margin: 0 !important;
  }

#page {
  border: none;
  }

.primary {
  padding-left: 25px;
  }

#page, ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover {
  background: black;
  }

ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover {
  color: white !important;
  text-decoration: none;
  }

ul.menu li a:hover {
  background: #1B181A;
  }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited {
  color: #AD9BAA !important;
  }

h2 span a,
h2 span a:visited,
h3 span a,
h3 span a:visited {
  color: #AD9BAA !important;
  font-weight: normal !important;
  }

.primary .entry-meta a, .primary .entry-meta a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
  color: #999;
  font-weight: normal;
  }

.counter a {
  color: #999;
  }

.commentlist li {
  color: #999;
  }

.commentlist li:hover {
  background: none;
  }

blockquote, #weightedcategories, .authorcomment {
  background: #1B181A;
  border-color: #222;
  }

.primary img {
  border-color: #222;
  background: #1B181A;
  }

.inputcontainer {
  margin-bottom: 6px;
  }

/* Gray Color */
#footer, small, .sidebar ul ul li, .sidebar ul ol li, .nocomments, ul#activity li small a, ul#activity li, .LSRow small, #searchcontrols small  {
  color: #999;
  }

a, a:visited, .sidebar a:visited {
  /* color: #4CA4B8; */
  color: #F4E7F2;
  }

.post p a:visited {
  /* color: #4CA4B8; */
  color: #F4E7F2;
  }

#af-ela-menu li {
  border: none;
  background: #1B181A;
  }

#af-ela-menu, #af-ela-menu li {
  border-bottom: 1px solid #333;
  }

#af-ela-menu li.selected {
  background: #1B181A;
  }

/* Hovering state of the table items */
#af-ela-year li:hover, #af-ela-month li:hover, #af-ela-post li:hover, #af-ela-category li:hover {
  background: #1B181A;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  }

/* Active or hovered item in list */
#af-ela-year li.selected, #af-ela-month li.selected, #af-ela-post li.selected, #af-ela-category li.selected, #af-ela-post li:hover {
  background: #1B181A;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  }

#af-ela-post {
  border-left: 1px solid #333;
  border-right: none;
  }

/* Rolling Archives Slider */
#dynamic-content #pagetrack {
  height: 18px;
  }

#dynamic-content #pagetrackwrap {
  height: 18px;
  padding-right: 4px;
  top: 0px;
  }

#dynamic-content #pagehandle {
  width: 18px;
  height: 18px;
  top: 0px;
  cursor: e-resize;
  }

body.smartposition #rollingarchives {
  background-color: #1B181A;
  border-bottom: 1px solid #444;
  }

/* customizations */

body {
  font-family: Arial, Helvetica, sans-serif;
  }

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, "Palatino Linotype", Palatino, "Times New Roman", Times, serif;
  }

a, a:visited, a:active, a:hover, .sidebar a:visited {
  color: #F4E7F2;
  text-decoration: underline;
  }

a:hover {
  color: #FFF;
  }

#commentlist li .comment-meta {
  padding: 4px 0 4px 20px;
  }

#page, ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover {
  background: #1B181A;
  }

#footer a {
  border-bottom: 1px solid #666;
  }

#footer a:hover {
  border-bottom: 1px solid #DDD;
  color: #FFF;
  }

.comments textarea {
  background: #000;
  border: 2px inset #000;
  color: #CCC;
  }

.comments form input[type="text"] {
  background: #000;
  border: 2px inset #000;
  color: #CCC;
  }

li.byuser {
  background: #1B181A;
  }

#s { width: 70% }

#s.livesearch {
  background: #000;
  border: 2px inset #000;
  color: #999;
  }

#page, #dynamic-content { padding-top: 0 }

.feedlink { text-decoration: none }

.columns-two #page { width: 820px }

.content { padding: 0 }

.hentry { margin: 6px 0 40px 0 }

.entry-content {
  color: #E6D8E4;
  line-height: 17px;
  font-size: 12px;
  }

.entry-head { margin-top: 0 }

#primary { padding: 0 }

.secondary h4 {
  font-size: 16px;
  letter-spacing: 1px;
  }

h3, h4, .single .k2-asides h3 {
  font-size: 2em;
  letter-spacing: 0;
  line-height: 1.3em;
  }

strong, em, b, i { font-family: Arial, Helvetica, sans-serif }

.entry-meta {
  color: #888;
  margin-top: 0;
  }

.entry-meta a, .comment-meta a {
  color: #888;
  }

.entry-meta abbr { color: #888 }

h2 {
  font-size: 2.9em;
  letter-spacing: 0;
  font-weight: normal;
  }

.alert {
  background: #444;
  color: #FFF;
  border: 1px dashed #999;
  padding: 7px 20px;
  }

.entry-content a:visited {
  color: #F4E7F2;
  }

.entry-head {
  margin-top: 28px;
  }