/* @override 
	http://localhost:8888/viewfest-2011/wp-content/themes/viewfest-2011-grain/style.css
	http://www.viewfest.it/2011/wp-content/themes/viewfest-2011-grain/style.css
*/

/*  
Theme Name: VIEWFest light 2011 
Theme URI: http://viewfest.it
Description: View Fest (light) theme
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;}
.normal-li li	{ padding: 2px 0 3px; }
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; }
.grey-bttn          { text-decoration: none!important; padding: 6px 12px; background-color: #dcdede; border: 1px solid #abacac; text-shadow: #fff 0 1px 0; }
.grey-bttn:hover    { background-color: #fff; border: 1px solid #abacac; text-shadow: #999 0 1px 0; }
.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; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
.interruzione{ text-align: center; } /*obsoleto*/
/*hr{ border : 0; height : 20px; background : url(images/interruzione.png) 50% 0 no-repeat; margin : 1em 0; clear: both; }*/
/* WP auto classes*/
.alignleft{ position: relative; float: left; margin:0 12px 12px 0; }
.aligncenter{ display: block; margin: 0 auto; padding: 6px 0; }
/* = Dark red #56070c = hairline grey –> #282525 */

/* PAGE STRUCTURE *********************************************************************************** */
html, body{ height: 100%; }
html{ margin: 0; overflow-y: scroll; background-color: #f5f6f8; }
body{ margin: 0 auto;
	color: #333; background: url(images/body-bg.png) repeat-x 0 155px transparent;
font: 13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
}
.open-sans{ font-family: 'Open Sans', sans-serif; }
/* ! WRAPS  = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#page-wrap{ position: relative;  min-height: 100%; }
#main{ width: 960px; position: relative; margin: 0 auto; overflow:auto; padding-bottom: 40px; }

/* Top banner = = = = = = = = = = = = = = = = = = = = = = = = = = */
#top-ad-tank{ height: 90px; padding: 9px 0 3px; background-color: #da0504; }
/*#top-ad-title{ width: 700px; margin: 0 auto; color: #fff;  text-align: center;  text-shadow: none; text-transform: uppercase; font-size: 10px; }*/
#top-ad{ width: 728px; height: 90px; margin: 0 auto; border: 1px solid #a5a6a6;
	/*background: url(images/banners/top-banner-bg.jpg) no-repeat #f8f8f8;*/
}
/* rotator in-page placement */
    div.rotator { position: relative; height: 90px; }
/* rotator css */
	div.rotator ul li { float:left;
	position:absolute;
	list-style: none; }
    div.rotator ul li.show { z-index:500 }


/* ! HEADER  = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#header-wrap{ background: transparent url(images/header-wrap-bg.png) top repeat-x;  }
#header{ position: relative; width: 960px; height: 239px; margin: 0 auto; overflow: hidden; background: transparent url(images/header-bg.jpg) no-repeat 0 52px; }
#info-bar{ width: 480px; position: absolute; top:165px; left: 195px; margin: 0 auto;}
#toolbar{ height: 52px; position: relative; }
/* ! Site switch tab */
#site-switch{  }
img#viewfest-bttn{ width: 156px; height: 52px; float: left; }
a#viewconf-bttn{ display: block; width: 156px; height: 52px; float: left; background: transparent url(images/viewconf-bttn.png) bottom left no-repeat; text-indent: -8753px; }
a#viewconf-bttn:hover{ background: transparent url(images/viewconf-bttn.png) top left no-repeat; text-decoration: none; }
/* Social Toolbar */
#social-bar{ width: 456px; height: 52px; position: relative; float: left; }
 #social-icons{ width: 430px; height: 27px; margin: 16px auto 0;}
 #social-icons li{ width: 27px; height: 27px; margin: 0 8px; position: relative; float: left; }
 #social-icons li a{ display: block; width: 27px; height: 27px; position: relative; float: left; text-decoration: none; text-indent: -9854px; }
 #social-icons li a:hover{ text-decoration: none; }
  #rss		{ background: transparent url(images/social-icons.png) 270px 0; }
  #youtube	{ background: transparent url(images/social-icons.png) 243px 0; }
  #twitter	{ background: transparent url(images/social-icons.png) 216px 0; }
  #facebook	{ background: transparent url(images/social-icons.png) 189px 0; }
  #myspace	{ background: transparent url(images/social-icons.png) 162px 0; }
  #wikipedia{ background: transparent url(images/social-icons.png) 135px 0; }
  #flickr	{ background: transparent url(images/social-icons.png) 108px 0; }
  #vimeo	{ background: transparent url(images/social-icons.png) 81px 0; }
  #digg		{ background: transparent url(images/social-icons.png) 54px 0; }
  #linkedin	{ background: transparent url(images/social-icons.png) 27px 0; }
   #rss:hover		{ background-position: 270px 27px; }
   #youtube:hover	{ background-position: 243px 27px; }	
   #twitter:hover	{ background-position: 216px 27px; }	
   #facebook:hover	{ background-position: 189px 27px; }	
   #myspace:hover	{ background-position: 162px 27px; }	
   #wikipedia:hover	{ background-position: 135px 27px; }
   #flickr:hover	{ background-position: 108px 27px; }	
   #vimeo:hover		{ background-position: 81px 27px; }	
   #digg:hover		{ background-position: 54px 27px; }		
   #linkedin:hover	{ background-position: 27px 27px; }	
