/*
Theme Name: 16:9 Wide
Version: 0.13 - 14 fev 2009
Theme URI: http://www.kjj.it/
Author: Carlo Giordano
Author URI: http://www.kjj.it/
Description: &copy; 2008 Carlo Giordano, Some Rights Reserved.<p><b>Based on <a href="http://blog.flyready.com/category/computer/wordpress/tiny-mod/">Tiny MOD</a>.</b><br /><b>Original info:</b> Tiny is a WordPress theme for minimalists.</p>
*/
* {
	margin: 0;
	padding: 0;
	}
html, body {
	color: #FFF;
	background: #000; 
	overflow: hidden;
	}
body {
	text-align: center; /* IE quirks auto margins workaround */
	font-size: 12px;
	font-family: 'Lucida Grande', Verdana, Lucida, Arial, Helvetica, 宋体, sans-serif;
	line-height: 1.6em;
	margin: 0px auto;
	scrollbar-arrow-color:#ff0;
	scrollbar-base-color:#ff6347;
	scrollbar-darkshadow-color:#ffa500;
	scrollbar-face-color:#008080;
	scrollbar-highlight-color:#ff69b4;
	scrollbar-shadow-color:#f0f
}; 
html>body { font-size: 11px; } /* for modern browsers that can resize px */
#wrap {
	background:  #101010;
	position: absolute;
	width: 100%;
	height: 422px;
	left: 50%;
	top: 50%;
	margin-left: -50%;
	margin-top: -211px;
}
#headerContainer {
	width: 100%;
	float: left;
	background-color: #101010;
	height: 85px;
	overflow: hidden;
}
#header {
	height: 90px;
	margin: 5px 30px 0px 10px;
	background:  url(aboutIT-headerSito-Small.gif) no-repeat;
	float: left;
	width: 80px;
	overflow: hidden;
	border: 1px solid #ff0000:
}
#barra
{
	background-color: #CCFF99;
	background: url(headerLongSmall.png) repeat-x ;	
	float: left;
	width: 100%;
	height:
}
#cornice
{
	background: url(headerLongSmall.png); 
	height: 15px; 
	background-repeat: repeat-x;
}
#menu {
	margin: 3px 20px 0px 0px;			
	overflow: hidden;
}
#content {
	width: 99%;
	clear: both;
	margin-top: 0px;
	padding: 1px 10px 10px 0px;
	font-size: 12px;
	font-family: 'Lucida Grande', Verdana, Lucida, Arial, Helvetica, 宋体, sans-serif;
	word-wrap: break-word;
	height: 305px;
	float: left;
	overflow: hidden;
	border-top: 1px solid #fff;
	border-bottom:  1px solid #fff;
}
/* BLOG */
h2.singleNews
{
}
p.news
{
	margin-bottom: 10px;
}
/*
	GALLERY  
*/
.post-meta {
list-style-type: none;
}
 
.post-meta-key {
display: none;
}
/* Scrollable are when there is a gallery */
#scrollable1, #scrollableBig {
float: left;
text-align: left;
/* margin-left: 10px; */
margin-left: 5%;
width: 45%;
height: 295px;
/* white-space: nowrap;*/
/* border: 1px solid #fff;*/
font-size: 1.1em;
padding-left: 3%;
overflow: hidden;
}
.39
{
	background-color: #999933;
	color: #330000;
}
/* Scrollable are when there is NOT a gallery */
#scrollableBig
{
	width: 90%;
}
/*
	for js-log custom scrollbars
*/
.scroll-track{
 height:10px;
 width:10px;
 background:black;
}

.scroll-handle{
 border: 1px solid black;
 height:10px;
 width:10px;
 background:#5B207B;
 cursor:pointer;
}
/*
	END js-log custom scrollbars
*/
#footer {
	background-color: #CCFF99;
	background: url(headerLongSmall.png) repeat-x ;
	height: 15px;	
	margin-top: 1px;
	float: left;
	width: 100%;
}
#sidebar
{
	float: left;
	list-style: none;
	margin: 0px 20px 0px 0px;
}
/*	Header image and link	 */
#header h1 {
	font-size: 2.5em;
	line-height: 1em;
	margin: 0;
	}

#header h1 a {
	text-indent: -9999px;
	display: block;
	width: 400px;
	height: 160px;
	}

h1 {
	font-size: 2em;
	margin-top: 10px;
}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	text-decoration: none;
	color: #63b4cd;
	}

#sitemap {
	float: left;
	text-align: left;
	margin: 5px 8px 5px 0px;
	padding-left: 12px;
	}
#menu ul.pagelinks {
	text-align: left;
	list-style-type: none;
	margin: 0px 30px 5px 5px;
	display: block;
	font-family: Zekton;
	height: 30px;
	/* border-bottom: 1px solid #fff; */
}
img.off
{
	filter: Alpha(Opacity=60);
	-moz-opacity: 0.60;
}
#menu ul.pagelinks img
{
 margin-right: 3px;
}
img.sel
{
	filter: Alpha(Opacity=99);
	-moz-opacity: .99
}
a:hover
{
	filter: Alpha(Opacity=99);
	-moz-opacity: .99
}
#menu img a:link
{
	filter: Alpha(Opacity=99);
	-moz-opacity: .99;
}
#menu ul.pagelinks li{
	float: left;
	/* padding: 10px 10px 10px 10px; */
	padding: 2px;
	width: 100px;
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 10px 10px;
}

menuContainer
{
	width: 100%;
	float: left;
	text-align: left;
}
ul.subpages
{	
	width: 100%;
	list-style-type: none;
	float: left;
	margin-top: 7px;
	padding-top: 2px;
	height: 30px;
}
ul.subpages li {
	float: left;
	font-size: 18px;
	margin-right: 25px;	
	height: 25px;
}
ul.subpages a
{
	color:#9f9f9f;
	text-decoration: none;
}
ul.subpages a:active
{
	color:#fff;
}
#searchform, #searchform p {
	font-size: 1em;
	text-align: right;
	margin: 5px;
	}

#searchform input {
	width: 80px;
	font-size: 1em;
	background: #fff;
	color: #666;
	margin: 0;
	border: 1px solid #c2cfdf;
	}
/*	Giving block elements a default margin.	 */
h2, h3, h4, h5, h6, p, /* ul, ol, dl, p - Stopped by Sparanoid */ re, fieldset, address, table {
	margin: 0.8em 0;
	/* border-bottom: 1px dotted #F4F4F4;*/
	}
/* 	General styling		*/

h2 {
	font-size: 15px;
	margin-bottom: .4em;
	font-weight: bold;
	text-align: left;
	margin-top: .5em;
	font-style:italic;
	}

h3 {
	font: 1.1em/120%
	margin-bottom: .3em;
	font-weight: normal;
	}

h4 {
	font-size: 1.0em;
	}

h5 {
	font: normal 0.8em;
	}

h6 {
	margin-top: .5em;
	font-size: 2em;
}
address {
	font-style: italic;
	}

blockquote {
	margin: 1em 0;
	padding: 0 0 0 1.2em;
	border-left: 4px solid #c2cfdf;
	}

dt {
	margin: 1em 0 .5em 0;
	font-weight: bold;
	}

code, pre, var {
	font-size: 1em;
	}

dd {
	margin: .5em 0 1em 1.5em;
	}

img {
	border: none;
	}

#content p {
	text-align: justify;
	font-size: 1em;
	padding: 0px 10px 0px 0px;
	line-height: 150%;
	font-style: Verdana;
	/* overflow: hidden;*/
}

#content ul
{
	text-align: left;
	list-style: url(content_li.gif);
	margin: 0px 0px 0px 40px;
	line-height: 2em;
}

#content li
{
	margin-top: 10px;
	padding-top: 5px;
}

#content form p {
	text-align: left;
	}

#content img {
	border: 1px solid #c2cfdf;
	padding: 3px;
}

.postinfo {
	padding-left: 10px;
	height: 20px;
	margin-bottom: 25px;
}
.entry{
	margin-bottom: 30px;
}
.entry ul{
	padding: 0 0 0 10px;
	}

.entry li{
	padding: 0;
	}

.center {
	text-align: center;
	}

ol {
	margin-left: 3em;
	}

textarea {
	font: 12px/160% 'Lucida Grande', Verdana, Lucida, Arial, Helvetica, 宋体, sans-serif;
	color: #666;	
	width: 400px;
	border: 1px solid #c2cfdf;
	background-color: #fff;
	word-wrap: break-word;
	}

ul {
	list-style-type: disc;
	margin-left: 1.5em;
	}
/* GENERAL LINKS */
a:link, a:visited {
	color: #e95b15;
	text-decoration: underline; 
	}
a:hover, a:active {
	color: #e95b15;
	text-decoration: underline;
	}
h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color: #63b4cd;
	text-decoration: none;
	}

.commentlink {
	text-align: right;
	}

ol.commentlist {
	list-style: none;
	margin-left: 0;
	/* border-bottom, for highlight comment. */
	border-bottom: 1px solid #c2cfdf;
	}

.commentlist li {
	background: #fafbfc;
	font-style: normal;
	padding: 1em;
	border-top: 1px solid #c2cfdf;
	}

.commentlist p {
	margin: .6em 0 0 0;
	}

.hilite {
	background: #f5fafc;
	}

#content .more {
	margin-top: -1em;
	text-align: right;
	}

.posted {
	color: #888;
	margin-top: .3em;
	}

.posted cite {
	font-weight: bold;
	font-style: normal;
	}

#postcomment {
	text-align: left;
	}

input#submitComment {
	width: 100%;
	height: 30px;
	padding: 2px 4px;
	border: 1px solid #c2cfdf;
	background-color: #fff;
	font: 12px/160% 'Lucida Grande', Verdana, Lucida, Arial, Helvetica, 宋体, sans-serif;
	color: #666;
	}

input#author, input#email, input#url {
	width: 83%;
	height: 14px;
	padding: 2px 0 2px 2px;
	border: 1px solid #c2cfdf;
	background-color: #fff;
	font: 12px/160% 'Lucida Grande', Verdana, Lucida, Arial, Helvetica, 宋体, sans-serif;
	color: #666;
	line-height: 14px;
	}

input#submitComment:hover {
	cursor: pointer;
	}

/*	Navigation links	*/

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.alignright {
	float: right;
}

.alignleft {
	float: left;
}
/*
*/
.scrollbox {position: relative;
padding: 10px;
}
.scrollbox_content {
	margin-right: 15px;
}
.scrollbox_scrollbar {
	background-color: #161616;
	border-left: solid black 1px;
	height: 100%;
	width: 11px;
}
.scrollbox_up_button {
	background: transparent url(scroll_up_button.jpg) top right no-repeat;
	height: 20px;
}

.scrollbox_down_button {
	background: transparent url(scroll_down_button.jpg) top right no-repeat;
	height: 20px;
}

.scrollbox_handle {
	background-color: #fff;
}

.orange-bar .scroll-pane {
	background: #69f;
}