/*----------------------------------------------
	      Francesco Uboldi website
----------------------------------------------*/
html,body {
	margin: 0 0 10px 0;
	padding: 0;
}
body {
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	background-color: black;
}
/*----------------------------------------------
					LAYOUT
----------------------------------------------*/
#container {
	width: 720px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#header {
}
#navigation {
	text-align: right;
}
#content {
	background-color: #111;
	background-image: url('topbar.gif');
	background-repeat: no-repeat;
	background-position: top;
	color: white;
}
#movielist {
	float: left;
	width: 230px;
	padding: 0 10px;
}
#contentcore {
	float: left;
	width: 430px;
}
#player {
	background-color: #111;
	background-image: url('topbar.gif');
	background-repeat: no-repeat;
	background-position: top;
	color: white;
	margin: 0 0 20px 0;
}
#movieplayer {
  margin: 10px 0;
}
#footer {	
	clear: both;
}
/*----------------------------------------------
					#header
----------------------------------------------*/
#header img {
	border: 0;
}
/*----------------------------------------------
					#lang
----------------------------------------------*/
#lang {	
	float: left;
	font-size: 10px;
	color: #555;
	padding: 18px 0 0 10px;
}
#lang a {
	font-size: 10px;
	color: #555;
}
#lang a.selected {
	color: white;
}
/*----------------------------------------------
					#navigation
----------------------------------------------*/
#navigation a {
	color: #555;
	font-size: 21px;
	font-weight: bold;
	padding: 5px 20px;
	line-height: 45px;
}
#navigation a.selected {
	color: white;
}
#navigation a.nav1:hover {
	color: #9f6;
}
#navigation a.nav2:hover {
	color: #f00;
}
#navigation a.nav3:hover {
	color: #9cf;
}
#navigation a.nav4:hover {
	color: #936;
}
/*----------------------------------------------
					#movielist
----------------------------------------------*/

