/******************/
/*HTML TAG DISPLAYS */
/******************/
body {
	font-family: "RegloNormal";
	line-height: normal;
	text-align: left;
	margin:2.8em auto 0 auto;
	/*padding: 0px 10px;*/
	clear: both;
}
code,pre{
	display:block;
	overflow:auto;
	padding:0.5em;
	background:black !important;
	color:white !important;
	font-family:monospace;
}
audio { 
	display:block;
	width: 90%; 
	margin:0.5em auto 1em auto;
}

a {
	color:inherit;
	text-decoration: none;
}
.userContent a:hover {
    text-decoration: underline;
}
a.block:hover,nav a:hover{
    text-decoration: none;
}
button, .button{
	margin:0 0 0 0;
	padding: 0 0 0 0;
	cursor:pointer ;
	background:none;
}
img {max-width:100%;}
img.logo{border:2px solid black;}

header{
	padding:0 0 2em 0;
	font-family: 'RegloBold';
}
h1, h2, h3, h4, h5{
	font-family: 'RegloBold';
	line-height:1em;
	padding:0.2em 0 0.2em 0;
}
h1, h2, h3, h4{
	text-transform: uppercase;
}
h1 {	font-size: 6em;}
h2 {	font-size: 4em;}
h3 {	font-size: 3em;}
h4 {	font-size: 1.8em;}
h5 {	font-size: 1.1em;}

/*Specific rules for text writen by final users */
.userContent h1 {	font-size: 2em;}
.userContent h2  {	font-size: 1.9em;}
h1, h2, h3, h4, .squashed{
    font-family: 'RegloScale';
    }

nav{
	padding:0em;
	font-family: "RegloBold";
	text-transform: uppercase;
}
hr {
	height: 0;
	margin:0.5em 0 0.5em 0;
	padding:0;
	border-style:solid;
	border-width:2px 0 0 0 ;
	border-color:black;
}
table{
	margin:auto;
	table-layout:fixed;
}
table,td,tr  {
	padding:0;
	margin:0;
	word-wrap: break-word;
	text-overflow: ellipsis;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #D0D0D0;
	border-collapse:collapse;
}
th {
	white-space: nowrap;
	text-transform: uppercase;
}
tr{
}
p {
    /*line-height: 1.2;*/
    margin-bottom: 1em;
}
p  a {
	text-decoration: underline
}
    
em {
    font-family: "RegloBold";
    font-style: normal;
}
strong{
	text-transform: uppercase;}
blockquote {
	padding: 1em;
	font-style:italic;
}

dl{}
dt, dd{	
	letter-spacing:1px;
	line-height: 150%;
}
dt {
	float:left;
	font-family: "RegloBold";
	margin-right: 0.3em; 
}
dd {
	font-family: "RegloNormal";
}

dt:after {
    content: ":";
}

dl.metadata dt {
	clear: none;
	margin: 0;
}

dl.metadata dd {
	margin-right: 4px;
    }

button {display:inline-block;}
button {
	font-family: "RegloBold";
	text-transform: uppercase;
}
ul, ol, dl {
	margin: 0;
	padding: 0 0 0 2em;
}
nav ul, ul.inline, ul.custom, ul.custom li{
	list-style: none;
	margin: 0;
	padding: 0;
}
nav ul li, ul.inline li{
	display:inline;
}
ul.list{
	list-style-type:square; /*Not working but why?*/
	list-style-position:inside;
}
ul.list > li{
	padding:0.5em 0 0.5em 0;
	border-bottom:1px solid #ccc;
}

/******************/
/*USEFULL CLASSES */
/******************/

.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

ul.distributed{
	display:table;
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	border-collapse:collapse;
}
ul.distributed li{
	display:table-cell;
	text-align:center;
}
ul.distributed.by2 li{
	width:50%;
}
ul.distributed.by3 li{
	width:33%;
}
ul.distributed.by4 li{
	width:25%;
}
ul.distributed.by5 li{
	width:20%;
}
ul.distributed.by6 li{
	width:16.6666%;
}
ul.distributed.by7 li{
	width:14.285%;
}

a.active, button.active{
	font-weight:bold;
	text-decoration:none;
	border-bottom: 2px solid;
}
.active *{
	font-weight:inherit;
}

.todo:hover, .todo *:hover{
	text-decoration: line-through;
	color:red !important;
} 


.focusFade {
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    }

