/*
Theme Name: Archimedies
Theme URI: http://maikeruon.com/webcomic/
Description: The perfect starter theme for building your own <a href="http://maikeruon.com/webcomic/">Webcomic</a> powered site.
Version: 1.0.0
Author: Michael Sisk
Author URI: http://maikeruon.com/
*/

/** Load the Cascade Failure CSS Framework */
@import url( 'includes/css/cf-reset.css' );
@import url( 'includes/css/cf-layout.css' );
@import url( 'includes/css/cf-typography.css' );

/** Page settings */
html {
   background: #2c5bbb;
}

#head .name a {
    display: block;
    height: 140px;
    background:  url( '../../../images/site/evinartbanner.png' );
	text-decoration: none;
}

/** Set the site width */
.group {
   width: 750px;
   background: #6396ff;
   color: #fff;
}

.group a {
   color: #2c5bbb;
}

.group a:hover {
   color: #373f4f;
}


/** blahblah */

.blog-title {
   background: #8ab0ff;
   color: #6396ff;
   padding: 5px;
   margin-bottom: 8px;
   font-weight: bold;
   font-family: "Helvetica", Arial, sans-serif;
}


.post {
   margin: 10px;
}

.post h2 a {
   background: #fff;
   padding: 2px 5px 2px 5px;
   font-family: "Helvetica", Arial, sans-serif;
}

.post .meta {
   text-align: right;
}

.sidebar ul {
   margin-bottom: 5px;
}

.sidebar h2 {
   background: #fff;
   color: #2c5bbb;
   padding: 2px 5px 2px 5px;
   font-family: "Helvetica", Arial, sans-serif;
   margin-bottom: 0;
}

.sidebar h2 a {
   color: #2c5bbb;
}

.comicimg {
   display: block;
   float: right;
   width: 330px;
}

.comicimg .comic {
   background: #fff;
   padding: 0 0 10px 0;
}

.comicimg .comic a {
   color: #6396ff;
}

.comicimg .comic a:hover {
   color: #2c5bbb;
   text-decoration: none;
}

.comicpost {
   display: block;
   float: left;
   width: 400px;
   padding: 10px;
}

#body .comicimg .align-center { 
	background: #fff; 
   	position: relative; 
    width: 100%;
    vertical-align: middle;
}
    
#body .comicimg .align-center h2 {
   position: absolute;
   bottom: 15%;
   left: 0;
   width: 100%;
}

#body .comicimg .align-center h2 span {
   color: #6396ff;
   font: bold 24px/45px Helvetica, Sans-Serif;
   letter-spacing: -1px;
   background: rgb(255, 255, 255); /* fallback color */
   background: rgba(255, 255, 255, 0.7);
   padding: 5px;
}

#body .comicimg .align-center h2 span a {
   color: #2c5bbb;
}

#body .comicimg .align-center h2 span a:hover {
   color: #8ab0ff;
}

#body .comic .align-center h2 span.spacer {
   padding:0 5px;
}


/** #head */
/** #head .name {
   font-size: 300%;
   line-height: 1em;
} */

#head .description {
   font-size: 115%;
   font-style: italic;
}

#head .navi {
	background:#fff;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

#head .navi li {
	float:left;
}

#head .navi li.alignright {
	float: right;
}

#head .navi a {
	color:#2c5bbb;
	display:block;
	font-weight:bold;
	line-height:2em;
	padding:0 1em;
	text-decoration:none;
}

#head .navi a:hover {
	color:#6396ff;
}

#head .navi li ul {
	background:#fff;
	display:none;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
}

#head .navi ul li {
	float:none;
	white-space:nowrap;
}

/** .comic */
/** .comic .navi a {
   : 0 0 0 1em;
} */

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

/** .blog-title */
.blog-title {
   font-size: 250%;
   line-height: 1em;
}

/** .sidebar */
.sidebar {
   list-style: none;
   padding: 0;
   width: 310px;
   float: right;
   margin: 10px;
}

#comic .navi {
   border-bottom: 1px solid #ccc;
}

/** #comic .navi a {
   padding: 0 1em;
} */

/** #foot */
#foot {
   color: #6396ff;
   background: #fff;
   border-top: 1px solid #ccc;
   padding: 1em 0 0;
}

.footbanner {
    display: block;
    height: 140px;
    background:  url( '../../../images/site/evinartfoot.png' );
	text-decoration: none;
}