/**

 * Theme Name: Cadian #1

 * Theme URI: http://gonetoground.ca

 * Description: Theme designed for the "Gone to Ground" comic.

 * Author: Stefan Grambart

 * Author URI: http://stefangrambart.ca

 * Template: inkblot

 * Version: "The Gutklobba Waaagh!"

 */



/** Load the Cascade Failure CSS Framework - The CSS framework should always be loaded */

@import url( '../inkblot/includes/css/cf-reset.css' );

@import url( '../inkblot/includes/css/cf-layout.css' );

@import url( '../inkblot/includes/css/cf-typography.css' );



/** Load the default InkBlot styles - This gives us the basic InkBlot appearance to build upon */

@import url( '../inkblot/style.css' );

	

/* change the site width */

.group					{ width:990px; }

.content-main			{ width:750px; }

.sidebar-one 			{ width:240px; }



/* 

Uncomment this block and adjust widths as necessary to override InkBlot's default content and sidebar widths.

By default, the content block will be 62% (for two-column layouts) or 50% (for three-column layouts) as wide as the site.

By default, the sidebars will be 38% (for two-column layouts) or 25% (for three-column layouts) as wide as the site.



This particular stylesheets assumes a two column layout, so we aren't using .sidebar-two.

.sidebar-two   { width: 0; }

*/





/* COLORS */

