/*
Theme Name: Supergulp
Theme URI: http://www.supergulp.it/
Description: Tema Supergulp
Version: 1.0
Author: Davide Dal Colle
Author URI: http://www.davidedalcolle.it/
Text Domain: supergulp

Realizzato da Davide Dal Colle. E' vietata la modifica, la riproduzione o la distrubuzione di tutti i files del tema.

*/

/* Reset */

* {
	text-decoration: none;
	padding: 0;
	margin: 0;
	list-style-type: none;
	border: none;
	font-family: "Helvetica", "Arial", sans-serif;}

#obsolete{display:none;}

form p{
	display: inline;}

.navigation{
	display: block;
	width: 518px;
	float: left;}

.navigation a{
	color: #DC372B;
	font-weight: bold;}

.alignright{
	float: left;}

.alignleft{
	float: right;}

html{
	background: url(media/back1.gif) no-repeat top center;}

body{
	width: 790px;
	margin: auto;}

hr{
	display: block;
	padding-top: 50px;
	border: white none;
	width: 520px;
	color: white;}

#wrapper{
	position: relative;
	float: left;
	padding: 190px 0 0 0;}

#logo{
	position: absolute;
	top: 18px;
	left: -18px;
	width: 265px;
	height: 162px;
	position: absolute;
	background: url(media/logo.png) no-repeat;
	overflow: hidden;
	text-indent: -3000px;}

/* Menu */

#nav_main{
	position: absolute;
	top: 85px;
	right: 0;
	height: 45px;}
	
#nav_main li{
	display: inline;}	
	
#nav_main li a{
	color: #e47137;
	font-family: "Arial Black", sans-serif;
	letter-spacing: -1px;
	font-size: 20px;
	float: left;
	display: block;
	margin-left: 24px;
	height: 45px;}	

#nav_main li a:hover, #nav_main li, .current_page_item a, #archivio{
	background: url(media/underline.gif) no-repeat bottom center;}	
	
/* Bannerone */	


#news_main{
	width: 790px;
	height: 150px;
	position: relative;
	top: -5px;
	left: 0;
	margin: 0 0 0px 0;
	overflow: hidden;}

.main_read{
	position: absolute;
	z-index: 3;
	top: 125px;
	left: 662px;
	width: 120px;
	text-align: right;
	color: #ffeaba;
	font-size: 13px;
	font-weight: 700;}

#news_main h3{
	position: absolute;
	z-index: 2;
	top: 115px;
	width: 790px;
	font-size: 14px;
	font-weight: 700;
	height: 35px;}	

#news_main h3 a{
	background: #e7773d;
	padding: 11px 10px 9px 10px;
	color: white;
	display: block;
	opacity: 0.95;}	

#news_main h3 a:hover{
	background: #DC372B; }	
/*
#news_main img{
	position: absolute;
	z-index: 1;
	background: black;
	display: block;}
*/
	
/* Content home page e contestuale*/

.content_main{
	width: 550px;
	float: left;
	font-size: 12px;
	color: #404040;
	margin: 43px 0 0 0;
	line-height: 15px;}
	
.content_main#long p a{
	color: #E47137;
	font-weight: 700;}	

.content_main#long h4{
	font-size: 19px;
	text-decoration: underline;}	

#context h4{
	font-size: 12px!important;
	text-decoration: none!important;}	

.content_main#long img{
	margin: 0 10px 10px 0;}
	
#context{
	padding-top: 20px;}	

.content_main#news li{
	width: 245px;
	float: left;
	padding: 0 30px 20px 0;
	position: relative;
	height: 143px;
	background: url(media/pattern1.png) 257px top repeat-y;}

#context li{
	width: 245px;
	float: left;
	padding: 0 30px 20px 0;
	position: relative;
	height: 78px;
	background: url(media/pattern1.png) 257px top repeat-y;
	overflow: visible;}

.content_main#news a, #context a{
	color: #dc372b;
	font-weight: bold;
	margin-left: 2px;
	margin-right: 2px;}
	
.content_main#news a:hover, #context a:hover{
	color: #dc372b;}

.content_main#news h3{
	font-size: 13px;
	margin-bottom: 10px;}

.content_main#news p, .content_main#news strong, .content_main#news em, #context strong, #context em, #context p {
	font-weight: normal;
    }

#long #context h3{
	font-size: 13px;
	display: block;
	width: 220px;
	padding: 0 0 5px 0;}

.content_main#news h3 a, #context h3 a{
	color: black;
	display: inline;
	margin: 0;}
	
