/*  
 
Theme Name: ComicPress
Version: 2.5

Theme URI: http://mindfaucet.com/comicpress/
Description: The customizable theme for publishing comics. <a href="http://mindfaucet.com/comicpress">Visit the ComicPress website.</a>

	Author: Tyler Martin
	Author URI: http://mindfaucet.com/

The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html

*/



/* STANDARD HTML TAGS */

body {
	margin: 0;
	color: #333;
	font-size: 13px;
        line-height: 15pt;
	font-family: 'Verdana', sans-serif;
	background: #b2b2b2;

	}

a {
	color: #2c6f4b;
	text-decoration: none;


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

	a img {
	padding: 10px 0px 10px 0px;
		border: none;
		}

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

small {
	font-size: 13px;
	font-family: 'Verdana', sans-serif;
	text-decoration: none;
	}
 
hr {
	height: 1px;
	color: #777;
	background-color: #777;
	border: 0px;
	}

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

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

cite {
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	}
	
code {
	padding: 10px;
	display: block;
	font-family: 'Courier New', monospace;
	background: #eee;
	border: 1px dotted #777;
	overflow: scroll;
	}

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

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



/* HEADINGS */

h1, h1 a, h1 a:hover {
	margin: 10px 0 14px 0;
	color: #000000;
	font-family: 'Georgia', sans-serif;
	font-weight: normal;
	font-size: 21px;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0px;
	}

h2, h2 a {
	margin: 0;
	padding: 0px 20px 12px 20px;
	color: #ffffff;
	font-family: 'Georgia', serif;
	font-size: 0px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
        background-image: url(http://lolalollipop.com/images/lola-lollipop-logo.gif)
	letter-spacing: 0px;
	}

	h2.pagetitle, h2.pagetitle a {
		margin: 20px 0 0 0;
		padding: 0 0 5px 0;
		color: #999;
	        font-family: 'Lucida Sans', sans-serif;
		font-size: 17px;
		font-weight: normal;		
		letter-spacing: 0px;
		text-align: left;
		}

h3, h3 a {
	margin: 30px 10px 3px 0;
	padding: 0;
	color: #111;
	font-size: 13px;
	font-family: 'Georgia', sans-serif;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0px;
	clear: both;
	}

h3 a:hover {
	color: #111;
	border-bottom: 1px dotted #777;
	}



/* THE HEADER */

#header {
	width: 950px;
	height: 115px;
	margin: 0 auto;
 background-image: url(http://lolalollipop.com/images/lola-lollipop-logo.gif)
	}
	
	.description {
		margin: 0px 0 0px 0;
		padding: 0px 0px 0px 0px;
		color: #000000;
	        background: #ffffff;
		font-family: 'Verdana', 'Lucida Grande', sans-serif;
		font-size: 11px;
		font-style: bold;
		letter-spacing: 0px;
		}


.googlead{
float:right;
padding:11px 25px 5px 0px;

}


.addtoany{
padding-left:-9px;


}


.image-left {
float:left;
display:block;
margin-right: 20px;
margin-bottom: 10px;

 }





/* THE MENU */

#menubar {
	width: 950px;
	height: 40px;
	margin: 0 auto;
	background: #e1e1e1;
	}

#menunav {
	margin: 0;
	padding: 10px 20px 0 0px;
	float: right;
	font-size: 12px;
	}

	#menunav a  {
		margin: 13px 0px 0 0;
		color: #000000;
		text-decoration: none;
	        text-transform: uppercase;
        	font-family: 'Verdana', sans-serif;
	        font-weight: normal;
	        letter-spacing: 0px;
		background: #e1e1e1;
		border-width: 0px 0px 0px 0px;
		border-style: solid;
		border-color: #ffffff;
		}

		#menunav a:hover {
			color: #275629;
			background: #e1e1e1;
			} 
		
		.prev {
			padding: 0 6px 0 6px;
			}
		
		.next {
			padding: 0 6px 0 6px;
			}
  
