@charset "UTF-8";
/* CSS Document */
/*
Description: Theme for "YouBlue Viral Contest" Sponsored by Derby Blue and Future Film Festival (may 2008)
Version: 1.0
Author: Nicolò Volpato |MC|
Author URI: http://www.gnvpartners.com
*/
/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
/*   *:first-child+html body   hack for IE7 */

* {
	padding:0;
	margin:0;
	outline:0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { font-weight:normal; }

li, dd { margin-left:5%; }

.clear{ clear:both; height:0px; font-size:0px; line-height:0px; }

a img{ border:none; }

.left{ float:left; }
.right{ float:right; } 

html{
	background:#007cb5 url(../img/html.jpg) repeat-y center top;
}

body{
	background:transparent url(../img/bg_body.jpg) no-repeat center top;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:19px;
	color:#afd7ee;
}

#wrapper{
	background:transparent url(../img/wrapper.jpg) no-repeat center bottom;
	padding:0 0 250px 0;
	padding /**/:23px 0 250px 0;
}

.inside, #header, #main_menu, #footer{
	width:880px;
	margin:0 auto;
}

.main{
	width:515px;
	padding-left:10px;
	padding-left /**/:15px;
	float:right;
}

.sidebar{
	width:335px;
	float:left;
	font-size:11px;
}

.separator{
	background:transparent url(../img/bg_separetor.jpg) repeat-x left center;
	height:4px;
	width:99%;
	margin:20px auto 25px auto;
}

.banner{
	text-align:center;
}

/*--- H and a ----*/

h1 a, h2 a, h3 a, h4 a, h5 a{
	text-decoration:none;
}

h1, h1 a{
	font-size:21px;
	line-height:26px;
	margin-bottom:15px;
	color:#d21e6f;
	font-weight:bold;
}

h2, h2 a{
	font-size:21px;
	line-height:26px;
	margin-bottom:15px;
	color:#fff;
}

h3, h3 a{
	 color:#d21e6f;
	 font-size:14px;
	 line-height:18px;
	 margin-bottom:15px;
}

h3.numb{
	height:22px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center left;
	padding:7px 0 3px 40px;
	margin-left:-3px;
	
	font-size:12px;
	line-height:19px;
	color:#afd7ee;
}

.one{
	background-image: url(../img/numb_1.jpg);
}
.two{
	background-image: url(../img/numb_2.jpg);
}
.three{
	background-image: url(../img/numb_3.jpg);
}
.four{
	background-image: url(../img/numb_4.jpg);
}
.five{
	background-image: url(../img/numb_5.jpg);
}
.six{
	background-image: url(../img/numb_6.jpg);
}

h4, h4 a{
	color:#1978ad;
	margin-bottom:10px;
	font-weight:bold;
}

h5, h5 a{	
	color:#d21e6f;
	margin-bottom:10px;
}

h6, h6 a{
	 color:#1978ad;
	 font-size:10px;
	 line-height:15px;
	 margin:15px 0 15px 0;
}

a.more{
	background-color:#005f94;
	color:#fff;
	padding:5px 10px 5px 10px;
	float:right;
	font-size:10px;
	text-transform:uppercase;
	margin-bottom:10px;
}

a.more:hover, .paging a.more.selected{
	background-color:#d21e6f;
}

.paging{
	width:auto;
	margin:25px auto;
}

.paging .more {
	float:left;
	margin-right:5px;
}


/*--- Generic Instructions ---*/
p, blockquote{
	margin-bottom:20px;
}

blockquote{
	padding-left:10px;
	border-left:3px solid #1978ad;
	font-style:italic;
}


p img{
	padding:2px;
	border:3px solid #1978ad;	
}

strong{
	color:#fff;
}

a, p a, blockquote a, ul li a, ol li a{
	text-decoration:none;
	color:#1cb5ee;
}

p a:hover, blockquote a:hover, ul li a:hover, ol li a:hover{
	color:#FFF;
	text-decoration:underline;
	/*border-bottom:1px solid #d21e6f;*/
}

a:hover img, p a:hover img{
	text-decoration:none;
}

a.p{
	text-decoration:none;
	color:#afd7ee;
}

ul{
	margin:0 0 40px 0;
	list-style:none;
	list-style-image:url(../img/list.jpg);	
}

ul li, ol li{
	margin:5px 0 10px 25px;
}

