Team:Dundee/style.css

From 2011.igem.org

(Difference between revisions)
 
(326 intermediate revisions not shown)
Line 1: Line 1:
-
3@charset "utf-8";
+
.medal {
 +
width:200px;
 +
height:191px;
 +
}
-
html, body, div, span, applet, object, iframe,
+
body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
-
a, abbr, acronym, address, big, cite, code,
+
-
del, dfn, em, img, ins, kbd, q, s, samp,
+
-
small, strike, strong, sub, sup, tt, var,
+
-
b, u, i, center,
+
-
dl, dt, dd, ol, ul, li,
+
-
fieldset, form, label, legend,
+
-
table, caption, tbody, tfoot, thead, tr, th, td,
+
-
article, aside, canvas, details, embed,
+
-
figure, figcaption, footer, header, hgroup,
+
-
menu, nav, output, ruby, section, summary,
+
-
time, mark, audio, video {
+
margin: 0;
margin: 0;
padding: 0;
padding: 0;
-
border: 0;
 
-
font-size: 100%;
 
-
font: inherit;
 
-
vertical-align: baseline;
 
-
}
 
-
/* HTML5 display-role reset for older browsers */
 
-
article, aside, details, figcaption, figure,
 
-
footer, header, hgroup, menu, nav, section {
 
-
display: block;
 
}
}
 +
body {
body {
-
line-height: 1;
+
font-family: Georgia, Trebuchet, Verdana, Arial;
 +
font-size: 12px;
 +
text-align: center;
 +
vertical-align: top;
 +
background: #000;
 +
color: #2a423c;
 +
 
}
}
-
body {
+
h1,h2,h3,h4,h5,h6{
 +
font-size: 16px;
 +
font-weight: bold;
 +
}
 +
 
 +
a {
 +
text-decoration: underline;
 +
        color : #ffffff;
 +
 +
}
 +
 
 +
a:hover { text-decoration: none; }
 +
 
 +
a img { border: 0; }
 +
 
 +
p { padding: 10px 0 5px; }
 +
 
 +
p img { max-width: 100%; }
 +
 
 +
img.aligncenter {
 +
padding: 4px;
 +
border: 1px solid #ededed;
 +
}
 +
 
 +
img.alignright{
 +
margin: 3px 0 2px 10px;
 +
padding: 4px;
 +
border: 1px solid #ededed;
 +
display: inline;
 +
}
 +
 
 +
img.alignleft {
 +
margin: 3px 10px 2px 0;
 +
padding: 4px;
 +
border: 1px solid #ededed;
 +
display: inline;
 +
}
 +
 
 +
.alignleft { float: left; }
 +
 
 +
.alignright { float: right }
 +
 
 +
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
 +
 
 +
.clear { margin: 0; padding: 0; clear: both; }
 +
 
 +
ul {
 +
list-style-type: square;
 +
}
 +
 
 +
#wrapper{
 +
width: 960px;
 +
margin: 0 auto;
 +
text-align: left;
background: #fff;
background: #fff;
-
font-size: 58.5%;
 
-
font-family:'Droid Sans', arial, sans-serif;
 
-
color: #44444;
 
-
        width: 100%;
 
}
}
 +
#header{
 +
width: 960px;
 +
height: 180px;
 +
margin: 0;
 +
padding: 0;
 +
        background: black;
 +
background-image:url(https://static.igem.org/mediawiki/2011/7/78/Header3.png)
 +
       
 +
 +
}
-
a:link,
+
#header h1 {
-
a:visited {
+
margin: 0px 0 0 30px;
-
color:#21759b;
+
padding: 30px 0 0 0;
-
text-decoration:none;
+
}
}
-
a:hover,
+
#header h1 a{
-
a:active {
+
margin: 10px 0 30px 0;
-
color:#d54e21;
+
color: #ffe9b7;
-
text-decoration:underline;
+
font-size: 42px;
 +
text-decoration: none;
 +
font-weight: bold;
 +
padding: 10px;
 +
background: rgb(0, 0, 0); /* fallback color */
 +
  background: rgba(0, 0, 0, 0.7);
}
}
-
h1, h2, h3, h4, h5, h6 {
+
#header h2 {
-
margin-bottom:18px;
+
font-size: 22px;
-
text-transform:uppercase;
+
color: #ffe9b7;
-
        border-bottom:0;
+
margin: 0px 0 0 30px;
 +
font-weight: normal;
 +
text-transform: normal;
 +
letter-spacing: -2px;
}
}
-
h1 {
+
#menu {
-
font-size:36px;
+
width: 960px;
-
line-height:27px;
+
height: 45px;
 +
border-bottom: 5px #6e212e solid;
 +
background: #fff;
 +
        padding-bottom: 5px;
 +
 
}
}
-
h2 {
+
#menu ul{
-
font-size:32px;
+
margin: 5px  auto;
-
line-height:24px;
+
padding: 0 0 0 0px;
 +
list-style: none;
 +
list-style-type: none;
 +
font-size: 14px;
 +
        margin-left:20px;
 +
 
}
}
-
h3 {
+
#menu ul li{
-
font-size:27px;
+
float: left;
-
line-height:20px;
+
margin: 5px 3px 5px 3px;
 +
font-size: 13px;
 +
border: 5px #fff solid;
 +
background: #b5463f;
 +
        letter-spacing:1px;
 +
        padding: 0 0 0 0px;
}
}
-
h4 {
+
 
-
font-size:24px;
+
#menu ul li a{
 +
display: block;
 +
padding: 3px 7px 1px 12px;
 +
text-decoration: none;
 +
color: #cddec6;
 +
font-weight: bold;
 +
 
}
}
-
h5 {
+
#menu ul li a:hover{
-
font-size:20px;
+
background: #6e212e;
}
}
-
h6 {
+
 
-
font-size:18px;
+
#menu ul li.current_page_item{
 +
float: left;
 +
margin: 5px 3px 5px 3px;
 +
font-size: 14px;
 +
 
 +
background: #6e212e;
}
}
-
p {
+
#container {
-
margin-bottom:18px;
+
float: left;
 +
width: 960px;
 +
margin-top: 0px;
 +
background: #fff;
 +
}
}
-
table {
+
#content {
-
width:100%;
+
        float:left;
-
border-collapse:collapse;
+
width: 960px;
-
text-align:center;
+
margin-right: 0px;
-
margin-bottom:16px;
+
background: #fff;
 +
border-bottom: 1px #2a423c dotted;
 +
        margin-top:10px;
 +
 
 +
 
}
}
-
table th,
+
.sidebar {
-
table td {
+
 
-
padding:6px 0;
+
float: left;
 +
width: 240px;
 +
margin-left: 12px;
 +
 
}
}
-
table th {
+
.post {
-
background:#EEE;
+
padding: 10px 10px;
-
font-weight:bold;
+
}
}
-
#header {
+
.post a{
-
height:100px;
+
font-weight: bold;
 +
text-decoration: underline;
 +
color: #2a423c;
 +
}
 +
 
 +
.post a:hover{
 +
text-decoration: none;
 +
}
 +
 
 +
.post h2 {
 +
font-size: 36px;
 +
font-weight: normal;
 +
padding-bottom: 5px;
 +
border-bottom: 1px #2a423c dotted;
 +
}
 +
 
 +
.post h2 a {
 +
padding: 0;
 +
margin: 0;
 +
color: #b5463f;
 +
text-decoration: none;
 +
letter-spacing: -2px;
 +
font-weight: normal;
 +
}
 +
 
 +
.post h2 a:hover{
 +
padding: 0;
 +
margin: 0;
 +
color: #2a423c;
 +
background: none;
 +
}
 +
 
 +
.meta {
 +
color: #6e212e;
 +
line-height: 22px;
 +
}
 +
 
 +
