server/styles/header_styles.css

   1 /**
   2     Header Logo Section
   3 **/
   4 #header_logo{
   5     width: 400px;
   6     float: left;
   7     margin: 0px 0px 10px 10px;
   8 }
   9
  10 #header_name a {
  11     color: #333333;
  12     font-weight: 700;
  13     font-size: 40px;
  14     float: left;
  15     width: 100%;
  16 }
  17
  18 #header_description{
  19     color: #333333;
  20     font-size: 11px;
  21     position: relative;
  22     left: 165px;
  23     width: 100%;
  24     top: 10px;
  25 }
  26
  27 /**
  28     Header Countdown Section
  29 **/
  30 #header_countdown {
  31     width: 300px;
  32     float: right;
  33     margin: 0px 10px 10px 0px;
  34     padding: 2px;
  35     text-align: center;
  36     font-size: 14px;
  37     font-weight: bold;
  38     color: #585858;
  39 }
  40
  41 .countbox1 {
  42 }
  43 /**
  44     Header Menu Bar
  45 **/
  46 .main-nav {
  47     clear: both;
  48     width: 100%;
  49     background-color: #585858;
  50     background-image: -moz-linear-gradient(center top , #585858, #3d3d3d);
  51     margin-top: 5px;
  52 }
  53
  54 .menu{
  55     list-style-type: none;
  56     margin: 0px;
  57     padding: 0px;
  58     overflow: hidden;
  59     height: 40px;
  60 }
  61
  62 .menu li{
  63     float: left;
  64     border-right: 1px solid #333333;
  65 }
  66
  67 .menu a:link, .menu a:visited {
  68     display: block;
  69     font-family: Arial,Helvetica,sans-serif;
  70     width: auto;
  71     font-size: 14px;
  72     color: #60FF60;
  73     text-align: center;
  74     padding: 12px 10px;
  75     text-decoration: none;
  76     text-transform: uppercase;
  77 }
  78
  79 .menu a:hover, .menu a:active {
  80     background-color: #333333;
  81 }