/*                    
           _,--,_                                _,--,
          ;      ;                              ;     ;-.,
       ."       ;,                             ,;         ;
       '-,__,    ;,                           ,;    ,;--''
            ';     ;,     _,.-------.,_     ,;    ,;
              ';     ;,;~'             '~;,;    ,;
                ',  ,;                     ;,  ;
                  ';                         ;;
                 ,;                           ;,
                 ; ;   ,_____       _____,   ; ; 
                 |  `        "     "        '  | 
                 |     ,-~~~^~,   ,~^~~~-,     |
                 |    |        | |        |    |
                 ;,   !       /   \       !   ,;
                  \    \_,.--" .^. "--.,_/    /
                   |     _--' /   \ `--_     |
                 ,; __.       \/^\/       .__ ;,
               ,;     .\                 /.     ;,
             ,;     ,;  \~\__!__|__!__/~/  ';     ;,
        _.,-"     ;'                         ';     "-,._
       ;        ;'       (c) JPMullan.com      ';        ;
        ;.,_    ;     "Don't touch my stuff"    ;    _,.;
            "'-'                                 '-'"
Site Design by Paul Armstrong, http://paularmstrongdesigns.com, 2007

*/
/*
 * Base element definitions
 */

html { background: #000 url(/images/bg-pattern.jpg) center top; }
body {
	background: transparent url(/images/bg-patterngradient.jpg) center top repeat-x;
	height: 600px;
	margin: 0; padding: 0;
	text-align: center;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

a { 
	color: #871414; 
	text-decoration: none; 
}
a:hover { text-decoration: underline; }

p, ul, ol, dl {
	margin: 0; padding: 0; 
}

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5, h6 { font-size: 12px; }

form, fieldset { padding: 0; margin: 0; border: 0; }
input, textarea, select {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}

::selection { background-color: rgba(135,20,20,0.7); color: #000; }
::-moz-selection { background-color: #871414; color: #000; }
*:focus { -moz-outline: 0; }

a img {  border: 0 !important; }

div#container {
	width: 978px;
	margin: 0 auto;
	position: relative;
}


/*
 * #header, #logo
 * $div, $h1
 * you know... the skull and shit
 */
div#header { text-align: left; }
h1#logo {
	width: 387px;
	height: 125px;
}
h1#logo a {
	background: url(/images/bg-logo.jpg) top left no-repeat;
	display: block;
	width: 387px;
	height: 125px;
	text-indent: -999em;
}
h1#logo a:hover { background-position: bottom left; }


/*
 * #posts
 * $div
 * @all
 * parchment paper area
 */
div#posts {
	font-family: Georgia, Times, "Times New Roman", serif;
	position: relative;
	z-index: 1;
	width: 588px;
	margin: 0 auto;
	text-align: left;
	top: -20px;
	background: url(/images/bg-paper.jpg) center top repeat-y;
}
div#posts div.paperedges {
	background: url(/images/bg-paperedges.png) top center repeat-y;
}
div#posts div.papertop {
	background: url(/images/bg-papertop.png) top center no-repeat;
	padding: 40px 0 0;
}
div#posts div.paperbottom {
	background: url(/images/bg-paperbottom.png) bottom center no-repeat;
	padding-bottom: 50px;
}
div#posts a.feed { 
	margin-top: 10px;
	margin-right: 15px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	float: right;
	padding: 2px 0 2px 14px;
	width: auto;
	background: url(/images/link-feed.png) center left no-repeat;
}

div.post {
	padding: 0 20px;
}
div.post p {
	line-height: 22px;
	margin: 0 20px 10px;
}
div.post img {
	padding: 0 4px 4px 0;
	margin: 0 auto;
	display: block;
	background: url(/images/bg-imgshadow.png) bottom right no-repeat;
}
div.post p.metadata { 
	font-size: 11px; 
	margin: 0 0 10px 0;
	line-height: 12px;
}
div.post p.readmore {
  font-size: 1.2em;
  font-weight: bold;
	margin-top: -10px;
	padding: 7px 0 20px 20px;
	background: url(/images/bg-readmore.gif) top left no-repeat;
}
.readmore:hover {
/*  text-decoration: blink; */
}
/*
 * #comments
 * $div
 * @single post pages
 * contained in #posts parchment paper area
 */
