html, body 
{
background-color:#4d4d4d;
margin-top:0px;
height:100%;
font-face:Verdana, Helvetica, Century Gothic, sans-serif;  
}

/*wrapper to make page centered, as well as some other stuff*/
#wrapper{
background:#4d4d4d;
width:800px;
min-height:100%;
position:relative;
left:50%;
margin-left:-400px;
margin-top:0px;
}

#head
{
background:#4d4d4d;
padding:0px;
margin-bottom:20px;
}

#navi
{
border-bottom:1px solid #e2f4e2;
border-top:1px solid #e2f4e2;
}

#navi a
{
font:18px  Verdana, Helvetica, Century Gothic, sans-serif;
color: #a4ffa4;
font-weight:bold;
text-decoration:none;
margin-right:50px;
}
/*this is where the content goes*/
#content
{
 padding:20px;
padding-bottom:20px; 
font:0.9em  Verdana, Helvetica, Century Gothic, sans-serif;
color:#e2f4e2;
}
.ec3_schedule
{
font:1.4em  Verdana, Helvetica, Century Gothic, sans-serif;
color:#e2f4e2;
}


#content ul
{
margin-left:5px;
}

#content li
{
list-style-type:none;
font:1.2em  Verdana, Helvetica, Century Gothic, sans-serif;
}


#content li li
{ 
list-style-type:none;
font:0.8em  Verdana, Helvetica, Century Gothic, sans-serif;
}

#content h1
{
font:1.7em  Verdana, Helvetica, Century Gothic, sans-serif;
margin-top:100px;
margin-bottom:5px;
}


#content h2
{
font:1.5em  Verdana, Helvetica, Century Gothic, sans-serif;
margin-top:70px;
}

#content h2.post
{
font:1.4em  Verdana, Helvetica, Century Gothic, sans-serif;
margin-bottom:6px;
margin-top:30px;
}


#content h3
{
font:1.2em  Verdana, Helvetica, Century Gothic, sans-serif;
}

#content span.small
{
font:0.97em  Verdana, Helvetica, Century Gothic, sans-serif;
font-weight:demi-bold;
}

#content span.infos
{
font:1.12em  Verdana, Helvetica, Century Gothic, sans-serif;
font-weight:demi-bold;
}


#content span.datum
{
font:1.1em  Verdana, Helvetica, Century Gothic, sans-serif;
font-weight:demi-bold;
text-decoration:underline;
}                         
 
#content span.days
{
text-align:center;
font:14px Verdana, Helvetica, Century Gothic, sans-serif;
width:15px;
padding-left:5px;
padding-right:5px;
padding-bottom:0px;
display: table-cell;
} 
#content span.biggger
{
font:1.35em  Verdana, Helvetica, Century Gothic, sans-serif;
}

#content a
{
font:0.9em  Verdana, Helvetica, Century Gothic, sans-serif;
color: #a4ffa4;
font-weight:bold;
text-decoration:none;
}
#content a:hover
{
font:0.9em  Verdana, Helvetica, Century Gothic, sans-serif;
color: #a4ffa4;
font-weight:bold;
text-decoration:underline;
}

#content .picture
{
width:200px;
float:left;
}

#content .meta
{
font:0.8em  Verdana, Helvetica, Century Gothic, sans-serif;
}
#content .tags
{
font:0.9em  Verdana, Helvetica, Century Gothic, sans-serif;
width:700px;
}

/*this is where the foot goes */
#foot
{
background: #4d4d4d;
   position:absolute;
   bottom:0;
   height:20px;
width:100%;
border-top:1px solid #e2f4e2;
}


#foot a
{
font:0.8em  Verdana, Helvetica, Century Gothic, sans-serif;
color:#a4ffa4;
text-decoration:none;
margin-right:30px;
}



label
{
display:block;
width:70px;
margin-right:10px;
float:left;
}

.form
{
margin-top:10px;
margin-left:0px;
clear:left;
}

textarea
{
height:200px;
width:400px;
border:1px solid #e2f4e2;
background-color:#e2f4e2;
color:#4d4d4d;
font:0.9em  Verdana, Helvetica, Century Gothic, sans-serif;
margin-top:20px;
}

.name
{
width:200px;
border:1px solid #e2f4e2;
background-color:#e2f4e2;  
color:#4d4d4d;
font:0.9em  Verdana, Helvetica, Century Gothic, sans-serif;
}


#submit
{
background-color:#4d4d4d;
color:#a4ffa4;
border:1px solid #e2f4e2;
font:0.9em  Verdana, Helvetica, Century Gothic, sans-serif;
}