#menu {
	color: #448647;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Verdana', sans-serif;
	padding: 0px 0px 0 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

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

	#menu li {
 		margin: 0;
 		padding: 0;
 		float: left;
		}

	#menu li a {
		height: 30px;
		padding: 10px 14px 0 16px;
		display: block;
		float: left;
		color: #386f3b;
		line-height: 18px;
		text-decoration: none;
		border-width: 0px 3px 0px 0px;
		border-style: solid;
		border-color: #ffffff;
		}

	#menu li a:hover {
		color: #333333;
		background: #e1e1e1;
		}



/* THE COMIC */
	
#comic {
	width: 950px;
	margin: 0px auto;
	padding: 0 0 0 0;








	text-align: center;
	background: #fff;
	}



































































































































































































/* THE PAGE WRAPPER */

#page {
	width: 950px;
        margin: 0px auto;
	text-align: left;
	background: #fff;
	}







/* THE FOOTER */



#footer {
	width: 930px;
	margin: 0px auto;
	padding: 5px 0 5px 20px;
	color: #808080;
	font-family: 'Verdana', sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	background: #ffffff;
	border-top: 2px solid #e1e1e1;

	}

	#footer a {
		color: #808080;
		text-decoration: none;
		border: none;
		border-bottom: 1px dotted #333333;
		}

	#footer a:hover {
		color: #275629;
		border-bottom: 1px dotted #275629;
		}






/* NAVIGATION */


.nav {
	margin: 0;
	padding: 0px 0 0 0;



	float: right;
	color: #000000;
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	}

.nav-single {
	padding: 10px 0 0 0;
	color: #999;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	letter-spacing: 0px;
	}

.pagenav {
	padding: 10px 0px 20px 0px;
	color: #999;
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	clear: both;
	}

	.pagenav-left {
		float: left;
		}

	.pagenav-right {
		float: right;
		}

.nav a, .pagenav a, .nav-single a {
	padding: 0 0px;
	color: #000000;
	text-decoration: none;
	border: none;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;	
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}

	.nav a:hover, .pagenav a:hover, .nav-single a:hover {
		color: #275629;
		background-color: #ffffff;
		}



/* CONTENT AREA */

#column {
	width: 560px;
	padding: 10px 20px 20px 28px;
	float: left;
	overflow: hidden;
        border-right: 2px solid #e1e1e1;
	}

.post-frontpage {
	padding: 0 0px 0px 0px;
	text-align: justify;
	}
	
.post, .content {
	padding: 0 0px 20px 0px;
	text-align: left;
	}

	.comicdate {
		color: #777;
	        padding: 0px 0px 0 0px;
		font-family: 'Verdana', sans-serif;
		font-size: 12px;
		font-weight: normal;
	        text-transform: uppercase;
	        letter-spacing: 2px;
		}
	
	.postdate {
		color: #777;
		font-family: 'Georgia', serif;
		font-size: 11px;
		}

.postmeta {
	margin: 20px 0 0px 0;
	color: #333333;
 	text-align: left;
	font-family: 'Verdana', sans-serif;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0px;

 	}

	.postmeta ul {
		display: inline;
		list-style-type: none;
		list-style-image: none;
		}
 	
.postmeta-single {
	padding: 0px 0 0px 0;
 	color: #333333;
	font-size: 13px;
	text-align: left;

	}
	
	.postmeta-single a {
		color: #333333;
		}	
	
	.postmetatags {
		font-family: 'Verdana', serif;
		font-size: 13px;
        text-transform: none;
		}

.postmeta a, .postmeta-single a {
	color: #2c6f4b;
	text-decoration: none;
	border-bottom: none;
        text-transform: none;

	}
	
	.postmeta a:hover, .postmeta-single a:hover {
		color: #333333;
		border-bottom: none;
                text-decoration: underline;
		}

