[hp] Second try

public/bootstrap.css

@@ -11,10 +11,14 @@
 /* Reset.less
  * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
  * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
+ @import url('http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700|Open+Sans');
+html {
+   background-color:#F3F3F3
+}
 html, body {
   margin: 0;
   padding: 0;
-  font-family:'rooney-web','Arial';
+  font-family:'Open Sans','Arial';
 }
 h1,
 h2,
@@ -182,13 +186,19 @@ textarea {
  * Basic and global styles for generating a grid system, structural layout, and page templates
  * ------------------------------------------------------------------------------------------- */
 body {
-  background-color: #ffffff;
-  margin: 0;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  font-weight: normal;
-  line-height: 18px;
-  color: #404040;
+  margin             : 0 auto;
+  font-family        : "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size          : 13px;
+  font-weight        : normal;
+  line-height        : 18px;
+  color              : #404040;
+  width              : 100%;
+  -moz-box-shadow    : 0px 2px 12px rgba(0,0,0,0.2);
+  -webkit-box-shadow : 0px 2px 12px rgba(0,0,0,0.2);
+  box-shadow         : 0px 2px 12px rgba(0,0,0,0.2);
+  background         :#F3F3F3;
+  padding-top        : 60px;
+  padding            : 36px 0 0;
 }
 .container {
   width: 940px;
@@ -1364,7 +1374,7 @@ table .headerSortUp.purple, table .headerSortDown.purple {
   padding: 4px 9px;
   color: #ffffff;
   color: rgba(255, 255, 255, 0.75);
-  border: 1px solid #111;
+  /*border: 1px solid #111;*/
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
@@ -1434,7 +1444,7 @@ table .headerSortUp.purple, table .headerSortDown.purple {
   text-decoration: none;
 }
 .topbar div > ul a:hover, .nav a:hover {
-  color: #ffffff;
+  color: #222;
   text-decoration: none;
 }
 .topbar div > ul .active > a, .nav .active > a {
@@ -1512,7 +1522,7 @@ table .headerSortUp.purple, table .headerSortDown.purple {
   background-image: -o-linear-gradient(top, #292929, #191919);
   background-image: linear-gradient(top, #292929, #191919);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
-  color: #ffffff;
+  color: #444;
 }
 .topbar div > ul .menu-dropdown .active a,
 .nav .menu-dropdown .active a,
@@ -2470,10 +2480,11 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
 /*
  Styles v2
 */
-body{background-image: url(/css/sea.jpg);font-family:'AxelRegular';font-weight: normal;text-shadow: 0 1px 0 #ffffff;}
+body{
+  font-family:'Open Sans';font-weight: normal;text-shadow: 0 1px 0 #ffffff;}
 h1 {
   font-weight: normal;
-  font-family: "AxelBold", "Lucida Grande", "Verdana", sans-serif;
+  font-family: "Open Sans Condensed", "Lucida Grande", "Verdana", sans-serif;
   font-size: 38px;
   line-height: 38px;
   text-shadow: 0 1px 0 #ffffff;
@@ -2482,7 +2493,7 @@ h1 {
   padding: 0 30px 0 0; 
 }
 .brand{
-font-family: "AxelBold";
+font-family: "Open Sans Condensed";
 vertical-align: -webkit-baseline-middle;
 }
 .brand img { 
@@ -2573,9 +2584,19 @@ li {display:inline;}
 .hackcont{
   text-align:center;
 }
+.hackcont iframe:first-child {
+  max-width:80px;
+
+}
 .hackcont ul {
   font-size:15px;
 }
 table {
   font-size:15px;
-}
+}
+
+.fill {
+  background: url(images/top.png) repeat-x left top #F3F3F3!important;
+
+}
+ .brand span {color:#222;}