2.8.1.5 a class alt-odd-even wrapper around posts and pages

Signed-off-by: Philip M. Hofer (Frumph) <frumph_dragon@yahoo.com>

404.php

@@ -25,7 +25,7 @@
 		<div id="content" class="narrowcolumn">
 			<div class="column">
 	<?php } ?>
-
+<div class="<?php commpress_blogpost_class(); ?>">
 	<div class="post-page-head"></div>
 	<div class="post-page">
 		<h2 class="pagetitle">Page Not Found</h2>
@@ -34,6 +34,7 @@
 		<br class="clear-margins" />
 	</div>
 	<div class="post-page-foot"></div>
+</div>
 		</div>
 	</div>
 

archive-comic-calendar.php

@@ -96,6 +96,7 @@ $month['11'] = array('month' => 'November', 'days' => '30');
 $month['12'] = array('month' => 'December', 'days' => '31');
 
 ?>
+<div class="<?php commpress_blogpost_class(); ?>">
 	<div class="post-page-head"></div>
 	<div class="post-page">
 	<?php while (have_posts()) : the_post() ?>
@@ -164,6 +165,7 @@ foreach ( $years as $year ) {
 
 	</div>
 	<div class="post-page-foot"></div>
+</div>
 <?php if ('open' == $post->comment_status) {
 	comments_template('', true);
 			} ?>

archive-comic-storyline-thumbs.php

@@ -32,7 +32,7 @@ Template Name: Comic Storyline with Thumbs
 		<div id="content" class="narrowcolumn">
 			<div class="column">
 	<?php } ?>
-	
+<div class="<?php commpress_blogpost_class(); ?>">
 	<div class="post-page-head"></div>
 	<div class="post-page">
 	<?php while (have_posts()) : the_post() ?>
@@ -95,6 +95,7 @@ Template Name: Comic Storyline with Thumbs
 		<br class="clear-margins" />
 	</div>
 	<div class="post-page-foot"></div>
+</div>
 		</div>
 	</div>
 

archive-comic-storyline.php

@@ -32,7 +32,7 @@ Template Name: Comic Storyline Archive
 		<div id="content" class="narrowcolumn">
 			<div class="column">
 	<?php } ?>
-
+<div class="<?php commpress_blogpost_class(); ?>">
 	<div class="post-page-head"></div>
 	<div class="post-page">
 	<?php while (have_posts()) : the_post() ?>
@@ -97,6 +97,7 @@ Template Name: Comic Storyline Archive
 		<br class="clear-margins" />
 	</div>
 	<div class="post-page-foot"></div>
+</div>
 		</div>
 	</div>
 

archive-comic-year.php

@@ -41,7 +41,7 @@ Template Name: Comic Year Archive
 		<div id="content" class="narrowcolumn">
 			<div class="column">
 	<?php } ?>
-
+<div class="<?php commpress_blogpost_class(); ?>">
 	<div class="post-page-head"></div>
 	<div class="post-page">
 	<?php while (have_posts()) : the_post() ?>
@@ -70,6 +70,7 @@ Template Name: Comic Year Archive
 
 	</div>
 	<div class="post-page-foot"></div>
+</div>
 		</div>
 	</div>
 

archive-comic.php

@@ -32,7 +32,7 @@ Template Name: Comic Archive
 		<div id="content" class="narrowcolumn">
 			<div class="column">
 	<?php } ?>
-
+<div class="<?php commpress_blogpost_class(); ?>">
 	<div class="post-page-head"></div>
 	<div class="post-page">
 	<?php while (have_posts()) : the_post() ?>
@@ -58,6 +58,7 @@ Template Name: Comic Archive
 		
 		</div>
 		<div class="post-page-foot"></div>
+	</div>
 		</div>
 	</div>
 

archive.php

@@ -38,6 +38,7 @@
 
 	<?php if (have_posts()) : ?>
 		<?php $posts = query_posts($query_string.'&order='.$archive_display_order); ?>
+	<div class="<?php commpress_blogpost_class(); ?>">
 		<div class="post-page-head"></div>
 		<div class="post-page">	
 	
@@ -60,13 +61,13 @@
 			<br class="clear-margins" />
 		</div>
 		<div class="post-page-foot"></div>
