"

From 2012.igem.org

• { margin: 0; padding: 0; }

body { background: #F5F5F5; font-family: Verdana, arial, sans-serif; font-size: 12px; }

1. wrapper { width: 960px; margin: 10px auto; border: 1px solid #E0E0E0; padding: 6px; }

1. header { height: 120px; background: url( '../img/synth.jpg' ); } /* Bildens sökväg. */
2. header h1 { line-height: 120px; color: #fff; font-family : "Georgia", sans-serif; margin: 0 10px; }

1. nav {

   margin: 0;
   background: #292929;
   line-height: 35px;
   border-bottom: 2px solid #4ba6d5;

}

1. nav li {

   float: left;
   position: relative;
   list-style: none;

}

/* main level link */

1. nav li a {

   color: #fff;
   text-decoration: none;
   display: block;
   margin: 0 10px;
   padding:  0px 10px;
   margin: 0;
   border-right: 1px solid #2d2d2d;

}

1. nav li a:hover {

   background: #3D3D3D;
   color: #fff;

}

/* sub levels link hover */

1. nav ul li:hover a, #nav li:hover li a {

   background: #292929;
   border: none;
   color: #fff;

}

1. nav ul a:hover {

   background: #3D3D3D !important;
   color: #fff !important;

}

/* dropdown */

1. nav li:hover > ul {

   display: block;

}

/* level 2 list */

1. nav ul {

   display: none;

   margin: 0;
   padding: 0;
   width: 155px; /* ändra bredd på dropdown */
   position: absolute;
   top: 35px;
   left: 0;
   border-bottom: 2px solid #4ba6d5;

}

1. nav ul li {

   float: none;
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #2d2d2d;

}

/* level 3+ list */

1. nav ul ul {

   left: 181px;
   top: -3px;

}

/* rounded corners of first and last link */

1. nav ul li:first-child > a {

}

1. nav ul li:last-child > a {

}

1. nav:after {

   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;

}