.meta p {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
.entry {
 +
line-height: 20px;
 +
color:#FFFFFF;
}
}
-
#footer {
+
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
-
position:relative;
+
padding: 10px 0 5px;
-
width:940px;
+
-
margin:0 auto;
+
}
}
-
#pages {
+
.entry h2 {
-
position:relative;
+
font-size: 24px;
-
height:30px;
+
border:none;
-
padding:10px 0 10px 0;
+
-
margin-bottom:5px;
+
-
background:#1C100F;
+
-
-moz-box-shadow:0px 0px 20px #999;
+
-
-webkit-box-shadow:0px 0px 20px #999;
+
-
box-shadow:0 0 20px #999;
+
}
}
-
/* Services Nav bar */
+
.entry h2 a {
-
#navi {
+
color: #8f3939;
-
width: 960px;
+
-
margin: 0 auto;
+
-
font-size: 1.2em;
+
-
font-family:'Droid Sans', arial, sans-serif;
+
}
}
-
#navi ul{
+
.entry h3 {
-
list-syle-type:none;
+
font-size: 22px;
-
list-style-image:none;
+
font-weight: normal;
}
}
-
#navi ul li {
+
.entry h4 {
-
float: left;
+
font-size: 20px;
-
list-style-type: none;
+
font-weight: normal;
-
margin-left:35px;
+
-
text-align:center;
+
-
height: 40px;
+
-
   
+
}
}
-
#navi li a {
+
.entry h5 {
-
    color:#FFFFFF;
+
font-size: 18px;
 +
font-weight: normal;
 +
}
 +
 
 +
.entry h6 {
 +
font-size: 16px;
 +
font-weight: normal;
 +
}
 +
 
 +
 
 +
.post a img {
 +
margin: 10px;
 +
border: 2px solid #6e212e;
 +
}
 +
 
 +
.post a:hover img{
 +
border: 2px solid #b5463f;
 +
}
 +
 
 +
 
 +
.sidebar a {
 +
padding: 3px 5px 3px 5px;
text-decoration: none;
text-decoration: none;
-
display: block;
+
}
-
padding: 0px 10px;
+
-
      list-style-type: none;
+
 +
.sidebar a:hover{
 +
padding: 3px 5px 3px 5px;
 +
background: #6e212e;
 +
color: #ffe9b7;
}
}
-
#navi li a:hover {
+
.sidebar ul {
-
text-decoration:underline;
+
list-style: none;
 +
margin: 0;
 +
padding: 0;
}
}
-
#navi .current {
+
.sidebar ul {
-
height: 56px;
+
margin: 0 0 10px;
-
    text-decoration:underline;
+
}
}
-
#navi .current a {
+
.sidebar ul li {
-
color: #FFFFFF;
+
padding: 10px 10px 0;
}
}
-
#project {
+
.sidebar ul li h2 {
-
width: 1100px;
+
border-bottom: 1px dotted #2a423c;
-
height: 650px;
+
padding: 8px 10px 9px;
-
float: left;
+
font-size: 24px;
-
margin-top: 5px;
+
font-weight: normal;
-
-moz-border-radius-bottomleft: 20px 20px;
+
letter-spacing: -1px;
-
-moz-border-radius-topright: 20px 20px;
+
}
}
-
.endfooter{
+
.sidebar ul ul {
-
clear:both;
+
margin: 0;
-
width:100%;
+
padding: 6px 5px 0;
-
height: 80px;
+
margin: 0 5px 10px;
-
margin-bottom:20px;
+
line-height: 24px;
-
text-align:center;
+
list-style-type: square;
-
padding:85px 0px 0px 0px;
+
-
background-image:url(images/border1.png);
+
}
}
-
#largeImage {
+
.sidebar ul ul li {
-
width: 1100px;
+
padding: 0;
-
height: 200px;
+
}
 +
 
 +
.sidebar ul ul ul {
 +
padding: 0 0 0 10px;
 +
}
 +
 
 +
.navigation {
 +
margin: 10px;
 +
padding: 10px 0;
 +
margin-bottom: 15px;
 +
font-size: 14px;
 +
font-family: Verdana, Arial;
 +
text-align: center;
 +
}
 +
 
 +
 
 +
.navigation a{
 +
padding: 3px 5px 3px 5px;
 +
margin: 1px 3px 1px 3px;
 +
font-weight: bold;
 +
text-decoration: none;
 +
color: #2a423c;
 +
font-weight: bold;
 +
}
 +
 
 +
.navigation a:hover{
 +
padding: 3px 5px 3px 5px;
 +
margin: 1px 3px 1px 3px;
 +
background: #6e212e;
 +
color: #ffe9b7;
 +
text-decoration: none;
 +
}
 +
 
 +
.navigation_single {
 +
padding: 10px 0;
 +
font-size: 12px;
 +
font-family: Verdana, Arial;
 +
text-align: center;
 +
margin: 0 0 10px 0;
 +
}
 +
 
 +
 
 +
.navigation_single a{
 +
padding: 3px 5px 3px 5px;
 +
margin: 1px 3px 1px 3px;
 +
font-weight: bold;
 +
text-decoration: none;
 +
color: #2a423c;
 +
font-weight: bold;
 +
}
 +
 
 +
.navigation_single a:hover{
 +
padding: 3px 5px 3px 5px;
 +
margin: 1px 3px 1px 3px;
 +
background: #6e212e;
 +
color: #ffe9b7;
 +
text-decoration: none;
 +
}
 +
 
 +
img.avatar {
float: left;
float: left;
-
margin-top: 5px;
+
margin: 5px;
 +
}
 +
 
 +
 
 +
#footer{
 +
float: left;
 +
width: 960px;
 +
padding: 10px 0 10px 0;
 +
border-top: 5px solid #6e212e;
 +
text-align: left;
 +
line-height: 24px;
 +
background: #fff;
 +
        height: 20px;
}
}
-
#largeImage img {
+
.tagcloud {
-
width: 960px;
+
background: #6e212e;
-
height: 200px;
+
padding: 10px;
-
margin-top: 120px;
+
-
margin: 5px;
+
}
 +
 
 +
.tagcloud_up {
 +
background: url(images/tagcloud_up.png) top center no-repeat;
 +
width: 960px;
 +
height: 10px;
 +
 
 +
}
 +
 
 +
.tagcloud_bottom {
 +
background: url(images/tagcloud_bottom.png) bottom center no-repeat;
 +
width: 960px;
 +
height: 10px;
 +
}
 +
 
 +
.tagcloud  a{
 +
color: #ffe9b7;
 +
margin: 3px ;
 +
font-weight: bold;
 +
text-decoration: none;
 +
}
 +
 
 +
.tagcloud a:hover{
 +
margin: 3px;
 +
color: #e3d185;
 +
text-decoration: none;
 +
}
 +
 
 +
#footer p{
 +
margin: 0 10px 0 10px;
 +
}
 +
 
 +
#footer p a {
 +
font-weight: bold;
 +
}
 +
 
 +
#footer p a:hover{
 +
text-decoration: none;
 +
}
 +
 
 +
#footer a img {
 +
width: 32px;
 +
height: 32px;
}
}
Line 212: Line 464:
   position: absolute;
   position: absolute;
   margin-left:840px;
   margin-left:840px;
-
   top: 130px;
+
   top: 10px;
}
}
.text1 h2 span {
.text1 h2 span {
-
   color: white;
+
   color:#ffe9b7;
   letter-spacing: -1px;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   background: rgba(0, 0, 0, 0.7);
-
   padding: 10px;
+
   padding: 0px;
 +
}
 +
 
 +
#lasttweet {
 +
  position: absolute;
 +
  float: left;
 +
  margin-left:60px;
 +
  margin-top: -35px;
 +
  font-size:12px;
 +
  font-family: Arial;
 +
  font-weight:bold;
 +
  color:#6f212f;
 +
 
 +
 
}
}
Line 229: Line 494:
.text2 h2 {
.text2 h2 {
   position: absolute;
   position: absolute;
-
   margin-left:775px;
+
   margin-left:10px;
-
   top: 130px;
+
   top: 2px;
}
}
.text2 h2 span {
.text2 h2 span {
-
   color: white;
+
   color:#cddec6;
-
   letter-spacing: -1px;
+
   letter-spacing: 0px;
-
   background: rgb(0, 0, 0); /* fallback color */
+
   background: rgb(110, 33, 46); /* fallback color */
-
   background: rgba(0, 0, 0, 0.7);
+
   background: rgba(110, 33, 46, 0.9);
-
   padding: 10px;
+
   padding: 5px;
 +
  font-family: Georgia, Trebuchet, Verdana, Arial;
 +
  font-size:14px;
}
}
 +
 +
