/*
Theme Name: Wiglaf & Mordred
Theme URI: http://liliy.net/wam/
Description: Custom <a href="http://maikeruon.com/webcomic/">Webcomic</a> theme for <em>The Adventures of Wiglaf & Mordred</em>.
Version: 1.0.0
Author: Michael Sisk
Author URI: http://maikeruon.com/
*/


/* reset */
address,blockquote,body,caption,div,dd,dl,dt,h1,h2,h3,h4,h5,h6,hr,html,legend,ol,p,pre,table,tbody,td,tfoot,th,thead,tr,ul,
a,abbr,b,bdo,br,cite,code,del,dfn,em,i,ins,kbd,label,mark,meter,progress,q,rp,rt,ruby,samp,small,span,strong,sub,sup,time,var,
audio,canvas,embed,figure,iframe,img,math,object,svg,video {
	border:          0;
	margin:          0;
	padding:         0;
	outline:         0;
	border-spacing:  0;
	list-style:      none;
	text-decoration: none;
	font-style:      normal;
	font-weight:     normal;
	color:           inherit;
	font-size:       inherit;
	text-align:      inherit;
	font-family:     inherit;
	vertical-align:  baseline;
	border-collapse: collapse;
	background:      transparent;
} article,aside,dialog,footer,hgroup,header,nav,section { display: block; }

img { vertical-align: bottom; }


/* classes */
.hide            { display: none; }
.invisible       { visibility: hidden; }
.align-left      { text-align: left; }
.align-right     { text-align: right; }
.align-center    { text-align: center; }
.align-justify   { text-align: justify; }
.alignleft       { float: left; }
.alignright      { float: right; }
.aligncenter     { margin: auto; }
.container       { position: relative; }
.clear:after     { content: ''; display: block; clear: both; }