-
+	</div>
 
 
 		<?php while (have_posts()) : the_post() ?>
 
 			<?php global $archive_comic_width; if (in_comic_category()) { ?>
-
+			<div class="<?php commpress_blogpost_class(); ?>">
 				<div class="post-comic-head"></div>
 				<div class="post-comic">
 					<div class="post-info">
@@ -92,9 +93,9 @@
 					<br class="clear-margins" />
 				</div>
 				<div class="post-comic-foot"></div>
-
+			</div>
 			<?php } else { ?>
-
+			<div class="<?php commpress_blogpost_class(); ?>">
 				<div class="post-head"></div>
 				<div class="post">
 				<div class="post-info">
@@ -127,13 +128,13 @@
 					</div>
 				</div>
 				<div class="post-foot"></div>
-
+			</div>
 			<?php } ?>			
 
 		<?php endwhile; ?>
 
 	<?php else : ?>
-
+	<div class="<?php commpress_blogpost_class(); ?>">
 		<div class="post-head"></div>
 		<div class="post">
 			<h3>No entries found.</h3>
@@ -142,7 +143,7 @@
 			<br class="clear-margins" />
 		</div>
 		<div class="post-foot"></div>
-
+	</div>
 	<?php endif; ?>
 		
 			<?php comicpress_pagination(); ?>

archives.php

@@ -32,7 +32,7 @@ Template Name: Archives
 		<div id="content" class="narrowcolumn">
 			<div class="column">
 	<?php } ?>
-
+		<div class="<?php commpress_blogpost_class(); ?>">
 			<div class="post-page-head"></div>
 			<div class="post-page">
 				<h2>Archives by Month:</h2>
@@ -42,9 +42,9 @@ Template Name: Archives
 				<br class="clear-margins" />
 			</div>
 			<div class="post-page-foot"></div>
-			
 		</div>
 	</div>