.postmeta-comments {
	        font-family: 'Verdana', sans-serif;
		font-weight: normal;
		font-size: 12px;
		letter-spacing: 1px;
	}
	



/* THE BLOG HEADER */

#blogheader {
	margin: 0;
	padding: 0px 0 0 0px;
	color: #ffffff;
	font-family: 'Georgia', serif;
	font-size: 12px;
	letter-spacing: -3px;
	}



/* COMMENTS */

.comment-wrapper {
	padding: 0px 0px 0px 0px;
	}
	
	.comment-wrapper h3 {
		margin: 0;
		padding: 10px 0 0 0px;
		color: #777;
	        font-family: 'Verdana', sans-serif;
		font-weight: normal;
		font-size: 12px;
		letter-spacing: 1px;
	        text-transform: uppercase;
		clear: both;
                border-top: 2px solid #e1e1e1;
		}


	.comment-wrapper a {
		text-decoration: none;
		border-bottom: none;
		}
		
		.comment-wrapper a:hover {
			color: #777;			
			border-bottom: none;
			}

	.comment-wrapper p {
		margin: 10px 0 0 0;
		}

.avatar {
	margin:0 10px 10px 0;
	padding: 0px;
	float:left;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;	
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}

#comment, #author, #email, #url {
	padding: 2px;
	color: #000;
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	border: 1px solid #999;

	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;	
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}

	#comment:hover, #author:hover, #email:hover, #url:hover {


		background: #eee;
		}
	
	#comment {

		width: 540px;
		height: 60px;
		}





	#author, #email, #url {
		width: 200px;

		}


#submit {

	margin: 0 0px 20px 0;
	padding: 5px;
	float: left;
	color: #000000;
	background: #e1e1e1;
	font-family: 'Verdana', sans-serif;
	font-size: 11px;
        text-transform: uppercase;
	border-width: 0px;
	border-style: solid;
	border-color: #555;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;	
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}

	#submit:hover {


	        color: #275629;
		cursor:pointer;
		background: #efecec;
		}

















ol.commentlist {
	margin: 0;


	padding: 0;

	font-size: 12px;




	list-style: none;
	}

	.commentlist li {
		padding: 10px 0 20px 0;
		clear: both;
		}





/* ARCHIVE */  

.comicarchiveframe {
	margin: 0px 0 0px 0;
	padding: 0px 0px 0px -10px;
	text-decoration: none;
	}
 
	.comicarchiveframe:hover {
		filter: alpha(opacity=50);
		-moz-opacity: 0.50;
		opacity: 0.50;
	        text-decoration: none;
		}

.comicarchiveframe {
	margin: 0px 0 0px 0;
	padding: 0px 0px 0px -10px;
	text-decoration: none;

	}
 
	.comicarchiveframe h3 {
		margin: 0;
	        text-decoration: none;
		}
		
	.comicarchiveframe small {
	        text-decoration: none;
		display: block;
		}
		
	.comicarchiveframe:hover {
	        text-decoration: none;
		filter: alpha(opacity=70);
		-moz-opacity: 0.70;
		opacity: 0.70;
		}



/* SIDEBAR */

#sidebar {
	width: 300px;
	margin: 0;
	padding: 10px 25px 0px 0px;
	float: right;
	font-size: 11px;
	overflow: hidden;
	}

#sidebar h2, #sidebar h2 a {
	color: #999;
	font-family: 'Georgia', serif;
	font-weight: normal;
	font-size: 18px;
	text-transform: lowercase;
	letter-spacing: -1px;
	}

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

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

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

			#sidebar ul li ul li a {
				display: block;
				color: #333;
				text-decoration: none;
				border-bottom: 1px dotted #777;
				}

				#sidebar ul li ul li a:hover {
					color: #333;
					background: #ddd;
					border-bottom: 1px solid #777;
					}



/* CALENDAR */

#wp-calendar {
	width: 165px;
	margin: 0 0 0 5px;
	}

#wp-calendar th {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	}

