/*
Theme Name: Tema
*/
html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}ul li {vertical-align: bottom;}

body {background-color: black; font-family: Tahoma;}
.nodisplay, #suattr {display: none;}
	div.main {width: 900px; margin: 0 auto; background-color: transparent; position: relative; height: 750px;}
	div.intro {background-color: transparent; width: 774px; height: 700px; display: block; margin: 0 auto; overflow: auto; padding: 0px 0px; position: relative;}
	div.intro div.david, div.intro div.nome, div.intro div.cognome, div.intro div.stella, div.intro div.fondo, div.intro div.slogan {position: absolute;background-position: center center; background-repeat: no-repeat; display: none;}
	div.intro div.nome{ width: 263px; height: 125px; left: 450px; top: 350px;  background-image: url('images/home_nome.png');}
	div.intro div.cognome{  width: 366px; height: 203px; left: 350px; top: 450px;  background-image: url('images/home_cognome.png');}
	div.intro div.cognome a{display: block; cursor: pointer;  width: 366px; height: 203px;}
	div.intro div.david{ width: 569px; height: 606px; left: 200px; top: 80px;  background-image: url('images/home_david.png');}	
	div.intro div.stella{ width: 740px; height: 700px; left: 0px; top: 0;  background-image: url('images/home_stella.png');}
	div.intro div.fondo{ width: 774px; height: 630px; right: 0; top: 0;  background-image: url('images/home_fondo.jpg');}
	div.intro div.slogan{ width: 450px; height: 196px; left: 0px; top: 0;  background-image: url('images/home_slogan.png');}		

	div.audio {width: 300px; height: 50px;position: absolute; bottom: 0; right:30px; background-color: transparent; }	
	div.home {width: 100px; height: 30px;position: absolute; bottom: 10px; left:30px; background-color: transparent; color: white; font-size: 18px; line-height: 30px;}
	div.home a {color: white; text-decoration: none; line-height: 30px;}	
	div.lang {width: 300px; height: 50px;position: absolute; bottom: 0; left:30px; background-color: transparent; color: white; font-size: 18px; line-height: 30px;}
	div.lang a {color: white; text-decoration: none;}
	div.lang ul.qtrans_language_chooser {background-color: transparent; list-style-type: none;}
	div.lang ul.qtrans_language_chooser li {background-color: transparent; float: left; margin-right: 20px;}
	div.sx, div.dx, div.center {position: absolute; top: 0;height: 700px; }
	div.sx {left: 0; width: 236px; background-color: black;}
	div.menu {height: 240px;width: 204px; position: absolute; top: 30px; background-color: transparent; left: 30px;}
	div.menu  a {height: 25px;width: 204px;display: block;background-image: url('images/menu.jpg');background-position: 0px 0px; background-repeat: no-repeat;}
	div.menu a:hover {background-image: url('images/menu_up.jpg'); background-position: 0px 0px;}

	
	div.menu a#my-life {background-color: transparent; height: 40px;}
	body.postid-62 div.menu a#my-life {background-image: url('images/menu_up.jpg'); }
	
	div.menu a#master-classes {background-color: transparent; height: 30px; background-position: 0px -40px;}
	body.postid-61 div.menu a#master-classes {background-image: url('images/menu_up.jpg'); }
	
	div.menu a#pubblications {background-color: transparent; height: 30px;background-position: 0px -73px;}
	body.postid-60 div.menu a#pubblications {background-image: url('images/menu_up.jpg'); }
	
	div.menu a#images { background-color: transparent; height: 45px;background-position: 0px -109px;}
	body.postid-59 div.menu a#images {background-image: url('images/menu_up.jpg'); }
	
	div.menu a#contact-me {background-color: transparent; height: 25px;background-position: 0px -155px;}
	body.postid-58 div.menu a#contact-me {background-image: url('images/menu_up.jpg'); }
	
	div.menu a#stages-conventions {background-color: transparent; height: 37px;background-position: 0px -188px;}
	body.postid-57 div.menu a#stages-conventions {background-image: url('images/menu_up.jpg'); }

	div.watch {height: 37px;width: 204px; position: absolute; top: 430px; background-color: transparent; left: 30px;}
	div.watch a{height: 37px;width: 204px; background-image: url('images/watch.jpg');background-position: 0px 0px; background-repeat: no-repeat; display: block;}	

	
	div.links {height: 29px;width: 204px; position: absolute; top: 530px; background-color: transparent; left: 30px;}
	div.links a{height: 29px;width: 204px; background-image: url('images/links.jpg');background-position: 0px 0px; background-repeat: no-repeat; display: block;}	
	div.links a:hover {background-image: url('images/links_up.jpg');}	

	div.vice-campione-2011 {height: 99px;width: 186px; position: absolute; top: 300px; background-color: transparent; left: 30px;}
	div.vice-campione-2011 a{height: 99px;width: 186px;  background-image: url('images/vice-campione-2011_it.jpg');background-position: center center; background-repeat: no-repeat; display: block; border: 2px solid white;}
	body.it div.vice-campione-2011 a{background-image: url('images/vice-campione-2011_it.jpg');}
	body.en div.vice-campione-2011 a{background-image: url('images/vice-campione-2011_en.jpg');}


	div.center {left:236px ; width: 329px; background-color: black;}		

	div.center 	div.post {width: 329px;height: 666px;}	
	div.center 	div.post-62 {background-image: url('images/c_my_life.jpg');}
	div.center 	div.post-57 {background-image: url('images/c_stages_conventions.jpg');}
	div.center 	div.post-60 {background-image: url('images/c_pubblications.jpg');}
	div.center 	div.post-61 {background-image: url('images/c_master_classes.jpg');}
	div.center 	div.post-96 {background-image: url('images/c_links.jpg');}
	div.center 	div.post-58 {background-image: url('images/c_contact_me.jpg');}
	div.center 	div.post-95 {background-image: url('images/c_watch.jpg');}
	div.media {background-image: url('images/c_images.jpg'); background-position: top right; background-repeat: no-repeat;}
	
	div.content iframe {width: 700px; height: 350px; border: 1px solid #ccc; padding: 1px;}

   			form.form {background-color: transparent;}
			form.form p.privacy {background-color: transparent; font-size: 10px;text-align: justify;}
			form.form p {margin: 10px 5px !important; padding: 1px 0px !important; width: 250px; }
			form.form label {width: 100px;font-size: 12px; margin: 0; padding: 0;}
			form.form textarea, form.form input {border: 1px solid #ccc; width: 250px; padding: 1px; color: #333; font-style: oblique;}			
			form.form textarea {height: 100px;}
			form.form input {margin: 0px 0px 0px 5px; }
			form.form input.invia {border: 1px solid #ccc; width: 100px; text-align: center; margin-top: 10px;}
			p.errore, p.load, p.msg {display: none;}	
  			form.form label.error {display:none !Important;}
   			form.form input.error {border:1px solid #ff0000; background-color: yellow;}

   			
	div.powered {width: 746px; margin: 0 auto; background-color: black; height: 30px; clear: both;}
	div.powered p {text-align: center; height: 30px; line-height: 30px; color: #fdf4d9;font-size: 12px; padding: 10px;}
	div.powered p a {color: #fdf4d9;}
	
		div.dx {left: 571px; width: 335px; background-color: black;}
		div.jScrollPaneContainer {width: 335px !important; background-color: transparent;height: 660px !important; padding: 0px 0px;}
		div.pagina ul li strong {font-weight: bold; color: white;}
		div.pagina ul li.linkcat {padding: 0; color: #ccc;list-style-type: none; clear: both;margin-bottom: 20px;}
		div.pagina ul li.linkcat  a img {padding-right: 60px;}
		div.pagina ul li.linkcat ul {padding: 0;}
		div.pagina ul li.linkcat ul li {list-style-type: none}
		div.pagina ul li.linkcat h2 {display: none;}
		
		div.pagina {width: 335px; 	height: 640px;	overflow: auto;		float: left; background-color: transparent; position: relative;}

		div.pagina p {color: #ccc; font-size: 11px; padding: 10px;background-color: transparent;}
		div.pagina ul {padding:0px 20px; font-size:11px; color: #ccc; }
		div.pagina ul li {padding:5px 0px; font-size:11px; color: #ccc;list-style-type: circle; background-color: transparent;}
		div.scroller ul li {font-size: 12px; padding:20px 0px 0px 80px !important;background-image: url('images/pdf.png') !important; height: 44px; background-repeat: no-repeat; background-position: 0px 0px; list-style-type: none;} 		
		div.pagina ul li a {padding:0px; font-size:11px; color: #ccc; text-decoration:none; text-transform: capitalize;}
		div.media {width: 664px; height: 666px; margin: 0px;position: absolute; top: 0; left:236px ; background-color: transparent; }	
		div.media div.sc_menu ul.sc_menu li a {display: block; width: 250px; height: 250px; border: 2px solid white;background-position: center center; background-repeat: no-repeat;}

		
		.jScrollPaneTrack {background-repeat: no-repeat !important; 	background-color: black !important;background-image: url('images/jScrollPaneTrack.jpg') !important; background-position: 0px 0px; width: 21px !important; height: 660px;}
		.jScrollPaneDrag {background: transparent !important; background-image: url('images/jScrollPaneDrag.png') !important; background-position: 5px 7px !important; background-repeat: no-repeat !important; width: 21px !important; height: 110px !important;}

        
 div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 275px;
	width: 664px;
	overflow: auto;
	padding-top:200px;	

}
ul.sc_menu {
	display: block;
	height: 270px;
	/* max width here, for users without javascript */	
	width: 9500px;	
	padding: 0px; 
	/* removing default styling */
	margin: 0;
	background-color: transparent;
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 5px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
}