#menu {
  width: 215px;
  padding: 10px 0 0 0;
  margin: 0;
  visibility: hidden;
}
#menu h2, #menu h2 a {
	color: #444;
	padding: 0;
	margin: 10px 0 3px 0;
	font-size: 18px;
	font-weight: bold;
	height: 27px;
	overflow: hidden;
}
#menu ul {
  margin: 0 0 15px 0;
  padding: 0;
}
#menu ul li {
  margin: 0 0 5px 10px;
  list-style-type: none;
  padding: 0;
  line-height: 20px;
}
#menu ul li a {
  display: block;
  color: white;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;	  
}
.menuTitle {
  cursor: hand;
  width: 178px;
  margin-top: 10px;
}
.menulabel {
  float: left;
}
.arrows {
  font-size: 21px; 
  font-weight: normal;
  float: right;
  margin: 0;
  cursor: hand;
  width: 22px;
}
/*----------------------------------------------
					#contentcore
----------------------------------------------*/
#contentcore h1 {
	font-size: 32px;
	font-weight: normal;
	margin: 20px 0 15px 0;
	padding: 0 0 0 35px;
}
#contentcore .red {
	background-image: url('h1-red.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
#contentcore .green {
	background-image: url('h1-green.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
#contentcore .azure {
	background-image: url('h1-azure.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
#contentcore .violet {
	background-image: url('h1-violet.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
#contentcore .orange {
	background-image: url('h1-orange.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
#contentcore .localnav {
	font-size: 12px;
	text-align: right;
}
#contentcore .localnav a {
	color: #777;
	padding: 0 20px 0 0;
	height: 27px;
	line-height: 27px;
}
#contentcore .localnav a.watch {
	font-weight: bold;
	padding: 6px 30px 6px 10px;
	color: #111;
	background-image: url('watchicon.gif');
	background-repeat: no-repeat;
	background-position: right;
	background-color: #666;
}
#contentcore .localnav a.watch:hover {
	color: #111;
	background-color: #fc0;
}
#contentcore .scheda {
	width: 432px;
	background-color: #222;
	margin: 0 0 20px 0;
}
#contentcore .scheda p {
	padding: 10px 20px;
}
#contentcore .scheda h2 {
	padding: 7px 10px;
	margin: 0;
}
#contentcore .scheda a.showreel {
	font-weight: bold;
	padding: 10px 30px 10px 10px;
	color: #111;
	float: right;
	background-image: url('watchicon.gif');
	background-repeat: no-repeat;
	background-position: right;
	background-color: #666;
}
#contentcore .scheda a.showreel:hover {
	color: #111;
	background-color: #fc0;
}
#contentcore .scheda p.maindata {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 10px 0px 20px;
	color: #444;
}
#contentcore .scheda .datumfirst {
	color: white;
	padding: 0 10px 0 0;
}
#contentcore .scheda .datum {
	color: white;
	padding: 0 10px;
	border-left: 1px solid #444;
}
#contentcore .scheda .langdatum {
	color: white;
	font-size: 12px;
	line-height: 30px;
	display: block;
}
#contentcore .scheda .lbl {
	padding: 0 12px 0 0;
	font-weight: bold;
	color: #777;
	width: 250px;
}
#contentcore h2 {
	font-size: 21px;
	font-weight: normal;
	margin: 15px 0 10px 0;
}
#contentcore p {
	font-size: 12px;
	line-height: 20px;
	padding: 0 0 15px 40px;
	margin: 0;
}
#contentcore p a, #contentcore li a {
	border-bottom: 1px dotted #ccc;
	color: white;
}
#contentcore p a:hover, #contentcore li a:hover {
	border-bottom: none;
	color: #fc0;
}
#contentcore a.linktop {
	float: right;
	background-image: url('linktop.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 12px;
}
#contentcore .intro {
	margin: 20px 0 5px 0;
}
#contentcore .intro p {
	font-size: 14px;
}
#contentcore .subscribebox {
	background-color: #222;
	margin: 0 0 5px 0;
	padding: 10px 10px 5px 10px;
}
#contentcore .subscribebox h2 {
	color: #666;
	padding: 0; margin: 0;
	float: left;
}
#contentcore .newsbox {
	background-color: #222;
	margin: 0 0 10px 0;
	padding: 5px 10px 0px 10px;
}
#contentcore .newsbox h2 {
	color: #666;
	padding: 0 0 5px 0;
	margin: 0;
}
#contentcore .newsbox p.morenews {
	float: right;
}
#contentcore .newsbox p.morenews a {
	color: #666;
	border: none;
}
#contentcore .newsbox p {
	font-size: 12px;
	line-height: 18px;
	text-indent: -70px;
	padding: 0 5px 10px 65px;
}
#contentcore .newsbox p{
margin-left: 5px;
}
#contentcore .newsbox .newsdate {
	font-weight: bold;
	color: #444;
	padding: 0 8px 0 0;
}
#contentcore ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 40px;
}
#contentcore li {
	font-size: 12px;
	list-style-type: square;
	list-style-position: outside;
	line-height: 20px;
	margin: 0;
}
/*----------------------------------------------
					#player
----------------------------------------------*/
#player h1 {
	font-size: 32px;
	font-weight: normal;
	margin: 0 0 10px 20px;
	padding: 0 35px;
	background-image: url('h1-orange.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
#player p.maindata {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 10px 55px;
	margin: 0;
	color: #444;
}
#player .datumfirst {
	color: white;
	padding: 0 10px 0 0;
}
#player .datum {
	color: white;
	padding: 0 10px;
	border-left: 1px solid #444;
}
#player a.backbutton {
	font-weight: bold;
	padding: 5px 10px 5px 30px;
	line-height: 29px;
	color: #111;
	background-image: url('backicon.gif');
	background-repeat: no-repeat;
	background-position: left;
	background-color: #666;
}
#player a.tellbutton {
	font-weight: bold;
	padding: 5px 10px 5px 30px;
	line-height: 29px;
	color: #111;
	background-image: url('tellicon.gif');
	background-repeat: no-repeat;
	background-position: left;
	background-color: #666;
}
#player a.backbutton:hover, #player a.tellbutton:hover {
	color: #111;
	background-color: #fc0;
}
#player img.getflash {
	float: right;
}
/*----------------------------------------------
					#footer
----------------------------------------------*/
#footer p {
	text-align: center;
	font-size: 11px;
	color: #444;
	padding: 10px 0;
	margin: 0;
}
#footer a {
	color: #444;
}
#footer img {
	float: left;
	border: 0;
	margin: 0 10px;
}
/*----------------------------------------------
					TYPOGRAPHY
----------------------------------------------*/
a {
	text-decoration: none;
	outline: none;
	color: #666;
}
a:hover, #menu a:hover, #lang a:hover, #navigation a:hover, #footer a:hover, #contentcore .newsbox p.morenews a:hover, #contentcore .localnav a:hover {
	color: #fc0;
}
/*----------------------------------------------
					FORMS
----------------------------------------------*/
#formContainer {
	margin-top: 2px; padding: 4px 0; color: #f00;
}
#formtell {
  width: 100%; text-align: center; margin: 5px 0 0 0;
}
form {
  font-size: 13px; padding: 0 0 0 25px;
}
fieldset {
  text-align: left;
}
form#tell {
  width: 400px; padding: 10px 0; margin: auto; visibility: hidden;
}
form#tell label {
  width: 180px; text-align: right; margin: 0 10px 0 0;
}
form#tell textarea {
  width: 100%;
}
form#tell .submitbutton {
  float: right; width: 100px; margin: 0; padding: 5px;
}
form#newsF{
  float: right; padding: 0; margin: 0; 
}
input.formInput {
  width: 200px; height: 20px; background-color: #DDD; border: 1px solid #999; padding: 0px 3px; margin: 0 5px;
}
input.formInput:focus {
  background-color: #FFF;
}