.content_main#news p, #context p{
	display: inline;}	
	
#long #context p{
	padding: 0;
	line-height: 15px;}	

#long #context p:first-letter{
	padding: 0;
	line-height: 15px;
	text-transform: uppercase;}	
	
	
.custom_illustration{
	width: 245px;
	height: 60px;
	margin-bottom: 6px;}	
	
/* Content lungo */	
	
.content_main#long{
	background: url(media/pattern1.png) 532px top repeat-y;}	
	
.content_main#long p, .content_main#long h3 {
	padding-right: 30px;
	width: 520px;
	overflow: hidden;}	
	
.content_main#long h2, .content_main#news h2{
	color: #e47137;
	font-size: 24px;
	letter-spacing: -1px;
	padding: 0 20px 25px 0;
	font-weight: 700;
	line-height: 24px;}	
	
.content_main#long p{
	padding: 10px 0 0 0;
	line-height: 19px;
	font-size: 13px;}	
	
/* Side */	

#content_side{
	float: left;
	display: block;
	width: 240px;
	margin: 43px 0 0 0;}

/* Footer */

#footer{
	width: 790px;
	display: block;
	float: left;
	background: url(media/footer.png) no-repeat top center;
	height: 140px;
	padding-top: 25px;
	margin: 30px 0 0 0;}
	
#footer li{
	display: block;
	float: left;
	margin-left: 15px;
	width: 250px;}	
	
#footer li#footer_info{
	width: 240px;}
	
#footer h3{
	font-family: "Arial black", sans-serif;
	letter-spacing: -1px;
	font-size: 18px;
	color: #dc372b;}
	
#footer li#footer_info h3{
	color: #6b6b6b;}
	
#footer p{
	color: #555;
	font-size: 12px;
	line-height: 16px;
	margin: 7px 0 0 0;}
	
#footer p a{
	color: #555;}
	
/* Form */

#searchform{
	color: #777;
	position: relative;
	height: 53px;}

#searchform #s{
	position: absolute;
	left: 0;
	border: solid 1px #bbb;
	padding: 8px;
	width: 160px;
	font-size: 12px;
	color: grey;}
	
#searchsubmit{
	background: url(media/searchsubmit.png);
	padding: 7px 0 9px 0;
	height: 30px;
	float: right;
	width: 50px;
	cursor: pointer;
	color: white;
	font-weight: bold;
	position: absolute;
	right: 0;}
/*Aggiunto per i titoli sottolineati*/
pre{
	text-decoration:underline;
	font-weight:bolder;
}

/*carosello ecommerce*/
#content_side h3 {margin:18px 0 10px 0;}
.feed_c{width: 210px;height:160px;font-size: 12px;padding: 0 5px 0 5px;font-family: "Arial",sans-serif;list-style-type: none;margin: 0;}
.feed_c p{position: relative;top: -15px;line-height: 12px;color:#666;padding: 10px 0 0 0;margin:2px 0;height: 70px;}
.feed_c p img{width: 50px;height: auto;float: left;margin: 0 10px 10px 0;}
.feed_c strong{font-size: 14px;position:relative;top: -12px;}
.feed_c h3 a{text-decoration: none;color: #E47137;margin-bottom: 0;font-size:12px;}
.feed_c h3{padding: 0;margin-top:14px;}
.buy{color: white;background: #E47137;border-radius:4px;padding: 3px 6px;text-decoration: none;position:relative;top:-15px;margin-left:8px;}
.storefeeds{margin-bottom:30px;width:220px;}
.filetto{border-left: 1px dotted #CCCCCC;border-right: 1px dotted #CCCCCC;top:-10px;}
.storefeeds .head {background:url("media/h3_head.png") no-repeat;padding-left:8px;display:block;padding:3px;color:white;text-align:center;width:220px;}
.jcarousel{height:320px;width:220px;}
.jcarousel-container {width:220px;margin-bottom:20px;}
.jcarousel-clip-vertical {height:320px;width:220px;margin-bottom:5px;}
.jcarousel-prev-vertical {background:url("media/arrow-up.gif") no-repeat scroll center center #E47137;bottom:0;cursor:pointer;height:14px;left:0;top:-5px;position:absolute;width:110px;left:-1px;}
.jcarousel-next-vertical {background:url("media/arrow-down.gif") no-repeat scroll center center #E47137;bottom:0;cursor:pointer;height:14px;left:0;top:-5px;left:110px;position:absolute;width:110px;left:109px;}
.completeList {color: #666666 !important;display: block;padding-left: 8px;padding: 0 2px;}