.text2 h2 a{
 +
color: #cddec6;
 +
text-decoration:none;
 +
 +
}
 +
.text3 {
.text3 {
Line 247: Line 521:
.text3 h2 {
.text3 h2 {
   position: absolute;
   position: absolute;
-
   margin-left:830px;
+
   margin-left:150px;
-
   top: 130px;
+
   top: 2px;
}
}
.text3 h2 span {
.text3 h2 span {
-
   color: white;
+
   color:#cddec6;
-
   letter-spacing: -1px;
+
   letter-spacing: 0px;
-
   background: rgb(0, 0, 0); /* fallback color */
+
   background: rgb(110, 33, 46); /* fallback color */
-
   background: rgba(0, 0, 0, 0.7);
+
   background: rgba(110, 33, 46, 0.9);
-
   padding: 10px;
+
   padding: 5px;
 +
  font-family: Georgia, Trebuchet, Verdana, Arial;
 +
  font-size:14px;
}
}
-
.text4 {
+
.text3 h2 a{
-
  position: relative;
+
color: #cddec6;
 +
text-decoration:none;
 +
 
}
}
-
.text4 h2 {
+
.smallpost {
-
  position: absolute;
+
float:left;
-
  margin-left:810px;
+
padding: 10px 10px;
-
  top: 130px;
+
width:420px;
 +
background: rgb(181, 70, 63); /* fallback color */
 +
  background: rgba(181, 70, 63, 0.9);
 +
  padding: 5px;
 +
margin:10px;
 +
margin-top:10px;
 +
margin-left:30px;
 +
line-height: 20px;
 +
color:#FFFFFF;
 +
font-family: Arial;
 +
        text-align:justify;
}
}
-
.text4 h2 span {
+
.smallpost h2, .entry h3, .entry h4, .entry h5, .entry h6 {
-
  color: white;
+
padding: 5px 0 5px;
-
  letter-spacing: -1px;
+
-
  background: rgb(0, 0, 0); /* fallback color */
+
-
  background: rgba(0, 0, 0, 0.7);
+
-
  padding: 10px;
+
}
}
-
.text5 {
+
.smallpost h2 {
-
  position: relative;
+
font-size: 22px;
 +
border:none;
 +
padding:5px;
 +
color: #671111;
 +
font-weight:bold;
 +
}
 +
.smallpost h2 a {
 +
color: #671111;
 +
font-weight:bold;
 +
        font-size: 22px;
}
}
-
.text5 h2 {
+
.smallpost h2 a:hover {
-
  position: absolute;
+
color: #671111;
-
  margin-left:755px;
+
text-decoration:underline;
-
  top: 130px;
+
 
}
}
-
.text5 h2 span {
+
.smallpost p {
-
  color: white;
+
padding: 5px;
-
  letter-spacing: -1px;
+
font-size:14px;
-
  background: rgb(0, 0, 0); /* fallback color */
+
-
  background: rgba(0, 0, 0, 0.7);
+
-
  padding: 10px;
+
}
}
 +
.imagepost {
 +
float:left;
 +
padding: 10px 10px;
 +
width:420px;
 +
margin-left:10px;
 +
margin-top:10px;
 +
 +
}
-
#largeContent {
+
.imagepost .microImage {
float:left;
float:left;
-
width: 680px;
+
width:420px;
 +
margin-left:-15px;
 +
 
 +
}
 +
 
 +
.imagepost p {
 +
font-size:14px;
 +
color: #671111;
 +
}
 +
 
 +
.largepost {
 +
float:left;
 +
padding: 10px 10px;
 +
width:870px;
 +
background: rgb(97, 147, 132); /* fallback color */
 +
  background: rgba(97, 147, 132, 0.9);
 +
  padding: 5px;
 +
margin:10px;
 +
margin-left:30px;
 +
line-height: 20px;
 +
color:#FFFFFF;
 +
font-family: Arial;
 +
text-align:justify;
 +
}
 +
 
 +
 
 +
.largepost h2, .entry h3, .entry h4, .entry h5, .entry h6 {
 +
padding: 5px 0 5px;
 +
}
 +
 
 +
.largepost h2 {
 +
font-size: 22px;
 +
border:none;
 +
        color: #255748;
 +
        padding:5px;
 +
        font-weight:bold;
 +
}
 +
.largepost h2 a {
 +
color: #255748;
 +
text-decoration:none;
 +
        font-weight:bold;
 +
        font-size: 22px;
 +
}
 +
 
 +
.largepost h2 a:hover {
 +
color: #255748;
 +
text-decoration:underline;
 +
}
 +
 
 +
 
 +
.largepost h3 {
 +
font-size: 16px;
 +
border:none;
 +
        padding:0px;
 +
        padding-left:5px;
 +
        font-weight:bold;
 +
        color:#FFFFFF;
 +
}
 +
.largepost h3 a {
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
        font-weight:bold;
 +
        font-size: 16px;
 +
}
 +
 
 +
.largepost h3 a:hover {
 +
text-decoration:underline;
 +
        color:#FFFFFF;
 +
}
 +
 
 +
.largepost p {
 +
padding: 5px;
 +
font-size:14px;
 +
}
 +
 
 +
.largepost p a {
 +
padding: 5px;
 +
font-size:14px;
 +
color:#FFFFFF;
 +
font-weight:bold
 +
}
 +
 
 +
.largepost p a:hover {
 +
text-decoration:underline;
 +
color:#FFFFFF;
 +
font-weight:bold
 +
}
 +
 
 +
.leftpost {
 +
float:left;
 +
padding: 10px 10px;
 +
width:420px;
 +
background: rgb(73, 64, 83); /* fallback color */
 +
  background: rgba(73, 64, 83, 0.9);
 +
  padding: 5px;
 +
margin:10px;
 +
margin-left:30px;
 +
line-height: 20px;
 +
color:#FFFFFF;
 +
font-family: Arial;
 +
text-align:justify;
 +
}
 +
 
 +
.leftpost h2, .entry h3, .entry h4, .entry h5, .entry h6 {
 +
padding: 5px 0 5px;
 +
}
 +
 
 +
.leftpost h2 {
 +
font-size: 22px;
 +
border:none;
 +
color: #21182b;
 +
padding:5px;
 +
        font-weight:bold;
 +
}
 +
.leftpost h2 a {
 +
color: #21182b;
 +
text-decoration:none;
 +
        font-weight:bold;
 +
        font-size: 22px;
 +
}
 +
 
 +
.leftpost h2 a:hover {
 +
color: #21182b;
 +
text-decoration:underline;
 +
}
 +
 
 +
.leftpost p {
 +
padding:5px;
 +
font-size:14px;
 +
}
 +
 
 +
.leftpost p a {
 +
font-size:14px;
 +
color: #ffffff;
 +
text-decoration:underline;
 +
}
 +
 
 +
.rightpost {
 +
float:left;
 +
padding: 10px 10px;
 +
width:420px;
 +
background: rgb(73, 64, 83); /* fallback color */
 +
  background: rgba(73, 64, 83, 0.9);
 +
  padding: 5px;
 +
margin:10px;
 +
margin-left:10px;
 +
line-height: 20px;
 +
color:#FFFFFF;
 +
font-family: Arial;
 +
text-align:justify;
 +
}
 +
 
 +
.rightpost h2, .entry h3, .entry h4, .entry h5, .entry h6 {
 +
padding: 5px 0 5px;
 +
}
 +
 
 +
.rightpost h2 {
 +
font-size: 22px;
 +
border:none;
 +
color: #21182b;
 +
padding:5px;
 +
        font-weight:bold;
 +
}
 +
.rightpost h2 a {
 +
color: #21182b;
 +
text-decoration:none;
 +
        font-weight:bold;
 +
        font-size: 22px;
 +
}
 +
 
 +
.rightpost h2 a:hover {
 +
color: #21182b;
 +
text-decoration:underline;
 +
}
 +
 
 +
.rightpost p {
 +
padding:5px;
 +
font-size:14px;
 +
}
 +
 
 +
.rightimagepost {
 +
float:right;
 +
padding: 10px 10px;
 +
width:420px;
 +
  padding: 5px;
 +
margin-right:50px;
 +
line-height: 20px;
 +
color:#FFFFFF;
 +
font-family: Arial;
 +
}
 +
 
 +
.rightimagepost img {
 +
float:right;
 +
width:410px;
 +
height:200px;
 +
 
 +
}
 +
 
 +
.leftpost-green {
 +
float:left;
 +
padding: 10px 10px;
 +
width:420px;
 +
background: rgb(97, 147, 132); /* fallback color */
 +
  background: rgba(97, 147, 132, 0.9);
 +
  padding: 5px;
 +
margin:10px;
 +
margin-left:30px;
 +
line-height: 20px;
 +
color:#FFFFFF;
 +
font-family: Arial;
 +
text-align:justify;
 +
}
 +
 
 +
.leftpost-green h2, .entry h3, .entry h4, .entry h5, .entry h6 {
 +
padding: 5px 0 5px;
 +
}
 +
 
 +
.leftpost-green h2 {
 +
font-size: 24px;
 +
border:none;
 +
color: #255748;
 +
text-decoration:none;
 +
padding:5px;
 +
}
 +
.leftpost-green h2 a {
 +
color: #255748;
 +
text-decoration:none;
 +
}
 +
 
 +
.leftpost-green h2 a:hover {
 +
color: #255748;
 +
text-decoration:underline;
 +
}
 +
 
 +
.leftpost-green p {
 +
padding:5px;
 +
font-size:14px;
 +
}
 +
 
 +
.leftpost-red {
 +
float:left;
 +
padding: 10px 10px;
 +
width:420px;
 +
background: rgb(181, 70, 63); /* fallback color */
 +
  background: rgba(181, 70, 63, 0.9);
 +
  padding: 5px;
 +
margin:10px;
 +
margin-left:30px;
 +
line-height: 20px;
 +
color:#FFFFFF;
 +
font-family: Arial;
 +
text-align:justify;
 +
}
 +
 
 +
.leftpost-red h2, .entry h3, .entry h4, .entry h5, .entry h6 {
 +
padding: 5px 0 5px;
 +
}
 +
 
 +
.leftpost-red h2 {
 +
font-size: 24px;
 +
border:none;
 +
color: #671111;
 +
text-decoration:none;
 +
padding:5px;
 +
}
 +
.leftpost-red h2 a {
 +
color: #671111;
 +
text-decoration:none;
 +
}
 +
 
 +
.leftpost-red h2 a:hover {
 +
color: #671111;
 +
text-decoration:underline;
 +
}
 +
 
 +
.leftpost-red p {
 +
padding:5px;
 +
font-size:14px;
 +
}
 +
 
 +
 
 +
.rightpost-green {
 +
float:left;
 +
padding: 10px 10px;
 +
width:420px;
 +
background: rgb(97, 147, 132); /* fallback color */
 +
  background: rgba(97, 147, 132, 0.9);
 +
  padding: 5px;
 +
margin:10px;
 +
margin-left:10px;
 +
line-height: 20px;
 +
color:#FFFFFF;
 +
font-family: Arial;
 +
text-align:justify;
 +
}
 +
 
 +
.rightpost-green h2, .entry h3, .entry h4, .entry h5, .entry h6 {
 +
padding: 5px 0 5px;
 +
}
 +
 
 +
.rightpost-green h2 {
 +
font-size: 24px;
 +
border:none;
 +
color: #255748;
 +
text-decoration:none;
 +
padding:5px;
 +
}
 +
.rightpost-green h2 a {
 +
color: #255748;
 +
text-decoration:none;
 +
}
 +
 
 +
.rightpost-green h2 a:hover {
 +
color: #255748;
 +
text-decoration:underline;
 +
}
 +
 
 +
.rightpost-green p {
 +
padding:5px;
 +
font-size:14px;
 +
}
 +
 
 +
.rightpost-red {
 +
float:left;
 +
padding: 10px 10px;
 +
width:420px;
 +
background: rgb(181, 70, 63); /* fallback color */
 +
  background: rgba(181, 70, 63, 0.9);
 +
  padding: 5px;
 +
margin:10px;
 +
margin-left:10px;
 +
line-height: 20px;
 +
color:#FFFFFF;
 +
font-family: Arial;
 +
text-align:justify;
 +
}
 +
 
 +
.rightpost-red h2, .entry h3, .entry h4, .entry h5, .entry h6 {
 +
padding: 5px 0 5px;
 +
}
 +
 
 +
.rightpost-red h2 {
 +
font-size: 24px;
 +
border:none;
 +
color: #671111;
 +
text-decoration:none;
 +
padding:5px;
 +
}
 +
.rightpost-red h2 a {
 +
color: #671111;
 +
text-decoration:none;
 +
}
 +
 
 +
.rightpost-red h2 a:hover {
 +
color: #671111;
 +
text-decoration:underline;
 +
}
 +
 
 +
.rightpost-red p {
 +
padding:5px;
 +
font-size:14px;
 +
}
 +
 
 +
#left {
 +
float:left;
 +
width:470px;
 +
 
 +
}
 +
 
 +
#right {
 +
float:left;
 +
width:470px;
 +
 
 +
}
 +
 
 +