div#comments form { padding-left: 20px; line-height: 1.8em; }
div#comments input, div#comments textarea {
	background: #E4D0A1;
	background: transparent;
	width: 200px;
	border: 0;
	border-bottom: 1px solid #8B7A4F;
	font-family: Georgia, Times, "Times New Roman", serif;
}
div#comments input:hover, div#comments input:focus, div#comments textarea:hover, div#comments textarea:focus {
	border-bottom-color: #58471C;
	color: #871414;
}
div#comments textarea {
	background: url(/images/bg-textarea.gif) top center;
	width: 500px;
	display: block;
	height: 140px;
	border: 0;
  resize: vertical;
}
div#comments input#submit {
	width: 275px;
	border-bottom: 0;
	display: block;
	margin-left: 200px;
	cursor: pointer;
}
ol#commentlist {
	margin: 0 20px 20px;
}
ol#commentlist li { 
	border-bottom: 1px solid #8B7A4F; 
	padding-bottom: 20px;
	margin-bottom: 20px;
}
ol#commentlist img.avatar {
	float: right;
	width: 80px;
	margin-left: 10px;
	background: none;
	padding: 0;
}


/*
 * #error
 * $div
 * @404
 * bloody hand print
 */
div#error {
	position: relative;
	z-index: 1;
	width: 588px;
	margin: 0 auto;
	text-align: left;
	top: -20px;
	background: url(/images/404.png) top center no-repeat;
	height: 626px;
	text-indent: -999em;
}


/*
 * #navigation, #modules
 * $div
 * @all
 * left and right sides of paper
 */
div#navigation, div#modules {
	width: 180px;
	position: absolute;
	top: 145px;
	text-align: left;
	color: #FFF;
}
div#navigation { left: 0; }
div#modules { right: 0; }
div#navigation a, div#modules a {  color: #A21919; }
table#wp-calendar {
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	text-align: center;
}
table#wp-calendar caption { font-weight: bold; }
table#wp-calendar thead th {
	border-bottom: 1px solid #871414;
	font-size: 10px;
	padding-bottom: 6px;
	font-weight: normal;
}
table#wp-calendar td {
	padding: 3px 0;
}
table#wp-calendar tfoot td {
	border-top: 1px solid #871414;
}
div#navigation h2, div#modules h2 {
	font-size: 12px;
	text-align: center;
	border-bottom: 1px solid #871414;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
div#navigation ul, div#modules ul {
	list-style-type: none;
	line-height: 20px;
	font-size: 9px;
	margin-bottom: 20px;
}
div#navigation ul ul {
	margin-left: 20px;
	margin-bottom: 0;
}
div#navigation ul a, div#modules ul a { font-size: 12px; }
div#modules ul#people-i-knowLinks li {
	float: left;
	width: 90px;
	overflow: hidden;
}
div#modules h2#random-stuff { padding-top: 20px; clear: left; }
div#modules ul#recently-listenedLinks li {
	display: inline;
	width: auto;
}
div#modules ul#recently-listenedLinks li:after {
	content: ",";
	color: #871414;
}

input#searchText {
	border: 0;
	background: #871414 url(/images/bg-search.gif) no-repeat;
	width: 150px;
	height: 15px;
	padding: 3px 10px 16px 20px;
	color: #EEE;
}
input#searchSubmit { position: absolute; top: -999em; }



/*
 * #footer
 * $div
 * @all
 * contains next/prev links, boneslider, copyright
 */
div#footer { 
	clear: both;
	position: relative;
	top: -10px;
	text-align: left;
}
ul.pagenav { list-style-type: none; }
ul.pagenav li.next {
	float: right;
	width: auto;
	text-align: right;
}
ul.pagenav li.prev {
	text-align: left;
}
div#slider {
	background: url(/images/bg-bonebar.gif) center bottom no-repeat;
	height: 50px;
	text-align: left;
}
div#bonebar { /* appears in place of the slider non archive pages */
	height: 22px;
	background: url(/images/bg-bonebar2.gif) center top no-repeat;
}
div#skullslider { /* skull that slides left/right, js position */
	height: 36px;
	width: 36px;
	background: url(/images/bg-skullslider.png);
	cursor: move;
}
p#here { /* dynamically positioned with js */
	width: 121px; height: 19px;
	text-indent: -999em;
	text-align: left;
	background: url(/images/bg-youarehere.gif);
}
p#pagetip { /* appears on #skullslider hover */
	text-align: center;
	height: 16px; 
	overflow: hidden;
	padding-top: 8px;
	font-size: 11px;
	width: 67px;
	position: absolute;
	top: 34px;
	left: -19px;
	color: #666;
	background: url(/images/bg-pagetip.gif);
}
p#copyright {
	margin: 20px auto -20px;
	width: 413px; height: 41px;
	background: url(/images/bg-copyright.png);
	text-align: left;
}
p#copyright span.copy {
	float: left;
	margin-right: 47px;
	width: 175px;
	height: 41px;
	text-align: left;
	text-indent: -999em;
}
p#copyright a.design {
	float: left;
	width: 191px;
	height: 41px;
	text-align: left;
	text-indent: -999em !important;
}

/**
  * Don't touch Paul's stuff
   */
div.post ol,
div.post ul {
  line-height: 22px;
  margin-top: 0pt;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-left: 45px;
}