/*------------------------------------------*
 * The Book of PDR's CSS file (v2.0)        *
 *  is built upon normalize.css             *
 * http://necolas.github.com/normalize.css/ *
 *  version: 2011-11-04T15:38 UTC           *
 *------------------------------------------*/


/*------------------------------------------------*
 * @font-face rules! Thanks, Font Squirrel!       *
 * http://www.fontsquirrel.com/fontface/generator *
 *------------------------------------------------*/
@font-face {
  font-family: 'Wyeenk'; src: url('/_files/wyeenk-webfont.eot');
  src: url('/_files/wyeenk-webfont.eot?#iefix') format('embedded-opentype'),
       url('/_files/wyeenk-webfont.woff') format('woff'),
       url('/_files/wyeenk-webfont.ttf') format('truetype'),
       url('/_files/wyeenk-webfont.svg#webfont') format('svg'); }


/*-----------------------*
 * HTML5 element display *
 *-----------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup,
   nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/*------*
 * Base *
 *------*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%; min-width: 1150px; }
body { background: #222 url(/_files/bkg.png) top center repeat-y;
   text-align: center; margin: 0; color: #fc0; font-size: 1.1em; }
body, button, input, select, textarea { font-family: "Palatino Linotype",
   "Book Antiqua", Palatino, Georgia, Times, serif; }
::-moz-selection { background: #222; color: #f90; text-shadow: none; }
::selection { background: #222; color: #f90; text-shadow: none; }


/*-------*
 * Links *
 *-------*/
a { color: #f90; text-decoration: none; border-bottom: 1px dotted #f90; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }


/*------------*
 * Typography *
 *------------*/
h1 { font-size: 2em; margin: 0; padding: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #fc0;
   margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic;
   font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace;
   _font-family: 'Courier New', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative;
   vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/*-------*
 * Lists *
 *-------*/
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0;
   padding: 0; }


/*------------------*
 * Embedded Content *
 *------------------*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }


/*---------*
 * Figures *
 *---------*/
figure { margin: 0; }


/*-------*
 * Forms *
 *-------*/
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px;
   padding: 0.35em 0.625em 0.75em; }
legend { border: 0; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0;
   vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] {
   cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box;
   padding: 0; }
input[type="search"] { -webkit-appearance: textfield;
   -moz-box-sizing: content-box; -webkit-box-sizing: content-box;
   box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }


/*--------*
 * Tables *
 *--------*/
table { border-collapse: collapse; border-spacing: 0; }


/*------------------------*
 * The Book of PDR (v2.0) *
 *------------------------*/
header { margin: 0 auto; }
header h1 a, p.c2logo a { border-bottom: 0; }
div#wrapper { margin: 0 auto; width: 1020px; text-align: left;
   line-height: 1.6em; padding: 0 65px; }
div#content { width: 760px; float: left; padding: 0 20px; }
div#content header.entry-header h2, hgroup#commlink h2, div#respond h3 {
   font-size: 1.6em; font-weight: normal; margin-bottom: 0;
   padding-bottom: 5px; border-bottom: 1px solid #ffcc00; }
div#content header.entry-header h2 a { color: #ffcc00;
   border-bottom: 0 solid #ffcc00; }
div#content header.entry-header h3, hgroup#commlink h3, p.comment-notes {
   margin-top: 0; text-align: right; font-size: 0.9em; font-weight: normal; }
div#sidebar { width: 200px; float: right; margin-right: 20px;
   margin-top: 50px; }
nav { /* width: 200px; float: right; margin-right: 20px; margin-top: 56px; */
   font-size: 0.8em; text-align: center; font-family: Wyeenk;
   background: #111; cursor: pointer; border-radius: 9px;
   -moz-border-radius: 9px; -webkit-border-radius: 9px; }
