/*
Theme Name: ComicPress V3C
Theme URI: http://comicpress.org
Description: Publish a comic with WordPress. Vertical 3-Column Edition. &lt;a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Tyler Martin
Author URI: http://mindfaucet.com/
Version: 2.7
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.
*/



/* STANDARD TAGS */

body {

			background-color: #061422;
			background-repeat: repeat;
			
	margin: 0;

	font-size: 13px;
line-height: 20px;
color: #fff;
	  font-family: helvetica; 
text-align: justify;
	}


a {
	color: #7cb2f5;
	text-decoration: none;
    letter-spacing: 1px;
	}

  	a:hover {
		color: #fff;
		}

	a:focus {
		outline: none;
		}

	a img {
		border: none;
		}

p {
	margin: 7px 0;
	}

img {
	max-width: 100%;
	padding: 0;
	}

small {
	font-size: 11px;
line-height: 20px
	}

hr {
	height: 1px;
	color: #fff;
	background-color: #000;
	border: 0px;
	}

blockquote {
	margin: 10px;
	padding: 5px 10px 5px 20px;
	border-width: 1px 1px 1px 5px;
	border-style: solid;
	border-color: #8A90C8;
	}

	blockquote cite {
		margin: 5px 0 0;
		display: block;
		}

cite {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	}

code {
	padding: 10px;
	display: block;
	font-family: 'Courier New', monospace;
	border: 1px dotted #000;
	overflow: scroll;
	}

acronym, abbr, span.caps {
	cursor: help;
	}

	acronym, abbr {
		border-bottom: 1px dashed #000;
		}

form {
	margin: 0;
	}



/* HEADINGS */




h1, h1 a, h1 a:hover {
	padding: 10px 0 5px 0;
	margin: 0;
	color: #fff;
	font-size: 28px;
	
	font-family: 'helvetica', sans-serif;
        font-weight: normal;
	line-height: 50px;
	text-decoration: none;
	letter-spacing: -4px;

	
	}

h2, h2 a, h2 a:hover{
	margin: 0;
	color: #fff;
	letter-spacing: 1px;
	font-size: 24px;
font-variant: small-caps;
	padding: 5px;

	}
	
	h2.pagetitle, h2.pagetitle a {
		padding: 0 0 5px 0;
		margin: 0 0 12px 0;
		font-family: 'helvetica', sans-serif;
		font-size: 24px;
		border-bottom: 1px solid #fff;
		font-weight: normal;		
		letter-spacing: -2px;
font-variant: small-caps;
display: none;

		}

h3, h3 a, h3 a:hover {
	padding: 5px;
	margin: 0;
	font-size: 24px;
	text-align: left;
	color: #fff;
	text-decoration: none;
font-variant: small-caps;
	clear: both;
	letter-spacing: -1px;
	}



/* COMMENTS */

.comment-wrap{
	padding: 0 20px;
	}

	.comment-wrap h3 {
		margin: 0;
		padding: 20px 0 0 0;
		font-weight: normal;
		font-size: 32px;
		clear: both;
		font-family: helvetica;
}

.comment {
	padding: 10px;
	margin: 10px 0 0 0;
	clear: both;
	border: 1px solid #fff;
	min-height: 64px;
	font-size: 12px;
font-family: helvetica;
	}


	.comment .comment  {
	border: 1px dotted #000;
	}

.comment-author {
	display: inline;
	}

.comment-meta {
	display: inline;
	padding: 0 0 0 5px;
	margin: 0 0 0 2px;
	border-left: 1px solid #000;
	}

.says {
	display:none;
	}

.avatar {
	margin: 0 10px 0 0;
	float: left;
	}

#comment {
	width: 100%;
	font-size: 14px;
	color: #fff;
font-family: helvetica;  
background-color: #282931;
  border: 0px solid #fff;
	}

#author, #email, #url {
	width: 200px;
	font-size: 16px;
color: #fff;
	
font-family: helvetica;
background-color: #282931;
	
  border: 0px solid #fff;
	}

#submit {
	margin: 0 0 20px 0;
	float: right;
color: #fff;
  background-color: #282931;


	}

ol.commentlist {
	margin: 0;
	padding: 0;
	font-size: 11px;
	list-style: none;
	}

	ol.commentlist p {
		margin: 10px 0 0 74px;
		}

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

.reply {
	padding: 10px 0 0 0;
	text-align: right;
	}



/* ARCHIVE */  
/* For the built-in WordPress archive pages (by month or category) as well as search result pages */  

.comicarchiveframe {
padding: 6px;
border: 0px dashed #fff;
background: #000;
float: left;
margin: 0 0 0 20px;
height: 175px;
font-size: 14px;
font-weight: normal;

}
 
	.comicarchiveframe:hover {
	
font-size: 12px;
font-weight: normal;
color: #fff;
		}

	.comicarchiveframe h3 {
		margin: 0;
font-size: 14px;
font-weight: normal;
		}

	.comicarchiveframe a small {
		display: block;
		color: #fff;
font-size: 0px;
font-weight: normal;
		}

.archive-year {
	font-size: 28px;
	}

.archive-yearlist {
	padding: 0 0 10px 0;
	font-size: 10px;
	}




/* THE PAGE WRAPPER */
/* Change this width to set the entire site's width - increase/reduce #column width by the same amount */

#page, page a, page a:hover {
	width: 1000px;
color: #fff;
	margin: 0px auto;
background: #31303B url('/images/contentbgwordpress.png') top center repeat-y;

 
	}






/* NAVIGATION */

.nav, nav a, nav a:hover {	
	float: right;
	font-size: 16px;
	font-weight: bold;
padding-right: 200px;
color: #fff;
	display: inline;
	}
	
	.nav-first {
		padding: 0 5px 0 0;
		float: left;
		border-right: 0px;
color: #fff;
		}
	
	.nav-previous  {
		padding: 0 5px;
		float: left;
color: #fff;
		}
	
	.nav-next  {
		padding: 0 5px;
		float: left;
		border-right: 0px;
		border-left: 0px;
color: #fff;
		}
		
	.nav-last {
		padding: 0 0 0 5px;
		float: left;
color: #fff;
		}

.nav-blog {
	color: #fff;
	font-size: 12px;
	font-weight: bold;	
	float: right;
	}
	
	.nav-blog-previous {
		padding: 0 5px 0 0;
		float: left;
		}
		
	.nav-blog-next {
		padding: 0 0 0 5px;
		float: left;
		border-left: 1px solid #fff;
		}

.pagenav {
	padding: 40px 20px 0 20px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
letter-spacing: -1px;
	font-variant: small-caps;
	clear: both;
	}

	.pagenav-left {
		float: left;
		}

	.pagenav-right {
		float: right;
		}

.nav a, .pagenav a, .nav-blog a {
	display: block;
	float: left;
	color: #fff;
	}

	.nav a:hover, .pagenav a:hover, .nav-blog a:hover {
		color: #fff;
		}

	.navdivider {
		padding: 0 5px 0 0;
		margin: 0 5px 0 0;
		border-right: 1px solid #000;
		}




/* POSTS - PAGES */





#column {
color: #fff;
width: 535px;
padding: 0px;
float: left;
overflow: hidden;
display: inline;
}

.post, .post-comic, .post-page {

 }
.post-head, .post-page-head, .post-comic-head { 
}
.post-foot, .post-comic-foot, .post-page-foot { 
height: 2px;
overflow: hidden;
}

.comicdate {
font-size: 10px;
}

	.postdate {
		font-size: 10px;
		}

.more-link {
	border-top: 1px dashed #000;
	font-style: italic;
	display: block;
	clear: both;
	}
		
.tags {
	font-size: 10px;
	clear: both;
	}

.comment-link {
	
font-family: helvetica;
font-size: 11px;
	text-align: right;
	}


/* THE HEADER */
#header { 

width: 1000px; 
height: 129px; 
margin: 0 auto; 
display: block; 

overflow: hidden; 
background: #31303B url('/images/logowordpress.png') top center;

} 

#headernav {

	background-image: url(/images/headernavwordpress.png);
			background-repeat: no-repeat;

text-align: center;
width: 1000px; 
height: 35px; 
margin: 0 auto; 
margin-top:0;

overflow: hidden; 	
padding: 0 0 10px 0;	}

