/* @override http://www.viewfest.it/2009/wp-content/themes/viewfest/style.css */

/*  
Theme Name: ViewFest
Theme URI: http://viewfest.it
Description: The first View Fest wordpress experiment!
Version: 1.0
Author: Giovanni Gentile
Author URI: http://www.giovannigentile.net
*/

/* ******************************************************************************************** */

/* Global reset */
a { text-decoration:none }
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
/* * a { position:relative } Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */
h1, h2, h3, ul 		{ margin: 0; padding: 0;}
ul					{ list-style: none; }
.clear				{ clear: both; }
img.left			{ float: left; margin-right: 12px; }
img.right			{ float: right; margin-left: 12px; }
ul, li				{ list-style: none; }
.button				{ -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.rel-left 			{ position: relative; float: left; }
.rel-right 			{ position: relative; float: right; }
.list-img			{ width: 130px; position:relative; clear: right; padding: 5px;  }
strong				{ color: #CCC; }

/* = Orange: light -> #ef470a = opaque -> #ff741b  = hairline grey –> #282525 = */

/* ******************************************************************************************** */


html				{ overflow-y: scroll; background: #151212; }
html, body			{ margin: 0; height: 100%; }
body				{ font-size: 80%; font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; color: #999;
						background: transparent url(images/body-bg.png) top repeat-x; }

#page-wrap 			{ min-height: 100%; margin-bottom: -180px!important; position: relative; width: 1024px; padding-bottom: 32px; margin: 0 auto; }


#header				{ width: 1024px; height: 170px; background: transparent url(images/header-bg.jpg) center no-repeat; }
.seo  				{ height: 0; margin: 0; overflow: hidden; }
#logo				{ width:310px; height:114px; float:left; margin:6px 0 0 30px; text-indent: -999px; }

#language-box		{ width: 147px; height: 24px; position:relative; float:right; top:-30px; margin-right:50px;
					  background: transparent url(images/lang-bttn-bg.png) top left no-repeat; }
#language-box li	{ width: 73px; position:relative; float:left; padding-top: 3px; text-align: center; }
li.language_item a 	{color: #686161;}
li.language_item.current_language_item a,
li.language_item a:hover 	{color: #ff741b;}

a#viewconf-bttn			{ display: block; width: 162px; height: 41px; margin-left: 22px; background: transparent url(images/viewconf-bttn.png) top left no-repeat; }
a#viewconf-bttn:hover	{ background: transparent url(images/viewconf-bttn.png) bottom left no-repeat; text-decoration: none; }

#navbar				{ display: block;  width: 1024px; height: 60px; }

ul#home-bttn										{ margin-left: 36px; }
				
ul#navigation, ul#home-bttn							{ height: 29px; line-height: 30px; float: left; }
ul#navigation li, ul#home-bttn li					{ float: left; margin-right: 24px; }
ul#navigation li a, ul#home-bttn li a				{ color: #fff; }
ul#navigation li a:hover, ul#home-bttn li a:hover	{ text-decoration: underline; background: none; }

#searchbar											{ width: 240px; padding-top: 4px; float: right; }
#s													{ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; 
													  border-radius: 3px; border: none; }
					  
#searchbar #searchform input#searchsubmit			{ border:0px; padding:0px;	margin:0px;	width:52px;	height:18px; color: white;
													  cursor:pointer; background:url(images/search-bttn-bg.png) no-repeat top left; }

#contents			{ width: 700px; float: left; padding-left: 36px; margin-bottom: 32px; overflow: hidden; }

.post				{ margin-top: 32px; /* border-bottom: 1px solid #282525; */ }
.post h2			{ padding-bottom: 9px; }
p.postmetadata		{ margin-top: 32px; font-size: smaller; }

.home-thumb-list	{ width: 700px; position: relative; float: left; margin-bottom: 22px; }

.listing			{ margin: 0 0 24px 180px; }

.sep				{ height: 12px; border-bottom: 1px solid #282525; }
.linea				{ height: 12px; border-bottom: 1px solid #ff741b; }

#sidebar			{ width: 240px; margin-top: 32px; float: right; overflow: hidden; }
.sidebar-sep		{ display: block; width: 70%; height: 0px; border-top: 1px solid #282525; margin: 6px 0 6px 0; }
#sidebar ul li		{ margin: 3px 0; padding: 6px 0 9px 4px; border-bottom: 1px solid #282525; }

/*
#sidebar a			{  margin: 3px 0; padding: 3px 0; }
#sidebar a:hover	{ border-top: 1px solid #282525; border-bottom 1px solid #282525; }
*/
.clearfooter		{ height: 180px; clear: both; }

#pre-footer			{ width: 700px; position: relative; float: left; padding-left: 36px; margin-bottom: 32px; }

#pre-footer p		{ font-family: Georgia, serif; text-align: center; }
				  
#footer				{ height: 180px; position:relative; border-top: 1px solid #282525; background-color: black; overflow: hidden; }

.footer-content			{ width: 960px; padding: 24px; overflow: hidden; margin: 0 auto; }
					  
#footer ul.rel-left					{ height:120px; margin-right: 30px; padding-left: 20px;  border-left: 1px solid #282525; }
#footer ul.rel-left li				{ color: #999; padding: 3px 0; }
#footer ul.rel-left .menu ul li		{ list-style-type: square; margin-left: 20px }
#footer h4 							{ margin-top: 0; }
/* ******************************************************************************************** */

a						{ color: #fff; }
a:hover					{ color:#ff741b; }
a.heavy					{ color: #999; text-decoration: none; padding: 3px 0 3px 0; border-bottom: 1px solid #282525; border-top: 1px solid #282525; }
a.heavy:hover			{ color:#fff; background-color: #000; }

h2						{ color: #ff741b; margin-bottom: 12px; font-size: 2em; text-shadow: 1px #black; font-weight: normal; font-style: normal; }
h3						{ color: #fff; margin-bottom: 12px;  }

/* h2 a					{ color: #ff741b; text-decoration: none; padding: 3px 0 3px 0; border-bottom: 1px solid #282525; border-top: 1px solid #282525; } 
h2 a:hover				{ color: #fff; } */

.scream				{ color:#ffcc4d; font-weight: normal; margin-bottom: 22px; }


/*

a:hover				{ background-color: #000; text-decoration: underline; }
#sidebar h3			{ color: #fff; }
#footer	p			{ color: #ccc; }
*/

/* ***************************** TEMP *************************************** */

.paragrafo   	{ margin: 16px auto 34px; padding: 0 12px 21px 0; border-bottom: 1px solid #282525; clear: both; }

.last			{ margin: 16px auto 34px; padding: 0 12px 0px 0; clear: both; }

.paragrafo h3 	{margin-top: 12px; }

.paragrafo h3 a { color: #ff741b; text-decoration: underline; }

.paragrafo li a.heavy { display: block; margin: 4px; }

.paragrafo h2	{ color:#ffcc4d; }


.paragrafo p   				{ line-height: 1.6em; padding-top: 6px; padding-bottom: 6px; }
.paragrafo p.single			{ margin-bottom: 32px; }
.paragrafo p.single-small	{ font-size: 0.7em; }