Reorganize CSS file.

Signed-off-by: Edward Z. Yang <edwardzyang@thewritingpot.com>

diff --git a/style.css b/style.css
index 9063abce071cdc789c634485340f91761a773194..bc50c38d2ec8c6bb2b38aa546122895e76d3662f 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,3 +1,4 @@
+/* Layout CSS */

 html{ height:100%; }
 body{
        height:100%;
 html{ height:100%; }
 body{
        height:100%;


@@ -9,38 +10,12 @@ body{
        padding:0;
        margin:0;
 }
        padding:0;
        margin:0;
 }

-a{
-       text-decoration: none;
-       color:#0066CC;
-}
-a:hover{
-       text-decoration:underline;
-}

 #content-block{
        width: 951px;
        min-height:100%;
        background: url('images/gradient.png') no-repeat 0 0 #A8A9AD;
        margin:0 auto;
 }
 #content-block{
        width: 951px;
        min-height:100%;
        background: url('images/gradient.png') no-repeat 0 0 #A8A9AD;
        margin:0 auto;
 }

-
-.cols:after{
-       content: "";
-       display: block;
-       height: 0;
-       clear: both;
-}
-.col1{
-       position: relative;
-       float: left;
-       width: 50%;
-}
-.col2{
-       position: relative;
-       float: right;
-       align: left;
-       width: 50%;
-}
-

 #featured-block img{
        float: right;
 }
 #featured-block img{
        float: right;
 }


@@ -57,9 +32,6 @@ img#sipb-logo{
        padding-top:23px;
        padding-left:23px;
 }
        padding-top:23px;
        padding-left:23px;
 }

-a img{
-       border:none;
-}

 ul#navigation{
        list-style: none;
        position:absolute;
 ul#navigation{
        list-style: none;
        position:absolute;


@@ -127,8 +99,78 @@ ul#navigation li a span{
        background-color:#EEEEEE;
        margin-left:277px;
        padding: 27px 0;
        background-color:#EEEEEE;
        margin-left:277px;
        padding: 27px 0;

-       

 }
 }

+
+.generic{
+       width: 644px !important;
+}
+
+#hidden-title{
+       display:none;
+}
+#prefooter{
+       height: 120px;
+       clear:both;
+}
+#footer{
+       font-size:.9em;
+       clear:both;
+       width:951px;
+       margin: 0 auto;
+       margin-top:-65px;
+       text-align:center;
+       color: #545557;
+}
+.actions ul{
+       list-style: none;
+       background-color:#696969;
+       padding:.5em 0;
+}
+.actions ul li{
+       display: inline;
+       padding: 0 .5em;
+}
+.actions ul li a{
+       text-decoration: none;
+       color: #ffffff;
+}
+.actions ul li a:hover{
+       text-decoration:underline;
+}
+
+
+/* Sublayout CSS */
+.cols:after{
+       content: "";
+       display: block;
+       height: 0;
+       clear: both;
+}
+.col1{
+       position: relative;
+       float: left;
+       width: 50%;
+}
+.col2{
+       position: relative;
+       float: right;
+       align: left;
+       width: 50%;
+}
+
+/* Global Textual CSS */
+a{
+       text-decoration: none;
+       color:#0066CC;
+}
+a:hover{
+       text-decoration:underline;
+}
+a img{
+       border:none;
+}
+
+/* Featured Block Textual CSS */

 #featured-block h1{
        font-size:2em;
        line-height:1.2em;
 #featured-block h1{
        font-size:2em;
        line-height:1.2em;


@@ -149,6 +191,8 @@ ul#navigation li a span{
        margin: 1em 33px;
        line-height: 1.5em;
 }
        margin: 1em 33px;
        line-height: 1.5em;
 }

+
+/* Page Specific CSS (for now, Mainpage) */

 dl.services{
        margin:0 33px;
        padding:0;
 dl.services{
        margin:0 33px;
        padding:0;


@@ -165,11 +209,6 @@ dl.services dd{
        width:170px;
 }
 
        width:170px;
 }
 

-.generic{
-       width: 644px !important;
-}
-
-

 #events-block{
        width:212px;
        float:left;
 #events-block{
        width:212px;
        float:left;


@@ -294,39 +333,3 @@ dl.services dd{
        font-size: 1.4em;
 }
 
        font-size: 1.4em;
 }
 

-#hidden-title{
-       display:none;
-}
-#prefooter{
-       height: 120px;
-       clear:both;
-}
-#footer{
-       font-size:.9em;
-       clear:both;
-       width:951px;
-       margin: 0 auto;
-       margin-top:-65px;
-       text-align:center;
-       color: #545557;
-}
-.actions ul{
-       list-style: none;
-       background-color:#696969;
-       padding:.5em 0;
-}
-.actions ul li{
-       display: inline;
-       padding: 0 .5em;
-}
-.actions ul li a{
-       text-decoration: none;
-       color: #ffffff;
-}
-.actions ul li a:hover{
-       text-decoration:underline;
-}
-.breadcrumbs {
-       margin-right:4em;
-       text-align:right;
-}