"

From 2012.igem.org

/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License

• /

body { margin-top: 100px; padding: 0px; background: #FFFFFF url(images/img02.jpg) repeat-x left top; font-family: 'Arvo', serif; font-size: 14px; color: #969493; }

h1, h2, h3 { margin: 0; padding: 0; font-family: 'Arvo', serif; font-weight: normal; color: #148DFB; }

h1 { font-size: 2em; }

h2 { font-size: 2.8em; }

h3 { font-size: 1.6em; }

p, ul, ol { margin-top: 0; line-height: 240%; }

ul, ol { }

a { text-decoration: none; color: #148DFB; }

a:hover { }

1. wrapper {

}

1. wrapper2 {

}

.container { width: 1000px; margin: 0px auto; }

/* Header */

1. header {

overflow: hidden; width: 1000px; height: 100px; margin: 0 auto; padding: 0px 0px; background: url(images/img01.jpg) no-repeat left top; }

/* Logo */

1. logo {

float: left; width: 320px; margin: 0px; padding: 0px 0px 0px 30px; color: #FFFFFF; }

1. logo h1, #logo p {

}

1. logo h1 {

display: block; padding: 10px 0px 0px 0px; letter-spacing: -3px; text-align: center; text-transform: lowercase; font-size: 3.8em; }

1. logo h1 a {

font-family: 'Arvo', serif; color: #FFFFFF; }

1. logo p {

margin-top: -10px; padding: 0px 0 0 0px; letter-spacing: 1px; text-transform: uppercase; text-align: center; font-family: 'Arvo', serif; font-size: 10px; color: #FFFFFF; }

1. logo p a {

color: #FFFFFF; }

1. logo a {

border: none; background: none; text-decoration: none; color: #000000; }

/* Splash */

1. splash {

width: 960px; height: 300px; margin: 0px auto; }

/* Search */

1. search {

float: right; width: 280px; height: 60px; padding: 20px 0px 0px 0px; }

1. search form {

height: 41px; margin: 0; padding: 10px 0 0 20px; }

1. search fieldset {

margin: 0; padding: 0; border: none; }

1. search-text {

width: 170px; padding: 6px 5px 2px 5px; border: 1px solid #CCCCCC; background: #FFFFFF; text-transform: lowercase; font: normal 11px Arial, Helvetica, sans-serif; color: #5D781D; }

1. search-submit {

width: 50px; height: 22px; border: none; background: #B9B9B9; color: #000000; }

/* Menu */

1. menu {

float: right; width: 600px; height: 90px; margin: 0 auto; padding: 0; }

1. menu ul {

float: right; margin: 0; padding: 25px 0px 0px 0px; list-style: none; line-height: normal; }

1. menu li {

float: left; height: 65px; padding: 0px 15px 0px 15px; }

1. menu a {

display: block; height: 70px; line-height: 70px; margin-right: 1px; letter-spacing: 1px; text-decoration: none; text-align: center; text-transform: uppercase; font-family: 'Arvo', serif; font-size: 14px; font-weight: normal; color: #FFFFFF; border: none; }

1. menu a:hover, #menu .current_page_item a {

border-bottom: 5px solid #2E2E2E; text-decoration: none; }

1. menu .current_page_item a {

}

/* Page */

1. page {

width: 940px; margin: 0px auto; padding: 30px 0px; }

/* Content */

1. content {

float: left; width: 640px; padding: 0px 0px 0px 0px; }

.post { overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #CCCCCC; }

.post .title { margin: 0px; padding: 7px 0px 0px 0px; letter-spacing: -1px; }

.post .title a { border: none; letter-spacing: 1px; letter-spacing: -2px; text-align: left; text-transform: uppercase; font-size: 26px; font-weight: normal; color: #148DFB; }

.post .meta { margin-bottom: 30px; padding: 0px; letter-spacing: 1px; text-align: left; text-transform: uppercase; font-size: 11px; font-weight: normal; }

.post .meta .date { float: left; }

.post .meta .posted { float: right; }

.post .meta a { color: #148DFB; }

.post .entry { padding: 0px 0px 30px 0px; padding-bottom: 20px; text-align: justify; }

.links { float: right; margin: 20px 0px 30px 0px; text-align: right; text-transform: uppercase; font-size: 12px; font-weight: normal; }

.more { display: block; float: left; padding: 0px 0px 0px 0px; margin-right: 30px; }

.comments { display: block; float: left; padding: 0px 0px 0px 0px; }

/* Sidebar */

1. sidebar {

float: right; width: 280px; margin: 0px; padding: 0px 0px 0px 0px; font-family: 'Arvo', serif; }

1. sidebar ul {

margin: 0; padding: 0; list-style: none; }

1. sidebar li {

margin: 0; padding: 0; }

1. sidebar li ul {

margin: 0px 0px; padding-bottom: 50px; }

1. sidebar li li {

line-height: 35px; border-bottom: 1px solid #CCCCCC; background: url(images/img01.gif) no-repeat left 13px; margin: 0px 30px; font-size: 14px; font-weight: normal; }

1. sidebar li li span {

}

1. sidebar li li a {

padding: 0px 0px 0px 0px; }

1. sidebar h2 {

margin: 0px; padding: 0px 0px 30px 0px; padding-left: 30px; letter-spacing: -2px; text-align: left; text-transform: uppercase; font-size: 20px; font-weight: normal; color: #148DFB; }

1. sidebar p {

margin: 0 0px; padding: 0px 30px 20px 30px; text-align: justify; font-size: 14px; }

1. sidebar a {

border: none; color: #969493; }

1. sidebar a:hover {

text-decoration: underline; }

/* Calendar */

1. calendar {

}

1. calendar_wrap {

padding: 20px; }

1. calendar table {

width: 100%; }

1. calendar tbody td {

text-align: center; }

1. calendar #next {

text-align: right; }

/* Three Column Footer Content */

1. footer-content {

background: #148DFB; }

1. footer {

width: 960x; margin: 0px auto; height: 50px; margin: 0 auto; padding: 0px 0 15px 0; background: #148DFB; }

1. footer p {

margin: 0; padding-top: 30px; line-height: normal; letter-spacing: 1px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: normal; color: #FFFFFF; }

1. footer a {

color: #FFFFFF; }