nav h3 { font-weight: normal; font-size: 14px; margin: 5px; }
ul.subm { background: #222; }
body.jsEnabled ul.subm { display: none; }
nav a { color: #f90; border-bottom: 0; display: block; }
nav h3 a { color: #fc0; }
ul.subm a:hover { font-weight: bold; }
nav h3 span.hideMe { color: #111; font-size: 10px; }
nav h3 span.expando { color: #333; font-size: 10px; }
footer.entry-meta, footer.comic-nav { background: #111; padding: 10px;
   margin: auto 25px 75px; border-radius: 9px; -moz-border-radius: 9px;
   -webkit-border-radius: 9px; }
footer.comic-nav { text-align: center; font-family: Wyeenk; font-size: 1.5em; }
footer.comic-nav a { border-bottom: 0; }
footer.comic-nav a:hover { color: #fff; }
.edit-link { float: right; font-size: 12px; } 
.edit-link a { border-bottom: 0; background: #222; border-radius: 5px;
   -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px; }
.edit-link a:hover { background: #333; }
.comment-meta { background: #111; padding: 10px; margin: auto 25px 75px;
   border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
div.nav-prev { float: left; }
div.nav-next { float: right; }
form#searchform { font-size: 0.8em; }
div#sidebar form#searchform { text-align: center; margin-top: 25px; }
form#searchform input[type="text"] { background: #000; color: #fc0;
   border: 2px solid #222; }
form#searchform input.submit { background: #222; border: none; color: #fc0;
   cursor: pointer; padding: 5px; border-radius: 9px;
   -moz-border-radius: 9px; -webkit-border-radius: 9px; }
label.assistive-text { display: none; }
p.c2logo { text-align: center; }
span.greylink { color: #666; }
div#hovercomic { position: absolute; visibility: hidden; width: 175px; height: 225px; }
div.tweet-content { background: #000; margin: 0 50px; padding: 1px 10px;
   border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;
   font-size: 1.3em; border: 4px solid #111; }
div.tweet-content p.tweet-time { font-size: 0.6em; text-align: right; }
.tweet-meta p { text-align: right; margin: -4px 60px 75px 0; padding: 0; }
form#storylines select { width: 175px; font-size: 0.75em; background: #000;
   color: #fc0; border: 1px solid #222; margin-left: 12.5px; }
form#storylines-big select { width: 700px; font-size: 1.2em; background: #000;
   color: #fc0; border: 1px solid #222; margin-left: 20px; font-weight: bold; }

#outerImageContainer, #imageDataContainer { background-color: #222 !important; }
#prevLink, #nextLink, #imageData #bottomNavClose { border-bottom: 0 !important; }
.projwond { font-size: 10px; font-weight: bold; font-family: Tahoma, Verdana,
   Arial, Helvetica, sans-serif; text-align: center; line-height: 1.2;
   margin-top: 0; }
.pw-box { width: 152px; background: #111; margin: 0 auto; text-align: center;
   border: 3px solid #222; }
.projwond a { border-bottom: 0; line-height: 100%; }
.pw1 { margin: 3px 0 5px 0; line-height: 0; }
.pw2 { margin: -3px 0 3px 0; line-height: 0; }

.icons { width: 98px; height: 26px; background: url(/_files/icons.png) 0 -16px no-repeat;
   margin: 5px auto 0; padding: 0; position: relative; text-indent: -9999px; }
.icons li, .comicnav li { margin: 0; padding: 0; list-style: none; position: absolute;
   top: 0; }
.icons li, .icons a { height: 16px; display: block; }
.icons a:hover { background: transparent url(/_files/icons.png) no-repeat; }
.icons :focus { outline: 0; }
.fb { left: 3px; width: 16px; } .fb a:hover { background-position: -3px 0; }
.tw { left: 22px; width: 16px; } .tw a:hover { background-position: -22px 0; }
.gp { left: 41px; width: 16px; } .gp a:hover { background-position: -41px 0; }
.re { left: 60px; width: 16px; } .re a:hover { background-position: -60px 0; }
.rss { left: 79px; width: 16px; } .rss a:hover { background-position: -79px 0; }

.comicnav { width: 192px; height: 20px; background: url(/_files/controls.png)
   0 -20px no-repeat; margin: 5px auto; padding: 0; position: relative; text-indent: -9999px; }
.comicnav li, .comicnav a { height: 20px; display: block; }
.comicnav a:hover { background: transparent url(/_files/controls.png) no-repeat; }
.comicnav :focus { outline: 0; }
.firstcomic { left: 0; width: 32px; } .firstcomic a:hover { background-position: 0 0; }
.prevcomic { left: 32px; width: 32px; } .prevcomic a:hover { background-position: -32px 0; }
.aboutcomic { left: 64px; width: 64px; } .aboutcomic a:hover { background-position: -64px 0; }
.nextcomic { left: 128px; width: 32px; } .nextcomic a:hover { background-position: -128px 0; }
.lastcomic { left: 160px; width: 32px; } .lastcomic a:hover { background-position: -160px 0; }








/* Comment Form?
   All this cribbed from
   WP Twenty Eleven theme
   EXCEPT THE COLORS
   of course */
#respond {
	position: relative;
}
#respond input[type="text"],
#respond textarea {
	background: #000;
	color: #fc0;
	border: 4px solid #222;
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #222;
	color: #f90;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #f90;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	color: #fc0;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 22px;
	position: relative;
	left: 30px;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
#respond input#submit:active {
	background: #333;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
.form-allowed-tags {
	font-size: 0.7em;
	color: #666;
}