Design:

Entries are now floating around the sidebar if there is not enough space for the
maxwidth.

2 files changed, 22 insertions, 15 deletions

diff --git a/blogthon.cgi b/blogthon.cgi
index bda8b58..90b2f42 100755
--- a/blogthon.cgi
+++ b/blogthon.cgi
@@ -71,7 +71,7 @@ if newest_first:
 else:
 	entries.sort()
 
-print '        <div class="sidebar">'
+print '        <div class="screen"><div class="sidebar">'
 
 if staticpages == "True":
 	staticpages = []
@@ -163,7 +163,7 @@ else: # Show regular entry
 	if not month_display and not post_display and not allentries_display and entry_counter == entries_per_page: # Display pagelist
 		print '            <div class="entry"><a href=?a=1>View all entries...</a></div>'
 
-print '        </div>'
+print '        </div></div>'
 print '    </body>'
 print '</html>'
 
diff --git a/styles/blogthon.css b/styles/blogthon.css
index 280536a..5d6349a 100644
--- a/styles/blogthon.css
+++ b/styles/blogthon.css
@@ -17,8 +17,8 @@ a:link, a:active, a:visited, a:hover {
 }
 
 a.title:link, a.title:hover, a.title:active, a.title:visited {
-    position: absolute;
-    text-align: center;
+	position: absolute;
+	text-align: center;
     width: 100%;
     height: 25px;
     background-image: url(blogthon_img/title_background.png);
@@ -28,24 +28,28 @@ a.title:link, a.title:hover, a.title:active, a.title:visited {
     color: #FC3;
 }
 
+.screen {
+	position: relative;
+	margin: auto;	
+	top: 30px;
+}
+
 .content { /* Container for entrytitle and entry */
-    position: absolute;
-    top: 30px;
-    left: 6px;
-    width: 600px;
+	margin-left: 15px;
 }
 
 .entrytitle {
     font-family: Verdana;
     font-weight: bold;
-    font-size: 16px;
+    font-size: 14px;
     color: #335599;
     text-decoration: underline;
 }
+
 a.entrytitle:link, a.entrytitle:hover, a.entrytitle:visited, a.entrytitle:active {
     font-family: Verdana;
     font-weight: bold;
-    font-size: 16px;
+    font-size: 12px;
     color: #335599;
     text-decoration: underline;
 }
@@ -54,14 +58,15 @@ a.entrytitle:link, a.entrytitle:hover, a.entrytitle:visited, a.entrytitle:active
     font-family: Verdana;
     font-size: 12px;
     color: #FFF;
-    margin-left: 15px;
+    margin: 15px;
+	width: 600px;
 }
 
 .sidebar {
-    position: absolute;
-    right: 6px;
-    top: 30px;
-    background: #0F0;
+	margin-right: 15px;
+	margin-left: 20px;
+	margin-bottom: 20px;
+	float: right;
 }
 
 .sidebarentry {
@@ -69,6 +74,8 @@ a.entrytitle:link, a.entrytitle:hover, a.entrytitle:visited, a.entrytitle:active
     font-size: 12px;
     color: #5577BB;
     text-align: center;
+	padding-left: 8px;
+	padding-right: 8px;
     background: #111;
 }