/*
Theme Name: lioi-oi
Theme URI: http://www.egologic.org/
Description: wordpress themes by Daniele Jost  
Version: 1.0
Author: Daniele Jost
Author URI: http://www.danielejost.com/
*/
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt, 
em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,
ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{
background:transparent;border:0 none;outline:none;font-size:100%;margin:0;padding:0;vertical-align:baseline;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
*{margin:0;padding:0;list-style:none;outline:none;}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block;}
mark,rp,rt,ruby,summary,time{display:inline;}
a:active, a:focus{border:0 none;outline:none;}

html,body{background:#000;font-size:12px;font-family: arial,helvetica,verdana,sans-serif;color:#fff;text-align:left;max-width:100%;width:100%;height:100%;line-height:12px;} 

@font-face {font-family: 'QuicksandLight';src: url('fonts/quicksand_light-webfont.eot');src: local('☺'), url('fonts/quicksand_light-webfont.woff') format('woff'), url('fonts/quicksand_light-webfont.ttf') format('truetype'), url('fonts/quicksand_light-webfont.svg#webfontrhgcwPyR') format('svg');}

#bg-grid,#bg-home,#container{margin:0;padding:0;width:100%;height:100%;min-width:100%;min-height:100%;position:absolute;top:0;left:0;}/*verificare compatibilita*/
#bg-grid{z-index:2;background-image:url("images/bg-grid-20.png");}
#bg-home{;z-index:1;background-image:url("images/bg-lioi.jpg");background-position:top left;background-repeat:no-repeat !important;background-position:501px 43px;}
#container{z-index:3;}

h1 {font-size:36px;}
h2 {font-size:16px;}
h3 {font-size:18px;}
h4 {font-size:14px;}
small {font-size:8px;}
p {font-size:13px;text-align:justify;line-height:18px;padding:0 10px 10px;color:#ccc;}
h1,h2,h3,h4,small,.menu,#footer,#label{text-transform:uppercase;}

a{color:#127ab9;text-decoration:none;}
a:hover,.menu a:hover{color:#1290b9;}
img a {border:0;}

#header{height:65px;width:270px;background-color:#fff;position:fixed;top:170px;left:0;z-index:3;position:absolute;}
.title h1 {font-family:'QuicksandLight';color:#333;font-weight:normal;line-height:30px;padding:8px 0 0 10px;letter-spacing:1px;}
.title a:hover h1  {color:#999;}
.menu{padding:0;margin:6px 0 0 8px;width:251px;text-align:right;}
.menu ul {margin:0;padding:0;}
.menu li {display:inline;margin:0;padding:0}
.menu a{color:#909090;font-size:12px;letter-spacing:0.02em;padding-left:2px;}
.menu a:hover{text-decoration:line-through}

#java_mark{dispaly:block;width:10px;height:40px;border-top:4px solid #000;position:absolute;left:0;top:0;z-index:9999;}
#top_border{width:100%;height:40px;position:fixed;z-index:44;top:0;left:0;border-top:4px solid #fff;}

h2#label{font-weight:normal;position:fixed;padding:10px;background-color:#fff;color:#000;width:100px;top:2px;right:50px;text-align:center;z-index:66;}

.content {width:800px;position:absolute;top:60px;left:320px;z-index:5;}

/* STANDARD PAGE ----------------------------------------------------------*/
.white_post {background-color:#ffffff;text-align:right;float:left;}
.white_post h4 {font-size:12px;}
.white_post h4 a:hover {color:#127ab9;text-decoration:line-through;}
.white_post p {color:#999;margin:0;padding:0;text-align:right;}

.head_meta {}
.display{background-color:#000;float:left;border:8px solid #ffffff;padding:0;margin:0;}
.foot_meta {background-color:#fff;margin:2px 0 0 0;padding:4px 0 0 0;float:left;position:relative;}
.foot_meta p {color:#999;float:left;text-align:left;margin:0;padding:0 0 4px 4px;}

.foot_action {position:absolute;bottom:10px;right:10px;}

.add {display:block;width:26px;height:24px;background-image:url("images/sprite_2.png");background-repeat:no-repeat;background-position:-65px 1px;} 
a:hover .add {background-position:-65px -23px;}


/* GALLERY PAGE ----------------------------------------------------------*/
#gallery{}
#gallery.white_post{height:120px;width:340px;margin:6px;padding:4px;}
#gallery.white_post:hover{background-color:#efefef;}
#gallery.white_post img {float:left;}
#gallery.white_post .meta {float:right;width:205px;padding:0;margin:88px 4px 0 0;}

ul.head_gallery {height:42px;width:780px;margin:0;padding:0;float:left;}
ul.head_gallery li {height:42px;margin:0;padding:0;float:left;}
ul.head_gallery li.title{background-color:#fff;float:left;height:40px;}
ul.head_gallery li.action{width:147px;float:right;padding-left:9px;background-image:url("images/sprite_2.png");background-repeat:no-repeat;background-position:-191px -5px;}
ul.head_gallery li h3 {text-transform:Capitalize;color:#333;font-weight:bold;padding:9px 8px 0;}
ul.head_gallery li span {display:block;height:25px;width:25px;float:left;margin:8px 0 0 6px;background-image:url("images/sprite_2.png");background-repeat:no-repeat;}
ul.head_gallery li a span.back {background-position:-168px 0;margin-left:24px;}
ul.head_gallery li a:hover span.back {background-position:-168px -24px;}
ul.head_gallery li span.next_off {background-position:-93px -24px;}
ul.head_gallery li span.prev_off {background-position:-93px 0;}

#gallery .display {width:760px;height:500px;}
#gallery .foot_meta {width:776px;min-height:40px;}

#slideshow #slidesContainer {margin:3px auto 0;width:760px;height:480px;overflow:auto;position:relative;}
#slideshow #slidesContainer .slide {margin:0 auto;width:760px;height:400px;}
#slideshow #slidesContainer .slide img {display:block;margin-left:auto;margin-right:auto;}
.control {background-repeat:no-repeat;background-image: url("images/sprite_2.png");display:block;width:25px;height:25px;text-indent:-10000px;position:absolute;z-index:4;cursor: pointer;}
#leftControl {top:8px;right:136px;background-position:-118px 0;}
#rightControl {top:9px;right:105px;background-position:-118px -25px;}

/* VIDEO PAGE ----------------------------------------------------------*/

#video{}
#video.white_post {margin:3px;padding:5px;}
#video.white_post img {display:block;margin:0 auto 30px;}

#video .display{margin:0;padding:0;width:600px;}
#video .foot_meta{width:616px;}

.vvqbox {display:block;max-width:100%;visibility:visible !important;margin:0;padding:0;}
.vvqbox img {max-width:100%;height:100%;margin:0;padding:0;}
.vvqbox object {max-width:100%;position:relative;margin:0;padding:0;}

/* PROJECT PAGE ----------------------------------------------------------*/

.project_wrap {width:100%;background-color:#fff;background-image:url(images/grad-dx.jpg);background-repeat:no-repeat;background-position:top right;padding:15px;}
.project_wrap h2{font-family:'QuicksandLight';font-weight:normal;font-size:30px;letter-spacing:2px;word-spacing:10px;padding-top:10px;color:#999;text-align:right;}
.project_wrap p{font-size:14px;color:#999;}
.project_wrap a{font-weight:bold;color:#1290b9;}

.log-wrap {float:left;color:#666;}

.log-wrap a span{display:block;float:right;height:42px;width:42px;background-image:url(images/arr2.png);background-repeat:no-repeat;background-position:0 0;border:1px solid red}
.log-wrap a:hover span{cursor:pointer;background-position:0 -40px;}
.register {width:174px;height:54px;display:block;float:left;background-image:url(images/registrati.png);background-repeat:no-repeat;background-position:0 0;margin:10px 20px 10px 10px;}
.register:hover{cursor:pointer;background-position:0 -52px;}

/* LINK RULES ----------------------------------------------------------*/

.fb{background:url(images/fb.png)no-repeat top left;font-weight:bold;padding:2px 0 2px 20px;margin-bottom:20px}
.yt{background:url(images/yt.png)no-repeat top left;font-weight:bold;padding:2px 0 2px 20px;}
.ms{background:url(images/ms.png)no-repeat top left;font-weight:bold;padding:2px 0 2px 20px;}
.links{background:url(images/links2.png)no-repeat top left;font-weight:bold;padding:2px 0 2px 20px;}

.url {font-weight:bold;padding:8px 0 8px 8px;margin:0 0 10px 10px;background-color:#fff;width:110px;}
.url:hover {background-color:#efefef;}


/* NETWORK PAGE ----------------------------------------------------------*/

#network {}
#network .url {float:left;margin:0 2px 0 0;border:1px solid #efefef;width:auto;padding:8px;}
.net_wrap {width:100%;background-color:#fff;background-image:url(images/grad-dx.jpg);background-repeat:no-repeat;background-position:top right;padding:12px;}
.net_wrap h2{font-family:'QuicksandLight';font-weight:normal;font-size:25px;letter-spacing:2px;word-spacing:10px;padding:6px 0 10px 0;color:#999;text-align:left;}

ol.forms {float:left;margin:20px 0 0;width:400px;}
ol.forms li {clear: both;float:left;margin-bottom:18px;position: relative;width:500px;text-align:left;}
ol.forms label {font-size:11px;color:#999;cursor:pointer;width:500px;}
ol.forms input, ol.forms textarea {border:1px solid #666;border-radius:3px;font:inherit;-moz-border-radius:3px;padding:2px;-webkit-border-radius:3px;width: 500px;}
ol.forms textarea {height:50px;width:500px;}
ol.forms input:focus, ol.forms textarea:focus {background-color:#eee;border-color:#333;}
.error {color:#718a00;}
ol.forms li .error{font-size:0.8em;margin-left:10px;text-transform: uppercase;font-weight:bold;}
ol.forms li.textarea .error{position:absolute;right:10px;top:75px;width:500px;}
ol.forms li.screenReader {margin-bottom:0}
ol.forms li.buttons button {margin-top:10px;
background:#fff;font-size:13px;border: 1px solid #1290b9;color:#1290b9;cursor:pointer;overflow:hidden;padding:3px 3px 3px 3px;text-transform:uppercase;font-weight:bold;width: auto;}
ol.forms li.buttons button:hover {color:#666;border-color:#ccc;background:#fff;}
ol.forms li.buttons button:active {left:1px;position:relative;top:1px;}
ol.forms li.buttons, ol.forms li.inline {width:500px;}
ol.forms li.inline input{width: auto;}
ol.forms li.inline label{display:inline;float:none;width:auto;}

.screenReader {left: -9999px; position: absolute; top: -9999px;}
.thanks {background: #F2F3F6; border: 1px solid #127ab9; padding:10px 10px 60px 10px; }
{font-size:1.2em;}
.thanks a {font-size:1.2em;font-weight:bold;text-transform:uppercase;}


/* FOOTER  ----------------------------------------------------------*/

#footer {background-color:#000;height:25px;width:100%;margin:0;clear:both;position:fixed;bottom:0;left:0;border-bottom:8px solid #fff;z-index:6;}
ul.quickmenu{width:100%;height:28px;float:left;margin:0;padding:0 0 0 10px;}
ul.quickmenu li{float:left;margin:2px;padding:0}
ul.quickmenu li.quicklink a{float:left;width:20px;height:20px;background-image:url(images/iconz.jpg);background-repeat:no-repeat}
ul.quickmenu li.quicklink a.back{background-position:0 -21px}
ul.quickmenu li.quicklink a:hover.back{background-position:0 0}
ul.quickmenu li.quicklink a.rss{background-position:-21px -21px}
ul.quickmenu li.quicklink a:hover.rss{background-position:-21px 0}
ul.quickmenu li.quicklink a.mail{background-position:-44px -21px}
ul.quickmenu li.quicklink a:hover.mail{background-position:-44px 0}
ul.quickmenu li.credits{float:right;font-weight:normal;padding:4px 30px 0 0}


#bg-ops{width:204px;height:249px;background-image:url(images/oops.png);background-repeat:no-repeat !important;left:301px;
top:63px;float:left;z-index:2;position:absolute}

/* Various classes */
.textleft {text-align:left}
.textright {text-align:right}
.textcenter {text-align:center}
.clear{clear: both}
.aligncenter {display:block; margin-left:auto; margin-right:auto}
.alignleft {float:left}
.alignright {float:right}
.object {border:4px solid red;background-color:#fff;}
.hide {display:none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

small{font-weight:strong;font-size:10px}
a small {display:none;color:#fff;}
a:hover small{padding:6px;background:#222222;border:1px solid #666;display:block;position:absolute;bottom:30px;left:10px;margin-left:2px;z-index:99999;}

.contenttext {overflow:hidden}
* html .post {height:1px; overflow:visible}
* html .contenttext p {overflow:hidden; width:99%}

/* START PLUGIN MINIFY ------------------------------------------------------------------------------------*/


/* addtoany  ----------------------------------------------------------*/
.addtoany_share_save_container{clear:both;line-height:32px;margin:16px 0}.addtoany_list{display:inline}.addtoany_list a{padding:0 9px}.addtoany_list a img{height:16px;opacity:.7;overflow:hidden;vertical-align:middle;width:16px}.addtoany_list a:hover img,.addtoany_list a.addtoany_share_save img{opacity:1}iframe.addtoany_special_service{padding:0 9px;vertical-align:middle}a.addtoany_share_save img{border:0;width:auto;height:auto}

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview{width:100%;clear:both;display:block !important;}/* contenitore albums */
.ngg-album {height:100%;border:1px solid #fff;padding:80px;margin-bottom:5px}/* ? */
/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {overflow:hidden;padding:5px;margin-bottom: 5px;border:1px solid #cccccc}/* ? */ 
.ngg-album {overflow:hidden;padding:5px;margin-bottom:5px;border:1px solid #cccccc}
.ngg-albumtitle{text-align:left;font-weight:bold;margin:0;padding:0;font-size:1.4em;margin-bottom:10px}/* ? */ 
.ngg-thumbnail{float:left;margin-right:19px}
.ngg-thumbnail img{background-color:#FFFFFF;border:1px solid #A9A9A9;margin:4px 0px 4px 5px;padding:4px;position:relative}
.ngg-thumbnail img:hover {background-color: #A9A9A9}
.ngg-description {text-align:left;}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact{float:left;height:110px;margin:6px;text-align:right;width:340px;}/*contenitore album singolo */
.ngg-album-compactbox{background-color:#fff;height:100px;margin:3px;padding:3px !important;} /* album singolo */
.ngg-album-compactbox .Thumb{float:left;margin:0px !important;padding:0px !important;width:100px;height:100px;}
.ngg-album-compact h4{float:right;text-transform:uppercase;font-size:11px;font-weight:bold;padding:0;}
.ngg-album-compact h4 a{color:#fff;}
.ngg-album-compact h4 a:hover{color:#127ab9;text-decoration:line-through}
.ngg-album-compact p{font-size:11px;margin-top:2px;display:none}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {overflow: hidden;margin-top: 10px;width: 100%;clear:both;display:block !important}
.ngg-galleryoverview .desc {margin:0px 10px 10px 0px;padding:5px}
.ngg-gallery-thumbnail-box{float: left}
.ngg-gallery-thumbnail{float: left;margin-right: 5px;text-align: center}
.ngg-gallery-thumbnail img {background-color:#fff;border:1px solid #A9A9A9;display:block;margin:4px 0px 4px 5px;padding:4px;position:relative}
.ngg-gallery-thumbnail img:hover {background-color: #A9A9A9} 
.ngg-gallery-thumbnail span {/* Images description */font-size:90%;padding-left:5px;display:block}
.ngg-clear {clear: both;}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {font-size:0.9em !important;clear:both !important;display:block !important;padding-top:15px;text-align:center}
.ngg-navigation span {font-weight:bold;margin:0pt 6px;}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {border:1px solid #DDDDDD;margin-right:3px;padding:3px 7px;}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {background-color: #0066CC;color: #FFFFFF !important;text-decoration: none !important;}

/* ----------- Image browser style -------------*/
.ngg-imagebrowser{}
.ngg-imagebrowser h3 {text-align:center}
.ngg-imagebrowser img {border:1px solid #A9A9A9;margin-top:10px;margin-bottom:10px;width:100%;display:block !important;padding:5px}
.ngg-imagebrowser-nav {padding:5px;margin-left:10px}
.ngg-imagebrowser-nav .back {float:left;border:1px solid #DDDDDD;margin-right:3px;padding:3px 7px}
.ngg-imagebrowser-nav .next {float:right;border:1px solid #DDDDDD;margin-right:3px;padding:3px 7px}
.ngg-imagebrowser-nav .counter {text-align:center;font-size:0.9em !important}
.exif-data {margin-left: auto !important;margin-right: auto !important}

/* ----------- Slideshow -------------*/
.slideshow {margin-left:auto;margin-right:auto;text-align:center;outline:none;}
.slideshowlink{}

/* ----------- Single picture -------------*/
.ngg-singlepic {background-color:#FFFFFF;display:block;padding:4px;margin-left:auto;margin-right:auto;}
.ngg-left {float:left;margin-right:10px}
.ngg-right {float:right;margin-left:10px}
.ngg-center {margin-left: auto !important;margin-right: auto !important}

/* ----------- Sidebar widget -------------*/
.ngg-widget,.ngg-widget-slideshow {overflow: hidden;margin:0pt;padding:5px 0px 0px 0pt;text-align:left}
.ngg-widget img {border:2px solid #A9A9A9;margin:0pt 2px 2px 0px;padding:1px}

/* ----------- Related images -------------*/
.ngg-related-gallery {background:#F9F9F9;border:1px solid #E0E0E0;overflow:hidden;margin-bottom:1em;margin-top:1em;padding:5px}
.ngg-related-gallery img {border:1px solid #DDDDDD;float:left;margin: 0pt 3px;padding:2px;height:50px;width:50px}
.ngg-related-gallery img:hover {border: 1px solid #000000} 

/* ----------- Gallery list -------------*/
.ngg-galleryoverview ul li:before {content: '' !important}
.ngg-gallery-list {list-style-type:none;padding: 0px !important;text-indent:0px !important}
.ngg-galleryoverview div.pic img{width: 100%}
.ngg-gallery-list li {float:left;margin:0 2px 0px 2px !important;overflow:hidden}
.ngg-gallery-list li a {border:1px solid #CCCCCC;display:block;padding:2px}
.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}
.ngg-gallery-list li img {height:40px;width:40px}
li.ngg-next, li.ngg-prev {height:40px;width:40px;font-size:3.5em}
li.ngg-next a, li.ngg-prev a {padding-top:10px;border:none;text-decoration:none}