/*   
Theme Name: 	WPComic
Theme URI: 	http://www.gorillaninja.com/WPComic/
Description: 	WPComic is a theme that is used to convert your WordPress blog into a webcomic site without the need for any ftp software or additional Worpdress plugins. Everything you need can be done directly from the WordPress admin panel on your site. WPcomic is also highly customizeable. All color settings can be modified directly from the admin page or WordPress. WPComic even comes with a color picker!
Author: 		Gorilla Ninja
Author URI: 	http://www.gorillaninja.com/
Tags:			two-columns, blue, white, fixed-width, right-sidebar
Version: 		2.0.4
.
*/

* { margin: 0; padding: 0; }

html { height:100%; }
    
body { margin:0 5px; text-align:center; height:100%; font-family: Verdana, sans serif; font-size:62.5%; color: #000; background: #FFF; }
    
a { color:#007CA5; text-decoration:none; outline: none;}
a:visited { color:#007CA5; } 
a:hover { color:#007CA5; text-decoration:underline; } 
    
img, a img { border-style: none; }

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

  
#shell { width:1000px; margin:auto; text-align:left; height:100%; }

#content { background:#FFF; color:#000; }
 
 /* header - including logo and leaderboard */
#header { width:1000px; height:150px; color:#FFF; position:relative; }
a#logo { width:1000px; height:56px; position:absolute; }
a#logo img { width:1000px; height:56px; }

/* tag line and title*/
#title { 
	height: 60px;
	font-size: 60px;
	color: #000;
}
#tagline  {
	height: 30px;
	margin-top: 10px;
	font-size: 15px;
	color: #000;
	text-transform: lowercase;
}

/* begin main nav */
#nav_bar {
    width: 1000px;
    background: #000;
    height: 35px;
    margin:1px 0;
    clear:both;
    z-index: 30;
    position: relative; 
}

#nav_bar ul { list-style: none; }


#nav_bar li {
    float: left;
    position: relative;
    text-align: left;
    cursor: default;
    background: #000; 
	font-weight: bold;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 1px;
	padding-bottom: 2px;
	font-family: Verdana, sans serif; font-size: 24px;
	text-transform: lowercase}  
	
#nav_bar li a { color:#ffffff; text-decoration:none; outline: none; font-weight: normal;}
#nav_bar li a:visited { color:#ffffff; } 
#nav_bar li a:hover { color:#007CA5; text-decoration:none; } 

/* sub nav for main nav */
#nav_bar li ul {
  list-style: none;
  position: absolute;
  width: 150px;
  left: -999em;
  }

#nav_bar li:hover ul{
  left: auto;
  }
 /* end sub nav for main nav */
 
/* end main nav */


/* start comic nav */
#comic_nav_bar 
{
    width: 660px;
    margin:0 0;
    clear:both;
    position: relative; 
	font-size: 11px;
}

#comic_nav_bar-full
{
    width: 1000px;
    margin:0 0;
    clear:both;
    position: relative; 
	font-size: 11px;
	text-align:center;
}

#comic_nav_bar a , #comic_nav_bar-full a { color:#666666; text-decoration:none; font-weight: bold; }
#comic_nav_bar a:visited, #comic_nav_bar-full a:visited { color:#666666; }
#comic_nav_bar a:hover, #comic_nav_bar-full a:hover { text-decoration:underline; color:#1d94bf; }
 
/* end comic nav */

/* posts nav */
#posts_nav{ font-size: 14px; font-weight: bold;}
#posts_nav a { color:#1d94bf; }
#posts_nav a:visited { color:#1d94bf; }
#posts_nav a:hover { text-decoration:underline; color:#1d94bf; }

#posts_nav ul { list-style: none; }

#posts_nav li {
    float: left;
    position: relative;
    text-align: left;
 } 
	
#posts_nav li.left {
    float: left;  }
	
#posts_nav li.right {
    float: right;  }

.clearer { clear:both; }
.login { display:none; }

    /* for ie6 when there is an uneven number of items in each list */
* html #nav_bar li.ie_fill {
    height: 1.4em;
}

/* pre-footer columns */
.pre-footer { 
	width: 100%; float: left; 
	background: #666666; 
	padding: 3px 0px;
	}
	
