/*  
Theme Name: Octopress
Theme URI: http://www.crankyoctopus.com/
Description: The revised version of the Cranky Octopus WordPress site
Version: 2.0
Author: Gene
Author URI: http://www.crankyoctopus.com/

*/


/*
	COLOR PALLETTE 

White: #ffffff
Medium Blue: #2e85b7
Dark Blue: #1d4074

*/



/*
	STANDARDIZING CONTROLS
*/

* { margin:0; padding:0; } /* Normalizes margins and padding */
body { font:12px Verdana, Arial, Helvetica, sans-serif; } /* Sets default font size and family */
h1,h2,h3,h4,h5,h6 { font-size:100%; font-family: Verdana, Arial, Helvetica, sans-serif; } /* Normalizes font-size for headers */
ol,ul { list-style:none; } /* Removes list-style from lists */
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } /* Normalizes font-style and font-weight */
table { border-collapse:collapse; border-spacing:0; } /* Normalizes borders */
fieldset, img { border:0; } /* Removes border from fieldset and img */
caption, th { text-align:left; } /* Left-aligns text in caption and th */
q:before, q:after { content:''; } /* Removes quotation marks from q */
a { border:0; text-decoration:none; }
strong    { font-weight:bold; }
em        { font-style:italic; }



/* 
	HEADER 
*/

#header{
	float: left;
	width: 925px;
	height: 125px;
	background: #1d4074;	
}

#header-main-gene{
	background: url('images/header-main-gene.jpg') top left no-repeat;
	float: left;
	width: 925px;
	height: 125px;
	/* border-style: solid; border-color: red; */
}

#header-main-kostmeyer{
	background: url('images/header-main-kostmeyer.jpg') top left no-repeat;
	float: left;
	width: 925px;
	height: 125px;
	/* border-style: solid; border-color: red; */
}

#header-main-vale{
	background: url('images/header-main-vale.jpg') top left no-repeat;
	float: left;
	width: 925px;
	height: 125px;
	/* border-style: solid; border-color: red; */
}



#logo{
	width: 925px;
	height: 125px;
	background: url('images/header-main.jpg') top left no-repeat;
	margin: 0;
	float: left;
}

#header-maverick-and-friends{
	background: url('images/header-maverick.jpg') top left no-repeat;
	float: left;
	width: 925px;
	height: 125px;
}

#header-rocket-and-bounce{
	background: url('images/header-rocket-and-bounce.jpg') top left no-repeat;
	float: left;
	width: 925px;
	height: 125px;
}

#header-vigil{
	background: url('images/header-vigil.jpg') top left no-repeat;
	float: left;
	width: 925px;
	height: 125px;
	/* border-style: solid; border-color: red; */
}

#header-fowl{
	background: url('images/header-fowl.jpg') top left no-repeat;
	float: left;
	width: 925px;
	height: 125px;
	/* border-style: solid; border-color: red; */
}

#header-fowl2{
	background: url('images/header-fowl2.jpg') top left no-repeat;
	float: left;
	width: 925px;
	height: 125px;
	/* border-style: solid; border-color: red; */
}

#header-acrobat{
	background: url('images/header-acrobat.jpg') top left no-repeat;
	float: left;
	width: 925px;
	height: 125px;
	/* border-style: solid; border-color: red; */
}

#cranky-logo{
	height: 125px;
	margin: 0;
	float: left;
	display: inline;
	/* border-style: solid; border-color: red; */
}

#logo-text{
	display: none;
	float: left;
	/* border-style: solid; border-color: red; */
}



/*
	FOOTER
*/

#footer{
	clear: both;
	/* clear both means stay below body and sidebar */
	float: left;
	width: 925px;
	padding: 10px 0 0 0;
	color: #47ace7;
	font-size: 10px;
	text-align: center
}

#footer.p{
	line-height: 18px;
}

#footer a:link{
	text-decoration: underline;
	color: #ffffff;
}

