/*
Theme Name: Alphabet Junkie
Theme URI: http://alphabetjunkie.com/
Description: The AlphabetJunkie.com inaugural theme
Version: 1.0
Author: Seth T. Hahne
Author URI: http://spoonfulofhahne.com
Tags: wordnerd, badass, tank girl
.
Default WordPress by Seth T. Hahne || http://spoonfulofhahne.com
*/


/* ################# RESET FORMAT #################### */

* {
  margin:0;
  padding:0;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  border:solid #000 0;
  }
table {
  border-collapse:collapse;
  border-spacing:0;
  }
address, caption, cite, code, dfn, th, var {
  font-style:normal;
  font-weight:normal;}
ol, ul, li {
  list-style:none;
  }
caption, th, td {
  text-align:left;
  vertical-align:top;
  }
h1, h2, h3, h4, h5, h6 {
  font-size:1em;
  font-weight:normal;
  }
a img {
  border:none;
  }

/* ################# FRAMEWORK #################### */

body {
  width:100%;
  background:url('images/alphaBG01a.jpg') fixed;
  }
#bar {
  position:fixed;
  top:50px;
  height:363px;
  width:100%;
  background:url('images/alphaBG03.png') repeat-x;
  z-index:1;
  }
#navBar {
  position:fixed;
  bottom:0;
  right:0;
  width:227px;
  z-index:15;
  }
#alphabet {
  position:relative;
  background:url('images/alphaBG02.png') repeat-y;
  z-index:10;
  }
#content {
  margin-left:389px;
  width:511px;
  background:url('images/alphaBG04.jpg') repeat-y;
  padding:10px 0 25px;
  }
#junkie {
  position:fixed;
  top:8px;
  left:11px;
  z-index:15;
  }


/* ################# CONTENT #################### */

#randoms {
  text-align:center;
  }

#content .postHeader {
  margin:25px 3px 17px;
  }
#content > #randoms + div .postHeader {
  margin:7px 3px 17px;
  }
#content .postHeader .headTop {
  background:url('images/alphaH1b.png');
  padding:15px 0 0;
  width:505px;
  height:44px;
  }
#content .postHeader .headBod {
  background:url('images/alphaH1a.jpg') bottom;
  padding:7px 13px 2px;
  }
#archivals .postHeader .headBod {
  background:url('images/alphaH1a.jpg') bottom;
  padding:7px 13px 13px;
  }
#content .postHeader .storytitle a {
  color:#3f3f25;
  text-shadow: #c2c1a8 1px 2px 0;
  text-decoration:none;
  font-size:1.3em;
  font-family:verdana,helvetica;
  font-weight:bold;
  }
#content .postHeader .meta  {
  color:#c2c1a8;
  font-size:.9em;
  font-family:verdana,helvetica;
  font-weight:bold;
  text-shadow: #3f3f25 1px 1px 0;
  }
#content .postHeader .meta a {
  color:#eff3f7;
  }
#content p {
  margin:0 65px 12px;
  font-size:.8em;
  font-family:arial,helvetica;
  text-align:justify;
  }
#content .storycontent p img {
  border:solid #000 1px;
  }
#content p a {
  color:#395e82;
  font-weight:bold;
  text-decoration:none;
  }
#content p a:hover {
  color:#c35833;
  text-decoration:underline;
  }
#content .feedback {
  margin:0 65px 12px;
  font-size:.7em;
  font-family:verdana,helvetica;
  text-align:right
  }
#content .feedback a {
  color:#c35833;
  font-weight:bold;
  text-decoration:none;
  }
#content .feedback a:hover {
  color:#395e82;
  text-decoration:underline;
  }

#priornext {
  margin:0 65px;
  text-align:center;
  font-size:.1em;
  font-family:arial,helvetica;
  font-weight:bold;
  color:#ecebcf;
  border-top:solid #8d8c70 1px;
  padding-top:10px;
  }
#priornext a {
  padding-left:90px;
  color:#395e82;
  text-decoration:none;
  font-size:6.7em;
  }
#priornext a:first-child {
  padding-left:0;
  padding-right:90px;
  }
#priornext a:hover {
  color:#c35833;
  text-decoration:underline;
  }

#archivals ul {
  text-align:center;
  }
#archivals ul li a {
  font-family:helvetica,trebuchet ms,verdana,sans serif;
  font-size:.7em;
  font-weight:bold;
  color:#395e82;
  text-decoration:none;
  }
#archivals ul li a:hover {
  color:#c35833;
  text-decoration:underline;
  }
  

/* ################# COMMENTS #################### */

#comments, #postcomment, #arcHead {
  margin:25px 3px 17px;
  background:url('images/alphaH1.jpg') bottom;
  border:solid #21394f 2px;
  border-width:2px 0 0;
  padding:15px 7px 2px;
  }
#comments a, #postcomment a {
  display:none;
  }
#comments h2, #postcomment h2, #arcHead h2 {
  color:#a5bfd6;
  text-shadow: #21394f 1px 2px 0;
  text-decoration:none;
  font-size:1.3em;
  font-family:verdana,helvetica;
  font-weight:bold;
  }
#commentform textarea {
  background:#f8f7ed url('images/commentBG.png') no-repeat bottom right;
  border:solid #69694d 1px;
  padding:6px 8px;
  font-family:courier new,courier,monospace,georgia,roman,times new roman,times;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  width:380px;
  height:250px;
  font-size:.99em;
  }
  
#commentwrap {
  margin:0;
  padding:0;
  }

#commentwrap li {
  display:block;
  border-top:solid #848f5e 0;
  border-bottom:solid #848f5e 1px;
  margin:0 3px;
  padding:15px;
  }

#commentwrap li.even {
  background-image:none;
  }
#commentwrap li.odd {
  background:url('images/comment2BG.png');
  }

#commentwrap li + li {
  border-top-width: 0;
  }

.comment-meta {
  float:left;
  width:110px;
  color:#061b38;
  font-family:verdana,helvetica;
  padding-right:20px;
  font-size:.8em;
  margin-bottom:10px;
  text-align:right;
  }

.comment-meta span {
  display:block;
  padding-left:10px;
  text-indent:-10px;
  text-align:right;
  }

.comment-meta img {
  border:solid #717c4b 1px;
  background-color:#bdbd91;
  padding:4px;
  width:60px;
  height:60px;
  margin-bottom:4px;
  }

.comment-meta span a {
  color:#ad0000;
  font-weight:bold;
  text-decoration:none;
  }
.comment-meta span a:hover {
  color:#1f4063;
  font-weight:bold;
  text-decoration:none;
  }
.clear {
  clear:both;
  height:1px;
  }
.clear p {
  font-size:.1em;
  }



/* ################# NAVBAR #################### */
  
#navBar .navTop {
  height:27px;
  background:url('images/navTop.png') no-repeat;
  }

#navBar .navBod {
  background:url('images/navBod.png') repeat-y;
  padding:10px 53px;
  text-align:left;
  font-size:.6em;
  font-family:verdana,helvetica;
  }

#navBar .bombs {
  position:relative;
  top:25px;
  }
#navBar .bombs img[alt=Archives] {
  margin-left:35px;
  }
#navBar .bombs img[alt=About] {
  margin-top:-20px;
  }

#s {
  width:111px;
  height:23px;
  background:url(images/box-search.png) no-repeat;
  padding:2px 25px 3px 9px;
  margin:15px auto;
  color:#666;
  font-size:.6em;
  }
#navBar .screen-reader-text, #searchsubmit {
  display:none;
  }