Added a Subtitle an created the style: ...

I have added a subtitle to the configuration file an edit the blogthon.cgi that the subtitle is readed out the config.
Also I have edit the blogthon.css: the header are no longer a "table".

blogthon.cgi

@@ -58,6 +58,8 @@ configuration.read('configuration')
 
 try: blog_title = configuration.get('personal', 'blog_title')
 except: errorpage("blog_title")
+try: blog_subtitle = configuration.get('personal', 'blog_subtitle')
+except: errorpage("blog_subtitle")
 try: blog_url = configuration.get('personal', 'blog_url')
 except: errorpage("blog_url")
 try: keywords = configuration.get('personal', 'keywords')
@@ -206,6 +208,9 @@ else:
 	print '            <div class="header_title">'
 	print '                <a href="?" class="header_link">' + blog_title + '</a>'
 	print '            </div>'
+	print '            <div class="header_subtitle">'
+	print '                <span class="header_subtitle">' + blog_subtitle + '</span>'
+	print '            </div>'
 	print '        </div>'
 	print ''
 	# RSS feed

configuration

@@ -1,5 +1,6 @@
 [personal]
 blog_title: A BlogThon Blog
+blog_subtitle: Subtitle
 blog_url: http://www.thehappy.de/
 keywords: please,change,me
 entries_dir: entries/

styles/blogthon.css

@@ -17,13 +17,14 @@ a	{
 	color: #AA4444;
 	}
 
+/* --- header --- */
+
 div.header	{
 	height: 120px;
 	width: 99%;
 	margin: auto;
 	margin-top: 5px;
 	text-align: center;
-	display: table;
 	border: 3px double #000000;
 	background-image: url("blogthon_img/header_background.jpg");
 	background-repeat: no-repeat;
@@ -32,13 +33,7 @@ div.header	{
 	div.header_title	{
 		font-size: 18px;
 		letter-spacing: 5px;
-		vertical-align: middle;
-		display: table-cell;
-		}
-
-	div.header_subtitle	{
-		font-size: 14px;
-		vertical-align: middle;
+		margin-top: 50px;
 		}
 
 		a.header_link	{
@@ -48,6 +43,17 @@ div.header	{
 			font-style: italic;
 			}
 
+	div.header_subtitle	{
+		margin-left: 80px;
+		}
+
+		span.header_subtitle	{
+			letter-spacing: 4px;
+			}
+
+
+/* ---  --- */
+
 div.rss		{
 	display: inline;
 	height: 25px;
@@ -61,6 +67,8 @@ div.rss		{
 		color: #AAAAAA;
 		}
 
+/* --- atom --- */
+
 div.atom		{
 	display: inline;
 	height: 25px;