#footer a:visited{
	text-decoration: underline;
	color: #ffffff;
}

#footer a:hover{
	text-decoration: none;
	color: #ff0000;
}



/* 
	STRUCTURE
*/

body{
	margin: 0;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #1d4074;
	background: url('images/bg-bluefade.gif') top repeat-x;
	color: #000000;
	behavior: url("csshover3.htc");
}

h2{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	padding: 0 0 0 6px;
	color: white;
	background: #2e85b7
}

h2 a:link{
	text-decoration: underline;
	color: #ffffff;
}

h2 a:visited{
	text-decoration: underline;
	color: #ffffff;
}

h2 a:hover{
	text-decoration: underline;
	color: #ff0000;
}

h3{
	color: #336699;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	padding: 0;
}

h4{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	padding: 0;
}

h5{
	color: #336699;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 20px;
	padding: 0;
}

h6{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	padding: 0;
}


a:link{
	text-decoration: none;
	color: #336699;
}

a:visited{
	text-decoration: none;
	color: #336699;
}

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

p{
	/* add 10 px padding to top of paragraph tags */
	padding: 10px 0 0 0;
}

#wrapper{
	margin: 0 auto 0 auto;
	width: 925px;
	text-align: left;
}

#container{
	float: left;
	width: 582px;
	background: white;
	padding: 8px 8px 12px 8px;
}

.sidebar{
	float: left;
	width: 302px;
	background: #ffffff;
	margin: 0 0 0 9px;
	padding: 8px 8px 12px 8px;
	display: inline;
}

.navigation{
	color: #336699;
	padding: 10px 10px 20px 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.navigation a:link{
	text-decoration: none;
	color: #336699;
}

.navigation a:visited{
	text-decoration: none;
	color: #336699;
}

.navigation a:hover{
	text-decoration: underline;
	color: #ff0000;
}

.post-index{
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}

p.postmetadata{
	font-size: 10px;
	clear: both;
}

.postmetadata{
	font-size: 10px;
	clear: both;
}

.post-date{
	padding: 0 0 5px 0;
	font-size: 9px;
}

.topstory-image{
	border: 1px solid #ccc;
}

.latest-comic-image{
	/* border: 1px solid #ccc; */
	margin: 7px;
	text-align: left;
}

.latest-maverick{
	margin: 10px 0 0 0;
	padding: 33px 0 4px 0;
	text-align: center;
	background: url('images/latest-maverick.jpg') top center no-repeat;
	border-bottom: 1px solid #ccc;
}

.latest-rocketandbounce{
	margin: 10px 0 0 0;
	padding: 33px 0 4px 0;
	text-align: center;
	background: url('images/latest-rnb.jpg') top center no-repeat;
	border-bottom: 1px solid #ccc;
}

.latest-vigil{
	margin: 10px 0 0 0;
	padding: 33px 0 4px 0;
	/* border-style: solid; border-color: red; */
	text-align: center;
	background: url('images/latest-vigil.jpg') top center no-repeat;
	border-bottom: 1px solid #ccc;
}

.latest-fowl{
	margin: 10px 0 0 0;
	padding: 33px 0 4px 0;
	/* border-style: solid; border-color: red; */
	text-align: center;
	background: url('images/latest-fowl.jpg') top center no-repeat;
	border-bottom: 1px solid #ccc;
}

.latest-acrobat{
	margin: 10px 0 0 0;
	padding: 33px 0 4px 0;
	/* border-style: solid; border-color: red; */
	text-align: center;
	background: url('images/latest-acrobat.jpg') top center no-repeat;
	border-bottom: 1px solid #ccc;
}

.release-date{
	font-size: 10px;
}

.container-avatars{
	padding: 10px;
	text-align: center;
}

.avatar-sidebar{
	display: inline;
}

.container-excerpt-index{
}

.avatar-index{
	padding: 0 10px 0 0;
	width: 50px;
	float: left;
}

.excerpt-index{
	display: inline:
	float: left;
}



/*
	NAV BAR
*/

#navcontainer{
	float: left;
	width: 925px;
	height: 26px;
	background-color: #2e85b7;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: white;
}

