cleaned up avatars and moods

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

comicpress-options.php

@@ -537,10 +537,12 @@ function comicpress_admin() {
 				$mood_directories = glob(get_template_directory() . '/images/moods/*');
 			?>
 				<tr>
-				<th scope="row"><strong>Moods Directory</strong><br /><br />Choose a directory to get the post moods from.<br /></th>
+				<th scope="row"><strong>Moods Directory</strong><br /><br />Choose a directory to get the post moods from.<br /><br />Set this to 'none' to turn off use.<br /></th>
 				<td valign="top">
 						<label>
 								<select name="<?php echo $value['id']; ?>" id="<?php echo $value['id']; ?>">
+							<option class="level-0" value="none" <?php if ($current_directory == "none") { ?>selected="selected"<?php } ?>>none</option>
+
 				<?php
 					foreach ($mood_directories as $mood_dirs) {
 						if (is_dir($mood_dirs)) { 

comments.php

@@ -51,7 +51,32 @@ if ( have_comments() ) : ?>
 			}?>	
 			</ul>
 		</ol>
-	<?php endif; ?>		
+	<?php endif; ?>
+	
+		<?php global $enable_numbered_pagination; if ($enable_numbered_pagination == 'yes') { ?>
+		<?php 
+			$pagelinks = paginate_comments_links(array('echo' => 0)); 
+			if (!empty($pagelinks)) {
+				$pagelinks = preg_replace('#\<a#', '<li><a', $pagelinks);
+				$pagelinks = preg_replace('#\<\/a\>#', '</a></li>', $pagelinks); 
+				$pagelinks = preg_replace('#\<span#', '<li', $pagelinks); 
+				$pagelinks = preg_replace('#\<\/span\>#', '</li>', $pagelinks); ?>
+			<div id="wp-paginav">
+				<div id="paginav">				
+					<?php echo '<ul><li class="paginav-extend">Comment Pages</li>'. $pagelinks . '</ul>'; ?>
+					</div>
+				<div class="clear"></div>
+			</div>					
+			<?php } ?>
+
+		<?php } else { ?>
+			<div class="commentnav">
+				<div class="commentnav-right"><?php next_comments_link('Newer Comments &uarr;') ?></div>
+				<div class="commentnav-left"><?php previous_comments_link('&darr; Previous Comments') ?></div>
+				<div class="clear"></div>
+			</div>
+		<?php } ?>
+
 	
 <?php else : // this is displayed if there are no comments so far ?>
 
@@ -115,31 +140,6 @@ if ( have_comments() ) : ?>
 <?php endif; // If registration required and not logged in ?>
 </div>
 
-	<?php global $enable_numbered_pagination; if ($enable_numbered_pagination == 'yes') { ?>
-		<?php 
-			$pagelinks = paginate_comments_links(array('echo' => 0)); 
-			if (!empty($pagelinks)) {
-				$pagelinks = preg_replace('#\<a#', '<li><a', $pagelinks);
-				$pagelinks = preg_replace('#\<\/a\>#', '</a></li>', $pagelinks); 
-				$pagelinks = preg_replace('#\<span#', '<li', $pagelinks); 
-				$pagelinks = preg_replace('#\<\/span\>#', '</li>', $pagelinks); ?>
-		<div id="wp-paginav">
-			<div id="paginav">				
-				<?php echo '<ul><li class="paginav-extend">Comment Pages</li>'. $pagelinks . '</ul>'; ?>
-				</div>
-			<div class="clear"></div>
-		</div>			
-				
-		<?php } ?>
-
-	<?php } else { ?>
-		<div class="commentnav">
-			<div class="commentnav-right"><?php next_comments_link('Newer Comments &uarr;') ?></div>
-			<div class="commentnav-left"><?php previous_comments_link('&darr; Previous Comments') ?></div>
-			<div class="clear"></div>
-		</div>
-	<?php } ?>
-
 <?php endif; ?>
 
 </div>

functions/moods.php

@@ -18,28 +18,30 @@
 function comicpress_show_mood_in_post() {
 	global $post;
 	$moods_directory = get_option('comicpress-moods_directory');
-	$mood_file = get_post_meta( get_the_ID(), "mood", true );
-	$mood = explode(".", $mood);
-	$mood = reset($mood);
-	if ( !empty($mood_file) && file_exists(get_template_directory() . '/images/moods/'.$moods_directory.'/'.$mood_file) ) { ?>
-		<div class="post-mood post-<?php echo $mood; ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/moods/<?php echo $moods_directory; ?>/<?php echo $mood_file; ?>" alt="<?php echo $mood; ?>" title="<?php echo $mood; ?>" /></div>
-	<?php }
+	if (!empty($moods_directory) && $moods_directory != 'none') {
+		$mood_file = get_post_meta( get_the_ID(), "mood", true );
+		$mood = explode(".", $mood);
+		$mood = reset($mood);
+		if ( !empty($mood_file) && file_exists(get_template_directory() . '/images/moods/'.$moods_directory.'/'.$mood_file) ) { ?>
+			<div class="post-mood post-<?php echo $mood; ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/moods/<?php echo $moods_directory; ?>/<?php echo $mood_file; ?>" alt="<?php echo $mood; ?>" title="<?php echo $mood; ?>" /></div>
+		<?php }
+	}
 }
 
 function comicpress_showmood_edit_post() { 
 	global $post;
 	$moods_directory = get_option('comicpress-moods_directory');
-?>
-	<div id="mooddiv" class="postbox">
-		<h3><?php _e("Available Moods", 'comicpress') ?></h3>
+	if (!empty($moods_directory) && $moods_directory != 'none') { ?>
+		<div id="mooddiv" class="postbox">
+		<h3><?php _e("Available Moods", 'commpress') ?></h3>
 		<div class="inside" style="overflow: hidden">
-		Available Moods here, you can set which mood images to use in the ComicPress Options.<br />
+		Available Moods here, you can set which mood images to use in the commpress Options.<br />
 		<br />
 		<?php 
 		
 		$currentmood = get_post_meta( $post->ID, "mood", true );
-
-		if (empty($currentmood)) { 
+		
+		if (empty($currentmood) || $currentmood == '' || $currentmood == null) { 
 			$mood = 'none';
 		} else {
 			$mood = explode(".", $currentmood);
@@ -49,44 +51,49 @@ function comicpress_showmood_edit_post() {
 		$filtered_glob_results = array();
 		$count = count($results = glob(get_template_directory() . '/images/moods/'.$moods_directory.'/*'));
 		echo $count .' moods are available.<br />
-		Using Moods from directory: '.$moods_directory.'<br />
-		Current Mood: '.$mood.'<br /><br />';
+				Using Moods from directory: '.$moods_directory.'<br />
+				Current Mood: '.$mood.'<br /><br />';
 		if (!empty($results)) { ?>
-		<div style="float:left; margin-top: 70px; text-align: center; width: 68px; overflow: hidden;"> 
-		<label for="postmood-none" style="cursor:pointer;">		
-		none
-		</label>
-		<br />
-			<input name="postmood" style="margin-top: 3px;" id="postmood-anger" type="radio" value="none" />
-		</div>
+			<div style="float:left; margin-top: 70px; text-align: center; width: 68px; overflow: hidden;"> 
+			<label for="postmood-none" style="cursor:pointer;">		
+			none
+			</label>
+			<br />
+			<input name="postmood" style="margin-top: 3px;" id="postmood-anger" type="radio" value="none" <?php if ( $mood == 'none' ) { echo " checked"; } ?> />
+			</div>
 			<?php foreach ($results as $file) {
 				$newmood_file = basename($file);
 				$newmood = explode(".", $newmood_file); 
 				$newmood = $newmood[0]; ?>
 				<div style="float:left; margin-top: 10px; text-align: center; width: 68px; overflow: hidden;"> 
-					<label for="postmood-<?php echo $newmood; ?>" style="cursor:pointer;">
-						<img src="<?php bloginfo('stylesheet_directory'); ?>/images/moods/<?php echo $moods_directory; ?>/<?php echo basename($file); ?>"><br />
-						<?php echo $newmood; ?>
-					</label>
-					<br />
-					<input  name="postmood" style="margin-top: 3px;" id="postmood-<?php echo $newmood; ?>" type="radio" value="<?php echo $newmood_file; ?>"<?php if ( $mood == $newmood ) { echo " checked"; } ?> />
+				<label for="postmood-<?php echo $newmood; ?>" style="cursor:pointer;">
+				<img src="<?php bloginfo('stylesheet_directory'); ?>/images/moods/<?php echo $moods_directory; ?>/<?php echo basename($file); ?>"><br />
+				<?php echo $newmood; ?>
+				</label>
+				<br />
+				<input  name="postmood" style="margin-top: 3px;" id="postmood-<?php echo $newmood; ?>" type="radio" value="<?php echo $newmood_file; ?>"<?php if ( $mood == $newmood ) { echo " checked"; } ?> />
 				</div>
 			<?php }
 		} ?>
 		</div>
-	</div>
-<?php }
+		</div>
+	<?php }
+}
 
 
 function comicpress_handle_edit_post_mood_save($post_id) {
-	if (empty($_POST['postmood']) || $_POST['postmood'] == 'none') {
-		$postmood = 'none';
-	} else {
-		$postmood = $_POST['postmood'];
+	$moods_directory = get_option('comicpress-moods_directory');
+	if (!empty($moods_directory) && $moods_directory != 'none') {
+		if (empty($_POST['postmood']) || $_POST['postmood'] == 'none') {
+			$postmood = 'none';
+		} else {
+			$postmood = $_POST['postmood'];
+		}
+		update_post_meta($post_id, 'mood', $postmood);
 	}
-	update_post_meta($post_id, 'mood', $postmood);
 }
 
+
 add_action('edit_form_advanced', 'comicpress_showmood_edit_post', 5, 1);
 add_action('save_post', 'comicpress_handle_edit_post_mood_save' ,5, 1);
 ?>

style.css

@@ -464,8 +464,6 @@ a.navi-comments:hover span {
 
 /* Wraps the content area */
 #content-wrapper {
-	margin: 0;
-	padding-top: 10px;
 }
 
 #content {

themepack/asilver/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/asilver/notes.php

@@ -0,0 +1,7 @@
+<strong>ThemePack (default)</strong>: Silver<br />
+<strong>Author</strong>: Tyler Martin<br />
+<strong>Layouts</strong>: standard, 3c, gn, v, v3c<br />
+<br />
+<strong>Installation Notes</strong>:<br />
+None.
+<br />

themepack/asilver/style.css

@@ -0,0 +1,506 @@
+/*
+ThemePack Name: Silver
+ThemePack URI: http://comicpress.org
+Description: 
+Author: Tyler Martin
+Author URI: http://mindfaucet.com/
+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: #333;
+	background: #fff url('background.png') top repeat-x; 
+}
+
+	.button {
+		background: #aaa url('menu.png');
+		color: #000;
+		font-family: 'Arial', sans-serif;
+		font-size: 13px;
+		line-height: 13px;
+		border: 1px solid #999;
+		cursor: pointer;
+	}
+		
+	.button:hover {
+		color: #fff;
+		background: #f00 url('menu.png') 0 -75px;
+	}
+
+/* THE HEADER */
+
+#header {
+	text-align: center;
+}
+
+	#header a {
+		color: #eee;
+	}
+
+	#header .description {
+		color: #555;
+		padding: 0 0 10px 0;
+		font-size: 14px;
+		font-style: italic;
+		letter-spacing: 2px;
+	}
+
+
+/* THE MENU */
+
+#menubar {
+	background: url('menu.png');
+	border-width: 1px 1px 1px 0;
+	border-style: solid;
+	border-color: #999;
+}
+
+.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 {
+	padding: 0;
+	margin: 0;
+	list-style: none;
+	float: left;
+	line-height: 25px;
+	font-size: 13px;
+	border-right: 1px solid #aaa;
+}
+
+	#menu a {
+		padding: 0px 10px 0 10px;
+		display: block;
+		color: #000;
+		text-decoration: none;
+	}
+
+	#menu li .rss {
+		padding: 5px 0 5px 0;
+	}
+
+	#menu li {
+		float: left;
+		cursor:pointer;
+	}
+
+	#menu li a {
+		border-left: 1px solid #aaa;
+		border-right: 1px solid #fff;
+	}
+
+	#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;
+	}
+
+/* THE COMIC */
+
+#comic-head {
+	padding-top: 5px;
+}
+
+#comic {
+	background: #fff;
+	border: 1px solid #999;
+	text-align: center;
+	z-index: 100;
+	padding: 5px;
+}
+
+#comic-foot {
+	padding-bottom: 5px;
+}
+
+
+/* COMMENT LINK */
+
+.comment-link {
+	height: 25px;
+	line-height: 20px;
+	font-family: 'Arial', sans-serif;
+	font-weight: bold;
+	text-align: right;
+}
+
+	.comment-link a {
+		color: #333;
+	}
+		
+	.comment-link a:hover {
+		color: #800;
+	}
+		
+	.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: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 #999;
+}
+
+#paginav {
+	padding: 0;
+	margin: 0;
+	list-style: none;
+	float: left;
+	line-height: 25px;
+	font-size: 13px;
+	border-right: 1px solid #aaa;
+}
+
+	#paginav .paginav-pages, #paginav .paginav-extend {
+		padding: 0 15px 0 15px;
+	}
+
+	#paginav a {
+		padding: 0px 10px 0 10px;
+		display: block;
+		color: #000;
+		text-decoration: none;
+	}
+
+	#paginav ul {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+
+	#paginav li {
+		float: left;
+	}
+
+	#paginav li a {
+		border-left: 1px solid #aaa;
+		border-right: 1px solid #ccc;
+	}
+
+	#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 #aaa;
+		background: url('menu.png') 0 -150px;
+	}
+
+	#paginav li:hover a {
+		border-left: 1px solid #8b160f;
+		border-right: 1px solid #c28380;
+		color: #fff; 
+		background: url('menu.png') 0 -75px;
+	}
+
+

