/* 
	rufinoclown.css
	--------------------
	textcolor: 	#006699;
	h1...h6: 	#CC0000;
	strong,b:	#CC0000;
*/ 

html, body { 
 	margin:0; 
 	padding:0; 
 	text-align:center; 
	background: url('img/page_back1.jpg') top repeat-x;
} 
iframe {
	margin:0;
	padding:0;
	border: 1px dashed #ddd;
}
img {
	margin: 0;
	padding: 0;
}

h1 {
	margin:0;
	padding:0;
	padding-bottom: 4px;
	font: bold italic 32px Georgia, "Times New Roman", Times, serif;
	color: #CC0000;
	border-bottom: 3px solid #eee;
}
h2 {
	font: bold italic 24px Georgia, "Times New Roman", Times, serif;
	color: #CC0000;
	border-bottom: 3px solid #eee;
}
h3 {
	margin: 0;
	padding: 8px;
	font: bold italic 18px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.05em;
	line-height: 80%;
	color: #006699;
}

p {
	margin: 0;
	padding: 8px;
	padding-left: 0;
	padding-right: 0;
	font: normal 13px Georgia, "Times New Roman", Times, serif;
	color: #006699;
	letter-spacing: 0em;
	line-height: 125%;
}
p.citaz {
	font: italic 12px Georgia, "Times New Roman", Times, serif;
}
p.longtext {
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	line-height: 145%;
}
p.smalltext {
	font-size: 11px;
}
p.biggest {
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	line-height: 120%;
}

#testolungo p {
	font: normal 13px Georgia, "Times New Roman", Times, serif;
	line-height: 125%;
}
#testolungo a { 
	color: #cc0000; 
	text-decoration: none;
	border-bottom: 1px dashed #cc0000;
}
#testolungo a:hover {
	border-bottom: 1px solid #cc0000;
}

/* --- link ad una immagine nel testo --- */
#imagelink a {
	width: auto;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border: 1px solid #fff;
}
#imagelink a:hover {
	border: 1px solid #aaa;
}
#imagelink img {
	border: 0;
}

b { color: #cc0000; }
strong { color: #cc0000; }

#elenco {
	margin: 0;
	padding: 0;
}
#elenco ul {
	margin: 8px;
	padding: 8px;
	list-style-type: none;
	list-style-image : url('img/so_simple1.png');
}
#elenco li {
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #ddd;
	padding-top: 8px;
	padding-bottom: 8px;
}
#elenco li a {
	color: #006699;
	text-decoration: none;
}
#elenco li a:hover {	
	text-decoration: none;
	border-bottom: 1px dashed #006699;
}
#elenco p {
	font: normal 11px Georgia, "Times New Roman", Times, serif;
}

#main_nav {
	width: 176px;
	border: 1px solid #ddd;
	margin:0px auto;
	padding:0;
	text-align: center;
}
#main_nav ul {
	margin: 0;
	padding:0;
	text-align: center;
 	list-style-type: none;
}
#main_nav li {
	margin: 0;
	padding:0;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	background: #D80436 url('img/menu_li_back.jpg') center repeat-y;
	border-left: 8px solid #fff;
	border-right: 8px solid #fff;
	border-bottom: 1px solid #B9000A;
}
#main_nav li:hover {
	border-bottom: 1px dashed #fff; 
}
#main_nav li a {
	height: 18px;
	font: bold italic 12px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.2em;
	color: #fff;
	text-decoration:none;
}
#main_nav li a:hover {
	color: #FFCC00;
}

#link {
	padding: 8px;
	padding-bottom: 16px;
	text-align: right;
}
#link a {
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	color: #cc0000;
	text-decoration: none;
	border-bottom: 1px dashed #cc0000;
}
#link a:hover {
	border-bottom: 1px solid #cc0000;
}

#box {
	width: 180px;
	margin: 0px auto;
	padding: 4px;
	padding-bottom: 12px;
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	background: #F7F7F7;
	border: 8px solid #ddd;
}
#box a {
	color: #cc0000;
	text-decoration: none;
	border-bottom: 1px dashed #cc0000;
}
#box a:hover {
	border-bottom: 1px solid #cc0000;
}

#box_list {
	width: 180px;
	margin: 0px auto;
	padding: 8px;
	padding-bottom: 12px;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.02em;
	background: #CFE7FF;
	border: 8px solid #99CCFF;
}
#box_list ul {
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
	padding-left: 18px;
}
#box_list a {
	color: #006699;
	text-decoration: none;
}
#box_list a:hover {
	color: #000;
}

/* --- page layout --- */

#header {
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.3em;
	height: 54px;
	background: url('img/head_dlines.gif') bottom repeat-x;
	top: 18px;
	text-align: right;
}
#header img {
	padding:8px;
}

#thumbs {
	padding: 0px;
	text-align: center;
}
#thumbs img {
	margin: 0px;
	padding: 0px;
}
#thumbs a {
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	border: 1px solid #fff;
}
#thumbs a:hover {
	border: 1px solid #aaa;
}
 
#pagewidth { 
	width:720px; 
 	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 
 
#leftcol {
	margin:0;
	padding:0;
	width:232px; 
 	float:left; 
 	position:relative; 
}
 
#twocols {
 	width:480px; 
 	float:right; 
 	position:relative;
}
 
#rightcol{
 	width:240px; 
 	float:right; 
 	position:relative; 
}
 
#maincol {
	background-color: #fff;
 	float: left; 
 	display:inline; 
 	position: relative; 
 	width:240px;
 	text-align: center;
}
 
#footer {
	height: 60px;
	padding-top: 16px;
	font: normal 11px Georgia, "Times New Roman", Times, serif;
 	height:50px; 
  	background: #fff url('img/footer_back.jpg') top repeat-x; 
 	clear:both;
 	text-align:center;
}
#footer a {
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.1em;
	color: #006699;
	text-decoration: none;
}
#footer a:hover {
	border-bottom: 1px dashed #006699;
}
 
 
 /* Float containers fix: */ 
 
.clearfix:after {
 	content: "."; 
 	display: block; 
	height: 0; 
 	clear: both; 
 	visibility: hidden;
}
 
.clearfix {display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
/*printer styles*/ 

@media print{ 

/*hide the left column when printing*/ 
#leftcol{ display:none; } 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}