#navcontainer a:link{
	text-decoration: none;
	color: #ffffff;
}

#navcontainer a:visited{
	text-decoration: none;
	color: #ffffff;
}

#navcontainer a:hover{
	text-decoration: none;
	color: #ff0000;
}

.navbox{
	margin: 5px 2px 2px 8px;
	float: left;
	display: inline;
	padding: 1px;
	height: 15px;
	/* border-style: solid; border-color: red; */
}

.nav-menu-link{
	margin: 5px 2px 2px 8px;
	float: left;
	display: inline;
	padding: 1px;
	height: 15px;
	position: relative;
	/* border-style: solid; border-color: red; */
}

.nav-menu-link .nav-menu{
	display: none;
}

.nav-menu-link:hover .nav-menu{
	display: block;
	position: absolute;
	top: 15px;
	left: -7px;
	z-index: 100;
	background: #2e85b7;
	width: 10em;
}

.nav-menu-link .nav-menu ul li{
	list-style: none;
	font-size: 12px;
	margin: 0 5px 0 6px;
	padding: 0 0 5px 2px;
}



/*
	NAV SEARCH
*/

#navsearch{ 
	margin: 2px 8px 1px 0px;
	display: inline;
	float: right;
}

#rss-icon{ 
	margin: 5px 0 0 0;
	display: inline;
	float: left;
	padding: 1px;
	height: 15px;
}

#facebook-icon{ 
	margin: 3px 0 0 0;
	display: inline;
	float: left;
	padding: 1px;
	height: 16px;
}


/*
	BUTTON STYLE
*/

.button{
	font-size: 11x;
	border: 1px solid #272727;
	background: white;
	padding: 1px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #272727;
}

.button:hover{
	background: #990000;
	color: white;
}



/*
	QUICK LINKS
*/

.container-quicklinks{
	clear: both;
	color: #ffffff;
	font-size: 10px;
	width: 909px;
	height: 20px;
	padding: 3px 8px 0 8px;
	background: #1d4074;
	/* border-style: solid; border-color: red; */
	
}

.current-reading{
	float: left;
}

.story-nav{
	display: inline;
	float: right;
}

.container-quicklinks a:link{
	text-decoration: underline;
	color: #ffffff;
}

.container-quicklinks a:visited{
	text-decoration: underline;
	color: #ffffff;
}

.container-quicklinks a:hover{
	text-decoration: none;
	color: #ff0000;
}



/*
	COMMENTS
*/

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}



/* MoreComments*/

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 20px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
/* Still more Comments */

.commentlist li, #commentform input, #commentform textarea {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}



/* 
	TITLE PAGES
*/

.story-block{
	/* border-style: solid; */
	/* border-color: red; */
	width: 600px;
}

.story-image{
	clear: both;
	/* border-style: solid; */
	/* border-color: red; */
	width: 185px;
	float: left;
	padding: 0 0 5px 0;
}

.story-content{
	/* border-style: solid; */
	/* border-color: red; */
	width: 400px;
	float: left;
	padding: 0 0 10px 4px;
}

.story-credits{
	font-size: 9px;
	padding: 0 0 4px 0;
}

.post-title{
	padding: 10px 0 15px 0;
	text-align: center;
}

.title-sidebar{
	padding: 0;
	margin: 0;
}

.related-content{
	margin: 6px 0 0 0;
}

.titlebox-maverick{
	float: left;
	width: 582px;
	height: 247px;
	background: url('images/titlepage-maverick.jpg') top center no-repeat;
}

.titletext-maverick{
	/* border-style: solid; border-color: red; */
	text-align: left;
	margin: 120px 0 0 10px;
	width: 380px;
	height: 120px;
	/* background: #1d4074; */
	color: #ffffff;	
}