themepack/drippy/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/drippy/notes.php

@@ -0,0 +1,7 @@
+<strong>ThemePack</strong>: drippy<br />
+<strong>Author</strong>: Tyler Martin<br />
+<strong>Layouts</strong>: standard, 3c, gn, v, v3c<br />
+<br />
+<strong>Installation Notes</strong>:<br />
+None
+<br />

themepack/drippy/style.css

@@ -0,0 +1,571 @@
+/*
+ThemePack Name: Drippy
+ThemePack URI: http://commpress.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;
+	background: #00344f url('background.jpg') top repeat-x;
+}
+
+
+h1, h1 a, h2, h2 a, h3, h3 a {
+	color: #0b3b6e;
+}
+
+h1 a:hover, h2 a:hover, h3 a:hover {
+	color: #fff;
+}
+
+#header {width: 980px; height: 105px; background: url('header.png') top center no-repeat; overflow: hidden;}
+#header h1 {padding: 0;}
+#header h1 a {display: block; width: 980px; height: 105px; 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 a:hover {
+	background: #fff;
+}
+
+#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: #3d5875; /* 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;
+	}
+
+#content-wrapper {
+	padding-top: 10px;
+}
+
+#comic-foot {
+	text-align: center;
+}
+
+.photo {
+	margin-top: 2px;
+	border: solid 1px #000;
+}
+
+.post-head, .post-page-head, .post-comic-head {
+	padding-top: 5px;
+}
+
+.post, .post-page, .post-comic { 
+	background: #bcc7d2;
+	-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;
+	padding-top: 2px;
+}
+
+
+.comment {
+	background: #bcc7d2;
+	margin-top: 5px;
+	padding-top: 5px;
+	-moz-border-radius: 10px 10px;
+	-khtml-border-radius: 10px 10px;
+	-webkit-border-radius: 10px 10px;
+	border-radius: 10px 10px;
+}
+
+.comment .comment {
+	background-color: Transparent;
+}
+
+
+#footer {
+	color: #3d5875;
+}
+
+#footer a {
+	color: #bcc7d2;
+}
+
+#footer a:hover {
+	color: #fff;
+}
+
+.nav { display: none; }
+
+.odd .post-foot, .odd .post-page-foot, .odd .post-page-foot, .odd .post-comic-foot {
+	height: 40px;
+	background: url('post-bottom-odd.png') top center no-repeat;
+}
+
+.even .post-foot, .even .post-page-foot, .even .post-page-foot, .even .post-comic-foot {
+	height: 40px;
+	background: url('post-bottom.png') top center no-repeat;
+}
+
+	.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 {
+	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 {
+		color: #550000;
+		background-position: 0 -69px;
+	}
+
+	#searchform 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 {
+		background-position: -143px -69px;
+	}
+
+	#searchform button:hover {
+		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;
+	color: #fff;
+	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: #b0bfce;
+	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-content {
+	background: #5c738a;
+	-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;
+	padding: 5px 0;
+}
+
+#sidebar-left .sidebar-bottom {
+	height: 40px;
+	background: url('sidebar-left-bottom.png') top center no-repeat;
+}
+
+#sidebar-right .sidebar-bottom {
+	height: 40px;
+	background: url('sidebar-right-bottom.png') top center no-repeat;
+}
+
+.sidebar h2 {
+	font-weight: 700;
+	letter-spacing: normal;
+}
+
+.sidebar a {
+	color: #bcc7d2;
+}
+
+.sidebar a:hover {
+	color: #fff;
+}
+
+#page-bottom {
+	height: 40px;
+	width: 100%;
+	background: url('belowfooter.png') bottom repeat-x;
+}

themepack/spacecase/style.css

@@ -55,6 +55,7 @@ h1 a:hover, h2 a:hover, h3 a:hover {
 	-khtml-border-radius: 0 0 10px 10px;
 	-webkit-border-radius: 0 0 10px 10px;
 	border-radius: 0 0 10px 10px;
+	text-align: center;
 }
 
 #header {width: 980px; height: 140px; background: url('header.png') top center no-repeat; overflow: hidden;}
@@ -228,6 +229,7 @@ h1 a:hover, h2 a:hover, h3 a:hover {
 	-webkit-border-radius: 10px;
 	border-radius: 10px;
 	border: solid 1px #333;
+	padding-bottom: 5px;
 }
 
 	.button {
@@ -548,4 +550,9 @@ h1 a:hover, h2 a:hover, h3 a:hover {
 
 #comic_navi_wrapper a, #comic_navi_wrapper .navi, #comic_navi_wrapper .navi-void {
 	text-indent: -99999px;
+}
+
+.widget_sociable_widget {
+	margin: 0 auto;
+	padding: 0 0;
 }

themepack/twopointfive/style.css

@@ -47,6 +47,10 @@ body {
 	background: #fff;
 }
 
+.narrowcolumn {
+	width: 568px;
+}
+
 .narrowcolumn, .widecolumn {
 	background: #efefef;
 }
@@ -85,11 +89,18 @@ body {
 	margin: 0;
 }
 
+#sidebar-abovecomic {
+	background: #fff;
+}
+
 #comic {
 	margin: 0;
 	border: 0;
 }
 
+#sidebar-undercomic, #comic-foot {
+	background: #fff;
+}
 
 #footer a {
 	color: #ff0000;
@@ -130,4 +141,11 @@ body {
 	font-size: 9px;
 }
 
+#sidebar-undercomic {
+	text-align: center;
+}
 
+.widget_sociable_widget {
+	margin: 0 auto;
+	padding: 0 0;
+}