body { margin: 0; }
ul { list-style-type: none; margin: 0; padding: 0 12px 20px 12px; }
li { margin: 8px 0; }

#info { letter-spacing: 0.1em; text-align: justify; background-image: url("../img/ULOBIT-b.png"); background-position: 6px 6px; background-repeat: no-repeat; font-family: Arial; font-size: 0.7em; color: #7c7c7c; position: absolute; z-index: 1; top: 60px; left: 60px; width:350px; background-color: #000; border-radius: 6px; -moz-border-radius: 6px; opacity:0.7;
-moz-box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.4);
box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.4);
}
#loading { display: none; position: absolute; z-index: 2; bottom: 60px; right: 60px; width:80px; height: 80px; background-image: url("../img/loading.gif"); background-repeat: no-repeat; }
#info p { padding: 0 8px; }
#info li p { padding: 0; margin: 0 0 4px 0; font-size: 1em; }
#info li span { padding: 0; margin: 0; font-size: 0.8em; }
#content div { padding: 20px 8px 8px 8px; }

a { text-decoration: none; color: #ccc; }
a:hover { color: #fff; }
a:visited  { color: #ccc; }
a.video { padding: 0 8px; }

h2 { padding: 8px 8px 0 8px; margin: 0; color: #ccc; font-weight: normal; font-size: 1em; }
h3 { padding: 0; margin: 0; color: #ccc; font-weight: normal; font-size: 1em; }

.right { text-align: right; }

#lang { position:absolute; top: 20px; right:20px; font-size: 0.9em; color: #7c7c7c; }
#lang span { cursor: pointer; }
#lang span.selected { color: #fff; }
#lang span:hover { color: #fff; }

li.important, li.important h3, li.important a, li.important a:visited { color: #ff6a47; /*e05151;*/ }

#hide { display:block; cursor: pointer; width: 60px; height: 60px; }

/* vikingland */
/* http://www.ulobit.net/mailing/blank_bw2.jpg */
.vikingland .fancybox-skin { background-color: #100703 !important; border: 1px solid #393939; }
.vikingland { color: #ccc; background-color: #100703; background: url('http://www.ulobit.net/squelettes/img/blank_new_dark.png'); font-family: 'Source Sans Pro', sans-serif; }
.vikingland h2 { text-align: center; font-size: 16px; margin-bottom: 14px; }
.vikingland ul { margin: 0; padding: 0; }
.vikingland #wrapper { width: 810px; margin: 20px auto; position: relative; overflow: visible; }
.vikingland #thumbs { overflow: auto; height: 648px; width: 140px; padding: 20px 0 0 10px; position: absolute; top: 0; left: 810px; }
.vikingland #thumbs a { /* color: #00FF8A; */ }
.vikingland #thumbs a:hover, .vikingland #thumbs a.selected, .vikingland .texte a:hover, .vikingland .texte span:hover { background-color: #4B91F2; cursor: pointer; }
.vikingland #embed { height: 648px; width: 810px; background-color: #000; } 
.vikingland #logo { height: 100px; width: 100px; background: url('http://www.ulobit.net/squelettes/img/ULOBIT2.png'); background-size: 100px 100px; position: absolute; top: 0; left: -120px;}
.vikingland .texte { font-size: 15px; /* padding: 0 10px; */ text-align: justify;}

.vindel .intro h2 { text-align: left; padding: 12px 0 0 0; margin-bottom: -12px; font-weight: bold; }
.vindel .articles { font-size: 15px; text-align: left;}
.vindel .articles h2 { text-align: left; font-weight: bold; padding-left: 0; }

 .vikingland .texte span { font-size: 14px; }
 .vikingland .texte span.selected { padding-bottom: 0px; margin-bottom: 0px; border-bottom: 1px solid #ccc; }

/* pletora gallery */
.gallery { padding: 0; list-style-type: none; margin: 32px 0 18px 0; text-align: center; width: 100%; }
.gallery img { }
.gallery li { display: inline; padding-left: 4px; }
.gallery li:first-child { padding-left: 0; }
.gallery li div { display: none; }
.group { margin: 0; }
.group-first { margin: 32px 0 0 0; }
.group-last { margin: 0 0 18px 0; }