.titlebox-rnb{
	float: left;
	width: 582px;
	height: 247px;
	background: url('images/titlepage-rnb.jpg') top center no-repeat;
}

.titletext-rnb{
	/* border-style: solid; border-color: red; */
	text-align: left;
	margin: 115px 0 0 10px;
	width: 360px;
	height: 120px;
	/* background: #1d4074; */
	color: #ffffff;	
}

.titlebox-vigil{
	float: left;
	width: 582px;
	height: 247px;
	background: url('images/titlepage-vigil.jpg') top center no-repeat;
}

.titletext-vigil{
	/* border-style: solid; border-color: red; */
	text-align: left;
	margin: 120px 0 0 10px;
	width: 360px;
	height: 120px;
	/* background: #1d4074; */
	color: #ffffff;	
}

.titlebox-fowl{
	float: left;
	width: 582px;
	height: 247px;
	background: url('images/titlepage-fowl.jpg') top center no-repeat;
}

.titletext-fowl{
	/* border-style: solid; border-color: red; */
	text-align: left;
	margin: 78px 0 0 10px;
	width: 330px;
	height: 120px;
	/* background: #1d4074; */
	color: #ffffff;	
}

.titlebox-acrobat{
	float: left;
	width: 582px;
	height: 247px;
	background: url('images/titlepage-acrobat.jpg') top center no-repeat;
}

.titletext-acrobat{
	/* border-style: solid; border-color: red; */
	text-align: left;
	margin: 85px 0 0 10px;
	width: 360px;
	height: 120px;
	/* background: #1d4074; */
	color: #ffffff;	
}

.series-legal{
	margin: 0 0 5px 0;
	font-size: 10px;
	color: #99ccff;
}

.series-legal a:link{
	text-decoration: underline;
	color: #99ccff;
}

.series-legal a:visited{
	text-decoration: underline;
	color: #99ccff;
}

.series-legal a:hover{
	text-decoration: none;
	color: #ff0000;
}



/* 
	COMIC PAGES
*/

#container-single{
	float: left;
	text-align: left;
	width: 909px;
	padding: 8px 8px 12px 8px;
	background: white;
}

.prev-post-link{
	float: left;
}

.next-post-link{
	float: right;
}

.comic-post{
	/* border-style: solid; */
	/* border-color: red; */
	text-align: center;
}

.comic-description{
	padding: 10px 85px 15px 85px;
}



/*
	GALLERY
*/

#gallery-container{
	float: left;
	text-align: left;
	width: 909px;
	padding: 8px 8px 12px 8px;
	background: white;
}

.gallery-post{
	/* border-style: solid; */
	/* border-color: red; */
	text-align: center;
}

.gallery-entry{
	text-align: center;
}

.gallery-next-post-link{
	float: left;
}

.gallery-prev-post-link{
	float: right;
}

.gallery-block{
	padding: 10px 4px 10px 4px;
	text-align: center;
	/* border-style: solid; */
	/* border-color: red; */
    width: 172px;
    height: 225px;
    float: left;
    clear: none;
}

.artist-name{
	font-size: 10px;
}

.artist-comments{
	margin: 0 20px 0 20px;
	text-align: left;
}



/*
	ABOUT
*/

.about-block{
	font-size: 11px;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}

.about-links{
	font-size: 9px;
}

.avatar-about{
	padding: 0 10px 0 0;
	width: 50px;
	float: left;
}

.about-text{
	display: inline;
	float: left;
}


/*
	BONUS
*/

.wp-block-left{
	/* border-style: solid; border-color: red; */
	width: 146px;
	text-align: center;
	float: left;
	padding: 8px 0 5px 0;
}

.wp-block-right{
	/* border-style: solid; border-color: red; */
	width: 146px;
	text-align: center;
	float: right;
	display: inline;
	padding: 8px 0 5px 0;
}

.wp-links{
	font-size: 9px;
	
	
/*
ADS
*/


.ad-728x90 {

}