hr												{ border-top-color: #330; }

a												{ color: #5B630B; }

a:hover											{ color: #330; }

html											{ /* background color included in style */ }

#topbanner										{ color: #CCC; }

#body											{ background-color: #C2B984; }



#transcript-title								{ color: #6E6844; background-color: #AEA674; border-top-color: #9B946A; }

#transcript										{ color: #6E6844; background-color: #AEA674; }

#transcript-response							{ color: #fff; }

#transcript-response .error						{ background-color: #C10; }

#transcript-response .success					{ background-color: #9c0; }



.meta											{ border-top-color: #9B946A; }



.sidebar .interior								{ /* border-top color included in style */ }

.sidebar .interior ul							{ border-bottom-color: #9B946A; }

.bookmark-comic									{ background-color: #AEA674; }



#s												{ border-color: #AEA674; }



.content .interior								{ /* border-top color included in style */ }

.content h1, .content h2 a						{ border-bottom-color: #5D5A47; }



.commentlist .comment,.commentlist .pingback	{ border-color: #908961; }

.commentlist .comment.bypostauthor,

.commentlist .comment.comment-author-nomad		{ /* border color included in style */ }

.commentlist .vcard img.avatar					{ border-color: #414141; }

.commentlist .comment-meta						{ color:#999; }

.commentlist .even								{ background-color: #E2DAA9; }

.commentlist .odd								{ background-color: #CFC795; }



.inquisition									{ color: #414141; border-top-color: #414141; }

.copyright										{ color: #9B946A; border-top-color: #AEA674; }



#foot											{ color: #6B6E49; background-color:#525439; }

#foot a											{ color: #797D50; }

#foot a:hover									{ color: #AAB43D; }



#warvault										{ background-color: #161016; }

/* END COLORS */





body, h1, h2, h3,	{ font-family: Arial, Helvetica, sans-serif; }

img					{ border: none; }

hr					{ border-top: 1px dashed; border-bottom: none; border-left: none; border-right: none; background: none; }



/* change links */

a					{ text-decoration: none; }



/* Remove the site trim and use background images isntead */

html 				{ background: #918855 url(../cadian-one/images/background.jpg) left top fixed repeat-x; }

#wrap-outer,

#wrap-inner			{ background: none; padding: 0px; margin: 0; width: 100%; }

#page				{ background: none; }

#rating				{ background: url(../cadian-one/images/website_images.png) no-repeat; background-position: 0px -210px; width: 170px; height: 170px; position: absolute; right: 0; z-index: 999; margin: 0; padding: 0; }

#topbanner			{ font: Arial, Helvetica, sans-serif; font-size: 10px; font-variant: small-caps; z-index: 0; position:relative; float:right; }

#body				{ margin:0px; }





/* This rule ensures that our sidebar background doesn't show up in the "comic" area if our comic isn't as wide as the site */

#body .comic 									{ background: none; }

#head											{ height: 170px; padding-top:10px; text-align: center; }

#body .content									{ background: none; }

#body .post										{ background: none; }



/* Use an image for the logo */

#head .interior									{ padding: 10px 0 5px 0; }

#head .name										{ margin: 0; text-align:center; }

#head .name span,#head .description				{ display: none; }

#head .name	 a									{ background: url(../cadian-one/images/website_images.png) no-repeat left -50px; display: block; height: 160px; }





/* Use images for comic navigation and always show all the navigation links */

.navi-comic										{ width: auto; background: none; float: right; padding: 1px 10px 0; }

.navi-comic a span								{ display: none; }

.navi-comic a									{ background: url(../cadian-one/images/website_images.png) no-repeat; height: 25px; width: 22px; float: left; margin: 4px 0; padding: 0; }

.navi-comic .current-comic						{ display: none; }



.navi-comic a.first-webcomic-link 					{ background-position: -672px 0px; }

.navi-comic a.previous-webcomic-link				{ background-position: -694px 0px; }

.navi-comic a.next-webcomic-link					{ background-position: -716px 0px; }

.navi-comic a.last-webcomic-link					{ background-position: -738px 0px; }



.navi-comic a.first-webcomic-link:hover 			{ background-position: -672px -25px; }

.navi-comic a.previous-webcomic-link:hover			{ background-position: -694px -25px; }

.navi-comic a.next-webcomic-link:hover				{ background-position: -716px -25px; }

.navi-comic a.last-webcomic-link:hover				{ background-position: -738px -25px; }



/* Main navigation, non-dynamic */

.navmain										{ width: 600px; margin: 0; padding: 6px 0 1px 10px; float: left; }

.navmain li 									{ list-style: none; float: left; }

.navmain li a 									{ display: block; background: url(../cadian-one/images/website_images.png) no-repeat; cursor: pointer; height:25px; }



.navmain li a.home								{ background-position: 0px 0px; width: 57px; }

.navmain li a.about								{ background-position: -57px 0px; width: 65px; }

.navmain li a.cast								{ background-position: -122px 0px; width: 50px; }

.navmain li a.archives							{ background-position: -172px 0px; width: 85px; }

.navmain li a.downloads							{ background-position: -257px 0px; width: 106px; }

.navmain li a.store								{ background-position: -363px 0px; width: 53px; }

.navmain li a.contact							{ background-position: -416px 0px; width: 76px; }

.navmain li a.subscribe							{ background-position: -495px 0px; width: 105px; }



.navmain li a.home:hover						{ background-position: 0px -25px; width: 57px; }

.navmain li a.about:hover						{ background-position: -57px -25px; width: 65px; }

.navmain li a.cast:hover						{ background-position: -122px -25px; width: 50px; }

.navmain li a.archives:hover					{ background-position: -172px -25px; width: 85px; }

.navmain li a.downloads:hover					{ background-position: -257px -25px; width: 106px; }

.navmain li a.store:hover						{ background-position: -363px -25px; width: 53px; }

.navmain li a.contact:hover						{ background-position: -416px -25px; width: 76px; }

.navmain li a.subscribe:hover					{ background-position: -495px -25px; width: 105px; }



/* transcripts */

#transcript-title								{ border-top: .1em dashed; cursor: pointer; font-family: "Courier New", Courier, monospace; font-size: 16px; font-weight: bold; padding: 4px; }

#transcript										{ display: none; padding: 4px; }

#transcript label								{ display: block; float: left; width: 25%; }

#transcript-response							{ margin: 0 0 1.5em; font-weight: bold; text-align: center; }

#transcript-response span						{ display: block; padding: .75em; }



.meta											{ border-top: .1em dashed; text-align: right; font-size: 10px; margin: 0 0 18px 0; padding-top: 6px; }

.blog-title										{ margin: 0; border: none; }



/* sidebars and widgetized areas */

.sidebar 										{ overflow:hidden; } /* This rule prevents wide content from breaking the sidebar */

.sidebar .interior								{ background: none; border-top: #9B946A solid 1px; } /* adds a border across the bottom of the main nav */

h2.widgettitle									{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; padding: 0; margin-bottom: 4px; }

.sidebar .interior ul							{ list-style: none; padding: 4px 0 8px 0; margin: 0 0 12px 0; border-bottom: .1em dashed; }

.sidebar .interior ul li						{ text-indent: 0; padding: 0; margin: 0; }



.bookmark-comic									{ width: 198px; margin: 0 0 12px 0; padding: 4px 0 4px 8px; }

.bookmark-comic span							{ margin-right: 3px; cursor: pointer; font-size: 10px; }



#s												{ width: 197px; height: 18px; padding:4px; border: solid .1em #AEA674; }



/* comic archive - chapter */

ol.comic-archive 								{ list-style: none; padding: 4px 0 8px 0; margin: 0 0 12px 0; text-indent: none; border-bottom: .1em dashed;}

ol.comic-archive .comic-series-item a			{ font: 14px Arial, Helvetica, sans-serif; margin: 0 0 .75em; }

ol.comic-archive .comic-volume-item a			{ display: none; }

ol.comic-archive .comic-chapter-item a			{ display: list-item; font: 12px Arial, Helvetica, sans-serif; margin: 4px 0; }

ol.comic-archive .comic-chapter-pages			{ list-style: none; margin: 0; padding: 0; text-indent: 10px; }

ol.comic-archive .comic-chapter-pages a			{ display: list-item; font: 10px Arial, Helvetica, sans-serif; margin: 0 0 4px 0;}

ol.comic-volume-chapters						{ list-style: none; margin: 0; padding: 0; text-indent: none; }

.object											{ margin-bottom: 12px; }



.content .interior								{ background: none; border-top: #9B946A solid 1px; } /* adds a border across the bottom of the main nav */

.content h1, .content h2						{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.content h1, .content h2 a						{ font-size: 22px; display: block; border-bottom: 1px solid; }

.content h2										{ font-size: 18px; }

.content h1.hide								{ display: none; }



.navi-posts-above								{ display: none; }

.navi-posts-below								{ display: block; height: 18px; margin-bottom: 12px; }

.entry img										{ margin: 0 8px 8px 0; }



/* comments */

#respond label									{ display: block; float: left; width: 25%; }

.commentlist									{ list-style: none; margin: 0 0 3em; padding: 0; }

.commentlist .comment,.commentlist .pingback	{ border: .1em solid; margin: 0 0 6px; padding: .75em .75em 0; }

.commentlist .comment.bypostauthor,

.commentlist .comment.comment-author-nomad		{ border: #F4E064 .4em solid; }

.commentlist .vcard								{ font-weight: bold; font-size: 16px; }

.commentlist .vcard img.avatar					{ float: left; border: dotted .1em; margin: 0 1em 1em 0; }

.commentlist .vcard span.says					{ display: none; }

.commentlist .comment-meta						{ padding: 0 0 1em; font-size: 10px; }

.commentlist .reply								{ padding-bottom: .75em; }

.commentlist .children							{ list-style: none; margin: 0; padding: 0; }



.navi-paged-above								{ margin-bottom: 6px; font-weight: bold; font-size: 14px; }

.navi-paged-below								{ display: none; }

.navi-paged a									{ border: none; }



/* foot */

.inquisition					{ margin: 10px 12px 0 12px; padding-top: 8px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; text-align: center; border-top: dotted 1px; }

.aquila							{ background: url(../cadian-one/images/website_images.png) no-repeat; background-position: -170px -210px ; position: relative; width: 87px; height: 32px; margin: 4px auto; padding: 0; }

.copyright						{ font-size: 10px; padding: 10px; border-top: solid 1px; margin: 10px 12px 0 12px; }



#foot							{ text-align: center; vertical-align: middle; font-size: 10px; }

#foot a							{ cfont-weight: bold; text-decoration: none; }

#foot .interior					{ line-height: 3em; padding: 4px 8px 6px 8px; }



#warvault						{ text-align: center; width:100%; height: 40px; bottom: 0; padding: 5px 0; }