catLinks {
 +
    border: none;
 +
}
 +
 
 +
#content {
 +
border:none;
 +
border-bottom: 1px #2a423c dotted;
 +
padding:0px;
 +
margin:none;
 +
}
 +
 
 +
 
 +
#top-section{
 +
font-size:16px;
 +
border:none; margin-top:0px; margin-bottom:0px; height:15px;
 +
 
 +
}
 +
 
 +
#menu {
 +
border:0;
 +
border-bottom: 5px #6e212e solid;
 +
}
 +
 
 +
#menu li {
 +
border:0;
 +
}
 +
 
 +
#wrapper {
 +
padding:0;
 +
}
 +
 
 +
body{
 +
width:100%;
 +
margin:0 auto;
 +
}
 +
 
 +
#globalWrapper {
 +
width: 960px;
 +
padding: 0;
 +
margin: 0 auto;
 +
}
 +
 
 +
.largepost2 {
 +
float:left;
 +
padding: 10px 10px;
 +
width:870px;
 +
  padding: 5px;
 +
margin:10px;
 +
margin-left:30px;
 +
line-height: 20px;
 +
color:#000000;
 +
font-family: Arial;
 +
}
 +
 
 +
 
 +
.largepost2 h2, .entry h3, .entry h4, .entry h5, .entry h6 {
 +
padding: 5px 0 5px;
 +
}
 +
 
 +
.largepost2 h2 {
 +
font-size: 22px;
 +
border:none;
 +
        color: #671111;
 +
        padding:5px;
 +
        font-weight:bold;
 +
}
 +
.largepost2 h2 a {
 +
color: #671111;
 +
text-decoration:none;
 +
        font-weight:bold;
 +
        font-size: 22px;
 +
}
 +
 
 +
.largepost2 h2 a:hover {
 +
color: #671111;
 +
text-decoration:underline;
 +
}
 +
 
 +
.largepost2 h3 {
 +
font-size: 18px;
 +
border:none;
 +
        color: #000000;
 +
        padding:5px;
 +
        font-weight:bold;
 +
}
 +
 
 +
 
 +
.largepost2 p {
 +
padding: 5px;
 +
font-size:14px;
 +
text-align:justify;
 +
color:#000000;
 +
}
 +
 
 +
largepost2 p a {
 +
padding: 5px;
 +
font-size:14px;
 +
color:#000000;
 +
font-weight:bold
 +
}
 +
 
 +
.largepost2 p a:hover {
 +
color:#000000;
 +
font-weight:bold;
 +
}
 +
 
 +
