
body
{
background: black;
marginy: 60px 60px 60px 60px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
align: center;
}

.thumbnail
{
float: left;
width: 100px;
height: 100px;
border: 1px solid #999;
border2: none;
margin: 0 15px 15px 0;
padding: 0;
}

.day
{
float: left;
width: 100px;
height: 100px;
border: none;
margin: 8px 8px 8px 8px;
padding: 0;
}

.day2
{
float: left;
width: 216px;
height: 100px;
border: none;
margin: 8px 8px 8px 8px;
padding: 0;
}

.day3
{
float: left;
width: 324px;
height: 100px;
border: none;
margin: 8px 8px 8px 8px;
padding: 0;
}

.day4
{
float: left;
width: 432px;
height: 100px;
border: none;
margin: 8px 8px 8px 8px;
padding: 0;
}

.day5
{
float: left;
width: 540px;
height: 100px;
border: none;
margin: 8px 8px 8px 8px;
padding: 0;
}

.day6
{
float: left;
width: 648px;
height: 100px;
border: none;
margin: 8px 8px 8px 8px;
padding: 0;
}

.day7
{
float: left;
width: 756px;
height: 100px;
border: none;
margin: 8px 8px 8px 8px;
padding: 0;
}

.name
{   
float: left;
width: 100px;
height: 20px;
border: none; 
margin: 8px 8px 8px 8px;
padding: 0;
}

.thumbnail img { width: 100px; height: 100px; }

.clearboth { clear: both; }


div#thumbnail a span {display: none;}

div#thumbnail a:hover span {
display: block;
font: 90px serif;
font-size: 90px; }


div#num a {display: block;}

div#num a span {display: none;}

div#num a:hover span {
z-index: 100;
display: block;
color: #AAA;
background: black;
font: 90px serif;
text-align: center;
text-decoration: none;
}


a, a:link, a:active
{
color:                  #666666;
text-decoration:        none;
font-size:		0;
}

a:visited
{
color:                  #666666;
text-decoration:        none;  
}

a:hover
{
text-decoration:        none;
}


a.image, a.image:link, a.image:visited, a.image:active, a.image:hover
{
text-decoration:        none;
border-bottom:          none;
}


/********

.thumbnail img { width: 100px; height: 100px; }

border: 1px solid #999;


********/