/* ! Language switch box  */
#language-box{ width: 192px; height: 52px; position:relative; float: right; background: transparent url(images/language-swith-bg.png) no-repeat; }
#language-box li{ width: 96px; height: 52px; position:relative; float:left; text-align: center;}
 li.language_item a{ color: #ccc; width: 96px; float: left; padding-top: 22px; font-size: 11px; } 
 li.language_item a:hover{ color: #CC0000; text-decoration: none; background: none!important; }
 li.current_language_item{ width: 96px; height: 24px; background: transparent url(images/current-bg.png) top no-repeat; }
 .current_language_item a{ color: #CC0000!important; }
 .current_language_item a:hover{ text-decoration: none; cursor: default; }
/* Semantics */ 
.seo{ height: 0; margin: 0; overflow: hidden; }
#logo{ width:425px; height:100px; float:left; margin-top: 35px; text-indent: -9999px; }
#location-link{ width:118px; height:70px; position: absolute; right: 180px; top: 120px; text-indent: -9999px; }

/* ! Search ‹ Registrations */
#header-form-block{ position: absolute; top: 96px; right: 0px; overflow: hidden; width: 230px; height: 100px; background: transparent url(images/header-forms-bg.png) no-repeat; }
/* Registration buttons */
a#premium-reg-bttn { display: block; width: 192px; height: 28px; margin: 13px auto; /*color: #CC0000;*/ color: #CACACA; background: transparent url(images/registration-bttn-bg.png) top no-repeat; text-decoration: none; cursor: default; }
a#reg-bttn { display: block; width: 192px; height: 28px; margin: 14px auto 10px;  /*color: #CC0000;*/ color: #CACACA; background: transparent url(images/registration-bttn-bg.png) top no-repeat; text-decoration: none; cursor: default; }
/*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; padding-left: 20px;}

/* ! Menu bar = = = = = = = = = = = = = = = = = = = */
#navbar{ position: absolute; bottom: 0; width: 960px; height: 35px; margin: 0 auto; }
.menu-header{ width: 960px; height: 35px; position: relative; background-image: url(images/menu-bar.png); }

ul#menu-main-nav{ height: 35px; position: relative; float: left; margin-left: 24px; line-height: 30px; }
ul#menu-main-nav li{ float: left; margin-right: 26px; padding-top: 4px; }
ul#menu-main-nav li a{ color: #fff; font-size: 18px; padding: 2px 6px 2px; -moz-border-radius: 3px; border-radius: 3px; }
ul#menu-main-nav li a:hover, ul#menu-main-nav li.current_page_item a{ color: #ff0000; background-color: #000;  }
#menu-item-2976{ margin-left: 36px; }
											  
/* ! Search box = = = = = = = = = = = = = = = = = = = */
#searchbar{ width: 198px; height: 32px; position:absolute; top:1px; right:17px; padding-top: 1px; background:url(images/search-bttn-bg.png) no-repeat top left; }
#s{ height: 26px; width: 156px; padding-left: 8px; background-color: transparent; border: none; }
#navbar	#searchbar #searchform input#searchsubmit{ border:0px; padding:0px;	margin:0px;	float: right; width:27px;height:30px; background-color: transparent; cursor:pointer; }

#contents { width: 690px; float: left; /*padding: 30px 0 0 36px;*/ margin: 20px 35px 32px 0; }

/* SlideShow */
#slider			{ width: 700px; height: 350px; overflow: hidden; }
.bx-wrapper{  }
/*next button*/
.bx-next {
	position:absolute;
	top:45%;
	right:10px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(images/slides/gray_next.png) no-repeat 0 -30px;
}

/*previous button*/
.bx-prev {
	position:absolute;
	top:45%;
	left:10px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(images/slides/gray_prev.png) no-repeat 0 -30px;
}

/*next/prev button hover state*/
.bx-next:hover, .bx-prev:hover { background-position: 0 0; }

.post				{ position: relative; margin: 32px 0 0; padding-bottom: 28px; overflow: hidden; }

.post h2			{ padding-bottom: 9px; color:  #000; }
p.postmetadata		{ margin-top: 32px; font-size: smaller; }

img.attachment-100x100,
.attachment-post-thumbnail { position: relative; float: left; margin: 0 12px 12px 0; border: 6px solid #fff!important; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; behavior: url(/PIE.htc); }


.home-thumb-list	{ width: 700px; position: relative; float: left; margin-bottom: 22px; }
.sigg-thumb			{ margin-top:4px; margin-right: 18px; border:1px solid #ff741b }

.listing			{ overflow: hidden; }

.sep				{ height: 12px; border-bottom: 1px dotted #ccc; margin: 20px 0; }
.linea				{ height: 12px; border-bottom: 1px solid #ff741b; }
hr					{ border : 0; border-bottom: 1px solid #d0cdcc; border-top: 2px solid #fff; height : 0; margin: 10px 0 18px 0; clear: both; }

#sidebar			{ float: left; width: 210px; min-height: 400px; margin: 32px 0; padding-left: 20px; background: transparent url(images/sidebar-bg.png) no-repeat top left; }

.sidebar-sep		{ display: block; width: 70%; height: 0px; border-top: 1px solid #282525; margin: 6px 0 6px 0; }
#sidebar .widget_nav_menu li		{ width: 210px; margin: 3px 0; padding: 6px 0 9px 4px; border-bottom: 1px dotted #666; }
#sidebar ul li.no-border{ border:none; }

li#menu-item-1314{ width: 210px; height: 35px; margin:0!important; text-align: center; margin-bottom: 10px; padding-top: 11px; background: transparent url(images/program-bttn.png) no-repeat; border: none!important;
}
li#menu-item-1314 a{ color: #fff; font-size: 12px; }
li#menu-item-1314 a:hover, li#menu-item-3437 a:hover{ color: #ff0000!important; }
li#menu-item-1321 a{ color: #ff0000; font-size: 12px; }
li#menu-item-1320, li#menu-item-1321{ width: 210px; height: 35px; margin:0!important; text-align: center; padding-top: 11px; background: transparent url(images/workshop-bttn.png) no-repeat; border: none!important;
}
li#menu-item-1320 a{ color: #ff0000; font-size: 16px; }
li#menu-item-1320 a:hover,	li#menu-item-1321 a:hover{ color: #000!important; }
#menu-item-1320.current-menu-item a, #menu-item-1321.current-menu-item a{ color: #ff0000!important; background-color: transparent!important; }


.logo-list	 { overflow: hidden; }
.logo-list li{ float: left; height: 68px; margin: 0 20px 20px 0; }
.logo-list li a{ float: left; padding: 2px 2px 0; }
.logo-list li a:hover{ background-color: #ff0000; }
.logo-list li a img{  }


ul#skype-bttn{ width: 190px; height: 33px; /* margin: 0 auto; */ }
ul#skype-bttn{ background:transparent url(images/skype-bttn-bg.png) bottom no-repeat; }
ul#skype-bttn li{ color: #100e0e; text-align: center; padding-top: 7px; }
ul#skype-bttn li img{ padding-bottom: 5px; }

li.linkcat			{ margin-bottom: 30px; }

#openfilm-title		{ position: relative; display: block; margin-top: 30px; padding: 5px 10px 10px; border: 1px solid #ccc;  cursor: pointer;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(255,255,255)),
    color-stop(0.8, rgb(227,227,227))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(255,255,255) 0%,
    rgb(227,227,227) 80%
); }
#openfilm-title:hover{ background: #333; border-color: #333; }
#openfilm-title a	{ display: block; }
#openfilm-title .dida	{ color: #999; width: 120px; position: absolute; right: 16px; bottom: 6px; font-size: 10px; }
/* ! FOOTER ==========================================================================================*/
#footer-wrap{ position: relative; margin-top: -40px; height: 40px; clear:both; background: transparent url(images/footer-bg.gif) repeat-x 0 bottom; }
#footer{ position: relative; margin: 0 auto; width: 960px; height: 20px; padding-top: 10px; background: transparent url(images/footer-bg.png) top no-repeat; }
.footer-content	{ width: 860px; position: relative; font-size: 11px; overflow: hidden; }
					  
#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; }

/* Pre-footer */
.clearfooter		{ height: 180px; clear: both; }
#pre-footer			{ width: 700px; position: relative; float: left; margin-bottom: 32px; }
#pre-footer p		{ margin-bottom: 10px; font-family: Georgia, serif; text-align: center; }

/* TYPE ******************************************************************************************** */
p{ text-shadow: #fff 0 1px 1px; margin: 3px 0 0!important; padding: 0 0 3px 0; }
.no-museo{ font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif!important; }
a						{ color: #000; }
#contents p a			{ border-bottom: 1px dotted; }
/*.more-link a			{ border-bottom: 1px dotted; }*/
a:hover					{ color:#ff0000; }
#contents p a:hover		{ border-bottom: 1px solid; }
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; }
a.external				{ padding-right: 18px; background: transparent url(images/externalGR.gif) right no-repeat; }
.more-link				{ position: absolute; right: 0; bottom: 0; color: white; padding: 3px 6px; background-color: #d5d7d8;  text-shadow: none; -moz-border-radius: 6px; border-radius: 3px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #fff;  }
.more-link:hover{ color: #fff; background-color: #acacac; }
.small-label{ color: #ff0000; max-width: 200px; margin-bottom: 10px; padding: 3px 6px; background-color: #d5d7d8;  text-shadow: none; -moz-border-radius: 6px; border-radius: 3px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #fff;}

h2						{ font-family: Georgia, serif; color: #ff0000; margin-bottom: 12px; font-size: 2em; text-shadow: 1px black; font-weight: normal; font-style: normal; }

#contents h1{ margin-bottom: 12px;  font-size: 2em; font-weight: normal; color: #ff0000; /*padding: 6px 0 6px 10px; background-color: #222021; border: thin solid #282525;*/ }
#contents h1 a{ color: #ff0000; }
#contents h1 a:hover{ color: #000; }

h3						{ font-family: Georgia, serif; color: #ff0000; font-weight: normal; margin-bottom: 12px; }

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

/* Calendar of Events */
.page-id-998 h2 { /*color: #fff;*/ }
.page-id-998 p { margin-bottom: 20px; }
.page-id-998 strong{ color: #ff0000; }

/* ***************************** 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: #ff0000; text-decoration: underline; }

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

.paragrafo h2	{ color:#ff0000; }


.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; }
/* CREDITS */
.bubbleInfo{ position: absolute; right: 60px; top: 3px; }
.trigger{ color: #000; padding: 2px; cursor: pointer; }
#site-author{  }
#site-host{ padding-left: 6px; }
#site-generator{ padding: 0 0 4px 10px;}
.popup{ position: absolute; display: none; }
.popup{ width: 160px; background-color: #eff0f0; z-index: 500; padding: 10px!important; font-size: 10px; text-align: center; -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; box-shadow: rgba(0,0,0,0.3) 0 1px 3px; }
.me{ color: #000; padding: 3px 0 0; }.me:hover{ color: #ff0000; }