.largepost2 p a:visited{
 +
color:#000000;
 +
font-weight:bold;
 +
}
 +
 
 +
 
 +
 
 +
.largeimagepost {
 +
width:960px;
 +
}
 +
 
 +
.largeimagepost img {
 +
width:840px;
 +
        margin-left:90px;
 +
height:483px;
 +
 
 +
}
 +
 
 +
#pt-log{
 +
background:black;
 +
color: #ffe9b7;
 +
}
 +
 
 +
#menubar{
 +
background:black;
 +
color: #ffe9b7;
 +
margin-top:5px;
 +
}
 +
 
 +
#menubar ul{
 +
margin-top:5px;
 +
background:black;
 +
color: #ffe9b7;
 +
}
 +
 
 +
.right-menu ul li a {
 +
background:black;
 +
color: #ffe9b7;
 +
}
 +
 
 +
.left-menu ul li a {
 +
background:black;
 +
color: #ffe9b7;
 +
}
 +
 
 +
.largepost3 {
 +
float:left;
 +
padding: 10px 10px;
 +
width:870px;
 +
  padding: 5px;
 +
margin:10px;
 +
margin-left:90px;
 +
line-height: 20px;
 +
color:#000000;
 +
font-family: Arial;
 +
}
 +
 
 +
#rightContent {
 +
float:left;
 +
width: 290px;
margin: 5px;
margin: 5px;
margin-top:50px;
margin-top:50px;
-
border-right:1px solid #1C100F;
 
padding:0px 10px 10px 0px;
padding:0px 10px 10px 0px;
 +
font-size: 14px
 +
}
}
-
#largeContent h1 {
+
#rightContent h1 {
font-size:1.7em;
font-size:1.7em;
color:#4a3242;
color:#4a3242;
Line 311: Line 1,150:
}
}
-
#largeContent p {
+
#rightContent p {
-
font-size:1em;
+
font-size: 14px
-
color:#4a3242;
+
color:#000000;
margin:5px;
margin:5px;
 +
font-family: Arial;
 +
text-align:justify;
}
}
-
#largeContent img {
+
 
-
width: 300px;
+
 
-
height: 200px;
+
#rightContent img {
 +
width: 280px;
margin-top: 120px;
margin-top: 120px;
margin: 5px;
margin: 5px;
}
}
-
#project {
 
-
width: 960px;
 
-
height: 650px;
 
-
float: left;
 
-
margin-top: 5px;
 
-
-moz-border-radius-bottomleft: 20px 20px;
 
-
-moz-border-radius-topright: 20px 20px;
 
-
}
 
-
#rightContent {
+
 
 +
#leftContent {
float:left;
float:left;
-
width: 200px;
+
width: 290px;
-
height:630px;
+
margin: 5px;
margin: 5px;
margin-top:50px;
margin-top:50px;
 +
margin-left:25px;
padding:0px 10px 10px 0px;
padding:0px 10px 10px 0px;
-
font-family:'Droid Sans', arial, sans-serif;
+
font-size: 14px
}
}
-
#rightContent h1 {
+
 
 +
 
 +
#leftContent h1 {
font-size:1.7em;
font-size:1.7em;
color:#4a3242;
color:#4a3242;
Line 349: Line 1,186:
}
}
-
#rightContent p {
+
 
-
font-size:1em;
+
 
-
color:#4a3242;
+
#leftContent img {
 +
width: 280px;
 +
margin-top: 120px;
 +
margin: 5px;
 +
}
 +
 
 +
 
 +
 
 +
#leftContent p {
 +
font-size: 14px
 +
color:#000000;
margin:5px;
margin:5px;
 +
font-family: Arial;
 +
text-align:justify;
}
}
-
#title h1 {
+
#middleContent {
-
font-size: 3.8em;
+
float:left;
-
color: #4a3242;
+
width: 290px;
 +
margin: 5px;
 +
margin-top:50px;
 +
padding:0px 10px 10px 0px;
 +
font-size: 14px
}
}
-
#title h2 {
+
#middleContent h1 {
-
font-size: 1.6em;
+
font-size:1.7em;
-
color: #895a6e;
+
color:#4a3242;
 +
margin-left:5px;
}
}
-
#title a {
+
#middleContent p {
-
text-decoration: none;
+
font-size: 14px;
-
color: white;
+
color:#000000;
-
padding: 0;
+
margin:5px;
 +
font-family: Arial;
 +
text-align:justify;
}
}
-
#title a:hover {
+
#middleContent img {
-
color: black;
+
width: 280px;
 +
margin-top: 120px;
 +
margin: 5px;
}
}
-
#title a img {
+
.leftimagepost {
-
width: 32px;
+
position:absolute;
-
height: 32px;
+
float:left;
-
}
+
padding: 10px 10px;
 +
width:420px;
 +
  padding: 5px;
 +
        padding-top: 20px;
 +
margin-left:20px;
 +
line-height: 20px;
 +
color:black;
 +
font-family: Arial;
 +
        margin-top:1190px;
 +
}
-
#title a:first-of-type {
+
.leftimagepost img {
-
margin-left: 5px;
+
float:left;
 +
width:150px;
 +
height:115px;
}
}
-
#lasttweet {
+
 
-
margin-left:5px;
+
.leftimagepost p {
-
margin-top:5px;
+
font-family: Arial;
-
margin-bottom:10px;
+
color:#6f212f;
-
color: #4a3242;
+
font-size: 16px;
-
font-size:1em;
+
position: absolute;
 +
 
}
}
-
#lasttweet img{
+
.igemtext {
-
width:40px ;
+
  position: relative;
-
height:29px;
+
}
-
}
+
 +
.igemtext h2 {
 +
  position: absolute;
 +
  margin-left:170px;
 +
  margin-top:500px;
 +
  top: 10px;
 +
}
-
#tweetDate {
+
.igemtext h2 span {
-
margin-left:5px;
+
letter-spacing: -1px;
-
margin-top:5px;
+
  padding: 0px;
-
margin-bottom:10px;
+
  font-size:18px;
-
color: #4a3242;
+
  font-family: Arial;
-
font-size:1.0em;
+
  font-weight:bold;
-
font-style:italic;
+
  color:#6f212f;
}
}
-
#rightContent ul li {
+
.largepost-red {
-
margin-left:0px;
+
float:left;
-
margin-top:5px;
+
padding: 10px 10px;
-
margin-bottom:10px;
+
width:870px;
-
color: #4a3242;
+
background: rgb(181, 70, 63); /* fallback color */
-
font-size:1.0em;
+
  background: rgba(181, 70, 63, 0.9);
-
font-family:'Droid Sans', arial, sans-serif;
+
  padding: 5px;
 +
margin:10px;
 +
margin-top:10px;
 +
margin-left:30px;
 +
line-height: 20px;
 +
color:#FFFFFF;
 +
font-family: Arial;
 +
        text-align:justify;
 +
}
 +
.largepost-red h2, .entry h3, .entry h4, .entry h5, .entry h6 {
 +
padding: 5px 0 5px;
}
}
-
#rightContent li a {
+
.largepost-red h2 {
-
color: #4a3242;
+
font-size: 22px;
-
text-decoration: none;
+
border:none;
 +
padding:5px;
 +
color: #671111;
 +
font-weight:bold;
 +
}
 +
.largepost-red h2 a {
 +
color: #671111;
 +
font-weight:bold;
 +
        font-size: 22px;
}
}
-
#rightContent  a:hover {
+
.largepost-red h2 a:hover {
-
color: #4a3242;
+
color: #671111;
text-decoration:underline;
text-decoration:underline;
 +
}
}
-
#team {
+
.largepost-red p {
-
width: 650px;
+
padding: 5px;
-
height: 250px;
+
font-size:14px;
-
float: left;
+
-
margin: 5px;
+
-
margin-top: 5px;
+
-
background: white;
+
-
color: black;
+
-
-moz-border-radius-bottomleft: 10px 10px;
+
-
-moz-border-radius-topright: 10px 10px;
+
}
}
-
#teamLeft {
+
.humanPost {
-
float: left;
+
float:left;
-
width: 670px;
+
padding: 0px 0px;
-
height: 100px;
+
width:570px;
-
margin-right: 10px;
+
  padding: 0px;
 +
margin: 0px;
 +
line-height: 20px;
 +
color:#000000;
 +
font-family: Arial;
}
}
-
#teamLeft h1 {
+
.humanPost h2, .entry h3, .entry h4, .entry h5, .entry h6 {
-
margin-top: 10px;
+
padding: 5px 0 5px;
-
font-size: 2.2em;
+
-
color:#896478;
+
}
}
-
#teamleft h2 {
+
.humanPost h2 {
-
font-size: 1.0em;
+
font-size: 22px;
-
color: #895a6e;
+
border:none;
 +
        color: #671111;
 +
        padding:5px;
 +
        font-weight:bold;
 +
}
 +
