/* General */

/* Open Source typeface by Raph Levien, available at http://www.levien.com/type/myfonts/inconsolata.html */
@font-face {
  font-family: 'Inconsolata';
  src: url('Inconsolata.eot');
  src: local('Inconsolata'), local('Inconsolata'), 
         url('Inconsolata.otf') format('opentype');
}
@font-face {
  font-family: 'Inconsolata';
  src: url('Inconsolata-Italic.eot');
  src: local('Inconsolata-Italic'), local('Inconsolata-Italic'), 
         url('Inconsolata-Italic.otf') format('opentype');
    font-style: italic;
}

.wait {text-decoration: blink;}

html, body { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; font-family: "Inconsolata", "Consolas", Monospace;}
body { font-size: 12px; line-height: 15.5px; }
/*#content {padding: 1em; padding-bottom: 0; height: 95%; overflow-y: scroll; z-index: -1;}
*/
#content { position: absolute; top: 0; left: 0; right: 0; bottom: 2em; overflow-y: scroll; padding: 1em; }

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

p { margin: 0; }
img { border: none; max-width: 100%; }

ul { margin: 0; padding: 0; }
li { list-style: none; }

sup { font-size: 0.7em; vertical-align: 0.5em; line-height: 0; }

label { display: none;}
input { margin: 0;}

/* Tables */
#about, #news, #projects { border-collapse: collapse; text-align: left; border: none; width: 100%; }
table thead tr { text-transform: uppercase;}
th, td { padding: 4px 12px; vertical-align: top; font-weight: normal;}


.row1 {background-color: #F8F8F8;}
.sub-table thead {display: none;}

.row1 .sub-table tr, .subrow.row1 { border-top: 2px solid white; }
.row2 .sub-table tr, .subrow.row2 { border-top: 2px solid #F8F8F8; }
      .sub-table tr:first-child { border-style: none; }


.sub-table td { padding: 2px 0 0; }
.col-how-title { width:7em; padding-right:0.5em;}
.col-how-definition { }

#about tr.fold td.cell-about a, 
#about tr.fold td.cell-contact p, 
#about tr.fold td.cell-what, 
#about tr.fold td.cell-when, 
#about tr.fold td.cell-where, 
#news td.cell-news,
#news td.cell-when,
#news td.cell-what, 
#projects tr.fold td.cell-projects p a, 
#projects tr.fold td.cell-what, 
#projects tr.fold td.cell-when, 
#projects tr.fold td.cell-where,
#projects tr.fold td.cell-who, 
#projects tr.fold td.cell-for,
#projects tr.fold td.cell-with,
#projects tr.fold td.cell-why,
.ellipsis {
    text-overflow:ellipsis;
	-o-text-overflow: ellipsis; 
	-moz-binding: url('ellipsis.xml#ellipsis');
	overflow:hidden;
	white-space:nowrap;
}

#about tr.fold td.cell-about a, 
#projects tr.fold td.cell-projects a { display: block; }

#about { table-layout: fixed ;}
#about-col-cb, #about-col-mood { width: 2em; }
#about-col-about { width: 10%; }
#about-col-contact { width: 14%; }
#about-col-when { width: 11%; }
#about-col-what { width: 40%; }

#news { table-layout: fixed ;}
#news-col-cb, #news-col-mood { width: 2em; }
#news-col-news { width: 10%; }
#news-col-when { width: 14%; }

#projects { table-layout: fixed ;}
#projects-col-cb, #projects-col-mood { width: 2em; }
#projects-col-projects { width: 10%; }
#projects-col-what { width: 8%; }
#projects-col-when { width: 6%; }
#projects-col-who { width: 6%; }
#projects-col-how { width: 17.5%; }
#projects-col-why { width: 22.5% }

.cell-cb input { margin-top: 1px;}
.picto { font-family:'Webdings', 'Symbol'; font-size: 30px; line-height: 60px;}
.cell-mood {font-family:'Webdings', 'Symbol'; font-size: 16px; }

#about, #news, #projects { margin-bottom: 3em; }

.sort-bt a { cursor: s-resize;}
.asc a { cursor: n-resize !important;}
.desc a { cursor: s-resize !important;}
.arrow { font-weight: normal; padding-left: 4px;}

.subList li { display: inline; }
.subList li:after { content: ", "; }
.subList li:last-child:after { content: ""; }

/* Projects */
.permalink {font-family: Webdings; font-size: 14px;}
.img-row img { vertical-align: top; margin-right: 0.5em; margin-bottom: 0.5em; }
.row1 + .img-row{ background-color: #F8F8F8;}
.img-row td { padding-top: 1em; }

.big_image { cursor: e-resize;}
.cell-why p { text-indent: 1.5em; }
.cell-why p:first-child { text-indent:0; }


/* Navigation */
#navigation { padding: 0.25em 1em; position: absolute; bottom: 0; left: 0; height: 1.5em; width: 100%; font-size: 12px; background-color: #00D; color: white; vertical-align: middle; z-index: 1;}
    select, input { margin: 0; }
    #navigation a { color: white; }
    #navigation form, #navigation span  { display:inline; }
    #navigation select, #navigation input { margin-right: 0.5em; font-size: 11px; color: blue;  }
    #bookmark { font-family: 'Webdings';}
    #bookmark a { margin-left: 0.25em; font-family: "Inconsolata", "Consolas", Monospace;}
    #language { float: right; margin-right: 3em; vertical-align: middle;}
    #language input { background: none; background-color: transparent; display: inline; border-style: none; color: white; padding: 0; font-family: "Inconsolata", "Consolas", Arial; font-size: 12px;}
    #language input:hover { cursor: pointer; }
    
/* Image Layer */
#image-layer { position: absolute; z-index: 2; height: 100%; overflow: auto; width:100%;}
#image-content { padding: 3em;}
#image-layer img { vertical-align: top; float: left; margin: 1em;}