Support multiple sidebar boxes.

2 files changed, 16 insertions, 11 deletions

diff --git a/includes/header.html b/includes/header.html
index c647f7c..7c34423 100755
--- a/includes/header.html
+++ b/includes/header.html
@@ -28,16 +28,18 @@
 		</header>
 		<div class="main">
 			<div class="sidebar">
-				<h2>News</h2>
-				<ul>
+				<div>
+					<h2>News</h2>
+					<ul>
 <!--#include file="news.html" -->
-				</ul>
-			</div>
-			<div class="sidebar">
-				<h2>New Packages</h2>
-				<ul>
+					</ul>
+				</div>
+				<div>
+					<h2>New Packages</h2>
+					<ul>
 <!--#include file="newpkgs.html" -->
-				</ul>
+					</ul>
+				</div>
 			</div>
 			<div class="body">
 				<a id="body"></a>
diff --git a/main.css b/main.css
index 9926a17..e266a72 100644
--- a/main.css
+++ b/main.css
@@ -124,18 +124,21 @@ div.main {
 	margin: 16px 24px 16px 24px;
 }
 div.sidebar {
-	margin: 0px 0px 16px 0px;
+	margin: 0px 0px 8px 0px;
 	float: right;
+}
+div.sidebar div {
+	margin: 8px;
 	border: 2px solid #0F1FA0;
 	width: 300px;
 }
-div.sidebar h2 {
+div.sidebar div h2 {
 	background-color: #0F1FA0;
 	color: #FFFFFF;
 	margin: 0px;
 	padding: 2px;
 }
-div.sidebar p, div.sidebar ul {
+div.sidebar div p, div.sidebar div ul {
 	margin-bottom: 0px;
 	padding: 8px;
 }