.humanPost h2 a {
 +
color: #671111;
 +
text-decoration:none;
 +
        font-weight:bold;
 +
        font-size: 22px;
}
}
 +
.humanPost h2 a:hover {
 +
color: #671111;
 +
text-decoration:underline;
 +
}
-
#teamLeft p {
+
.humanPost h3 {
-
margin-top: 5px;
+
font-size: 18px;
-
font-size: 1.2em;
+
border:none;
-
color:#4a3242;
+
        color: #000000;
-
text-align:justify;
+
        padding:5px;
 +
        font-weight:bold;
}
}
-
#teamLeft img {
+
.humanPost p {
-
width:200px;
+
padding: 5px;
-
height:200px
+
font-size:14px;
 +
text-align:justify;
 +
color:#000000;
}
}
-
#team span img{
+
humanPost p a {
-
position:absolute;
+
padding: 5px;
 +
font-size:14px;
 +
color:#000000;
 +
font-weight:bold
}
}
-
 
+
.humanPost p a:hover {
-
#catLinks {
+
color:#000000;
-
      border: none;
+
font-weight:bold;
}
}
-
#content{
+
.humanPost p a:visited{
-
border-left:0;
+
color:#000000;
-
border-right:0;
+
font-weight:bold;
-
border-top:0;
+
-
border-bottom:0;
+
}
}
-
#top-section{
+
.humanImage{
-
border:none;
+
float:right;
-
margin-top:5px;
+
padding: 0px 0px;
-
margin-bottom:0px;
+
width:280px;
-
height:5px;
+
 
}
}
 +
.humanImage img{
 +
width:260px;
 +
margin-top:10px;
-
#menubar a {
 
-
color:grey;
 
-
background-color:white;
 
}
}
-
#menubar a:hover {
+
.medal {
-
text-decoration:underline;
+
float:left;
-
}
+
width:200px;
-
 
+
height:191px;
-
#menubar:hover {
+
-
background-color:white;
+
}
}

Latest revision as of 20:17, 28 October 2011

.medal { width:200px; height:191px; }

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{ margin: 0; padding: 0; }

body { font-family: Georgia, Trebuchet, Verdana, Arial; font-size: 12px; text-align: center; vertical-align: top; background: #000; color: #2a423c;

}

h1,h2,h3,h4,h5,h6{ font-size: 16px; font-weight: bold; }

a { text-decoration: underline;

       color : #ffffff;

}

a:hover { text-decoration: none; }

a img { border: 0; }

p { padding: 10px 0 5px; }

p img { max-width: 100%; }