#wp-calendar caption {
	color: #555;
	font-family: 'Georgia', sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	}

#wp-calendar td {
	min-width: 20px;
	padding: 0;
	text-align: center;
	border: 1px solid #999;
	}

#wp-calendar a {
	color: #333;
	display: block;
	text-decoration: none;
	background: #ddd;	
	}
	
	#wp-calendar a:hover {
		color: #333;
		background: #bbb;
		}



/* SEARCH */

#s {
	width: 250px;
	margin: 0;
	padding: 2px;
	color: #000;
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	border: 1px solid #999;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;	
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}

	#s:hover {
		background: #eee;
		}

#searchsubmit {
	margin: 0px 0px 0px 4px;
	padding: 0 0 0 3px;
	color: #fff;
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	background: #999999;
	border-width: 2px;
	border-style: solid;
	border-color: #999999;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;	
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}

	#searchsubmit:hover {
		cursor:pointer;
		background: #8b8b8b;
		}



/* GALLERY */

.attachment {
	width: 520px;
	margin: 0 auto;
	text-align: center;
	}

	.attachment img {
		margin: 0 0 10px 0;
		border: 1px solid #000;
		}
		
	.attachment p {
		margin: 0 9px 10px 9px;
		padding: 10px;
		border: 1px solid #999;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;	
		-webkit-border-radius: 10px;
		border-radius: 10px;
		}

.imagenav-wrap {
	width: 502px;
	height: 77px;
	margin: 0 auto;
	}

.imagenav {
	width: 77px;
	height: 77px;
	float: left;	
	}

.imagenav-center {
	width: 316px;
	height: 65px;
	margin: 0 10px;
	padding: 10px 5px 0 5px;
	float: left;
	color: #bbb;
	text-align: center;
	border: 1px solid #999;
	overflow: hidden;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;	

	-webkit-border-radius: 10px;
	border-radius: 10px;



	}
	
	.imagenav-center a {

		text-decoration: none;
		color: #777;
		border-bottom: 1px dotted #777;
		}

		
		.imagenav-center a:hover {



			color: #777;
			border-bottom: 1px solid #777;


			}


.imagetitle {
	color: #333;
	font-size: 18px;
	}

.imagenav-bg {
	width:75px;
	height:75px;

	position: absolute;
	z-index: 0;





	background: #eee;
	border: 1px solid #000;
	}
























































	.imagenav-bg img {
		width:75px;
		height:75px;
		}

.imagenav-arrow {
	width:75px;

	height:75px;
	position: absolute;
	z-index: 1;

	color: #fff;

	font-size: 50px;
	line-height:75px;
	text-align: center;


	border: 1px solid #000;
	float: left;
	}

.imagenav-link {
	width:75px;
	height:75px;

	position: absolute;
	z-index: 2;
	border: 1px solid #000;
	float: left;
	}


	.imagenav-link img {

		width:75px;
		height:75px;
		filter: alpha(opacity=50);
		-moz-opacity: 0.50;
		opacity: 0.50;
		}

		.imagenav-link img:hover {
			filter: alpha(opacity=0);
			-moz-opacity: 0.00;
			opacity: 0.00;
			}

.aligncenter {
	margin: 0 auto;
	display: block;
	}

.alignright {
	margin: 10px 0 10px 10px;
	display: inline;
	float: right;
	}

.alignleft {
	margin: 10px 10px 10px 0;
	display: inline;
	float: left
	}



/* CLEAR FLOATS */

.clear {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both;
	}


}
	
.sidebar-image {
                
     		padding-top: -10px;
		padding-bottom: 0px;
                border= 0px;
		}

.sidebar-image a {

		padding-bottom: 0px;
                border= 0px;
		}

		
.sidebar-image a:hover {

                border= 0px;

}



/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/
.imagecaptioneasy {
  padding: 5px;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 1.15em;
  text-align: center;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
}
.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }
.imagecaptioneasy span { text-align: center; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }