/* @override http://www.viewconference.it/2010/wp-content/themes/viewconference-2010/style.css */

/*  
Theme Name: ViewConference
Theme URI: http://ViewConference.it
Description: The first View Conference wordpress experiment!
Version: 2.0
Author: Giovanni Gentile
Author URI: http://www.giovannigentile.net
*/

/* ******************************************************************************************** */

/* Global reset */
* { margin: 0; }
a { text-decoration:none }

/* The below restores some sensible defaults */

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; border-radius: 6px; }
.button				{ -moz-border-radius: 4px; border-radius: 4px; }
.shadow{ -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
.interruzione{ width: 690px; height: 20px; margin: 24px 0 24px 0; background: transparent url(images/tema/interruzione.png); } /*obsoleto*/
hr{ border : 0; height : 20px; background : url(images/tema/interruzione.png) 50% 0 no-repeat; margin : 1em 0; clear: both; }
/* WP auto classes*/
.aligncenter{ padding-bottom: 10px;}
/* = Dark red #56070c = */

/* PAGE STRUCTURE *********************************************************************************** */
html, body{ height: 100%; }
html{ margin: 0; overflow-y: scroll; background: #f3f1f1 url(images/tema/page-bg.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; }
/* ! WRAPS  = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#page-wrap{ position: relative;  min-height: 100%; width: 1024px; margin: 0 auto;  }
#main{ overflow:auto; padding-bottom: 210px; }
/* ! HEADER  = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#header{ position: relative; width: 1024px; height: 220px; margin: 0 auto; 
background: transparent url(images/tema/header-bg.jpg) bottom no-repeat; }
.seo{ height: 0; margin: 0; overflow: hidden; }
#logo{ width:144px; height:124px; float:left; margin:54px 0 0 30px; text-indent: -9999px; }
/* ! Site switch tab = = = = = = = = = = = = = = = = = = = */
a#viewfest-bttn{ display: block; width: 161px; height: 38px; position: absolute; left: 183px; top: 6px; 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; }
/* ! Language switch box = = = = = = = = = = = = = = = = = = = */
#language-box{ width: 192px; height: 24px; position:absolute; top:20px; right:47px; background: transparent url(images/tema/lang-bttn-bg.png) center no-repeat; }
#language-box li{ width: 96px; height: 24px; position:relative; float:left; text-align: center; }
 li.language_item a{ display: block; width: 96px; position: relative; float: left; padding-top: 4px; color: #666; } 
li.language_item a:hover{ background: none; }
li.current_language_item{ width: 96px; height: 24px; background: transparent url(images/tema/current-lang-bttn-bg.png) top left no-repeat; }
.current_language_item a{ color: #CC0000!important; }
.current_language_item a:hover{ text-decoration: none; cursor: default; }
/* ! Menu bar = = = = = = = = = = = = = = = = = = = */
#navbar{ position: absolute; bottom: 0; width: 1024px; height: 29px; margin: 0 auto; }
ul#home-bttn{ margin-left: 38px; }
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; }
/* ! Search box = = = = = = = = = = = = = = = = = = = */
#searchbar{ width: 192px; height: 26px; position:absolute; top:60px; right:47px; padding-top: 1px; background:url(images/tema/search-bttn-bg.png) no-repeat top left; }
#s{ height: 22px; width: 158px; background-color: transparent; border: none; }
#searchbar #searchform input#searchsubmit{ border:0px; padding:0px;	margin:0px;	float: right; width:27px;	height:23px; background-color: transparent; cursor:pointer; }

/* ! Registration buttons = = = = = = = = = = = = = = = = = = = */
a#premium-reg-bttn { display: block; width: 192px; height: 28px; position: absolute; top:95px; right:47px; color: #CC0000; background: transparent url(images/tema/registration-bttn-bg.png) top no-repeat; text-decoration: none; }
a#reg-bttn { display: block; width: 192px; height: 28px; position: absolute; top:133px; right:47px; color: #CC0000; background: transparent url(images/tema/registration-bttn-bg.png) top no-repeat; text-decoration: none; }
a:hover#reg-bttn, a:hover#premium-reg-bttn { color: #ee0916; text-decoration: none; background-position: bottom; }
a#reg-bttn p, a#premium-reg-bttn p { padding: 7px 29px 3px 0; text-align: center;}

.photo-strip{ width: 1024px; height:107px; margin: 0 auto; }

#contents{ position: relative; width: 680px; min-height: 1000px; float: left; padding: 30px 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; border-radius: 4px; }

/* a.more-link											{ display: inline; } */

#sidebar{ width: 244px; position: absolute; top: 360px;right: 22px; background: transparent url(images/tema/sidebar-bg.png) repeat-y;  }
.sidebar-sep		{ display: block; width: 70%; height: 0px; border-top: solid 1px #a50007 ; border-bottom: solid 1px #ee3429; margin: 12px 20px; }
#sidebar hr{ border : 0; height : 8px; background : url(images/tema/hr-sidebar-bg.png) 50% 0 no-repeat; margin : 1em 0; clear: both; }
#sidebar a.w-link p { padding: 12px 0 3px 12px; font-size: 0.9em; }
#sidebar ul			{ width: 238px; margin-left: 20px; }
#sidebar ul li		{ margin: 3px 0; }

#sidebar ul.disc	{ margin-left: 36px; color: #fff; }


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; }

ul#skype-bttn, ul#award-bttn{ width: 190px; height: 33px; margin: 0 auto; }
ul#skype-bttn{ background:transparent url(images/tema/skype-bttn-bg.png) bottom no-repeat; }
ul#skype-bttn li{ text-align: center; padding-top: 7px; }
ul#skype-bttn li img{ padding-bottom: 5px; }

ul#award-bttn a{ display: block; width: 190px; height: 33px; /*margin: 0;*/ background:transparent url(images/tema/award-bttn-bg.png) top no-repeat; }
ul#award-bttn a:hover{ text-decoration: none; background:transparent url(images/tema/award-bttn-bg.png) bottom no-repeat; }

/* ! Breadcrumb – – – – – – – – – – – – – – – – – – */
#breadcrumbs-cont{ height: 30px; /*margin: 0 auto;*/ margin-bottom:12px; }
#breadcrumbs{ height: 30px; margin: 0 0 10px 0; position: relative; background-color: #f9f8f9; border: thin solid #e4e4e4; }	
	#breadcrumbs li{ padding-top: 6px; float: left; }
		#breadcrumbs li.front_page a{ padding-left: 20px!important; }
		#breadcrumbs li a{ padding: 0 20px 0 6px; color: #999; background: transparent url(images/tema/path-arrow.png) top right no-repeat; }
		
		#breadcrumbs li.current a{ background: none; }
		.parent-pageid-201 #breadcrumbs li.current a, .parent-pageid-189 #breadcrumbs li.current a{ color: #a80532; font-weight: bold; }

/* ! FOOTER ==========================================================================================*/
#footer-wrap{ position: relative; margin-top: -210px; height: 210px; background: #dadada url(images/tema/footer-wrap-bg.png) top repeat-x; clear:both; }
#footer{ position: relative; margin: 0 auto; width: 1024px; height: 210px; background: transparent url(images/tema/footer-bg.png) top no-repeat; }

.footer-content			{ width: 860px; padding: 44px 24px 24px 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 }*/
.GG-logo{ position: absolute; top: 0; right: 28px; }
.GG-logo img{ vertical-align: middle; }

/*Opera Fix sticky footer*/
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; /* negate effect of float*/ }

/* ! TYPE ******************************************************************************************** */

body{ -webkit-text-size-adjust: none; }/* prevent iPhone text enlargement*/
p{ text-shadow: #fff  0 1px 1px; }
strong { font-weight:bold; color: #333; }
em { font-style:italic }
a								{ color: black; }
a:hover							{ background-color: #fff; text-decoration: underline; }
a.external{ padding-right: 18px; background: transparent url(images/tema/external10x.gif) right no-repeat; }
#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-left: -10px; margin-bottom: 24px; font-family: Georgia, serif; font-size: 3em; font-weight: normal; color: #ff0000; padding: 6px 0 6px 10px; background-color: #f6f8f8; border: thin solid #d7d8d8; }	
 
/* #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: #ff0000; text-decoration: none; }
h2								{ margin-bottom: 24px; }
h2.subheader					{ margin-top: 24px; }
h2.dida							{ margin-bottom:0; color:#666; 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; font-weight: normal;}
h2.serif						{ color: #ff0000; /*color: #818284;*/ font-weight: normal!important; font-style: italic;}
#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;
}