+</div>
 
 <?php 
 if (is_cp_theme_layout('3c,v3c,gn,standard,v')) { 

author.php

@@ -40,6 +40,7 @@
 		if (empty($curauth)) { ?>
 			<h2>No such author.</h2>
 		<?php } else { ?>
+		<div class="<?php commpress_blogpost_class(); ?>">
 			<div class="post-page-head"></div>
 			<div class="post-page">
 					<div class="userpage-avatar">
@@ -82,6 +83,7 @@
 					</div>
 				</div>
 				<div class="post-page-foot"></div>
+			</div>
 		<?php } ?>
 		</div>
 	</div>

buystrip.php

@@ -40,6 +40,7 @@ Templete Author Email: philip@frumph.net
 	<?php if (!empty($comicnum)): ?>
 		<?php $temppost = $post; ?>
 		<?php $post = & get_post( $comicnum ); ?>
+	<div class="<?php commpress_blogpost_class(); ?>">
 		<div class="post-page-head"></div>
 		<div class="post-page">
 			<div style="float:right;">
@@ -110,8 +111,11 @@ Templete Author Email: philip@frumph.net
 			<?php $post = $temppost; ?>
 			<div class="clear"></div>
 		</div>
+		<div class="post-page-foot"></div>
+	</div>
 	<?php else: ?>
 	    <?php if (have_posts()) : while (have_posts()) : the_post() ?>
+		<div class="<?php commpress_blogpost_class(); ?>">
 		    <div class="post-page-head"></div>
 		    <div class="post-page" id="post-<?php the_ID() ?>">
 			    <h2 class="pagetitle"><?php the_title() ?></h2>
@@ -123,6 +127,7 @@ Templete Author Email: philip@frumph.net
 			    <br class="clear-margins" />
 		    </div>
 		    <div class="post-page-foot"></div>
+		</div>
 	    <?php endwhile; endif; ?>
 	<?php endif; ?>	
 		</div>

functions.php

@@ -5,7 +5,7 @@ if (function_exists('id_get_comment_number')) {
 	remove_filter('comments_number','id_get_comment_number');
 }
 
-$comicpress_version = '2.8.1.4';
+$comicpress_version = '2.8.1.5';
 
 // Remove the wptexturizer from changing the quotes and squotes.
 // remove_filter('the_title', 'wptexturize');

functions/checkbrowser.php

@@ -71,4 +71,48 @@ function comicpress_body_class($classes = '') {
 	return $classes;
 }
 
+function commpress_blogpost_class($class = '') {
+	global $post;
+	static $post_alt;
+
+	$args = array(
+		'entry_tax' => array( 'category', 'post_tag' )
+	);
+
+	/* Microformats. */
+	$classes[] = 'hentry';
+
+	/* Post alt class. */
+	$classes[] = 'post-' . ++$post_alt;
+
+	if ( $post_alt % 2 )
+		$classes[] = 'odd';
+	else
+		$classes[] = 'even alt';
+
+	/* Sticky class (only on home/blog page). */
+	if( is_sticky() && is_home() )
+		$classes[] = 'sticky';
+
+	/* Author class. */
+	if ( !is_attachment() )
+		$classes[] = 'post-author-' . sanitize_html_class( get_the_author_meta( 'user_nicename' ), get_the_author_meta( 'ID' ) );
+
+	/* Password-protected posts. */
+	if ( post_password_required() )
+		$classes[] = 'protected';
+
+	/* User-created classes. */
+	if ( !empty( $class ) ) :
+		if ( !is_array( $class ) )
+			$class = preg_split( '#\s+#', $class );
+		$classes = array_merge( $classes, $class );
+	endif;
+
+	/* Join all the classes into one string and echo them. */
+	$class = join( ' ', $classes );
+
+	echo apply_filters( 'commpress_blogpost_class', $class );
+}
+
 ?>

functions/displayblogpost.php

@@ -8,6 +8,7 @@
 
 function display_blog_post() { 
 	global $post, $wp_query, $authordata, $enable_related_posts, $enable_post_author_gravatar, $enable_post_calendar, $themepack_directory;  ?>
+		<div class="<?php commpress_blogpost_class(); ?>">
 			<div class="post-head"></div>
 			<div class="post" id="post-<?php the_ID() ?>">
 				<div class="post-info">
@@ -55,6 +56,7 @@ function display_blog_post() {
 				<br class="clear-margins" />
 			</div>
 			<div class="post-foot"></div>
+		</div>
 <?php 
 }
 

functions/displaycomic.php

@@ -7,7 +7,12 @@
  */
 
 function display_comic() { 
-	global $post, $wp_query, $rascal_says, $comic_clicks_next;
+	global $post, $wp_query, $rascal_says, $comic_clicks_next, $comic_filename_filters;
+	
+	
+	
+	
+	
 	$next_comic = get_next_comic_permalink();
 	
 	$comic = explode(".", the_comic_filename()); 

functions/displaycomicpost.php

@@ -17,6 +17,7 @@ function display_comic_post() {
 		<?php if ( get_permalink() != $last_comic ) { ?><div class="nav-last"><a href="<?php echo $last_comic ?>">Last &rsaquo;&rsaquo;</a></div><?php } ?>
 	</div>
 	<div class="clear"></div>
+<div class="<?php commpress_blogpost_class(); ?>">
 	<div class="post-comic-head"></div>
 	<div class="post-comic">
 		<div class="post-info">
@@ -34,6 +35,10 @@ function display_comic_post() {
 				<small> By <?php the_author_posts_link(); ?> on <?php the_time('F jS, Y'); ?> <?php edit_post_link('Edit Post', ' [ ', ' ] '); ?></small><br />
 				<?php if (get_option('comicpress-enable-storyline-support') == 1) { ?>
 					<ul class="storyline-cats"><li class="storyline-root"><?php the_category(' &raquo; </li><li>', multiple) ?></li></ul>
+				<?php } else { ?>
+					<?php if ($disable_categories_in_posts != 'yes') { ?>
+						<small> Posted In: <?php the_category(','); ?></small><br />
+					<?php } ?>
 				<?php } ?>
 				<?php if(function_exists('the_ratings')) { the_ratings(); } ?>
 			</div>
@@ -65,6 +70,7 @@ function display_comic_post() {
 				<br class="clear-margins" />
 	</div>
 	<div class="post-comic-foot"></div>
+</div>
 	
 <?php 
 }

functions/relatedcomics.php

@@ -39,7 +39,7 @@ function related_comics_shortcode( $atts = '' ) {
 <div class="related_posts">
 	Related Comics &not;';
 			$retval .= '
-	<ul>';
+	<ul><li>';
 			$comic_categories = array();
 			foreach ($category_tree as $node) {
 				$comic_categories[] = end(explode("/", $node));
@@ -50,7 +50,7 @@ function related_comics_shortcode( $atts = '' ) {
 			foreach($related as $r) :
 				if (count(array_intersect($comic_categories, wp_get_post_categories($r->ID))) > 0)
 					$retval .= '
-							<tr><td class="archive-date" align="right">'.date('M j, y',strtotime($r->post_date)).'</td><td class="archive-title"><a title="'.wptexturize($r->post_title).'" href="'.get_permalink($r->ID).'">'.wptexturize($r->post_title).'</a></td></tr>';
+							<tr><td class="archive-date" align="right">'.date('M j, Y',strtotime($r->post_date)).'</td><td class="archive-title"><a title="'.wptexturize($r->post_title).'" href="'.get_permalink($r->ID).'">'.wptexturize($r->post_title).'</a></td></tr>';
 			endforeach;
 			$retval .= '
 					</table>';
@@ -59,7 +59,7 @@ function related_comics_shortcode( $atts = '' ) {
 					<li>No related comics found</li>';
 		}
 		$retval .= '
-				</ul>';
+				</li></ul>';
 		$retval .= '
 				</div>';
 		return $retval;

functions/relatedposts.php

@@ -38,7 +38,7 @@ function related_posts_shortcode( $atts = '' ) {
 				<div class="related_posts">
 				Related Posts &not;';
 		$retval .= '
-				<ul>';
+				<ul><li>';
 		if ( $related ) {
 			$comic_categories = array();
 			foreach ($category_tree as $node) {
@@ -51,7 +51,7 @@ function related_posts_shortcode( $atts = '' ) {
 			foreach($related as $r) :
 				if (count(array_intersect($comic_categories, wp_get_post_categories($r->ID))) == 0)
 					$retval .= '
-							<tr><td class="archive-date" align="right">'.date('M j, y',strtotime($r->post_date)).'</td><td class="archive-title"><a title="'.wptexturize($r->post_title).'" href="'.get_permalink($r->ID).'">'.wptexturize($r->post_title).'</a></td></tr>';
+							<tr><td class="archive-date" align="right">'.date('M j, Y',strtotime($r->post_date)).'</td><td class="archive-title"><a title="'.wptexturize($r->post_title).'" href="'.get_permalink($r->ID).'">'.wptexturize($r->post_title).'</a></td></tr>';
 			endforeach;
 			$retval .= '
 					</table>';
@@ -60,7 +60,7 @@ function related_posts_shortcode( $atts = '' ) {
 		<li>No related posts found</li>';
 		}
 		$retval .= '
-	</ul>';
+	</li></ul>';
 		$retval .= '
 </div>';
 		return $retval;

image.php

@@ -29,7 +29,7 @@
 	<?php } ?>
 
 	<?php if (have_posts()) : while (have_posts()) : the_post() ?>
-
+	<div class="<?php commpress_blogpost_class(); ?>">
 		<div class="post-page-head"></div>
 		<div class="post-page" id="post-<?php the_ID() ?>">
 			<h2 class="pagetitle">
@@ -77,16 +77,16 @@
 			<br class="clear-margins" />
 		</div>
 		<div class="post-page-foot"></div>
-		
+	</div>
 	<?php endwhile; else: ?>
-
+	<div class="<?php commpress_blogpost_class(); ?>">
 		<div class="post-page-head"></div>
 		<div class="post-page">
 			<p>Sorry, no image matched your criteria.</p>
 			<br class="clear-margins" />
 		</div>
 		<div class="post-page-foot"></div>
-
+	</div>
 	<?php endif; ?>
 		</div>
 	</div>

links.php

@@ -40,7 +40,7 @@ Template Name: Links
 	 ?>
 	
 	<?php while (have_posts()) : the_post() ?>
-	
+	<div class="<?php commpress_blogpost_class(); ?>">
 		<div class="post-page-head"></div>
 		<div class="post-page">
 			<h2 class="pagetitle"><?php the_title() ?></h2>
@@ -52,9 +52,8 @@ Template Name: Links
 			<br class="clear-margins" />
 		</div>
 		<div class="post-page-foot"></div>
-		
+	</div>
 	<?php endwhile; ?>
-		<div class="clear"></div>
 		</div>
 	</div>
 	

page.php

@@ -31,6 +31,7 @@
 	<?php } ?>
 
 	<?php if (have_posts()) : while (have_posts()) : the_post() ?>
+	<div class="<?php commpress_blogpost_class(); ?>">
 		<div class="post-page-head"></div>
 		<div class="post-page" id="post-<?php the_ID() ?>">
 			<h2 class="pagetitle"><?php the_title() ?></h2>
@@ -42,11 +43,11 @@
 			<br class="clear-margins" />
 		</div>
 		<div class="post-page-foot"></div>
+	</div>
 		<?php if ('open' == $post->comment_status) {
 			comments_template('', true);
 			} ?>
 			<?php endwhile; endif; ?>
-			<div class="clear"></div>
 		</div>
 	</div>
 	

search-transcript.php

@@ -44,7 +44,7 @@ $count = $tmp_search->post_count;
     while (have_posts()) : the_post() ?>
 
         <?php if (in_comic_category()) { ?>
-
+		<div class="<?php commpress_blogpost_class(); ?>">
 			<div class="post-comic-head"></div>
 			<div class="post-comic">
 		<div class="post-info">
@@ -75,9 +75,9 @@ $count = $tmp_search->post_count;
 				<br class="clear-margins" />
 			</div>
 			<div class="post-comic-foot"></div>
-
+		</div>
         <?php } else { ?>
-
+		<div class="<?php commpress_blogpost_class(); ?>">
           <div class="post-head"></div>
           <div class="post">
 			<div class="post-info">
@@ -109,13 +109,13 @@ $count = $tmp_search->post_count;
             <br class="clear-margins" />
           </div>
           <div class="post-foot"></div>
-          
+		</div>
         <?php } ?>
 
     <?php endwhile; ?>
 
   <?php else : ?>
-
+<div class="<?php commpress_blogpost_class(); ?>">
     <div class="post-page-head"></div>
     <div class="post-page">
       <h3>No transcripts found.</h3>
@@ -124,7 +124,7 @@ $count = $tmp_search->post_count;
       <br class="clear-margins" />
     </div>
     <div class="post-page-foot"></div>
-
+</div>
   <?php endif; ?>
 
 			<?php comicpress_pagination(); ?>

search.php

@@ -44,7 +44,7 @@ $count = $tmp_search->post_count;
     while (have_posts()) : the_post() ?>
       
         <?php global $archive_comic_width; if (in_comic_category()) { ?>
-
+		<div class="<?php commpress_blogpost_class(); ?>">
 			<div class="post-comic-head"></div>
 			<div class="post-comic">
 				<div class="post-info">
@@ -69,9 +69,9 @@ $count = $tmp_search->post_count;
 				<br class="clear-margins" />
 			</div>
 			<div class="post-comic-foot"></div>
-
+		</div>
         <?php } else { ?>
-
+		<div class="<?php commpress_blogpost_class(); ?>">
 			<div class="post-head"></div>
 			<div class="post">
 				<div class="post-info">
@@ -108,13 +108,13 @@ $count = $tmp_search->post_count;
 				</div>
 			</div>
 			<div class="post-foot"></div>
-          
+          </div>
         <?php } ?>
 
     <?php endwhile; ?>
     
   <?php else : ?>
-
+		<div class="<?php commpress_blogpost_class(); ?>">
 			<div class="post-page-head"></div>
 			<div class="post-page">
 				<h3>No entries found.</h3>
@@ -123,7 +123,7 @@ $count = $tmp_search->post_count;
 				<br class="clear-margins" />
 			</div>
 			<div class="post-page-foot"></div>
-
+		</div>
   <?php endif; ?>
 	
 			<?php comicpress_pagination(); ?>

single.php

@@ -64,14 +64,14 @@
 			<?php get_sidebar('underblog'); ?>
 		</center>		
 	<?php endwhile; else: ?>
-		
+	<div class="<?php commpress_blogpost_class(); ?>">
 		<div class="post-head"></div>
 		<div class="post">
 			<p>Sorry, no posts matched your criteria.</p>
 			<br class="clear-margins" />
 		</div>
 		<div class="post-foot"></div>
-		
+	</div>
 	<?php endif; ?>
 	
 		<?php get_sidebar('underblog'); ?>

themepack/spacecase/commentlink.php

@@ -0,0 +1 @@
+<?php if ('open' == $post->comment_status) { ?><div class="comment-link"><?php comments_popup_link('<span class="comment-balloon comment-balloon-empty">&rdquo;</span>Comment ', '<span class="comment-balloon">1</span>Comment ', '<span class="comment-balloon">%</span>Comment '); ?></div><?php } ?>

themepack/spacecase/notes.php

@@ -0,0 +1,7 @@
+<strong>ThemePack</strong>: spacecase<br />
+<strong>Author</strong>: Philip M. Hofer (Frumph)<br />
+<strong>Layouts</strong>: standard, 3c, gn, v, v3c<br />
+<br />
+<strong>Installation Notes</strong>:<br />
+SciFi Buttons.
+<br />

themepack/spacecase/style.css

@@ -0,0 +1,551 @@
+/*
+ThemePack Name: Space Case
+ThemePack URI: http://comicpress.org
+Description: 
+Author: Philip M. Hofer (Frumph)
+Author URI: http://frumph.net/
+Version: 0.1.0
+.
+The CSS, XHTML and design is released under GPL v3:
+http://www.opensource.org/licenses/gpl-3.0.html
+.
+*/
+
+/* STANDARD TAGS */
+
+body {
+	margin: 0;
+	font-family: 'Arial', sans-serif;
+	color: #ddd;
+	background: #000 url('background.jpg') fixed repeat;
+}
+
+a { color: #fff000; }
+
+a:hover { color: #fff; }
+
+h1, h1 a, h2, h2 a, h3, h3 a {
+	color: #fff;
+}
+
+h1 a:hover, h2 a:hover, h3 a:hover {
+	color: #ff0000;
+}
+
+#comic-head {
+	padding-top: 10px;
+}
+
+#comic img {
+	border: solid 1px #000;
+}
+
+#comic { 
+	padding: 5px;
+	background: #111 url('metal.png') repeat;
+	-moz-border-radius: 10px 10px 0 0;
+	-khtml-border-radius: 10px 10px 0 0;
+	-webkit-border-radius: 10px 10px 0 0;
+	border-radius: 10px 10px 0 0;
+}
+
+#comic-foot {
+	background: #111 url('metal.png') repeat;
+	-moz-border-radius: 0 0 10px 10px;
+	-khtml-border-radius: 0 0 10px 10px;
+	-webkit-border-radius: 0 0 10px 10px;
+	border-radius: 0 0 10px 10px;
+}
+
+#header {width: 980px; height: 140px; background: url('header.png') top center no-repeat; overflow: hidden;}
+#header h1 {padding: 0;}
+#header h1 a {display: block; width: 980px; height: 140px; text-indent: -9999px;}
+#header .description {display: none;}
+
+/* THE MENU */
+
+#menubar {
+	background: url('menu.png');
+	border-width: 1px 1px 1px 0;
+	border-style: solid;
+	border-color: #000;
+	-moz-border-radius: 10px;
+	-khtml-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+}
+
+.menunav-rss {
+	width: 25px;
+	height: 25px;
+	margin: 0 0 0 4px;
+	padding: 0;
+	display: block;
+	float: left;
+	text-indent: -9999px;
+	overflow: hidden;
+	background: url('menu-nav.png') no-repeat;
+}
+
+	.menunav-rss:hover {
+		background: Transparent url('menu-nav.png') 0 -25px no-repeat;
+	}
+
+.menunav-prev, .menunav-next {
+	display: block;
+	float: left;
+}
+
+.menunav a:hover {
+	background: #fff;
+}
+
+.menunav-prev {
+	margin: 0 0 0 5px;
+}
+
+	.menunav-prev a, .menunav-next a {
+		width: 25px;
+		height: 25px;
+		display: block;
+		text-indent: -9999px;
+		overflow: hidden;
+	}
+
+	.menunav-prev a {
+		background: transparent url('menu-nav.png') -25px 0 no-repeat;
+	}
+
+	.menunav-prev a:hover {
+		background: transparent url('menu-nav.png') -25px -25px no-repeat;
+	}
+
+.menunav-next a {
+	background: url('menu-nav.png') -50px 0 no-repeat;
+}
+
+	.menunav-next a:hover {
+		background: transparent url('menu-nav.png') -50px -25px no-repeat;
+	}
+
+#menu {
+	border-right: 1px solid #111;
+	margin-left: 10px;
+	text-transform: uppercase;
+}
+
+	#menu a {
+		padding: 0px 10px 0 10px;
+		display: block;
+		color: #fff;
+		text-decoration: none;
+	}
+
+	#menu li .rss {
+		padding: 5px 0 5px 0;
+	}
+
+	#menu li {
+		float: left;
+		cursor:pointer;
+	}
+
+	#menu li a {
+		border-left: 1px solid #333;
+		border-right: 1px solid #555;
+	}
+
+	#menu li:hover a, #menu li.sfhover a {
+		border-left: 1px solid #8b160f;
+		border-right: 1px solid #c28380;
+		color: #fff; /* Main menu highlighted text color */
+		background: url('menu.png') 0 -75px;
+	}
+
+	#menu li:hover, #menu li.sfhover {
+		/* 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: 175px;
+		line-height: 1;
+	}
+	#menu li li {
+		width: 165px;
+		padding: 4px 5px;
+		color: #fff;
+	}
+	#menu li li a {
+		width: 174px;
+		padding: 0;
+		color: #fff;
+		border: none;
+	}
+	#menu li ul ul {
+		margin: -17px 0 0 170px;
+	}
+	#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 */
+		border: none;
+		background: none;
+	}
+	#menu li li:hover {
+		background: #f00; /*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: #000; /* Submenu background color */
+		text-transform: none;
+	}
+
+	#menu .current_page_item a {
+		color: #fff;
+		border-left: 1px solid #555;
+		border-right: 1px solid #555;
+		background: url('menu.png') 0 -50px;
+	}
+
+
+.narrowcolumn { 
+	width: 558px;
+	margin-top: 5px;
+	background: #111;
+	-moz-border-radius: 10px;
+	-khtml-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+	border: solid 1px #333;
+}
+
+	.button {
+		background: #aaa url('menu.png');
+		color: #fff;
+		font-family: 'Arial', sans-serif;
+		font-size: 13px;
+		line-height: 13px;
+		border: 1px solid #333;
+		cursor: pointer;
+	}
+		
+	.button:hover {
+		color: #eee;
+		background: #f00 url('menu.png') 0 -75px;
+	}
+	
+/* COMMENT LINK */
+
+.comment-link {
+	height: 25px;
+	line-height: 20px;
+	font-family: 'Arial', sans-serif;
+	font-weight: bold;
+	text-align: right;
+}
+		
+	.comment-balloon {
+		width: 30px;
+		height: 25px;
+		display: block;
+		margin: 0 0 0 5px;
+		float: right;
+		overflow: hidden;
+		text-align: center;
+		line-height: 16px;
+		font-family: 'Georgia', serif;
+		font-size: 16px;
+		font-weight: normal;
+		background: url('comment-balloon.png') no-repeat;
+	}
+
+		.comment-link a .comment-balloon {
+			color: #000;
+		}
+	
+		.comment-link a:hover .comment-balloon {
+			color: #fff;
+			background-position: 0 -25px;
+		}
+		
+	.comment-balloon-empty {
+		font-size: 20px;
+		line-height: 30px;
+		}
+		
+/* WIDGETS */
+
+.archive-dropdown-wrap {
+	background: url('browse-search.png') no-repeat;
+}
+
+	.archive-dropdown-wrap:hover {
+		background-position: 0 -23px;
+	}
+
+.archive-dropdown {
+	margin: 0;
+	padding: 0;
+	width: 166px;
+	height: 23px;
+	font-size: 12px;
+	font-family: 'Arial' , sans-serif;
+	border: none;
+	opacity: 0;
+	filter: alpha(opacity=0);
+	cursor: pointer;
+}
+
+/* SEARCH */
+
+#s-search, #s-transcript {
+	width: 138px;
+	padding: 4px 0 0 5px;
+	font-size: 12px;
+	height: 19px;
+	font-family: 'Arial' , sans-serif;
+	color: #000;
+	border: none;
+	float: left;
+	background: url('browse-search.png') 0 -46px no-repeat;
+}
+
+	#s-search:hover, #s-search:focus, #s-transcript:hover, #s-transcript:focus {
+		color: #550000;
+		background-position: 0 -69px;
+	}
+
+	#searchform button, #searchform-transcript button {
+		padding: 0;
+		margin: 0;
+		border: none;
+		height: 23px;
+		width: 23px;
+		line-height: 0;
+		font-size: 0;
+		cursor: pointer;
+		text-indent: -9999px;
+		background: url('browse-search.png') -143px -46px no-repeat;
+	}
+
+	#searchform button:hover, #searchform-transcript button:hover {
+		background-position: -143px -69px;
+	}
+
+	#searchform button:hover, #searchform-transcript button:-moz-focus-inner {
+		border: 0;
+	}
+
+	.searchresults {
+		float: right;
+		padding: 5px;
+	}
+
+/* GALLERY */
+
+.gallery-image {
+	width: 518px;
+	border: 1px solid #000;
+	overflow: hidden;
+	background: #000;
+	text-align: center;
+}
+
+.gallery-caption {
+	font-size: 11px;
+}
+
+	.gallery-caption p {
+		width: 510px;
+		padding: 5px;
+		margin: 0;
+		text-align: center;
+		color: #fff;
+		background: #000;
+	}
+
+.imagenav-wrap {
+	margin: 5px 0 0 0;
+}
+
+.imagenav {
+	width: 77px;
+	height: 77px;
+	float: left;
+	overflow: hidden;
+}
+
+.imagenav-center {
+	width: 344px;
+	height: 65px;
+	margin: 0 5px;
+	padding: 10px 5px 0 5px;
+	float: left;
+	color: #000;
+	text-align: center;
+	border: 1px solid #000;
+	overflow: hidden;
+}
+
+.imagetitle {
+	color: #000;
+	font-size: 18px;
+}
+
+.imagenav-bg {
+	width: 75px;
+	height: 75px;
+	position: absolute;
+	z-index: 0;
+	background: #ddd;
+	border: 1px solid #000;
+	overflow: hidden;
+}
+
+.imagenav-bg img {
+	width: 75px;
+	height: 75px;
+}
+
+.imagenav-arrow {
+	width: 75px;
+	height: 75px;
+	position: absolute;
+	z-index: 1;
+	color: #fff;
+	font-size: 80px;
+	font-weight: bold;
+	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;
+	overflow: hidden;
+}
+
+.imagenav-link img {
+	width: 75px;
+	height: 75px; 
+/*		opacity: 0.50; 		filter: alpha(opacity=50); */
+}
+
+.imagenav-link img:hover {
+/*		opacity: 0.00;  	filter: alpha(opacity=0); */
+}
+
+/* Pagination */
+
+#wp-paginav {
+	background: url('menu.png');
+	text-align: left;
+	border: 1px solid #000;
+	-moz-border-radius: 10px;
+	-khtml-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+}
+
+#paginav {
+	padding: 0;
+	margin: 0;
+	list-style: none;
+	float: left;
+	line-height: 25px;
+	font-size: 13px;
+	border-right: 1px solid #222;
+}
+
+	#paginav .paginav-pages, #paginav .paginav-extend {
+		padding: 0 15px 0 15px;
+	}
+
+	#paginav a {
+		padding: 0px 10px 0 10px;
+		display: block;
+		color: #777;
+		text-decoration: none;
+	}
+
+	#paginav ul {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+
+	#paginav li {
+		float: left;
+	}
+
+	#paginav li a {
+		border-left: 1px solid #111;
+		border-right: 1px solid #444;
+		color: #eee;
+	}
+
+	#paginav .paginav-next, #paginav .paginav-previous {
+		font-size: 20px;
+	}
+
+	#paginav .paginav-current, #paginav .current {
+		padding: 0px 10px 0 10px;
+		color: #fff;
+		border-left: 1px solid #222;
+		background: url('menu.png') 0 -150px;
+	}
+
+	#paginav li:hover a {
+		border-left: 1px solid #333;
+		border-right: 1px solid #555;
+		color: #fff; 
+		background: url('menu.png') 0 -75px;
+	}
+
+
+#wp-calendar-wrap {
+	background: #111;
+	border: solid 1px #333;
+	-moz-border-radius: 10px;
+	-khtml-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+	margin: 0 0 10px 0;
+}
+
+.wp-calendar-thumb img {
+	-moz-border-radius: 10px;
+	-khtml-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+}
+	
+/* SIDEBAR */
+
+.sidebar h2 {
+	font-weight: 700;
+	letter-spacing: normal;
+}
+
+/* Navigation Style */
+
+#comic_navi_wrapper a, #comic_navi_wrapper .navi, #comic_navi_wrapper .navi-void {
+	text-indent: -99999px;
+}