.pre-footer-cols { width: 940px; position: relative; clear: left; margin: 0 auto; font-size: 12px;}
.pre-footer-cols h3 { 
	padding: 0px 0px 3px 0px; 
	margin: 0px 0px 3px 0px; 
	color:#fff; 
	font-size: 12px; font-family: Verdana, sans serif; font-weight: bold;
	text-transform: uppercase; 
}

.pre-footer-cols ul { padding: 0px; margin: 0px; }
.pre-footer-cols li { color:#CBCCCF; padding: 1px 0px 1px 0px; margin: 0px; list-style-type: none; font-size: 11px; font-weight: bold; font-weight: normal;}
.pre-footer-cols li a { font-weight: bold; color:#A9AAAC;}
.pre-footer-cols li a:visited { color:#A9AAAC; }
.pre-footer-cols li a:hover {  color:#ffffff;}


.pre-footer-cols .recent-posts-col { width: 306px; float: left; }
.pre-footer-cols .recent-comics-col { width: 306px; float: left; }
.pre-footer-cols .recent-comments-col { width: 306px; float: left;}


.pre-footer-cols .recent-comics-col  ul { margin: 5px 5px;}
.pre-footer-cols .recent-comments-col  ul { margin: 0px 5px;}
/* END pre-footer */

/* begin footer */
#footer {
    font: 1em Verdana, sans serif;
    line-height: 1.3em;
    color: #fff;
    margin:0px 0 0 0; }
#footer a:hover { color:#ffffff; }

#foot_row1 { background: #222; height:30px; /*position:relative;*/ }
#foot_row1 a { color:#ffffff; }
#foot_row2 { background: #181818; height: 30px; }
#foot_row3 { padding: 10px 0 27px 0; background: #000; position:relative; z-index:101; text-align: center; color:#999;}
#foot_row3 a { color:#fff; }

.footer_rss {padding-left:2px; }

span.pad {
    display: block;
    margin: 0 0 0 10px;
    padding: 10px 0 0 0;
}

.link_row { color: #494949; }
#foot_row2 .link_row { color: #4b4b4b; }
#foot_row3 .link_row { color: #4c4c4c; }


#copyright { float:left; }

/* end footer */

/*============================== ============================== ================ BASIC Styling ======================================= =================================== =======*/
.clr { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0; }

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after{content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/* page layout */
#alpha, #beta  #alpha-and-beta{ display: inline; /* ie win bugfix */	float: left; min-height: 1px; }
div#alpha, div#alpha-inner { width:660px !important; overflow: hidden; }
div#alpha-and-beta { width:1000px  }

/* content */
.date-header,.entry-content{position: static; clear: both; }
.entry,.trackbacks,.comments,.archive{position: static; overflow: hidden; clear: both; width: 100%; margin-bottom: 20px; }
/*.entry-content,*/.trackbacks-info,.trackback-content,.comment-content,.comments-open-content,.comments-closed{clear: both; margin: 5px 10px; }
.entry-excerpt,.entry-body,.entry-more-link,.entry-more{clear: both; }
/*.entry-footer,*/.trackback-footer,.comment-footer,.comments-open-footer,.archive-content{clear: both; margin: 5px 10px 20px 15px; }
.comments-open label { display: block; }
#comment-author, #comment-email, #comment-url, #comment-text{width: 320px; }
#comment-bake-cookie{margin-left: 0; vertical-align: middle; }

img, a img { border-style: none; }
img.image-full { width: 98%; }

img.bordered { border:5px solid #ddd; }
.image-thumbnail{float: left; width: 115px; margin: 0 10px 10px 0; }
.image-thumbnail img{width: 115px; height: 115px; margin: 0 0 2px 0; }

/* modules */
.module{position: relative; overflow: hidden; width: 100%; }
.module-content{position: relative; margin: 5px 10px 20px 10px; }
.module-list,.archive-list{margin: 0; padding: 0; list-style: none; }
.module-list-item{margin-top: 0; margin-bottom: 0; }
li.cat-item { list-style: none;}


a.permalink:link, a.permalink:visited, a.permalink:active, a.permalink:hover { color: #113a8c; font-family: Verdana, sans serif; font-size: 11px; line-height: 13px; font-weight: bold; text-decoration: underline; }


/*#alpha-inner a:link, a:visited, a:hover, a:active { font-size: 11px; }
#beta-inner a:link, a:visited, a:hover, a:active { font-size: 11px; }*/
.h2 { font-family: Verdana, sans serif; font-size: 14px; color: #666666; text-transform: uppercase; font-weight: bold; }
h2.comments-open-header { text-transform: uppercase; color: #ffffff; margin: 0 0 10px 0; background-color: #a9aaac; padding: 3px 5px 3px 15px; width: 215px; font: bold 13px Verdana, sans serif; }


.date { text-transform: uppercase; font-weight: normal; font-family: Verdana, sans serif; color: #ffffff; font-size: 11px; margin: 0 0 0 0; background-color: #a9aaac; padding: 3px 5px 3px 15px; width: 215px; }
.footer { font-weight: bold; font-family: Verdana, sans serif; color: #000000; font-size: 11px; margin: 0; }
.posted { font-family: Verdana, sans serif; color: #000000; font-size: 10px; line-height: 13px; font-weight: bold; width: 350px; }

/* banner */
#banner { width: 1000px; background: none; display:inline; }
#banner-inner { padding: 0; float: right; }

/* page layout 1-column 0r 2-column*/
.layout-one-column #container-inner { margin: 0; border-bottom: none; }
.layout-two-column-right #container-inner { }

/* columns layout alpha=1st, beta=second*/
#pagebody { margin-top: 0; }
#pagebody-inner { margin-top: 0; }
#alpha { padding: 5px 0 15px 0; width:675px; margin-top: 7px; margin-left: 5px; background-color: #ffffff; }
.comments-open { margin: 0; }
.entry { margin: 0px; display:inline; }
#beta { margin-top: 7px; padding-left:20px; width: 300px; overflow: hidden; }
.entry .date-header { color: #000000; font-size: 10px; text-transform: uppercase; font-family: arial, helvetica, sans-serif; font-weight: normal; display:inline; }
.entry-more { font: normal 1.2em Verdana, sans serif; color: #000000; line-height: 20px; }

h2#descriptor { padding-left: 8px; padding-top: 4px; padding-bottom: 6px;text-transform: lowercase; font-family: Verdana, sans serif; font-size: 18px; font-weight: normal; text-decoration:none; color: #000000; background-color: #e7e7e7; }
h2#descriptor  a { color:#666666; }
h2#descriptor  a:visited { color:#666666; }
h2#descriptor  a:hover { text-decoration:underline; color:#1A95BE; }

/* article head */
h1#articlehed { text-decoration:none; }
h1#articlehed a { color:#666666; }
h1#articlehed a:visited { color:#666666; }
h1#articlehed a:hover { text-decoration:underline; color:#007CA5; }

h2#comic-header { text-align:center; padding-top: 3px; padding-bottom: 3px;text-transform: capitalize; font-family: Verdana, sans serif; font-size: 14px; text-decoration:none; color: #666666; background-color: #e7e7e7; margin-bottom: 0px; margin-bottom: 5px; }


h2#comic-footer  { text-align:center; padding-top: 3px; padding-bottom: 3px;text-transform: capitalize; font-family: Verdana, sans serif; font-size: 14px; text-decoration:none; color: #666666; background-color: #e7e7e7; margin-bottom: 5px; margin-bottom: 0px; }

h3.entry-header { /*text-transform: none;*/ font: normal 23pt Verdana, sans serif; line-height: 26pt; color:#000000; }
h3.entry-header a { /*text-transform: none;*/ font: normal 23pt Verdana, sans serif; line-height: 26pt; color:#000000; }
h3.entry-header a:visited { /*text-transform: none;*/ font: normal 23pt Verdana, sans serif; line-height: 26pt; color:#000000; }
h3.entry-header a:hover { /*text-transform: none;*/ text-decoration:underline; font: normal 23pt Verdana, sans serif; line-height: 26pt; color:#007CA5; }

/*.entry  body and footer*/
.entry-body { font: normal 1.3em Verdana, sans serif; color: #000000; line-height: 16pt; margin: 0; }
.entry-footer { margin: 0 10px 20px 0px; padding-top: 6px; font-family: Verdana, sans serif; font-size: 11px; line-height: 13px; color: #007CA5; border-bottom: thin dotted #999999;}
.entry-footer-post { margin: 0 10px 20px 0px; padding-top: 6px; font-family: Verdana, sans serif; font-size: 12px; line-height: 13px; color: #000; border-bottom: thin dotted #999999;}
.content-nav { margin: 0 14px 15px 15px; text-align: right; font-family: Verdana, sans serif; font-weight:normal; font-size: 10px; line-height: 11px; color: #000000; }
.date-header { text-transform: uppercase; font-family: Verdana, sans serif; font-weight: normal; font-size: 10px; display:inline; margin: 0 0 0 15px; }

#article_comic p { margin:0; padding: 0; }

div#article_text ul { margin:10px 0 10px 50px; }
div#article_text ol { margin:10px 0 10px 50px; }
div.entry-more ul { margin:10px 0 10px 50px; }
div.entry-more ol { margin:10px 0 10px 50px; }

div#article_text img { z-index: 100; display:inline-block; }
/* Hide from IE Mac \*/
div#article_text img { display:block; }
/* End hide from IE Mac */
div#article_text .blockquote { border:1px #dfdfdf solid; background:#f7f7f7; padding:10px 20px 10px 20px; margin:10px 25px 10px 25px; z-index: -1; }
div#article_text blockquote { border:1px #dfdfdf solid; background:#f7f7f7; padding:10px 20px 10px 20px; margin:10px 25px 10px 25px; z-index: -1; }

h2#module_center_title { text-align:center; margin-top: 5px; margin-bottom: 5px;text-transform: uppercase; font-family: Verdana, sans serif; font-weight: bold; font-size: 18px; text-decoration:none; color: #666666; background-color: #e7e7e7; }
h2#module_center_title  a { color:#666666; text-decoration:underline; }
h2#module_center_title  a:visited { color:#666666; text-decoration:underline; }
h2#module_center_title  a:hover { text-decoration:none; color:#1A95BE; }


/*module for the sidebar*/
h2.module-header {  font-family: Verdana, sans serif; padding-right: 10px; padding-top: 3px; padding-bottom: 3px;text-transform: uppercase; font-family: Verdana, sans serif; font-size: 14px; text-decoration:none; color: #666666; background-color: #e7e7e7; text-align: right; }
.module-content { margin: 0; font-size: 12px;}
.module-list { padding: 0; background-color: #ffffff; }
.module-list-item { font-weight: normal; margin: 0 15px 5px 5px; padding-top: 5px; padding-bottom: 5px; background: none; font-family: Verdana, sans serif; font-size: 11px; }
.module-comics { padding: 5px 10px; }
.module-blogs { padding: 5px 10px; }
.module-categories  { padding: 5px 10px; }
.module-links {  padding: 5px 10px; } 

/* xtrail for sidebar ads */
.google_subunit { height:300px; }
.google_iframe { overflow-x: hidden; overflow-y: hidden; }
.google_module { padding-bottom: 10px; }

#ad_rail { margin: 20px 0; font: normal 1.1em Verdana, sans serif; }
#ad_rail .big_br { margin-bottom: 5px; }
#ad_rail a { text-decoration: none; }
#ad_rail>a:first-child { margin-bottom: 10px; }
#ad_rail span { font-size: 1.1em; }
#ad_rail .ad_text br { display: inline; }
#ad_rail a span { font-size: 1.1em ; text-decoration: none; }
#ad_rail span a {  font-size: 1.1em; text-decoration: underline; }

/*comments & trackbacks */
.comments { margin-bottom: 20px; }
h2.archive-header { text-transform: uppercase; font: 11px Verdana, sans serif; font-weight: bold; color: #ffffff; margin: 0 0 0 0; background-color: #a9aaac; padding: 3px 5px 3px 15px; width: 215px; }
h3.comments-header { color: #999; font-size: 18px; font-weight: bold; padding-left:14px; font-family: Verdana, sans serif; }
.comments-open h1.entry-header { text-transform: capitalize; font-family: Verdana, sans serif; color: #999; font-size: 18px; font-weight: bold; }
.comment { background-color: #ffffff; margin:0 10px 5px 0; padding:8px 16px 8px 8px; color:#666666; }
.comment-content { margin: 10px 10px 10px 10px; width:660px; word-wrap: break-word; overflow:hidden; padding: 5px 0 0 0;
	margin-bottom: 20px;
	border-bottom: thin dotted #999999; }
.comment-footer { margin: 8px 10px 8px 8px; font-weight: bold; }
.comment-author { font-weight: bold; color: #c00; }
.comment a:link { color: #007ca5; text-decoration:none; font-weight: bold; }
.comment a:active, .comment a:hover { color: #007ca5; text-decoration:underline; font-weight: bold; }
.comments-open-logout{ color: #000000; text-decoration:none; font-weight: bold; }
.archive_title { color: #4b6a93; font-size: 14px; text-transform: uppercase; font-family: Verdana, sans serif; font-weight: bold; padding:0 10px 20px 15px; }
.comments-open-content, .comments-closed { margin:0 0 10px 0; padding:0; }
#comments-open-data { margin-bottom:8px; font-family: Verdana, sans serif; font-size: 11px; color: #666666; font-weight: bold; }
#comments-open-text { margin-bottom:8px; font-family: Verdana, sans serif; font-size: 11px; color: #666666; font-weight: bold; }
.comments-submits { width: 320px; }
.comment-post { font-weight:normal; margin-right:10px; color: #c00; font-family: arial, helvetica, sans-serif; }
.trackbacks-header { font-size: 14px; margin: 12px; color: #000000; }

/* new comments style */
div.comment-who {
	width: 180px;
	float: left;
	margin-bottom: 10px;
	font-size: 11px;
}

div.comment-who a {
	text-decoration: none;
}

div.comment-who p {
	margin-bottom: 2px;
}

div.comment-said {
	float: right;
	width: 480px;
}

p.commentmetadata {
	font-size: 10px;
	color: #555;
}

/* form styling */
form { text-align:center; }
form.comic-dropdownlist-form select { width: 400px;}

/* anouncements styling */
.announce a { font-weight:bold; color: #113a8c; }
.announce { background:#eeeeee; border:1px dashed #ccc; padding:5px; margin-top:15px; }
.copy { font-family: Verdana, sans serif; font-weight: normal; font-size: 10px; color: #333; }


/*p blocknote*/
.blockquote { border:1px #dfdfdf solid; background:#f7f7f7; /*padding:10px 20px 10px 20px;*/ margin:10px 25px 10px 25px; z-index: -1; }
blockquote { border:1px #dfdfdf solid; background:#f7f7f7; padding:10px 20px 10px 20px; margin:10px 25px 10px 25px; z-index: -1; }
.indent { padding:0 20px 0 20px; margin:5px 25px 5px 25px; }




/*============================== ============================== ================ ARTICLE Styling ======================================= =================================== =======*/

#toolbox_art_bot{
    height: 16px;
    padding: 0;
    margin: 0 0 10px 0;
}

#article {
    margin: 0 0 0 0;
}

#article .img_middle{
    vertical-align: middle;
    padding-bottom: 3px;
}

#article h1 {
    font: normal 2.3em Verdana, sans serif;
    line-spacing: 2.6em;
}

#article .date_time {
    font: .95em Verdana, sans serif;
    color:  #666;
    margin: 5px 0 10px 0;
    text-transform: capitalize;
    line-height: 1.5em;
}

#article #article_body {
 font: normal 1.17em Verdana, sans serif;
}

#article #article_body #article_text {
    font: normal 1.2em Verdana, sans serif;
}

#article #article_body p {
    line-height: 1.24em;
    padding-bottom: 0px; 
}


#article #article_footer{
    padding: 10px 0 0 0;
}

#article #article_footer #left_col{
    float: left;
    width: 330px;
    margin-right: 40px;         
}

#article #article_footer #right_col{
    float: right;
    width: 260px;
}


#article h2 {
    font: normal 2.6em "arial", helvetica, sans-serif;
    text-transform: uppercase;
    padding-bottom: 3px;
}

.social {
    position: relative;
}

#social_bkmrks{
	text-align: center;
}

.wp-caption {
	border: 1px solid #ffffff;
	text-align: center;
	background-color: #ffffff;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* search form style */
#search_box {
    width: 280px;
    height: 31px;
	margin: 10px 0 10px 0;
    background: url(images/bg_search_box.gif);
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 10px;
    border: 0;
    width: 238px;
    background: none;
}
#search_box #searchsubmit {
    float: right;
    margin: 4px 3px 0 0;
	background: #007CA5;
}
#beta li { list-style-type: none; }
#content p {
margin-bottom: 1em;
}
#content p {
margin-top: 1em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
#article #article_body #article_text {
font: normal 1em Verdana, sans serif;
}