/* @override http://www.viewconference.it/2009/wp-content/themes/viewconference/style.css */

/*  
Theme Name: ViewConference
Theme URI: http://ViewConference.it
Description: The first View Conference wordpress experiment!
Version: 1.0
Author: Giovanni Gentile
Author URI: http://www.giovannigentile.net
*/

/* ******************************************************************************************** */

/* Global reset */
* { margin: 0; }
a { text-decoration:none }

/* The below restores some sensible defaults */
strong { font-weight:bold; color: black; }
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;}
.clear				{ clear: both; }

.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;  }
.centered-row		{ padding: 24px 6px 6px 6px; text-align: center; }

img.sponsor			{ display: inline; margin: 0 6px; vertical-align: text-bottom; }
img.left			{ position: relative; float: left; margin:0 12px 12px 0; }
img.right			{ float: right; margin-left: 12px; }
ul, li				{ list-style: none; }
ul.disc li			{ list-style: disc;  margin: 3px 0 3px 20px; }
ol.low-lat-list li	{list-style-type: lower-latin;}
ol.decimal-list li	{list-style-type: decimal;}
ol.decimal-list ol.low-lat-list li	{list-style-type: lower-latin;}
.rounded			{ -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.button				{ -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.interruzione		{ width: 690px; height: 20px; margin: 24px 0 24px 0;
					  background: transparent url(images/tema/interruzione.png); }

/* = Dark red #56070c = */

/* ******************************************************************************************** */

html, body			{ height: 100%; }
html				{ margin: 0; overflow-y: scroll;
					  background: #f3f1f1 url(images/tema/bg-square.png); }
body				{ margin: 0 auto; font-size: 80%;
					  font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
					  color: #4c4c4c; background: transparent url(images/tema/body-bg.png) top repeat-x; }

#container			{ min-height: 100%;
					  height: auto !important;
					  height: 100%;
					  margin: 0 auto -180px; /* the bottom margin is the negative value of the footer's height */ }

#header-wrap		{ height:199px; /* background: transparent url(images/tema/body-bg.png) top repeat-x; */ }					

#page-wrap 			{ position: relative;  min-height: 100%; width: 1024px; margin: 0 auto; overflow: hidden;
					  background: transparent url(images/tema/page-bg.png) center repeat-y; padding-bottom: 24px; }

#header				{ width: 1024px; height: 170px; margin: 0 auto; background: transparent url(images/tema/header-bg.jpg) center no-repeat; }
.seo  				{ height: 0; margin: 0; overflow: hidden; }
#logo				{ width:144px; height:114px; float:left; margin:6px 0 0 30px; text-indent: -9999px; }

#language-box					{ width: 147px; height: 24px; position:relative; float:right; top:-30px; margin-right:50px;
								  background: transparent url(images/tema/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 				{ text-decoration: none; } */
li.language_item a:hover		{ background: none; }
.current_language_item a 		{ color: #CC0000; }
.current_language_item a:hover 	{ text-decoration: none; background-color: transparent; cursor: default; }

.photo-strip		{ width: 1024px; height:88px; margin: 0 auto; position:relative; z-index: 10; overflow:visible; }

a#viewfest-bttn		{ display: block; width: 162px; height: 41px; margin-left: 183px;
					  background: transparent url(images/tema/viewfest-bttn.png) top left no-repeat; }
a#viewfest-bttn:hover	{ background: transparent url(images/tema/viewfest-bttn.png) bottom left no-repeat;
						  text-decoration: none; }

#navbar												{ width: 1024px; height: 29px; margin: 0 auto; }

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: 34px; }
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: 6px; /* 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/tema/search-bttn-bg.png) no-repeat top left; }




#contents											{ width: 680px; position: relative; z-index: 1000; float: left; padding: 60px 12px 12px 36px; }
#contents p											{ margin-bottom: 12px; }

.post												{ margin-bottom: 42px; }
#contents.link-listing-cat .post 					{ margin-bottom: 12px; }
.sticky 											{ /* background: white; border: 2px solid black; */ }
#contents p.postmetadata							{ margin: 42px 0 0 0; padding: 12px 0 0 0; font-size: smaller; border-top: 1px solid #ccc; }

p.highlights										{ position: relative; float: left; padding: 0 0 12px 0; }

.home-small-thumb									{ position: relative; float: left; margin-right: 12px; border: 9px solid #d1d1d1 !important;
													  -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* a.more-link											{ display: inline; } */

#sidebar			{ width: 260px; position: relative; z-index: 1001; float: right; padding-top: 30px; }
.sidebar-sep		{ display: block; width: 70%; height: 0px; border-top: solid 1px #a50007 ; border-bottom: solid 1px #ee3429;
					  margin: 12px 0; }
#sidebar ul			{ width: 238px; }
#sidebar ul li		{ margin: 3px 0; }

#sidebar ul.disc				{ margin-left: 20px; }

a.reg-form			{ display: block; width: 169px; height: 40px; margin-bottom: 22px; color: #000!important;
					  		  background: transparent url(images/tema/reg-form-bg.png) top no-repeat; text-decoration: none; }
a:hover.reg-form		{ color: #fff!important; text-decoration: none; background-position: bottom; }
a.reg-form p, #sidebar a.w-link p		{ padding: 12px 0 3px 12px; font-size: 0.9em; }


ul.workshop			{ width: 169px!important; background: transparent url(images/tema/bg-square.png);}
ul.workshop li 		{ margin: 0!important; }
ul.workshop li, ul.workshop li a { height: 35px; }
a.w-link	{ display: block; width: 169px; height: 40px; color: #000!important; 
					  background: transparent url(images/tema/wshop-bttn.png) top no-repeat; text-decoration: none; }
a:hover.w-link	{ color: #fff!important;background-position: bottom;text-decoration: none; }
.top-wshop-ul			{ width: 169px;height:12px;background:transparent url(images/tema/wshop-bttn-top.png) top no-repeat; border-bottom: 1px solid #999;}
.bottom-wshop-ul		{ width: 169px;height:6px;background:transparent url(images/tema/wshop-bttn-top.png) bottom no-repeat;margin-bottom: 24px;}

a.stream-link	{ display: block; width: 169px; height: 40px; color: #CC0000!important; 
					  background-color: #000; text-decoration: none; border: thin dotted #cc0303; }
a:hover.stream-link	{ color: #fff!important; background-color: #000!important; text-decoration: none; }


/* ===================================================================================================*/
.push {
	width: 1024px;
	height: 280px; /* .push must be the same height as .footer */
	margin: 0 auto;
	background: transparent url(images/tema/page-bg.png) center repeat-y;
}
/* ===================================================================================================*/
#footer					{ position: relative; margin: 0 auto; width: 1024px; height: 180px; /* .push must be the same height as .footer */
					  	  background: transparent url(images/tema/footer-bg.png) repeat-y;}

.footer-content			{ width: 860px; padding: 24px; overflow: hidden; margin: 0 auto; }
					  
#footer ul.rel-left		{ height:120px; margin-right: 30px; padding-left: 20px;  border-left: 1px solid #bab7b5; }
#footer ul.rel-left li	{ color: #333; padding: 3px 0; }
#footer ul.rel-left .menu ul li		{ list-style-type: square; margin-left: 20px }
/*#footer	p			{ width: 960px; margin: 0 auto; border-top: 1px solid #bab7b5 }*/

/* ! TYPE ******************************************************************************************** */

a								{ color: black; }
a:hover							{ background-color: #fff; text-decoration: underline; }
#contents a						{ text-decoration: underline; }
#contents h1 a					{ display: block; margin-bottom: 24px; font-family: Georgia, serif; font-size: 1.4em; font-weight: normal; color: #CC0000;
								  text-decoration: none; padding: 6px 0 6px 0; border-bottom: 1px dotted #cc0000; border-top: 1px dotted #cc0000; cursor: default; }
#contents h1 a:hover			{ color: #000; text-decoration: none; }

#contents h1					{ margin-bottom: 24px; font-family: Georgia, serif; font-size: 3em; font-weight: normal;
								  color: #CC0000; text-decoration: none; padding: 6px 0 6px 0; border-bottom: 1px dotted #cc0000;
								  border-top: 1px dotted #cc0000; cursor: default; }	
 
/* #contents h1:hover			{ color: #000; text-decoration: none; background-color: white; } */

/* ! Highlights Custom title ********************************************* */

.highlights h1					{ font-family: Georgia, serif; font-size: 1.9em!important; font-weight: normal;
								  padding: 6px 0 6px 0; border: none!important; }
.no-sep .interruzione			{ visibility: hidden;}
.no-sep h1						{ margin-bottom: 0!important; }
.no-sep							{ margin-bottom: 0!important; }

/* ! Highlights Custom title ********************************************* */

.centered-row a:hover			{ background: none; text-decoration: none; }
#contents .postmetadata a		{ text-decoration: none; font-weight: bold; color: #575757; }

#contents.link-listing-cat a		{ text-decoration: none; }
#contents.link-listing-cat a:hover	{ color: black }
#contents.link-listing-cat h3		{ border-bottom: 1px dotted #cc0000; font-weight: lighter; font-size: small; }

a.reg-button					{ background: white; color: #CC0000; font-weight: bold; }
a:hover.reg-button				{ background: #CC0000; color:white ; text-decoration: none!important; }

#sidebar a						{ color: #fff; }
#sidebar a:hover				{ color: #000; background-color: transparent; }
h2, #contents h2 a, h3, h3 a 	{ color: #CC0000; text-decoration: none; }
h2								{ margin-bottom: 24px; }
h2.subheader					{ margin-top: 24px; }
h2.dida							{ margin-bottom:0; color:#999; text-align:center; }
h3, h4							{ margin-bottom: 12px; }

#contents h2 a.whitelink		{ color: white; text-decoration: underline; }
#contents h2 a:hover.whitelink	{ color: black; }

.serif							{ font-family: Georgia, serif; margin-top: 12px;}
#footer	p						{ color: #666; }
.blackbold						{ color: black; font-weight: bold; }
/* .star-dot						{ vertical-align:0.1em; } */

/* ******************************************************************************************** */

ol.note li{ list-style: decimal inside; list-style-position: outside; margin-left: 12px; font-size: smaller; }

/* ! TABLE */

table 						{ border-collapse:collapse; border-spacing:0; line-height: 1.2em; }
table.accomTable			{ text-align: center; }
table.accomTable td			{ height:20px; border-bottom: 1px solid #ccc; }
table.accomTable td.title	{ background-color: #ccc; }
th							{ background: #CC0000; color: white; border: 1px solid #CC0000 }

/* ! ======== Qscroller ============= */

.Q-scroll-background{
	width:680px;
	height:60px;
	padding-top:28px; /* Attenzione a ie6 <- - - */
	background: url(images/Qscroll-bg.png) center no-repeat;
}
.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
}

#qscroller {
	width:680px;
	height:21px;
}

.qslide {
	font-size: 10pt;
	padding: 3px;
	text-align: center;
}
