/*
Theme Name: Webcomicms.net
Theme URI: http://webcomicms.net/
Description: Specially designed for the official Webcomic site.
Author: Michael Sisk
Version: 1
*/

/** Reset */
address,article,blockquote,body,caption,col,colgroup,dd,dialog,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,hr,nav,legend,li,menu,ol,p,pre,section,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,figcapture,iframe,img,math,object,svg,video {
	border:          0;
	margin:          0;
	outline:         0;
	padding:         0;
	border-spacing:  0;
	list-style:      none;
	color:           inherit;
	font-size:       inherit;
	font-style:      inherit;
	text-align:      inherit;
	font-weight:     inherit;
	font-family:     inherit;
	line-height:     inherit;
	text-decoration: inherit;
	vertical-align:  baseline;
	border-collapse: separate;
	background:      transparent; }
article,dialog,figure,figcapture,footer,header,hgroup,legend,nav,section { display: block; }

/** Basic Styling */
html                    { background: url( 'includes/images/bg.png' ) 50% 0 repeat-y, #f5f5f5; color: #333; font: 100%/1.5em 'helvetica neue', helvetica, arial, sans-serif; margin: 1em 0; }
body                    { margin: auto; position: relative; width: 640px; }
a                       { color: #78bf30; transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; }
a:hover                 { text-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); }
abbr                    { border-bottom: 1px dotted; cursor: help; }
b,dfn,strong            { font-weight: bolder; }
blockquote              { margin: 0 2.5em; }
address,cite,em,i,var   { font-style: italic; }
code,kbd,pre,var,samp   { font-family: monaco, consolas, courier, monospace; font-size: smaller; }
del                     { text-decoration: line-through; }
ins                     { text-decoration: underline; }
mark                    { text-decoration: overline; }
pre                     { margin: 0 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: smaller; line-height: 0; }
h1                      { font: 200%/1.5em 'yanone kaffeesatz', sans-serif; }
h2                      { font: 150%/1.5em 'yanone kaffeesatz', sans-serif; }
h3                      { font: 125%/1.5em 'yanone kaffeesatz', sans-serif; }
h4                      { font: 100%/1.5em 'yanone kaffeesatz', sans-serif; }
h5                      { font: 85%/1.5em 'yanone kaffeesatz', sans-serif; }
h6                      { font: 75%/1.5em 'yanone kaffeesatz', sans-serif; }
hr                      { clear: both; }
ol li                   { list-style: decimal; }
ul li                   { list-style: disc; }
menu li                 { list-style: circle; }
ol,ul,menu              { margin: 0 0 1.5em 2.5em; }
ul ul,ul ol,ol ol,ol ul { margin: 0 0 0 2.5em; }
dl,dialog               { margin: 0 0 1.5em; }
dt                      { font-weight: bolder; }
img,object              { vertical-align: bottom; }

/** Header */
#header                          { margin: 0 0 1em; position: relative; }
#header a                        { transition: none; -moz-transition: none; -webkit-transition: none; }
#header hgroup a                 { background: url( 'includes/images/logo.png' ); display: block; height: 32px; width: 121px; }
#header hgroup a:hover           { background-position: 0 32px; }
#header hgroup h1,
#header hgroup h2                { display: none; }
#header nav                      { position: absolute; right: 0; top: 16px; }
#header nav ul                   { float: left; margin: 0; }
#header nav li                   { float: left; list-style: none; }
#header nav a                    { background-image: url( 'includes/images/menu.png' ); display: block; height: 20px; margin: 0 0 0 1.5em; }
#header nav a:hover,
#header nav .current-menu-item a,
#header nav .current-page-ancestor a,
.single #menu-item-19 a,
.archive #menu-item-19 a         { background-position-y: 20px; }
#header nav a b                  { display: none; }
#menu-item-21 a                  { background-position: 0 0; width: 36px; }
#menu-item-19 a                  { background-position: -36px 0; width: 47px; }
#menu-item-532 a                 { background-position: -83px 0; width: 46px; }
#menu-item-667 a                  { background-position: -129px 0; width: 57px; }

/** Showcase */
aside.showcase               { background: #fff; box-shadow: 0 2px 6px rgba( 0, 0, 0, .25 ); -moz-box-shadow: 0 2px 6px rgba( 0, 0, 0, .25 ); -webkit-box-shadow: 0 2px 6px rgba( 0, 0, 0, .25 ); height: 360px; position: absolute; top: 48px; width: 160px; }
aside.showcase:hover a       { opacity: .25; }
aside.showcase:hover a:hover { opacity: 1; }
aside.showcase.nav           { background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; font: 1200%/360px 'yanone kaffeesatz', sans-serif; text-align: center; text-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); }
aside.showcase.nav a         { color: #fff; cursor: pointer; }
aside.showcase.nav a:hover   { position: relative; bottom: 1px; text-shadow: 0 2px 6px rgba( 0, 0, 0, .25 ); }
aside.showcase.nav a:active  { bottom: 0; text-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); }
#track1,
#track3 { left: -184px; }
#track2,
#track4 { right: -184px; }

/** Stage */
#stage                            { background: #fff; box-shadow: 0 2px 6px rgba( 0, 0, 0, .25 ); -moz-box-shadow: 0 2px 6px rgba( 0, 0, 0, .25 ); -webkit-box-shadow: 0 2px 6px rgba( 0, 0, 0, .25 ); }
#stage #showcase                  { background: #fff; display: none; height: 360px; }
#stage #showcase ul               { margin: 0; height: 360px; width: 640px; }
#stage #showcase li               { float: left; list-style: none; }
#stage #showcase ul:hover a       { opacity: .25; }
#stage #showcase ul:hover a:hover { opacity: 1; }
#stage + nav                      { margin: 1em 0 4em; }
#stage + nav a                    { background: url( 'includes/images/meta.png' ) -142px 0; display: block; float: right; height: 25px; width: 91px; transition: none; -moz-transition: none; -webkit-transition: none; }
#stage + nav a:first-child        { background-position: 0 0; float: left; width: 142px; }
#stage + nav a:hover,
#stage + nav a.active             { background-position-y: 25px; }
#stage + nav a b                  { display: none; }

#stage #join                   { display: none; font-size: smaller; height: 360px; line-height: 1.5em; overflow: auto; position: relative; }
#stage #join form              { padding: 1em; }
#stage #join label             { display: block; }
#stage #join label.disabled    { color: #999; }
#stage #join b                 { display: block; float: left; width: 20%; }
#stage #join input[type=text],
#stage #join input[type=url],
#stage #join input[type=email] { width: 70%; }
#stage #join small             { color: #999; display: block; }
#stage #join .info             { float: left; width: 62%; }
#stage #join .testimonial      { font-size: smaller; float: right; width: 38%;  }
#stage #join textarea          { font: larger/1.25em 'helvetica neue', helvetica, arial, sans-serif; width: 100%; }
#stage #join hr                { border-bottom: 1px solid #eee; margin: 0 0 1em; padding: 1em 0 0; }
#stage #join div p             { background: #000; color: #fff; font-weight: bold; margin: -1em -1em 1em; padding: .5em; text-align: center; }
#stage #join .success          { background: #78bf30; }
#stage #join .error            { background: #bf303c; }
#stage #join p a               { color: #999; font-family: 'yanone kaffeesatz', sans-serif; font-weight: 200; padding: .25em; }
#stage #join .inline           { display: inline; }

#stage #download a { background: url( 'includes/images/download-webcomic.jpg' ); display: block; height: 360px; }
#stage #download a b { display: none; }

/** Testimonials */
article.category-testimonials            { background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; font: 200 150%/1.5em 'yanone kaffeesatz', sans-serif; margin: 0 0 2em; padding: 0; text-shadow: 0 1px 0 #fff; }
article.category-testimonials em         { color: #999; font-style: normal; font-weight: normal; }
article.category-testimonials blockquote,
article.category-testimonials p          { margin: 0; }

/** Navigation Page */
nav.page          { font: 300 125%/1em 'yanone kaffeesatz', sans-serif; margin: 0 0 1em; text-align: center; }
nav.page .current,
nav.page .current-menu-item a { color: #333; padding: .25em; }
nav.page a        { color: #999; padding: .25em; text-shadow: 0 1px 0 #fff; }
nav.page a:hover  { color: #333; }
nav.page.right    { text-align: right; }
nav.page.left     { text-align: left; }
nav.page ul       { margin: 0; }
nav.page li       { display: inline; list-style: none; }

/** Navigation Info */
.infolist               { color: #999; text-shadow: 0 1px 0 #fff; }
.infolist ol,
.infolist ul            { margin: 0; }
.infolist li            { list-style: none; }
.infolist a             { border-bottom: 1px solid #ccc; color: #999; display: block; margin: 0 0 1em; padding: 0 0 .5em; }
.infolist:hover a       { opacity: .25; text-shadow: none; }
.infolist:hover a:hover { opacity: 1; }
.infolist h2,
.infolist h3            { color: #333; }
.infolist h2 i,
.infolist h3 i          { float: right; font-style: normal; }
.infolist small         { display: block; text-indent: 1.5em; }

/** Navigation Index */
.indexlist               { color: #999; text-shadow: 0 1px 0 #fff; }
.indexlist li            { list-style: decimal; }
.indexlist ul ul li      { list-style: lower-latin; }
.indexlist a             { color: #333; display: block; padding: 0 0 .5em; }
.indexlist:hover a       { opacity: .25; text-shadow: none; }
.indexlist:hover a:hover { opacity: 1; }
.indexlist h2            { line-height: 1em; }

/** Support Menu */
#menu-support    { margin: 0; }
#menu-support li { float: left; list-style: none; }
#menu-support a  { background: url( 'includes/images/support.png' ); display: block; height: 180px; width: 320px; transition: none; -moz-transition: none; -webkit-transition: none; }
#menu-support a:hover { background-position-y: 180px; }
#menu-support b  { display: none; }
#menu-item-237 a { background-position: -320px 0; }
#menu-item-236 a { background-position: -640px 0; }
#menu-item-235 a { background-position: -960px 0; }

/** Notifiaction Page */
.notice    { background: #fff; box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); -moz-box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); color: #999; font-size: smaller; line-height: 1.5em; margin: 0 0 1.5em; padding: 1.5em 1.5em 1px; }
.notice h1 { display: none; }

/** About */
.page-id-2 article    { background: #fff; box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); -moz-box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); padding: 1.5em 1.5em 1px; }
.page-id-2 article h1 { display: none; }

/** Themes */
.page-id-530 article    { background: #fff; box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); -moz-box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); padding: 1.5em 1.5em 1px; }
.page-id-530 article h1 { display: none; }
.page-id-530 dl         { margin: 0 0 .25em; }
.page-id-530 dt         { font-family: 'yanone kaffeesatz', sans-serif; font-size: 150%; font-weight: normal; line-height: 1.5em; }
.page-id-530 dd         { color: #999;  font-size: smaller; font-style: italic; }
.page-id-530 dl a       { color: #333; }
.page-id-530 img        { border: 1px solid #eee; float: left; margin: 0 .5em 0 0; }


/** Manual Pages */
article.manual_page                    { background: #fff; box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); -moz-box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); padding: 1.5em 1.5em 1px; }
article.manual_page > footer           { border-bottom: 1px solid #eee; color: #999; font-family: 'yanone kaffeesatz', sans-serif; font-weight: 200; line-height: 1em; margin: -1.5em -1.5em 0; padding: .5em; }
article.manual_page > footer a         { color: #999; }
article.manual_page > footer a:hover   { color: #333; }
article.manual_page > footer span      { float: right; }
article.manual_page #comments          { display: none; margin: 1.5em 0 0; }
article.manual_page h2 a               { color: #333; }
article.manual_page .working           { background: #ffefbf; border: 1px solid #ffdf80; color: #bf9b30; font-size: smaller; padding: .5em; text-align: center; }
article.manual_page pre                { border: 1px dotted #ddd; padding: .5em; }
article.manual_page a.null             { color: #bf303c; }
article.manual_page table              { border: 1px dotted #ddd; font-size: smaller; line-height: 1em; margin: 0 0 1.5em; width: 100%; }
article.manual_page th,
article.manual_page td                 { padding: .5em; width: 50%; }
article.manual_page th                 { background: #f5f5f5; font-weight: bold; box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); -moz-box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); }
article.manual_page tr:nth-child(even) { background: #f5f5f5; }
article.manual_page dd                 { margin: 0 0 .75em; text-indent: 1.5em; }

/** Support */
.support_post                           { background: #fff; box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); -moz-box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, .25 ); margin: 0 0 1.5em; padding: 1em; }
.support_post hgroup                    { border-bottom: 1px solid #ddd; color: #999; margin: -1em -1em 1em; padding: .5em; }
.support_post hgroup a                  { color: #999; }
.support_post hgroup a:hover            { color: #333; }
.support_post hgroup h1                 { float: left; font-size: 100%; font-weight: 200; line-height: 1em; }
.support_post hgroup h2                 { float: right; font-size: 100%; font-weight: 200; line-height: 1em; }
.support_post > div                     { float: left; margin: 0 -120px 0 0; width: 100%; }
.support_post > div > div               { margin: 0 136px 0 0; }
.support_post footer                    { float: right; text-align: center; width: 120px; }
.support_post footer a                  { color: #999; }
.support_post footer a:hover            { color: #333; }
.support_post footer b                  { font-family: 'yanone kaffeesatz', sans-serif; font-weight: 200; line-height: 2em; }
.support_post footer img                { display: block; margin: auto; }
.support_post footer label              { cursor: pointer; display: block; font-size: smaller; line-height: 1em; text-align: left; }
.support_post footer input              { margin: 0 0 .5em; }
.support_post input.title               { display: block; font-size: 100%; line-height: 1em; margin: 0 0 .5em; padding: .25em 0; width: 100%; }
.support_post label                     { display: block; font-weight: bold; margin: 0 0 1em; }
.support_post dl                        { font-size: smaller; line-height: 1em; text-align: left; }
.support_post dd                        { margin: 0 0 .5em 1em; }
.support_post .support_post,
.manual_page .support_post              { border: 1px solid #ddd; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.support_post .comment-reply-link,
.support_post .comment-edit-link,
.support_post .post-edit-link,
.support_post #cancel-comment-reply-link { clear: both; color: #999; font-family: 'yanone kaffeesatz', sans-serif; font-weight: 200; padding: .25em; }
.support_post .comment-reply-link:hover,
.support_post .comment-edit-link:hover,
.support_post .post-edit-link:hover,
.single-forumtopic #cancel-comment-reply-link:hover { color: #333; }
.single .pending                      { background: #ffefbf; border: 1px solid #ffdf80; color: #bf9b30; font-size: smaller; letter-spacing: .1em; padding: .25em; }
.single #comments > h1,
.single #respond h2                   { display: none; }
#respond textarea                     { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 100%; line-height: 1.5em; width: 100%; }
#respond .required                    { font-size: 200%; line-height: 0; vertical-align: middle; }

/** Issues */
.infolist .issue_priority-high h2    { color: #bf0000; }
.infolist .issue_priority-medium h2  { color: #bf6000; }
.infolist .issue_priority-low h2     { color: #bfbf00; }
.infolist .issue_status-fixed h2     { color: #00bf00; }
.infolist .issue_status-duplicate h2,
.infolist .issue_status-wont-fix h2,
.infolist .issue_status-invalid h2   { color: #999; }

/** Footer */
#footer         { color: #999; padding: 2em 0; text-align: center; }
#footer a       { color: #999; text-shadow: 0 1px 0 #fff; }
#footer a:hover { color: #333; }