/***********************************************************************
************************************************************************
Project:		Robin Good's University - pop.robingood.com
Version:		2.0
Last Change:	18/03/2009
Agency:			Web Agency Meta Line - metaline.it
Author:			Matteo Casonato (Wikimaki)
***********************************************************************/

@import "reset.css";
@import "scroll.css";

body { background: #000; border: 0; color: #A4A4A4; font-family: Tahoma, Arial, sans-serif; margin: 0; padding: 0; }

/* Blocchi Principali
-------------------------------------------------------------- */
#container, #head,#page, #foot { clear: both; margin: auto; width: auto; }
	#head, #page, #foot { position: relative; width: 960px; }

	#head { height: 100px; }
	#page { background: #121212; }
	#foot { font-size: 0.7em; font-weight: normal; padding: 10px 0; }

/* Type
-------------------------------------------------------------- */
a { color: #3994AA; font-weight: bold; text-decoration: none; }
	a:hover { text-decoration: underline; }
p, #page #news dd { font-size: 0.8em; line-height: 130%; }

#foot, #page #news dt, #spot h4 { font-family: "Trebuchet MS", Arial, sans-serif; }

#head h1, #spot h3 { font-family: Graublau Web Bold, Arial, Helvetica, sans-serif; }

/* Blocchi Principali
-------------------------------------------------------------- */
#head .logo { position: absolute; right: 40px; top: 12px; }
#head h1 { color: #fff; font-size: 2.5em; left: 20px; line-height: 100%; position: absolute; top: 20px; }
	#head h1 span { color: #3994AA; }
#head h2 {font-size: 0.75em; font-weight: bold; left: 20px; line-height: 100%; position: absolute; top: 63px; }

#page .content { padding: 15px; }
	#boxSX { float: left; width: 634px; }
		#boxSX .clip { background: #000; padding: 2px; }
	#boxDX { float: right; width: 260px; }
	#spot { background: #212528; height: 1%; overflow: hidden; padding: 10px; }
	#spot p { padding-top: 10px; }
	#spot h3 { color: #fff; font-size: 1.4em; margin-bottom: 8px;margin-left:10px; }
		#spot h3 span { color: #3994AA; }
	#spot h4 { font-size: 0.95em; font-weight: bold; margin-left:10px;}
	
	#page #news { height: 1%; overflow: hidden; padding: 20px 0 0; }
	#page #news dl { display: inline; float: left; padding: 0 15px; width: 30%; }
	#page #news dl.middle { border-left: 1px solid #212528; border-right: 1px solid #212528; }
		#page #news dt { color: #fff; font-size: 0.9em; margin-bottom: 5px; }
		#page #news dd { color: #505050; }
	
#foot ul { margin: 0; padding: 0; list-style: none; }
#foot, #foot a { color: #353535; font-weight: normal; height: 1%; overflow: hidden; text-decoration: none; }

/* Varie
-------------------------------------------------------------- */
form.accessForm { margin: 10px auto; width: 240px; }
form.accessForm dl { margin: 10px auto; }
	form.accessForm dt { font-size: 0.85em; font-weight: bold; margin: 8px 0 3px 0; }
	form.accessForm dd { margin-bottom: 16px; }
	form.accessForm dd.inputbox { background: #E1E1E1; }
		form.accessForm dd.inputbox input { background: #fff; border: 1px solid #ccc; color: #999; font-size: 1.2em; margin: 3px; padding: 2px 3px; width: 226px; }
	form.accessForm dd.subscribe { margin-top: 10px; text-align: center; }
		form.accessForm dd.subscribe input { background: url(images/btn-downloadPdf.png) no-repeat 0 0; border: 0; color: #fff; cursor: pointer; height: 66px; width: 236px; }
		form.accessForm dd.login input { background: url(images/btn-login.png) no-repeat 0 0; border: 0; color: #fff; cursor: pointer; height: 66px; width: 236px; }
		form.accessForm dd.subscribeIT input { background: url(images/btn-downloadPdfIT2.png) no-repeat 0 0; border: 0; color: #fff; cursor: pointer; height: 66px; width: 236px; }
	form.accessForm dd.login { color: #9F9F9F; font-size: 0.8em; margin-top: 6px; text-align: center; }

.video { position: relative; margin: 5px; }
.video .iconPlayHome { background: url(images/icon-playHomeBlack.png) no-repeat 0 0; cursor: pointer; display: block; height: 300px; left: 0px; outline: none; position: absolute; text-indent: -999em; top: 0px; width: 620px; z-index: 20; }