#navlinks {
width: 100%;
padding: 10px;
margin: 0;
text-align: center;
}

	#footer
		{

	
			height: 0px;
	
clear: both;
margin-top: 0;
margin-bottom: 0;
margin-left: -10px;
margin-right: -15px;
padding: 2em;
text-align: center;
}


	#footer2
		{

			background-image: url(/images/headerfooter.png);
			height: 120px;
			
			background-position: bottom;
		margin: auto;
clear: both;
margin: 0px;
padding: 2em;
text-align: center;
}
.clear
{
clear: both;
}

	#header2
		{
			background-image: url(/images/headerfooter.png);
			height: 70px;
			
			background-position: top;
		margin: auto;
clear: both;
margin: 0;
padding: 10px;
text-align: center;
}



/* SIDEBAR */
#sidebar2 {

float: right;
width: 200px;
margin: 0 5px 0 0;
padding: 10px 30px 0 0;
list-style: none;
display: inline;

}

#sidebar2 h1, #sidebar2 h1 a {	
	font-family: 'helvetica', sans-serif;
	font-size: 24px;
color: #fff;

	letter-spacing: 0px;
	font-variant: small-caps;



	}
#sidebar2 ul {
line-height:100%;

}



#sidebar {
float: left;
width: 150px;
margin: 0 10px 0 0;
padding: 1em; 
list-style: none;
display: inline;
	
	}

#sidebar h2, #sidebar h2 a {	
	font-family: 'helvetica', sans-serif;
	font-size: 24px;
color: #fff;

	letter-spacing: -1px;
	font-variant: small-caps;


	}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

	#sidebar ul li {
		margin: 0 0 10px 10px;
		padding: 0;
		}

		#sidebar ul li ul li {
			margin: 0 0 0 10px;
			padding: 0;
			}




	
#headerbg { 

			background-image: url(/images/headerfooter.png);
		
			height:  164px;
			

		margin: auto;

clear: both;
margin: 0;
padding: 10px;
} 

/* THE MENU */

#menubar {
	background: #000;
display: inline;
	}

#social {
float: right;
padding: 35px 60px 0 0;
	}

#headerlink {
float: left;
padding: 0;
	}


#menunav {
	float: left;	
	}

	#menunav a  {
		width: 25px;
		height: 25px;
		display: block;
		float: left;
		color: #fff;
		font-size: 19px;
		font-weight: bold;
		line-height: 25px;
		text-align: left;
		border-left: 0px;
padding-left: 10px;

		}

		#menunav a:hover {
			background: #1f1f1f;
			}

#menu {
    padding: 3px;
    margin: 0;
	list-style: none;

    line-height: 25px;
	font-size: 12px;
font-weight: bold;
	text-transform: uppercase;
    letter-spacing: 2px;
    }

	#menu a {
		padding: 0px 5px;
		display: block;
		color: #fff;
		text-decoration: none;
		border-right: 1px solid #fff;
		}

	#menu li {
		float: left;
list-style: none;
		}

	#menu li:hover a, #menu li.sfhover a {
	    color: #fff; /* Main menu highlighted text color */

	    }

	#menu li:hover, #menu li.sfhover {
	    background: #1D1D23; /* Main menu highlighted background color */
	    }
	
	/* For submenu dropdowns - this order must be maintained */

	#menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		left: -9999px;
		width: 151px;
		line-height: 1;
		border-top: 1px solid #fff;
list-style: none;
		}
	#menu li li {
		width: 150px;
		margin: 0 0 0 -1px;
		border-width: 0 1px 1px 1px;
		border-color: #fff;
		border-style: solid;
list-style: none;
		}
	#menu li li a {
		width: 139px;
	    padding: 4px 5px;
		color: #fff;
		border: none;
list-style: none;
		}
	#menu li ul ul {
	    margin: -21px 0 0 151px;
	    }
	#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a {
	    color: #fff; /*Submenu highlighted text color */
	    }
	#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a  {
	    color: #fff; /*Submenu text color */
	    }
	#menu li li:hover {
	    background: #1D1D23; /*Submenu highlighted background color */
	    }
	#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
	    left: -9999px;
	    }
	#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul {
	    left: auto;
	    background: #1D1D23; /*Submenu background color */
		text-transform: none;
	    }



/* THE COMIC */

#comic {

	padding: 0 10px 10px 10px;
	text-align: center;
color: #fff;
width: 525px;
display: inline;
	}

/* COMIC NAVIGATION */





#comicnav {


width: 806px;


height: 25px;


display: block;


margin: 0 auto;


background: #000000 url('/images/menu.png') repeat-x;




padding-left: 10px;

}





#comicnav a, comicnav a:hover {


height: 25px;

}