/*
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/
*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,small,pre,form,p,blockquote,fieldset,input,hr{margin:0;padding:0}
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;background:url(images/bg-grid-test.jpg)fixed top left;} 
*{margin:0;padding:0;list-style:none;outline:none}

#container{margin:0;padding:0;width:100%;}

h1 {font-size:18px}
h2 {font-size:16px}
h3 {font-size:12px;font-weight:bold;padding:3px 0 3px 4px;background-color:#fff;color:#000;margin:10px 0 20px 0}/* label paragraph*/
h4 {padding:0 0 0 40px}
h5 {font-size:10px}
small {font-size:8px}
p {text-align:justify;line-height:14px;padding:0 10px 10px;color:#ccc;}

h1,h2,h3,h5,h6,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{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}

h1#title {color:#000;display:none}
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}

#sidelabel{height:65px;width:270px;background-color:#fff;position:fixed;top:170px;left:0}
#logo{background:url(images/logo.jpg)no-repeat top left;width:251px;height:28px;margin:10px 0 0 10px;padding:0}
.menu{padding:0;margin:3px 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}

#bg_grid{}
#bg {background-repeat:no-repeat !important;z-index:-9999;}
#bg.home{background-image:url(images/bg-home.jpg);background-position:0 0;}
#bg.bio{background-image:url(images/bg-home.jpg)}

#content {position:relative;top:100px;left:350px;width:550px;height:100%;margin:0 0 150px 0;padding:0}
#content img{border:0}
#content p {padding:0 0 20px 0;}

.post {border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px;margin-bottom:10px;clear:both}
.post h1{margin-bottom:10px}
.post h3 {color:#999}
.post h3 span {color:#666}
.post .more a {font-weight:bold}

.single{width:800px;height:30px;border-bottom:1px solid #ccc}
.single ul {display:block;margin:0;padding:0}
.single ul li {display:inline;float:left} 
.single ul li.print,.single ul li.add {float:right} 

.contact {margin-left:200px;}
.contact p,.thanks p {font-size:1.2em;color:#999}
p.error {margin-left:200px;}


.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/links.png)no-repeat top left;font-weight:bold;padding:2px 0 2px 20px;}

#footer {background-color:#000;height:25px;width:100%;margin:0;clear:both;position:fixed;bottom:0;left:0;border-bottom:8px solid #fff}

.stats{}


/* 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%}

.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}

/*****Forms*****/
ol.forms {float:left;margin:50px 0 50px;width:100%;}
ol.forms li {clear: both;float: left;margin-bottom:18px;position: relative;width:100%;}
ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 20px;
	width: 50px;
}
ol.forms input, ol.forms textarea {
	border: 1px solid #ccc;
	border-radius: 3px;
	font: inherit;
	-moz-border-radius: 3px;
	padding: 2px;
	-webkit-border-radius: 3px;
	width: 730px;
}
ol.forms textarea { height: 50px; width: 730px; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #f2f3f6; border-color: #127ab9; }
.error { color: #f00; }
ol.forms li .error { font-size:1.2em; margin-left: 70px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 70px;
	top: 0;
	width: 100px;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {
	background: #f2f3f6;
	font-size:1.2em;font-weight:bold;
	border: 1px solid #127ab9;
	color: #127ab9;
	cursor: pointer;
	overflow: hidden;
	padding: 3px 3px 3px 3px;
	text-transform: uppercase;
	width: auto;
}
ol.forms li.buttons button:hover { color: #1290b9;border-color: #1290b9; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline { float: right; width: 90px; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }