Index: irc-logger/public_html/chanlog.php
===================================================================
--- irc-logger/public_html/chanlog.php	(revision 350)
+++ irc-logger/public_html/chanlog.php	(working copy)
@@ -3,13 +3,13 @@
 require dirname(__FILE__) . '/header.php';
 
 if ( isset( $_GET['search'] ) ) {
-	echo "<h1>#" . htmlentities( $_GET['channel'] ) . " search results for &quot;" . htmlentities( $_GET['search'] ) . "&quot;</h1><hr />";
+	echo "<h1>#" . htmlentities( $_GET['channel'] ) . " search results for &quot;" . htmlentities( $_GET['search'] ) . "&quot;</h1>";
 	$rx = $_GET['search'];
 	foreach ( search_log( '%' . $_GET['search'] . '%' ) as $row ) {
 		display_log_row( $row, $rx );
 	}
 } elseif ( isset( $_GET['day'] ) ) {
-	echo "<h1>#" . htmlentities( $_GET['channel'] ) . " logs for " . htmlentities( $_GET['day'] ) . "</h1><hr />";
+	echo "<h1>#" . htmlentities( $_GET['channel'] ) . " logs for " . htmlentities( $_GET['day'] ) . "</h1>";
 	show_day_log( $_GET['day'] );
 }
 
Index: irc-logger/public_html/header.php
===================================================================
--- irc-logger/public_html/header.php	(revision 350)
+++ irc-logger/public_html/header.php	(working copy)
@@ -22,30 +22,41 @@
 ?><html>
 	<head>
 		<style>
-			body { font-family: 'Lucida Grande', Arial, sans-serif; font-size: 80%; }
-			body div div { -moz-border-radius: 10px; -webkit-border-radius: 10px;
-			padding: 10px !important; }
-			h1 { text-align: center; font-family: Georgia, 'Times New Roman',
-			serif; color: #21759B; }
+			body { font-family: 'Open Sans', sans-serif; font-size: 80%; margin: 0; }
+			.header-controls { background: #222; padding: 12px; color: #eee; }
+			body div div { float: left; padding: 10px; height: 26px; }
+			h1 { text-align: center; font-family: 'Open Sans', sans-serif; color: #555; font-size: 28px; line-height: 1.5em; text-shadow: #fff 0px 1px 0px; margin: 0; padding: 8px 0 10px 0; width: 100%; background: #f7f7f7; border-bottom: 1px solid #dfdfdf; }
 			h1 span.highlight { background: white; padding: 0; }
 			hr { color: #ddd; }
+			a { color: #0074a2; }
+			a:hover, a:active, a:focus, a:visited { color: #2ea2cc; }
 			span.highlight { background: yellow; padding-left: 3px; padding-right:
 			3px; padding-top: 1px; padding-bottom: 1px;}
 			ul.entry { list-style: none; margin: 0; }
 			ul.entry li { float: left; margin-right: 3px; padding: 4px 3px; }
-			ul:hover { background: #fff5af; }
+			ul:hover { background: #e4f2fd; }
 			ul.entry li.msg:hover {	 }
 			ul.entry li.ts { font-size: 70%; float: right; margin-right: 40px; }
 			ul.entry li.ts a { text-decoration: none; color: #808080; }
-			ul.entry li.nick a { color: #f90; text-decoration: none; font-weight: bold; float: left; }
+			ul.entry li.nick a { color: #0074a2; text-decoration: none; font-weight: bold; float: left; }
 			ul.entry li.msg { float: none; }
+			@-ms-viewport { width: device-width; }
+			@viewport { width: device-width; }
+			input[type="submit"] { border: 1px solid #ccc; background: #f7f7f7; color: #555; -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08); box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
+			border-radius: 3px; height: 28px; font-size: 13px; cursor: pointer; padding: 0 10px 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }
+			input[type="submit"]:hover { background: #fafafa; border-color: #999; color: #222; }
+			input[type="submit"]:active { background: #eee; border-color: #999; color: #333; -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); }
+			select { border: none; height: 27px; vertical-align: top; }
+			input[type="text"] { border: none; height: 27px; padding: 0 5px; }
 		</style>
+		<link href="//fonts.googleapis.com/css?family=Open+Sans:400&amp;subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic" rel="stylesheet" type="text/css">
+		<meta name="viewport" content="width=device-width">
 		<script type="text/javascript" src="searchhi_slim.js"></script>
 	</head>
 <body>
-<div>
+<div class="header-controls">
 
-	<div style="float: left; padding: 2px; border: 1px solid #aaa; background: #ddd; margin: 2px; height: 22px;">
+	<div>
 		<?php if ( $db ) { ?>
 			<strong><u>#<?php echo htmlentities( $channel ); ?></u></strong>
 		<?php } else { ?>
@@ -54,10 +65,10 @@
 	</div>
 
 	<?php if ( $db ) { ?>
-	<div style="float: left; padding: 2px; margin: 2px; height: 22px;"> actions: </div>
+	<div> actions: </div>
 	<?php } ?>
 
-	<div style="float: left; padding: 2px; border: 1px solid #aaa; background: #ddd; margin: 2px; height: 22px;">
+	<div>
 		<form method="GET">
 		<select name="channel">
 		<?php
@@ -82,9 +93,9 @@
 
 	<?php if ( $db ) { ?>
 
-	<div style="float: left; padding: 2px; margin: 2px; height: 22px;"> or </div>
+	<div> or </div>
 
-		<div style="float: left; padding: 2px; border: 1px solid #aaa; background: #ddd; margin: 2px; height: 22px;">
+		<div>
 			<form method="GET"/>
 			<input type="hidden" name="channel" value="<?php echo htmlentities($channel); ?>" />
 			<select name="day" id="day" />
@@ -105,9 +116,9 @@
 			</form>
 		</div>
 
-		<div style="float: left; padding: 2px; margin: 2px; height: 22px;"> or </div>
+		<div> or </div>
 
-		<div style="float: left; padding: 2px; border: 1px solid #aaa; background: #ddd; margin: 2px; height: 22px;">
+		<div>
 			<form method="GET"/>
 			<input type="hidden" name="channel" value="<?php echo htmlentities($channel); ?>" />
 			<input type="text" name="search" value="<?php if ( isset( $_GET['search'] ) ) echo htmlentities( $_GET['search'] ); ?>"/>
@@ -122,5 +133,4 @@
 	<?php } ?>
 
 	<br style="clear: both;" />
-	<hr />
 </div>
Index: irc-logger/public_html/index.php
===================================================================
--- irc-logger/public_html/index.php	(revision 350)
+++ irc-logger/public_html/index.php	(working copy)
@@ -1,16 +1,21 @@
 <html>
 <head>
 	<style>
-		body { padding: 30px; }
-		a { color: steelblue; font-size: 1.5em; text-decoration: none; }
+		body { font-family: "Open Sans", sans-serif; padding: 0; margin: 0; }
+		a { color: #0074a2; font-size: 1.5em; text-decoration: none; }
 		a:hover { text-decoration: underline; }
+		h1 { font-size: 26px; text-align: center; }
 		ul { list-style: none; margin: none; padding: none; }
-		li { background: #ccc; border: 1px solid #aaa; margin: 5px; padding: 3px; width: 360px; text-align: center;}
+		li { background: #ccc; border: 1px solid #aaa; margin: 5px; padding: 3px; max-width: 360px; text-align: center;}
 		li:hover { background: #ddd; }
+		@-ms-viewport { width: device-width; }
+		@viewport { width: device-width; }
 	</style>
+	<link href="//fonts.googleapis.com/css?family=Open+Sans:400&amp;subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic" rel="stylesheet" type="text/css">
+	<meta name="viewport" content="width=device-width">
 </head>
 <body>
-<div style="margin-left: auto; margin-right: auto; width: 460px;">
+<div style="margin-left: auto; margin-right: auto; width: 100%; max-width: 460px; padding: 30px 0;">
 <h1>Please Choose A Logged Channel</h1>
 <ul>
 <?php
