/*   
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: "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif; font-size:62.5%; color: #000; background: #FFF; }
    
a { color:#452400; text-decoration:none; outline: none;}
a:visited { color:#452400; } 
a:hover { color:#452400; 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: #452400;
}
#tagline  {
	height: 30px;
	margin-top: 10px;
	font-size: 15px;
	color: #000;
}

/* begin main nav */
#nav_bar {
    width: 1000px;
    background: #000;
    height: 30px;
    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: light;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif; font-size: 16px;
	<!-- text-transform: uppercase} -->  
	
#nav_bar li a { color:#ffffff; text-decoration:none; outline: none; font-weight: regular;}
#nav_bar li a:visited { color:#ffffff; } 
#nav_bar li a:hover { color:#452400; 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: 32px;}
#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: varanda, arial, helvetica, 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:#ffc083;}
.pre-footer-cols li a:visited { color:#ffc083; }
.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 arial, helvetica, sans-serif;
    line-height: 1.3em;
    color: #fff;
    margin:0px 0 0 0; }
#footer a:hover { color:#ffffff; }

#foot_row1 { background: #452400; height:30px; /*position:relative;*/ }
#foot_row1 a { color:#ffffff; }
#foot_row2 { background: #452400; 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: #452400; }
#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: arial, helvetica, 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, Arial, Helvetica, 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: #ffc083; padding: 3px 5px 3px 15px; width: 215px; font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif; }


.date { text-transform: uppercase; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; margin: 0 0 0 0; background-color: #ffc083; padding: 3px 5px 3px 15px; width: 215px; }
.footer { font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; margin: 0; }
.posted { font-family: Verdana, Arial, Helvetica, 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 "Hoefler Text", "Constantia", georgia, "times new roman", serif; color: #000000; line-height: 20px; }

h2#descriptor { padding-left: 20px; padding-top: 3px; padding-bottom: 3px;text-transform: uppercase; font-family: arial; font-size: 14px; text-decoration:none; color: #999999; 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:#452400; }

h2#comic-header { text-align:center; padding-top: 3px; padding-bottom: 3px;text-transform: capitalize; font-family: arial; 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: arial; 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 "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif; line-height: 26pt; color:#000000; }
h3.entry-header a { /*text-transform: none;*/ font: normal 23pt "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif; line-height: 26pt; color:#000000; }
h3.entry-header a:visited { /*text-transform: none;*/ font: normal 23pt g"Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif; line-height: 26pt; color:#000000; }
h3.entry-header a:hover { /*text-transform: none;*/ text-decoration:underline; font: normal 23pt "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif; line-height: 26pt; color:#452400; }

/*.entry  body and footer*/
.entry-body { font: normal 1.3em "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif; color: #000000; line-height: 16pt; margin: 0; }
.entry-footer { margin: 0 10px 20px 0px; padding-top: 6px; font-family: georgia, helvetica, sans-serif; font-size: 11px; line-height: 13px; color: #452400; border-bottom: thin dotted #999999;}
.entry-footer-post { margin: 0 10px 20px 0px; padding-top: 6px; font-family: georgia, helvetica, 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: arial, helvetica, sans-serif; font-weight:normal; font-size: 10px; line-height: 11px; color: #000000; }
.date-header { text-transform: uppercase; font-family: verdana, arial, helvetica, 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: Arial Black; 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: varanda, arial, helvetica, sans-serif; padding-right: 10px; padding-top: 3px; padding-bottom: 3px;text-transform: uppercase; font-family: arial; 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 1px 5px; padding-top: 5px; padding-bottom: 5px; background: none; font-family: verdana, arial, helvetica; 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 arial, helvetica, 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, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; margin: 0 0 0 0; background-color: #ffc083; padding: 3px 5px 3px 15px; width: 215px; }
h3.comments-header { color: #999; font-size: 18px; font-weight: bold; padding-left:14px; font-family: arial, helvetica, sans-serif; }
.comments-open h1.entry-header { text-transform: capitalize; font-family: arial; 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: #452400; text-decoration:none; font-weight: bold; }
.comment a:active, .comment a:hover { color: #452400; 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: times; 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, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: bold; }
#comments-open-text { margin-bottom:8px; font-family: Verdana, Arial, Helvetica, 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, arial, helvetica, 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 "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif;
    line-spacing: 2.6em;
}

#article .date_time {
    font: .95em "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif;
    color:  #666;
    margin: 5px 0 10px 0;
    text-transform: capitalize;
    line-height: 1.5em;
}

#article #article_body {
 font: normal 1.17em "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, serif;
}

#article #article_body #article_text {
    font: normal 1.2em "Hoefler Text", "Constantia", Georgia, "Times New Roman", Times, 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 #ddd;
	text-align: center;
	background-color: #f3f3f3;
	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;
    background: url(images/bg_search_box.gif);
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 238px;
    background: none;
}
#search_box #searchsubmit {
    float: right;
    margin: 3px 4px 0 0;
	background: #452400;
}