.extra-margin {
    margin-bottom: 16px;
}
.ellipsis{
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.block {display:block;}
.inBlock{display:inline-block;}
.right{float:right;margin-left:1em;}
.left{float:left;margin-right:1em;}
.userContent .right, .userContent .left{
	margin-bottom:1.5em;
}
img.right, img.left{max-width:50%;}
.smooth{opacity:0.5;}
.hidden{display:none;}
.invisible{visibility:hidden;}
.padded{padding:1.5em;}
.marged{margin:1.5em 0 1.5em 0;}
    
.small{	font-size: 80%;}
.big{	font-size: 150%;}   
.huge{	font-size: 200%;}

.absolute{
	position:absolute;
}
.relative{
	position:relative;
}
.nowrap {
	white-space: nowrap;
}
.center{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.loading{
   -webkit-animation: loading 1s infinite linear;
   -moz-animation: loading 1s infinite linear;
   -o-animation: loading 1s infinite linear;
   animation: loading 1s infinite linear;
}
@-webkit-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
@-moz-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
@-o-keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}
@keyframes loading {0%{opacity:1 !important;}50%{opacity:0 !important;}100%{opacity:1 !important;}}

.spinning {
   position:relative;
   /*
   -webkit-animation: rotation 10s infinite linear;
   -moz-animation: rotation 10s infinite linear;
   -o-animation: rotation 10s infinite linear;
   animation: rotation 10s infinite linear;
   */
}
@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}
.vertical {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.columns{column-gap: 0;	-webkit-column-gap: 0;	-moz-column-gap: 0;}
.columns.padded{column-gap: 2em;	-webkit-column-gap: 2em;	-moz-column-gap: 2em;}
.columns li{
	display:inline-block;
	width:100%;
	column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid-column;
	-webkit-break-inside: avoid-column;
	-moz-break-inside: avoid-column;
}
@media only screen and (min-width: 600px) {
	.columns{column-count: 2;	-webkit-column-count: 2;	-moz-column-count: 2;}	
}
.columns.by3{column-count: 3;	-webkit-column-count: 3;	-moz-column-count: 3;}

/* And the rest is Eric & Seb, AGPLv3*/

label, select, input, button, textarea{
	font-size:inherit;
}
label {
	margin-right:1em;
	height: 1.2em;
	display: inline-block;
	text-transform: uppercase;
}

select {
    height: 1.2em;
    -webkit-appearance: none;
    -moz-appearance: window;
}

select[multiple],
select[size] {
    height: auto;
    background-image: inherit;
}

input[type=date] {
    -webkit-appearance: none;
    -moz-appearance: window;
}

select, select option {
    height: 1.2em;
    text-transform: none;
}

input, select {
    height: 1.2em;
    background: #fff;
    border: 1px inset #aaa;
}


input[type=text], textarea{
	width: 100%; 
	max-width:10em;
	display: inline-block;
	border:2px solid black;
	border-radius:0.2em;
	-moz-border-radius:0.2em;
	-webkit-border-radius:0.2em;
}

input[type=submit] {
    text-align: left;
    border: none;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before, .cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* icons */

@font-face {
        font-family: 'FontAwesome';
        src: url('/static/xstatic/fonts/fontawesome-webfont.eot');
        src: url('/static/xstatic/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/static/xstatic/fonts/fontawesome-webfont.woff') format('woff'), url('/static/xstatic/fonts/fontawesome-webfont.ttf') format('truetype'), url('/static/xstatic/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
        font-weight: normal;
        font-style: normal;
}

/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline;
}

/* reglo symbols variants */
[class^="icon-"].resymbol,
[class*=" icon-"].resymbol {
  font-family: Symbols;
}

/* specific icon classes */
.icon-archive:before { content: "\f187"; }
.icon-bolt:before { content: "\f0e7"; }
.icon-bullhorn:before { content: "\f0a1"; }
.icon-calendar:before { content: "\f073"; }
.icon-check:before { content: "\f046"; }
.icon-check-empty:before { content: "\f096"; }
.icon-chevron-sign-left:before { content: "\f137"; }
.icon-chevron-sign-right:before { content: "\f138"; }
.icon-comments:before { content: "\f086"; }
.icon-double-angle-left:before { content: "\f100"; }
.icon-download:before { content: "\f01a"; }
.icon-envelope:before { content: "\f0e0"; }
.icon-file:before { content: "\f15b"; }
.icon-globe:before { content: "\f0ac"; }
.icon-headphones:before { content: "\f025"; }
.icon-home:before { content: "\f015"; }
.icon-info-sign:before { content: "\f05a"; }
.icon-microphone:before { content: "\f130"; }
.icon-pause:before { content: "\f04c"; }
.icon-play:before { content: "\f04b"; }
.icon-play-sign:before { content: "\f144"; }
.icon-plus-sign:before { content: "\f055"; }
.icon-question-sign:before { content: "\f059"; }
.icon-remove:before { content: "\f00d"; }
.icon-rss:before { content: "\f09e"; }
.icon-search:before { content: "\f002"; }
.icon-share:before { content: "\f045"; }
.icon-step-backward:before { content: "\f048"; }
.icon-step-forward:before { content: "\f051"; }
.icon-stop:before { content: "\f04d"; }
.icon-trash:before { content: "\f014"; }
.icon-volume-up:before { content: "\f028"; }