ol{
	margin-bottom:40px;
}


/*--- #Header ---*//*see also line 46 for size and position --*/
#header .main{
	margin-bottom:36px;
}

a.logo, #logo_contest{
	display:block;
	text-indent:-99999px;
	float:left;
	height:50px;
}

.derby{
	width:90px;
	margin:20px 0 0 110px;
	margin /**/:0 0 0 204px;
}

.FFF{
	width:180px;
	margin:35px 0 0 20px;
	margin /**/:13px 0 0 20px;
}

#logo_contest{
	height:200px;
	width:770px;
	margin-left:150px;
	float:none;
}



/*--- Main_Menu -----*//*see also line 46 for size and position --*/
#main_menu{
	text-transform:uppercase;
	color:#7b7c7c;
	margin-bottom:50px;
	margin-bottom /**/:40px;
	height:60px;
	font-size:11px;
}
*:first-child+html body #main_menu{
	margin-bottom:50px;
}

#main_menu ul{
	margin:13px 0 0 0;
}

#main_menu ul li{
	display:inline;
	list-style:none;
}

#main_menu ul li a{
	color:#7b7c7c;
	display:block;
	height:20px;
	float:left;
	text-decoration:none;
	padding-bottom:3px;
	margin:0 16px 0 0;
	margin /**/:0 17px 0 0;
}

#main_menu ul li a:hover, #main_menu ul li a.selected{	
	color:#444545;
	border-bottom:3px solid #df0064;
}


/*--- #Content ---*/
#content{
	width:950px;
	min-height:600px;
	margin:0 auto 50px auto;
	padding:0 0 20px 0;
}


/*--- #Footer ---*//*see also line 46 for size and position --*/
#footer{
	color:#004b7c;
	font-size:11px;
	line-height:14px;
}

#footer a{
	color:#012c49;
	text-decoration:none;
}

#footer a:hover{
	color:#df0064;
}

#footer .main{
	text-align:right;
}


.wp-image-31, .wp-image-40, .wp-image-44, .wp-image-77, .wp-image-76{
	border:0;
	margin-right:20px !important;
}
.wp-image-44, .wp-image-77, .wp-image-76{
	margin:20 0 0 0 !important;
	padding:0 !important;
}
.sagomine{
	margin-top:50px;
}

p img.alignleft, p img.alignright{
	margin:15px;
}

.clip{
	border:4px solid #1978ad;	
	margin:10px 0 20px 8px;
	width:305px;
}


.thumb{
	display:block;
	float:left;
	border:3px solid #1978ad;	
	margin:0 15px 15px 0;
}


.clip-thumb{
	float:left;
	width:160px;
	height:285px;
	margin:10px 10px 20px 0;
	font-size:11px;
}
.clip-thumb .thumb{
	border:4px solid #1978ad;	
	width:152px;
	height:134px;
	margin:0 0 10px 0;
	overflow:hidden;
}

.clip-thumb.large{
	float:none;
	width:512px;
	height:auto !important;
	margin:10px 0 20px 0;
	font-size:12px;
}
.clip-thumb.large .thumb{
	border:4px solid #1978ad;	
	width:504px;
	height:398px;
	margin:0 0 20px 0;
}

.clip-thumb .small{
	background-color:#005f94;
	color:#fff;
	padding:2px 10px 2px 25px;
	float:left;
	font-size:10px;
	text-transform:uppercase;
	margin:5px 5px 10px 0;
}

.clip-thumb .small:hover{
	background-color:#1978ad;
}

.fave{
	background:#005f94 url(../img/fave.gif) no-repeat 5px center;
}

.play{
	background:#005f94 url(../img/play.gif) no-repeat 5px center;
}


/*-- Newsletter e Comments form -----------------------------------------------------------*/
.main #form{
	text-align:right;
	padding:20px 0 20px 0;
}

#comment_form{
	text-align:right;
	padding:20px 10px 10px 0;
}

#loginform{
	margin:0 0 0 6px;
}

#frmSS1 input, #comment_form input, #loginform input{
	width:300px;
	background:transparent url(../img/bg_form.jpg) no-repeat left top;
	height:18px;
	padding:6px 0 0 10px;
	border:2px solid #1978ad;
	margin-bottom:10px;
	font-size:12px;
}

#loginform input{
	
}

#frmSS1 select{
	width:260px;
	margin-bottom:10px;
}

