html, body 
{
background-color:#dce4cf;
margin-top:0px;
height:100%; 
}

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

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

#search label
{
font:11px arial, verdana, , Helvetica, Century Gothic, sans-serif;
}

#search input, select
{
width:100px;
height:20px;
background-color:#dce4cf;
color:#000000;
border:1px solid #6f872f;
margin-right:45px;
margin-top:10px; 
}



#search label
{
margin-right:5px;
width:50px;
display:inline-table;
}
#search form
{
margin-bottom:50px;
}

#search h3
{
font:17px  arial, verdana, , Helvetica, Century Gothic, sans-serif;
}

#head a
{
font:38px  arial, verdana, , Helvetica, Century Gothic, sans-serif;
color: afbf95;
font-weight:bold;
text-decoration:none;
text-align:center; 
letter-spacing:15px;
}

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

#navi a
{
font:18px  arial, verdana, , Helvetica, Century Gothic, sans-serif;
color: #CC0000;
font-weight:bold;
text-decoration:none;
margin-right:50px;
letter-spacing:normal;
}

#head a.small
{
font:12px  arial, verdana, , Helvetica, Century Gothic, sans-serif;
color: #CC0000;
font-weight:bold;
text-decoration:none; 
letter-spacing:normal;  
}


/*this is where the content goes*/
#content
{
 padding:20px;
padding-bottom:20px; 
font:13px  arial, verdana, , Helvetica, Century Gothic, sans-serif;
color:#000000;
}
.ec3_schedule
{
font:1.4em  arial, verdana, , Helvetica, Century Gothic, sans-serif;
color:#000000;
}

span.small
{
font:0.7em arial, verdana, , Helvetica, Century Gothic, sans-serif;
margin-left:730px;
margin-bottom:40px;
}


#content h1
{
font:23px  arial, verdana, , Helvetica, Century Gothic, sans-serif;
margin-bottom:25px;
}

#content .records
{
margin-top:120px;
}
#content img
{
margin-right:20px;
}

#content .tracklist
{
/*text-align:justify;
width:360px;*/
/*margin-left:115px;*/
}
#content .tracknr
{
text-align:right;
margin-right:7px;
display:inline-table;
width:15px;
}

#content .side
{
margin-left:35px;
font-weight:bold;
font-size:1.1em;
margin-bottom:2px;
margin-top:8px;
display:inline-table;
}

#content .record
{
float:left;
width:375px;
margin-bottom:90px;
padding-left:5px;
padding-top:10px;
padding-bottom:5px;
}


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

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


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

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

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


#content span.datum
{
font:1.1em  arial, verdana, , Helvetica, Century Gothic, sans-serif;
font-weight:demi-bold;
text-decoration:underline;
}                         
 
#content span.days
{
text-align:center;
font:14px arial, 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  arial, verdana, , Helvetica, Century Gothic, sans-serif;
}


#content .next
{
display:inline-table;
text-align:right;
font:1.7em  arial, verdana, , Helvetica, Century Gothic, sans-serif;
font-weight:bold;
width:350px;
}

#content .previous
{
display:inline-table;
font:1.7em  arial, verdana, , Helvetica, Century Gothic, sans-serif;
font-weight:bold;
width:350px;
}

#content .comment
{
font-style:italic;
}

#content span.edit
{
font-weight:bold;
font-size:17px;
}

#content a
{
font:1em  arial, verdana, , Helvetica, Century Gothic, sans-serif;
color: #CC0000;
font-weight:light;
text-decoration:none;
}
#content a:hover
{
font:1em  arial, verdana, , Helvetica, Century Gothic, sans-serif;
color: #CC0000;
font-weight:light;
text-decoration:underline;
}

#content a.bold
{
font:1em  arial, verdana, , Helvetica, Century Gothic, sans-serif;
color: #CC0000;
font-weight:bold;
text-decoration:underline;
}
#content a.bold:hover
{
font:1em  arial, verdana, , Helvetica, Century Gothic, sans-serif;
color: #CC0000;
font-weight:bold;
text-decoration:none;
}



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

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

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


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




#lightbox{
	background-color:#000000;
	padding: 15px;
	border: 2px solid #afbf95;
	}
#lightboxDetails{
	font-size: 18px;
	color:#dce4cf;
	padding-top: 7px;
	}	
#lightboxCaption{ float: left; }
#lightboxDetails a
{
color:#afbf95;
font-weight:bold;
dex-decoration:none;
}
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(http://www.neotonfamilia.com/images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="(http://www.neotonfamilia.com/images/overlay.png", sizingMethod="scale");
	}