Part 2 - "the incredible CSS mod"

1 files changed, 53 insertions, 16 deletions

diff --git a/styles/blogthon.css b/styles/blogthon.css
index 6061978..66a1e49 100644
--- a/styles/blogthon.css
+++ b/styles/blogthon.css
@@ -6,7 +6,7 @@ body		{
 		font-family: Verdana, Times New Roman, Courier New;
 		font-size: 12px;
 		margin: 0px;
-		padding: 0px;
+		min-width: 800px;
 	}
 
 img		{
@@ -39,7 +39,7 @@ div.header	{
 
 		a.header_link	{
 			text-decoration: none;
-			color: #395434;
+			color: #AA4444;  
 			font-weight: bold;
 			font-style: italic;
 			}
@@ -49,7 +49,7 @@ div.rss		{
 	height: 25px;
 	position: absolute;
 		top: 15px;
-		right: 41px;
+		right: 50px;
 	}
 
 	a.rss_link	{
@@ -117,18 +117,34 @@ div.pages	{
 
 
 div.months	{
-	float: right;
-	width: 100px;
+	float: left;
+	width: 25%;
+	text-align: right;
+	margin-top: 10px;
+	margin-left: -25%;
+	margin-bottom: 40px;
+	position: relative;
+		right: -100%;
 	}
 
 	div.months_title	{
+		text-align: center;
 		color: #999999;
 		font-weight: bold;
 		font-size: 14px;
 		letter-spacing: 1px;
+		border-bottom: 2px solid #AA4444;
+		width: 150px;
+		margin-left: auto;
+		margin-right: auto;
 		}
 
 	div.months_list	{
+		border-top: 2px solid #DFDFDF;
+		border-bottom: 2px solid #AA4444;
+		width: 140px;
+		margin-left: auto;
+		margin-right: auto;
 		}
 
 		ul.months_list	{
@@ -136,8 +152,7 @@ div.months	{
 			list-style-type: none;
 			margin-top: 0px;
 			margin-bottom: 0px;
-			padding: 0px;
-			margin-left: -40px;
+			margin-left: -30px;
 			}
 
 			li.months_list_entry	{
@@ -153,33 +168,50 @@ div.months	{
 				}
 
 	div.months_footer	{
+		margin-left: 900px;
 		float: none;
 		}
 
 
 
 div.linklist	{
-	float: right;
-	width: 100px;
+	clear: left;
+	float: left;
+	margin-top: 10px;
+	width: 25%;
+	text-align: right;
+	margin-left: -25%;
+	position: relative;
+		right: -100%;
 	}
 
 	div.linklist_title	{
+		text-align: center;
 		color: #999999;
 		font-weight: bold;
 		font-size: 14px;
 		letter-spacing: 1px;
+		border-bottom: 2px solid #AA4444;
+		width: 150px;
+		margin-left: auto;
+		margin-right: auto;
 		}
 
 	div.linklist_list	{
+		border-top: 2px solid #DFDFDF;
+		border-bottom: 2px solid #AA4444;
+		width: 140px;
+		margin-left: auto;
+		margin-right: auto;
 		}
 
 		ul.linklist_list	{
+			margin-left: 900px;
 			text-align: center;
 			list-style-type: none;
 			margin-top: 0px;
 			margin-bottom: 0px;
-			padding: 0px;
-			margin-left: -40px;
+			margin-left: -30px;
 			}
 
 			li.linklist_list_entry	{
@@ -191,25 +223,24 @@ div.linklist	{
 				text-decoration: none;
 				font-size: 12px;
 				font-style: italic;
-
 				}
 
 	div.linklist_footer	{
-		float: none;
 		}
 
 
 
 div.entries	{
-	width: 600px;
-	min-height: 400px;
-	margin-left: 5px;
+	width: 75%;
+	margin-left: 25px;
 	padding: 3px;
 	}
 
 	div.entry	{
 		margin-top: 10px;
 		margin-bottom: 30px;
+		padding-left: 15px;
+		border-left: 10px dotted #AA4444;
 		}
 
 		div.entry_title	{
@@ -223,6 +254,10 @@ div.entries	{
 				color: #AA4444;
 				}
 
+			a.entry_title:hover	{
+				color: #CC6666;
+				}
+
 		div.entry_date	{
 			font-size: 10px;
 			display: inline;
@@ -245,3 +280,5 @@ div.entries	{
 				color: #AAAAAA;
 				}
 
+		div.entry_border_bottom	{
+			}