/*******************************************************************************
spenibus.net
*******************************************************************************/
body {
   margin:0;
   padding:8px;
   font:12px tahoma;
   background-color:#89A;
   color:#000;
}
a {
   text-decoration:none;
   color:#00A;
   font-weight:bold;
}
a:hover,
a:active {
   color:#A00;
   color:#800;
}
img {
   border:0;
   vertical-align:middle;
}
iframe {
   vertical-align:middle;
}




/********************************************************************* header */
.header {
   padding:0;
   margin:0 auto;
   background-color:#EEE;
   border:1px solid #000;
   display:table;
   width:calc(100% - 2px);
}
.header > div {
   display:table-cell;
   vertical-align:middle;
   padding:4px;
}


.header > .title > h1 {
   padding:0;
   margin:0;
   font-size:200%;
   white-space:nowrap;
}


.header > .social {
    text-align:right;
}
.header > .social > .social-item {
    display:inline-block;
    padding:1px;
    margin:2px;
    background-color:#DDD;
    border:1px solid #AAA;
    white-space:nowrap;
}
.header > .social > .social-item > .icon {
    vertical-align:bottom;
}
.header > .social > .social-item:hover {
    background-color:#FED;
    border-color:#CBA;
}
.header > .social > .social-item > span.username {
    display:none;
}




/******************************************************************************/
.list {
   background-color:#EEE;
   border:1px solid #000;
   border-top:0;
   padding:8px 9px;
}
.list > ul {
   display:table;
   list-style:none;
   width:100%;
   margin:0;
   padding:0;
   border:1px solid #AAA;
   margin-left:-1px;

}
.list > ul > li {
   display:table-row;
}
.list > ul > li > span {
   display:table-cell;
   padding:0 4px;
   width:0;
   white-space:nowrap;
}

.list > ul > li:first-child {
}


.list > ul > li > span.name {
   width:auto;
   white-space:normal;
}
.list > ul > li > span.name > img {
   vertical-align:top;
}



/* grid */
.list > ul > li + li > span {
   border-top:1px solid #AAA;
}
.list > ul > li > span + span {
   border-left:1px solid #AAA;
}


/* headers */
.list > ul > li:first-child {
   font-weight:bold;
   font-size:80%;
}


/* regular cells */
.list > ul > li:nth-child(n+2) > span.time,
.list > ul > li:nth-child(n+2) > span.type,
.list > ul > li:nth-child(n+2) > span.size {
   font-size:80%;
}


/* alternate list bg */
.list > ul > li:nth-child(2n+3) {
   background-color:#DDD;
}

/* column: size */
.list > ul > li > span.size {
   text-align:right;
}




/********************************************************************* footer */
.footer {
   background-color:#EEE;
   border:1px solid #000;
   border-top:0;
   padding:4px;
}
.footer > ul {
   list-style-position:inside;
   width:100%;
   margin:0;
   padding:0;
}
.footer > ul > li {
   display:inline-block;
   padding:0 4px;
}