use CSS3 to style the main content area

[hcoop/hcoop-website.git] / css / style.css

diff --git a/css/style.css b/css/style.css
index cb2dc73..0c7c3b1 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -71,12 +71,19 @@ p.big{ font-family: Veranda, Arial, Helvetica, Sans-Serif; font-size: 25px; font
 #navigation li a:hover span,
 #navigation li a.active span { background-image: url(images/nav-active1.gif); color: #fff; }
 
-#whitebox { background: url(images/slider-cnt3.gif) repeat-y 0 0; }
-#whitebox .top { background: url(images/slider-top3.gif) no-repeat 0 0; }
-#whitebox .bot { background: url(images/slider-bot3.gif) no-repeat 0 bottom; position: relative; height: 100%; padding: 0 2px 2px 0; }
-
-#whitebox-holder { width: 865px; min-height: 325px; position: relative; overflow: hidden; padding: 25px 45px 55px; }
-#whitebox-holder .whitebox-info { float: left; display: inline; width: 850px; padding-top: 25px; }
+#main {
+    background-color: white;
+    clear: both;
+    width: 850px;
+    margin: 18px 15px 28px 15px;
+    padding: 32px 34px;
+    overflow: auto;
+    -moz-border-radius: 15px;
+    border-radius: 15px;
+    -moz-box-shadow: 5px 5px 15px 0px #333;
+    -webkit-box-shadow: 5px 5px 15px 0px #333;
+    box-shadow: 5px 5px 15px 0px #333;
+}
 
 .cols { padding: 28px 0 20px; }
 .cols .col { float: left; display: inline; }