#frmSS1 input.ckb{
	width:15px;
	background:transparent url(../img/bg_form.jpg) no-repeat left top;
	height:15px;
	padding:6px 0 0 10px;
	border:2px solid #DDD;
	margin-bottom:10px;
	font-size:12px;
}

#frmSS1 label, #comment_form label, #loginform label{
	margin-right:20px;
	text-transform:uppercase;
	display:block;
	float:left;
	text-align:left;
	margin:5px 0 0 5px;
	font-size:11px;
	color:#1cb5ee;
}

#comment_form label{ font-size:13px; }

#loginform label{
	display:inline;
	float:none;
}

#frmSS1 textarea, #comment_form textarea, #comment{
	width:300px;
	height:120px;
	background:transparent url(../img/bg_form.jpg) no-repeat left top;
	border:2px solid #1978ad;
	padding:6px 0 0 10px;
}
#comment_form input, #comment_form textarea{
	width:280px;
}

small{
	color:#AAA;
}

#buttons{
	margin:10px 0 60px 0;
	padding:0 0 0 0;
}

#comments #buttons{
	border-top:1px solid #DFDFDF;
	margin:20px 0 60px 0;
	padding:20px 50px 0 220px;
}

#buttons a, #loginform #wp-submit{
	width:auto;
	background:none;
	height:auto;
	padding:6px 0 0 10px;
	border:none;
	
	cursor:pointer;
	background-color:#005f94;
	color:#fff;
	padding:5px 10px 5px 10px;
	font-size:10px;
	text-transform:uppercase;
	margin:0 6px 10px 0;
}

#buttons a:hover, #loginform #wp-submit:hover{
	background-color:#d21e6f;
}

#capcode{
	margin:0 0 0 70px;
}

.comment{
	border-bottom:1px solid #DFDFDF;
	margin-bottom:15px;
}

.comment .body{
	width:300px;
	padding:6px 0 0 10px;
	font-size:12px;
	float:right;
}

.comment h1{
	margin-right:20px;
	text-transform:uppercase;
	display:block;
	float:left;
	text-align:left;
	margin:5px 0 0 5px;
	font-size:13px;
	height:60px;
}

.comment h1 span{
	color:#999;
	font-size:13px;
}

.comment .body p img, .wp-smiley{
	border:0 !important;
	padding:0 !important;
	margin:0 !important;
	float:none !important;
}

/* ----------- Votes ----------- */
#votetxt{
	display:none;
}

.votenum{
	display:block;
	background:#005f94 url(../img/bg_votes.jpg) repeat-x left top;
	color:#fff;
	width:60px;
	text-align:center;
	padding:15px;
	margin:5px 0 0 0;
	font-size:32px;
	border-top:1px solid #2c8abe;
	border-left:1px solid #2c8abe;
	border-bottom:1px solid #003b5c;
	border-right:1px solid #003b5c;
}

.large .fave{
	width:50px;
	padding:2px 0 2px 40px;
	background:#005f94 url(../img/fave.gif) no-repeat 20px center;
}

#esito{
	margin:0 0 0 20px;
	padding:5px 0 0 0;
}

.single_vid h1{
	margin-bottom:5px;
}

.single_vid h3{
	color:#fff;
	margin:0 0 20px 0;
}

#respond, #comments{
	color:#d21e6f;
}

.desc{
	float:right;
	width:370px;
}

/* ----------- comments -------------- */
ol.commentlist li{
	list-style:none;
	display:block;
	padding:10px 10px 10px 10px;
	margin:5px 0 5px -5px;
}
ol.commentlist li img{
	float:left;
}
ol.commentlist li p, ol.commentlist li cite, ol.commentlist li small, ol.commentlist li h6{
	float:right;
	width:360px;
}
ol.commentlist li img{
	border:4px solid #1978ad;
	margin:0 15px 15px 0;
}
ol.commentlist li cite, ol.commentlist li small{
	font-style:normal;
	line-height:14px;
	color:#1978ad;
}
ol.commentlist li cite a, ol.commentlist li small a{
	color:#d21e6f;
}
ol.commentlist li.alt{
	/*background-color:#0869a0;*/
}



p.submit{
	display:block;
	width:100%;
}

.main.home{
	background:url(../img/bg_home.jpg) no-repeat right top;
	/*height:275px;*/
}
.main.home p{
	padding-right:200px;
}
