fix css malforming very long headers

[selectricity] / public / stylesheets / front.css

diff --git a/public/stylesheets/front.css b/public/stylesheets/front.css
index 045055f5df22d63c1ed801ab80e696290379612c..4c973b125a097ee5cf45a4fafb867cf5fcf3d853 100644 (file)
--- a/public/stylesheets/front.css
+++ b/public/stylesheets/front.css
@@ -18,16 +18,39 @@ table, caption, tbody, tfoot, thead, tr, th, td {
        padding: 0;
        border: 0;
        font-size: 100%; 
        padding: 0;
        border: 0;
        font-size: 100%; 

-       font-family: inherit;
+       font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

        vertical-align: baseline;
 }
 
 body {
        line-height: 1;
        vertical-align: baseline;
 }
 
 body {
        line-height: 1;

-       color: white;
+    color: black;

        background: #ffffff url(/images/bg_index.png) repeat-x top center;
 }
 
        background: #ffffff url(/images/bg_index.png) repeat-x top center;
 }
 

+a {
+    color: #dc0d13
+}
+
+#body {
+       font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
+       color: white;
+       font-size: 12px;
+       text-align: left;
+       line-height: 1.5em;
+}
+
+#body a {
+       text-decoration: underline;
+       color: white;
+       display: inline;
+       opacity: 0.8;
+}
+
+#body a:hover {
+       opacity: .5;
+}
+

 /* Header */
 #header h1 {
        background: url(/images/title_front.png) center top no-repeat;
 /* Header */
 #header h1 {
        background: url(/images/title_front.png) center top no-repeat;


@@ -35,6 +58,21 @@ body {
        padding-top: 189px;
        height: 0px;
        margin-top: 10px;
        padding-top: 189px;
        height: 0px;
        margin-top: 10px;

+       margin-left: 231px;
+}
+
+#top-bar {
+       
+       position: relative;
+       float: right;
+       width: 231px;
+       text-align: center;
+}
+
+#top-bar a {
+       color: black;
+       font-size: 11px;
+       text-decoration: none;

 }
 
 
 }
 
 


@@ -57,8 +95,8 @@ h3 {
 
 .main-section {
        float: left;
 
 .main-section {
        float: left;

-       padding-left: 120px;
-       padding-right: 15px;
+       padding-left: 115px;
+       padding-right: 0px;

 }
 
 .main-section p {
 }
 
 .main-section p {


@@ -68,6 +106,7 @@ h3 {
     margin-bottom: 1em;
 }
 
     margin-bottom: 1em;
 }
 

+

 #voters {
        padding-top: 50px;
        height: 559px;
 #voters {
        padding-top: 50px;
        height: 559px;