img.aligncenter { padding: 4px; border: 1px solid #ededed; }

img.alignright{ margin: 3px 0 2px 10px; padding: 4px; border: 1px solid #ededed; display: inline; }

img.alignleft { margin: 3px 10px 2px 0; padding: 4px; border: 1px solid #ededed; display: inline; }

.alignleft { float: left; }

.alignright { float: right }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.clear { margin: 0; padding: 0; clear: both; }

ul { list-style-type: square; }

  1. wrapper{

width: 960px; margin: 0 auto; text-align: left; background: #fff;

}

  1. header{

width: 960px; height: 180px; margin: 0; padding: 0;

       background: black;

background-image:url(Header3.png)


}

  1. header h1 {

margin: 0px 0 0 30px; padding: 30px 0 0 0; }

  1. header h1 a{

margin: 10px 0 30px 0; color: #ffe9b7; font-size: 42px; text-decoration: none; font-weight: bold; padding: 10px; background: rgb(0, 0, 0); /* fallback color */

  	background: rgba(0, 0, 0, 0.7);

}

  1. header h2 {

font-size: 22px; color: #ffe9b7; margin: 0px 0 0 30px; font-weight: normal; text-transform: normal; letter-spacing: -2px; }

  1. menu {

width: 960px; height: 45px; border-bottom: 5px #6e212e solid; background: #fff;

       padding-bottom: 5px;

}

  1. menu ul{

margin: 5px auto; padding: 0 0 0 0px; list-style: none; list-style-type: none; font-size: 14px;

       margin-left:20px;

}

  1. menu ul li{

float: left; margin: 5px 3px 5px 3px; font-size: 13px; border: 5px #fff solid; background: #b5463f;

       letter-spacing:1px;
       padding: 0 0 0 0px;

}


  1. menu ul li a{

display: block; padding: 3px 7px 1px 12px; text-decoration: none; color: #cddec6; font-weight: bold;

}

  1. menu ul li a:hover{

background: #6e212e; }


  1. menu ul li.current_page_item{

float: left; margin: 5px 3px 5px 3px; font-size: 14px;

background: #6e212e; }

  1. container {

float: left; width: 960px; margin-top: 0px; background: #fff;

}

  1. content {
       float:left;

width: 960px; margin-right: 0px; background: #fff; border-bottom: 1px #2a423c dotted;

       margin-top:10px;


}

.sidebar {

float: left; width: 240px; margin-left: 12px;

}

.post { padding: 10px 10px; }

.post a{ font-weight: bold; text-decoration: underline; color: #2a423c; }

.post a:hover{ text-decoration: none; }

.post h2 { font-size: 36px; font-weight: normal; padding-bottom: 5px; border-bottom: 1px #2a423c dotted; }

.post h2 a { padding: 0; margin: 0; color: #b5463f; text-decoration: none; letter-spacing: -2px; font-weight: normal; }

.post h2 a:hover{ padding: 0; margin: 0; color: #2a423c; background: none; }

.meta { color: #6e212e; line-height: 22px; }

.meta p { margin: 0; padding: 0; }

.entry { line-height: 20px; color:#FFFFFF;

}


.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 10px 0 5px; }

.entry h2 { font-size: 24px; border:none; } .entry h2 a { color: #8f3939; }

.entry h3 { font-size: 22px; font-weight: normal; }

.entry h4 { font-size: 20px; font-weight: normal; }

.entry h5 { font-size: 18px; font-weight: normal; }

.entry h6 { font-size: 16px; font-weight: normal; }


.post a img { margin: 10px; border: 2px solid #6e212e; }

.post a:hover img{ border: 2px solid #b5463f; }


.sidebar a { padding: 3px 5px 3px 5px; text-decoration: none; }

.sidebar a:hover{ padding: 3px 5px 3px 5px; background: #6e212e; color: #ffe9b7; }

.sidebar ul { list-style: none; margin: 0; padding: 0; }

.sidebar ul { margin: 0 0 10px; }

.sidebar ul li { padding: 10px 10px 0; }

.sidebar ul li h2 { border-bottom: 1px dotted #2a423c; padding: 8px 10px 9px; font-size: 24px; font-weight: normal; letter-spacing: -1px; }

.sidebar ul ul { margin: 0; padding: 6px 5px 0; margin: 0 5px 10px; line-height: 24px; list-style-type: square; }

.sidebar ul ul li { padding: 0; }

.sidebar ul ul ul { padding: 0 0 0 10px; }

.navigation { margin: 10px; padding: 10px 0; margin-bottom: 15px; font-size: 14px; font-family: Verdana, Arial; text-align: center; }


.navigation a{ padding: 3px 5px 3px 5px; margin: 1px 3px 1px 3px; font-weight: bold; text-decoration: none; color: #2a423c; font-weight: bold; }

.navigation a:hover{ padding: 3px 5px 3px 5px; margin: 1px 3px 1px 3px; background: #6e212e; color: #ffe9b7; text-decoration: none; }

.navigation_single { padding: 10px 0; font-size: 12px; font-family: Verdana, Arial; text-align: center; margin: 0 0 10px 0; }


.navigation_single a{ padding: 3px 5px 3px 5px; margin: 1px 3px 1px 3px; font-weight: bold; text-decoration: none; color: #2a423c; font-weight: bold; }

.navigation_single a:hover{ padding: 3px 5px 3px 5px; margin: 1px 3px 1px 3px; background: #6e212e; color: #ffe9b7; text-decoration: none; }

img.avatar { float: left; margin: 5px; }


  1. footer{

float: left; width: 960px; padding: 10px 0 10px 0; border-top: 5px solid #6e212e; text-align: left; line-height: 24px; background: #fff;

       height: 20px;

}

.tagcloud { background: #6e212e; padding: 10px;

}

.tagcloud_up { background: url(images/tagcloud_up.png) top center no-repeat; width: 960px; height: 10px;

}

.tagcloud_bottom { background: url(images/tagcloud_bottom.png) bottom center no-repeat; width: 960px; height: 10px; }

.tagcloud a{ color: #ffe9b7; margin: 3px ; font-weight: bold; text-decoration: none; }

.tagcloud a:hover{ margin: 3px; color: #e3d185; text-decoration: none; }

  1. footer p{

margin: 0 10px 0 10px; }

  1. footer p a {

font-weight: bold; }

  1. footer p a:hover{

text-decoration: none; }

  1. footer a img {

width: 32px; height: 32px; }

.text1 {

  position: relative;

}

.text1 h2 {

  position: absolute;
  margin-left:840px;
  top: 10px;

}

.text1 h2 span {

  color:#ffe9b7;
  letter-spacing: -1px;
  background: rgb(0, 0, 0); /* fallback color */
  background: rgba(0, 0, 0, 0.7);
  padding: 0px;

}

  1. lasttweet {
  position: absolute;
  float: left;
  margin-left:60px;
  margin-top: -35px;
  font-size:12px;
  font-family: Arial;
  font-weight:bold;
  color:#6f212f;


}

.text2 {

  position: relative;

}

.text2 h2 {

  position: absolute;
  margin-left:10px;
  top: 2px;

}

.text2 h2 span {

  color:#cddec6;
  letter-spacing: 0px;
  background: rgb(110, 33, 46); /* fallback color */
  background: rgba(110, 33, 46, 0.9);
  padding: 5px;
  font-family: Georgia, Trebuchet, Verdana, Arial;
  font-size:14px;

}

.text2 h2 a{ color: #cddec6; text-decoration:none;

}


.text3 {

  position: relative;

}

.text3 h2 {

  position: absolute;
  margin-left:150px;
  top: 2px;

}

.text3 h2 span {

  color:#cddec6;
  letter-spacing: 0px;
  background: rgb(110, 33, 46); /* fallback color */
  background: rgba(110, 33, 46, 0.9);
  padding: 5px;
  font-family: Georgia, Trebuchet, Verdana, Arial;
  font-size:14px;

}

.text3 h2 a{ color: #cddec6; text-decoration:none;

}

.smallpost { float:left; padding: 10px 10px; width:420px; background: rgb(181, 70, 63); /* fallback color */

  	background: rgba(181, 70, 63, 0.9);
  	padding: 5px;

margin:10px; margin-top:10px; margin-left:30px; line-height: 20px; color:#FFFFFF; font-family: Arial;

       text-align:justify;

}

.smallpost h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }

.smallpost h2 { font-size: 22px; border:none; padding:5px; color: #671111; font-weight:bold; } .smallpost h2 a { color: #671111; font-weight:bold;

       font-size: 22px;

}

.smallpost h2 a:hover { color: #671111; text-decoration:underline;

}

.smallpost p { padding: 5px; font-size:14px; }

.imagepost { float:left; padding: 10px 10px; width:420px; margin-left:10px; margin-top:10px;

}

.imagepost .microImage { float:left; width:420px; margin-left:-15px;

}

.imagepost p { font-size:14px; color: #671111; }

.largepost { float:left; padding: 10px 10px; width:870px; background: rgb(97, 147, 132); /* fallback color */

  	background: rgba(97, 147, 132, 0.9);
  	padding: 5px;

margin:10px; margin-left:30px; line-height: 20px; color:#FFFFFF; font-family: Arial; text-align:justify; }


.largepost h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }

.largepost h2 { font-size: 22px; border:none;

       color: #255748;
       padding:5px;
       font-weight:bold;

} .largepost h2 a { color: #255748; text-decoration:none;

       font-weight:bold;
       font-size: 22px;

}

.largepost h2 a:hover { color: #255748; text-decoration:underline; }


.largepost h3 { font-size: 16px; border:none;

       padding:0px;
       padding-left:5px;
       font-weight:bold;
       color:#FFFFFF;

} .largepost h3 a { color:#FFFFFF; text-decoration:none;

       font-weight:bold;
       font-size: 16px;

}

.largepost h3 a:hover { text-decoration:underline;

       color:#FFFFFF;

}

.largepost p { padding: 5px; font-size:14px; }

.largepost p a { padding: 5px; font-size:14px; color:#FFFFFF; font-weight:bold }

.largepost p a:hover { text-decoration:underline; color:#FFFFFF; font-weight:bold }

.leftpost { float:left; padding: 10px 10px; width:420px; background: rgb(73, 64, 83); /* fallback color */

  	background: rgba(73, 64, 83, 0.9);
  	padding: 5px;

margin:10px; margin-left:30px; line-height: 20px; color:#FFFFFF; font-family: Arial; text-align:justify; }

.leftpost h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }

.leftpost h2 { font-size: 22px; border:none; color: #21182b; padding:5px;

       font-weight:bold;

} .leftpost h2 a { color: #21182b; text-decoration:none;

       font-weight:bold;
       font-size: 22px;

}

.leftpost h2 a:hover { color: #21182b; text-decoration:underline; }

.leftpost p { padding:5px; font-size:14px; }

.leftpost p a { font-size:14px; color: #ffffff; text-decoration:underline; }

.rightpost { float:left; padding: 10px 10px; width:420px; background: rgb(73, 64, 83); /* fallback color */

  	background: rgba(73, 64, 83, 0.9);
  	padding: 5px;

margin:10px; margin-left:10px; line-height: 20px; color:#FFFFFF; font-family: Arial; text-align:justify; }

.rightpost h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }

.rightpost h2 { font-size: 22px; border:none; color: #21182b; padding:5px;

       font-weight:bold;

} .rightpost h2 a { color: #21182b; text-decoration:none;

       font-weight:bold;
       font-size: 22px;

}

.rightpost h2 a:hover { color: #21182b; text-decoration:underline; }

.rightpost p { padding:5px; font-size:14px; }

.rightimagepost { float:right; padding: 10px 10px; width:420px;

  	padding: 5px;

margin-right:50px; line-height: 20px; color:#FFFFFF; font-family: Arial; }

.rightimagepost img { float:right; width:410px; height:200px;

}

.leftpost-green { float:left; padding: 10px 10px; width:420px; background: rgb(97, 147, 132); /* fallback color */

  	background: rgba(97, 147, 132, 0.9);
  	padding: 5px;

margin:10px; margin-left:30px; line-height: 20px; color:#FFFFFF; font-family: Arial; text-align:justify; }

.leftpost-green h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }

.leftpost-green h2 { font-size: 24px; border:none; color: #255748; text-decoration:none; padding:5px; } .leftpost-green h2 a { color: #255748; text-decoration:none; }

.leftpost-green h2 a:hover { color: #255748; text-decoration:underline; }

.leftpost-green p { padding:5px; font-size:14px; }

.leftpost-red { float:left; padding: 10px 10px; width:420px; background: rgb(181, 70, 63); /* fallback color */

  	background: rgba(181, 70, 63, 0.9);
  	padding: 5px;

margin:10px; margin-left:30px; line-height: 20px; color:#FFFFFF; font-family: Arial; text-align:justify; }

.leftpost-red h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }

.leftpost-red h2 { font-size: 24px; border:none; color: #671111; text-decoration:none; padding:5px; } .leftpost-red h2 a { color: #671111; text-decoration:none; }

.leftpost-red h2 a:hover { color: #671111; text-decoration:underline; }

.leftpost-red p { padding:5px; font-size:14px; }


.rightpost-green { float:left; padding: 10px 10px; width:420px; background: rgb(97, 147, 132); /* fallback color */

  	background: rgba(97, 147, 132, 0.9);
  	padding: 5px;

margin:10px; margin-left:10px; line-height: 20px; color:#FFFFFF; font-family: Arial; text-align:justify; }

.rightpost-green h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }

.rightpost-green h2 { font-size: 24px; border:none; color: #255748; text-decoration:none; padding:5px; } .rightpost-green h2 a { color: #255748; text-decoration:none; }

.rightpost-green h2 a:hover { color: #255748; text-decoration:underline; }

.rightpost-green p { padding:5px; font-size:14px; }

.rightpost-red { float:left; padding: 10px 10px; width:420px; background: rgb(181, 70, 63); /* fallback color */

  	background: rgba(181, 70, 63, 0.9);
  	padding: 5px;

margin:10px; margin-left:10px; line-height: 20px; color:#FFFFFF; font-family: Arial; text-align:justify; }

.rightpost-red h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }

.rightpost-red h2 { font-size: 24px; border:none; color: #671111; text-decoration:none; padding:5px; } .rightpost-red h2 a { color: #671111; text-decoration:none; }

.rightpost-red h2 a:hover { color: #671111; text-decoration:underline; }

.rightpost-red p { padding:5px; font-size:14px; }

  1. left {

float:left; width:470px;

}

  1. right {

float:left; width:470px;

}

catLinks {

    border: none;

}

  1. content {

border:none; border-bottom: 1px #2a423c dotted; padding:0px; margin:none; }


  1. top-section{

font-size:16px; border:none; margin-top:0px; margin-bottom:0px; height:15px;

}

  1. menu {

border:0; border-bottom: 5px #6e212e solid; }

  1. menu li {

border:0; }

  1. wrapper {

padding:0; }

body{ width:100%; margin:0 auto; }

  1. globalWrapper {

width: 960px; padding: 0; margin: 0 auto; }

.largepost2 { float:left; padding: 10px 10px; width:870px;

  	padding: 5px;

margin:10px; margin-left:30px; line-height: 20px; color:#000000; font-family: Arial; }


.largepost2 h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }

.largepost2 h2 { font-size: 22px; border:none;

       color: #671111;
       padding:5px;
       font-weight:bold;

} .largepost2 h2 a { color: #671111; text-decoration:none;

       font-weight:bold;
       font-size: 22px;

}

.largepost2 h2 a:hover { color: #671111; text-decoration:underline; }

.largepost2 h3 { font-size: 18px; border:none;

       color: #000000;
       padding:5px;
       font-weight:bold;

}


.largepost2 p { padding: 5px; font-size:14px; text-align:justify; color:#000000; }

largepost2 p a { padding: 5px; font-size:14px; color:#000000; font-weight:bold }

.largepost2 p a:hover { color:#000000; font-weight:bold; }

.largepost2 p a:visited{ color:#000000; font-weight:bold; }


.largeimagepost { width:960px; }

.largeimagepost img { width:840px;

       margin-left:90px;

height:483px;

}

  1. pt-log{

background:black; color: #ffe9b7; }

  1. menubar{

background:black; color: #ffe9b7; margin-top:5px; }

  1. menubar ul{

margin-top:5px; background:black; color: #ffe9b7; }

.right-menu ul li a { background:black; color: #ffe9b7; }

.left-menu ul li a { background:black; color: #ffe9b7; }

.largepost3 { float:left; padding: 10px 10px; width:870px;

  	padding: 5px;

margin:10px; margin-left:90px; line-height: 20px; color:#000000; font-family: Arial; }

  1. rightContent {

float:left; width: 290px; margin: 5px; margin-top:50px; padding:0px 10px 10px 0px; font-size: 14px

}

  1. rightContent h1 {

font-size:1.7em; color:#4a3242; margin-left:5px; }

  1. rightContent p {

font-size: 14px color:#000000; margin:5px; font-family: Arial; text-align:justify; }


  1. rightContent img {

width: 280px; margin-top: 120px; margin: 5px; }


  1. leftContent {

float:left; width: 290px; margin: 5px; margin-top:50px; margin-left:25px; padding:0px 10px 10px 0px; font-size: 14px }


  1. leftContent h1 {

font-size:1.7em; color:#4a3242; margin-left:5px; }


  1. leftContent img {

width: 280px; margin-top: 120px; margin: 5px; }


  1. leftContent p {

font-size: 14px color:#000000; margin:5px; font-family: Arial; text-align:justify; }

  1. middleContent {

float:left; width: 290px; margin: 5px; margin-top:50px; padding:0px 10px 10px 0px; font-size: 14px }

  1. middleContent h1 {

font-size:1.7em; color:#4a3242; margin-left:5px; }

  1. middleContent p {

font-size: 14px; color:#000000; margin:5px; font-family: Arial; text-align:justify; }

  1. middleContent img {

width: 280px; margin-top: 120px; margin: 5px; }

.leftimagepost { position:absolute; float:left; padding: 10px 10px; width:420px;

  	padding: 5px;
       padding-top: 20px;

margin-left:20px; line-height: 20px; color:black; font-family: Arial;

       margin-top:1190px;

}

.leftimagepost img { float:left; width:150px; height:115px; }

.leftimagepost p { font-family: Arial;

color:#6f212f;

font-size: 16px; position: absolute;

}

.igemtext {

  position: relative;

}

.igemtext h2 {

  position: absolute;
  margin-left:170px;
  margin-top:500px;
  top: 10px;

}

.igemtext h2 span {

letter-spacing: -1px;
  padding: 0px;
  font-size:18px;
  font-family: Arial;
  font-weight:bold;
  color:#6f212f;

}

.largepost-red { float:left; padding: 10px 10px; width:870px; background: rgb(181, 70, 63); /* fallback color */

  	background: rgba(181, 70, 63, 0.9);
  	padding: 5px;

margin:10px; margin-top:10px; margin-left:30px; line-height: 20px; color:#FFFFFF; font-family: Arial;

       text-align:justify;

}

.largepost-red h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }

.largepost-red h2 { font-size: 22px; border:none; padding:5px; color: #671111; font-weight:bold; } .largepost-red h2 a { color: #671111; font-weight:bold;

       font-size: 22px;

}

.largepost-red h2 a:hover { color: #671111; text-decoration:underline;

}

.largepost-red p { padding: 5px; font-size:14px; }

.humanPost { float:left; padding: 0px 0px; width:570px;

  	padding: 0px;

margin: 0px; line-height: 20px; color:#000000; font-family: Arial; }

.humanPost h2, .entry h3, .entry h4, .entry h5, .entry h6 { padding: 5px 0 5px; }

.humanPost h2 { font-size: 22px; border:none;

       color: #671111;
       padding:5px;
       font-weight:bold;

} .humanPost h2 a { color: #671111; text-decoration:none;

       font-weight:bold;
       font-size: 22px;

}

.humanPost h2 a:hover { color: #671111; text-decoration:underline; }

.humanPost h3 { font-size: 18px; border:none;

       color: #000000;
       padding:5px;
       font-weight:bold;

}


.humanPost p { padding: 5px; font-size:14px; text-align:justify; color:#000000; }

humanPost p a { padding: 5px; font-size:14px; color:#000000; font-weight:bold }

.humanPost p a:hover { color:#000000; font-weight:bold; }

.humanPost p a:visited{ color:#000000; font-weight:bold; }

.humanImage{ float:right; padding: 0px 0px; width:280px;

}

.humanImage img{ width:260px; margin-top:10px;

}

.medal { float:left; width:200px; height:191px; }