/* --------- year-navi -------------------- */
ul#yearnavi {
border: 1px solid #ccc;
background:#eee;
padding:10px;
}
ul#yearnavi li {
list-style-type:none;
list-style-position:outside;
padding:3px;
margin:0 10px 0 0;
float:left;
}


/* --------- heading ----------------- */
h2 {
font-size:x-large;
float:left;
width:103px;
clear:both;
margin:0;
padding:0 20px 0 0;
}
h3 {
margin:0;
padding:0;
padding-bottom:0.3em;
width:108px;
text-align:center;
}


/* --------- photos ---------------------- */
#content .year  ul {
float:left;
text-align:left;
width:613px;
}
#content .year ul li {
list-style-type:none;
list-style-position:outside;
padding:3px;
width:100px;
border:1px solid #ccc;
margin:0 8px 10px 0;
float:left;
}
li.clear {
clear:both ! important;
}

#content .year img {
width:100px;
}
#content .year ul li p {
font-size:x-small;
height:1.5em;
overflow:hidden;
margin:0;
width:100px;
padding:3px 0 0 0;
}
/* ----------- year -------------------- */
.year {
border-top:1px solid #ccc;
padding:10px 0 30px;
}
/* ----------- group ------------------- */
.group {
float:left;
width:118px;
}
.odd {
background-color:#ccc;
}
.even{
background-color:#eee;
}
#content .group ul {
width:auto;
float:none;
}
#content .group ul li {
float:none;
}