/* text */
abbr             { border-bottom: 1px dotted; cursor: help; }
b,dfn,strong     { font-weight: bolder; }
blockquote       { background: #fff; border: 2px dashed #ccc; color: #333; margin: 0 0 1.5em; padding: 1.5em; }
cite,em,i,samp   { font-style: italic; }
code,kbd,pre,var { font: 125% consolas, courier, monospace; }
del              { text-decoration: line-through; }
ins              { border-bottom: 1px solid; }
mark             { font-style: italic; font-weight: bolder; }
pre              { margin: 0 0 1.5em; padding: 0 1.5em; white-space: pre-wrap; }
p                { margin: 0 0 1.5em; }
small            { font-size: smaller; }
sub              { vertical-align: sub; }
sup              { vertical-align: super; }
sub,sup          { font-size: 85%; line-height: 0; }
#content h2      { color: #999; font: 150%/1em constantia, palatino, serif; margin: 0 0 1em; }
hr.clear         { clear: both; }


/* structure */
html             { background: #333 url( 'img/bg.png' ); color: #fff; font: 75%/1.5em 'lucida sans', 'lucida grande', sans-serif; }
body             { margin: 0 auto 3em; position: relative; width: 998px; }

aside            { padding: 0 0 160px; position: relative; top: -28px; width: 190px; }
#aside-left      { background: url( 'img/bottom-left.png' ) 0 100% no-repeat; float: left; }
#aside-right     { background: url( 'img/bottom-right.png' ) 0 100% no-repeat; float: right; }

#section         { background: url( 'img/content.png' ); color: #333; margin: auto; overflow: hidden; padding: 0 27px; position: relative; width: 564px; }

#header:after,
#footer:after,
section:after    { content: ''; display: block; clear: both; }


/* header */
#header h1 a { background: url( 'img/logo.png' ) 50% 0 no-repeat; display: block; height: 144px; }
#header h2,
#header span { display: none; }

#header nav                          { margin: auto; width: 618px; }
#header nav li                       { float: left; }
#header nav a                        { background: url( 'img/nav-archive.png' ); display: block; height: 36px; width: 75px; }
#header nav .page-item-2 a           { background: url( 'img/nav-about.png' ); width: 84px; }
#header nav .page-item-forum a       { background: url( 'img/nav-forum.png' ); width: 84px; }
#header nav .page-item-8 a           { background: url( 'img/nav-archive.png' ); }
#header nav .page-item-9 a           { background: url( 'img/nav-cast.png' ); }
#header nav .page-item-125 a         { background: url( 'img/nav-fanart.png' ); }
#header nav .page-item-80 a          { background: url( 'img/nav-gallery.png' ); }
#header nav .page-item-10 a          { background: url( 'img/nav-store.png' ); }
#header nav .page-item-11 a          { background: url( 'img/nav-links.png' ); }
#header nav a:hover                  { background-position: 0 72px; }
#header nav .current_page_item a,
#header nav .current_page_ancestor a { background-position: 0 36px; }

#header form { position: absolute; top: 48px; right: 18px; }

#header .comic-rating    { position: absolute; left: 18px; top: 48px; }
#header .comic-rating dt { background: url( 'img/rating.png' ); width: 169px; height: 76px; }


/* sidebars */
aside h2      { font: 150%/1em constantia, palatino, serif; margin: 0 0 .5em; padding: .5em 0 0;}
aside ul      { color: #100040; padding: 0 0 1.5em 1.5em; }
aside ul li   { list-style: square; }
aside input,
aside select  { width: 100%; }
aside a       { color: #100040; }
aside a:hover { color: #fff; }
aside .advertisement   { height: 750px; padding: 10px 0 0; }
aside .advertisement a { color: #fff; font-size: 200%; }

#aside-left .advertisement           { background: url( 'img/ad-left.png' ); }
#aside-right .advertisement          { background: url( 'img/ad-right.png' ); }
#aside-left .advertisement table     { position: absolute; right: 9px; }
#aside-right .advertisement table    { position: absolute; left: 9px; }
#aside-left .advertisement .overlay  { position: absolute; left: 21px; top: 586px; }
#aside-right .advertisement .overlay { position: absolute; right: 21px; top: 586px; }
#aside-left nav                      { background: url( 'img/sidebar-left.png' ); padding: 0 24px 0 36px; }
#aside-right nav                     { background: url( 'img/sidebar-right.png' ); padding: 0 36px 0 24px; }


/* content */
section #vote-incentive  { position: absolute; right: 27px; top: 18px; z-index: 1; }

section a                { color: #800b00; }
section a:hover          { color: #bf1000; }
section hgroup a         { color: #333; }

section h1               { font: 200%/1em constantia, palatino, serif; height: auto; margin: 0 0 .75em; }

section #blog-title      { background: url( 'img/blog.png' ) 50% 0 no-repeat; height: 154px; }
section #blog-title span { display: none; }
section hr               { border-top: 1px solid #eee; margin: 0 0 1.5em; }

section nav.paged.clear  { margin: 1.5em 0; }
section nav.paged a      { border: 1px solid; border-radius: 6px; line-height: 2em; padding: .25em; }

section .advertisement   { clear: both; margin: 0 0 1.5em; position: relative; right: 9px; }


/* articles */
article hgroup .emotions     { float: left; margin: 0 .5em 0 0; }
article header               { position: relative; right: 18px; width: 600px; }
article header nav span      { display: none; }
article header nav a         { display: block; float: left; height: 60px; width: 120px; }
article .first-webcomic-link    { background: url( 'img/nav-first.png' ); }
article .previous-webcomic-link { background: url( 'img/nav-previous.png' ); }
article .comments-comic-link { background: url( 'img/nav-comments.png' ); }
article .next-webcomic-link     { background: url( 'img/nav-next.png' ); }
article .last-webcomic-link     { background: url( 'img/nav-last.png' ); }
article header nav a:hover          { background-position: 0 120px; }
article header nav a.current-webcomic  { background-position: 0 60px; }

article h1                   { font: 200%/1em constantia, palatino, serif; height: auto; margin: 0 0 .25em; }
article h2                   { color: #999; font: 150%/1em constantia, palatino, serif; margin: 0 0 1em; }
article h3                   { font: 125%/1em constantia, palatino, serif; margin: 0 0 1.2em; }

article ol                   { list-style: decimal; }
article ul                   { list-style: disc; }
article ol,
article ul                   { margin: 0 0 1.5em 1.5em; padding: 0 0 0 1.5em; }
article ol ol,
article ul ul                { margin: 0 0 0 1.5em; }

article footer               { margin: 0 0 1.5em; }

/* transcripts */

#webcomic-transcript article, #transcribeform { display: none; }

#webcomic-transcript h1                { cursor: pointer; font: bold 125%/1.5em 'lucida sans', 'lucida grande', sans-serif; }

#webcomic-transcript-response          { color:#fff; display: block; margin:0 0 1.5em; font-weight:bold; text-align:center; }
#webcomic-transcript-response span     { display:block; padding:.5em; }
#webcomic-transcript-response .error   { background:#c10; }
#webcomic-transcript-response .success { background:#9c0; }

/* attachments */
article.attachment header  { padding: 1.5em; text-align: center; }
article footer.attachment  { width: 400px; margin: auto; }
article.attachment nav a   { border: 0; padding: 0; }
article.attachment nav img { width: 60px; height: 60px; }

/* comments */
#comments article           { margin: 0 0 3em; }
#comments article div       { padding: 1.5em 1.5em 0; }
#comments article div div   { padding: 0; }
#comments .odd              { background: #dde5c3; border: 1px solid #bde595; }
#comments .even             { background: #e5d0cf; border: 1px solid #bf938f; }
#comments footer            { padding: .5em; }
#comments footer strong     { font-size: 125%; }
#comments footer a          { color: #100040; }
#comments footer .alignleft { margin: 0 1em 0 0; }
#comments article article   { margin: 1.5em; }
#comments #respond { border-top: 3px double #fff; }

/* cast */
.cast     { width: 100%; }
.cast td  { padding: 0 0 1.5em; }
.cast img { margin: 0 .5em 0 0;}

/* archive */
.webcomic-archive-storyline-the-set-up > .webcomic-archive-items,
.webcomic-archive-storyline-garrott-family > .webcomic-archive-items,
.webcomic-archive-storyline-the-piano-concert > .webcomic-archive-items,
.webcomic-archive-storyline-the-plants > .webcomic-archive-items,
.webcomic-archive-storyline-the-rescue > .webcomic-archive-items { display: none; }
.comic-volume-chapters,
.webcomic-archive .children,
.webcomic-archive-items { display: none; }
.webcomic-archive           { list-style: none; margin: 0; padding: 0; }
.webcomic-archive-storyline-the-set-up > a,
.webcomic-archive-storyline-garrott-family > a,
.webcomic-archive-storyline-the-piano-concert > a,
.webcomic-archive-storyline-the-plants > a,
.webcomic-archive-storyline-the-rescue > a,
.webcomic-archive-storyline-bliss > a { display: block; font-size: 200%; margin-bottom:.75em; text-decoration: none; cursor: pointer; }
.webcomic-archive-storyline-the-set-up > a { background: url('http://liliy.net/wam/layout/cov-vol1.jpg') no-repeat; padding-top:118px; }
.webcomic-archive-storyline-garrott-family > a { background: url('http://liliy.net/wam/layout/cov-vol2.jpg') no-repeat; padding-top:118px; }
.webcomic-archive-storyline-the-piano-concert > a { background: url('http://liliy.net/wam/layout/cov-vol3.jpg') no-repeat; padding-top:118px; }
.webcomic-archive-storyline-the-plants > a { background: url('http://liliy.net/wam/layout/cov-vol4.jpg') no-repeat; padding-top:118px; }
.webcomic-archive-storyline-the-rescue > a { background: url('http://liliy.net/wam/layout/cov-vol5.jpg') no-repeat; padding-top:118px; }
.webcomic-archive .children .webcomic-archive-storyline > a   { background:none; display: block; font-size: 150%; margin:0; padding:0; cursor: pointer; }
.webcomic-archive .children .webcomic-archive-storyline > p   { font-size: 66%; margin:.75em; }
ol.comic-chapter-pages  { list-style:lower-roman; font-size: 66%; text-decoration:underline; }


/* forms */
.wp-polls-ul label { float: none; }
textarea { font: 100%/1em 'lucida sans', 'lucida grande', sans-serif; padding: .25em; width: 98%; margin: 0; }
label    { cursor: pointer; display: block; float: left; font-weight: bold; width: 60px; }
#contact-form label { float: none; width: auto; }

/* footer */
#footer              { background: url( 'img/bottom-middle.png' ) 50% 0 no-repeat; padding: 30px 0 0; text-align: center; width: 600px; margin: auto; }
#footer blockquote   { background: #fff; color: #333; border-radius: 12px; margin: 0; padding: 0; }
#footer blockquote a { color: #800b00; }

/* Shortcode - WP-Captions */
.wp-caption {
	background-color:#eee;
	border-width:.1em;
	border-style:solid;
	border-color:#ddd;
	margin:1em;
	padding-top:.25em;
	text-align:center;
}

	.wp-caption a {
		text-decoration:none;
	}

	.wp-caption img {
		margin:0;
		padding:0;
	}

	.wp-caption p.wp-caption-text {
		font-size:85%;
		line-height:2em;
		margin:0;
		padding-right:.25em;
		padding-left: .25em;
	}
	
.aligncenter {
	display:block;
	margin-right:auto;
	margin-left:auto;
}

/* Widget - Search */
.widget_search h2 {
	display: none;
}

#s { background: #fff url('img/search.png') 4px 50% no-repeat; border: 1px solid; line-height: 1.5em; padding: 0 0 0 24px; width: 100px; }

.bookmark-comic {
margin-bottom: 1.5em;
padding-bottom: 1.5em;
}
		.bookmark-comic a {
		cursor:pointer;
		display: block; 
		float: left;
		height:15px;
	}
	
		.bookmark-comic a.bookmark-this {
			background-image:url('img/bookmark.gif');
			width:56px;
		}
		
		.bookmark-comic a.bookmark-goto {
			background-image:url('img/return.gif');
			width:56px;
		}
		
		.bookmark-comic a.bookmark-clear {
			background-image:url('img/clear.gif');
			width: 40px;
		}
	
		.bookmark-comic a:hover {
			color:#999;
		}

		.bookmark-comic a span,.bookmark-comic a.bookmark-goto,.bookmark-comic a.bookmark-clear {
			display:none;
		}

.page-id-125 .wp-caption.alignnone { float: left; }
.page-id-125 p strong { clear: both; display: block; }