/*  
Css Theme Name: joedamiani2010
Theme URI:  http://www.joedamiani.it/
Description: theme as designed by Antonio Cistellini.
Version: 1.0

	joedamiani2010
	 http://www.joedamiani.it/
	 
	This theme was designed by Antonio Cistellini,
	of KEYO Web Design
*/
/************ Browser Reset *************************/
/* tolgo il bordo delle immagini e dei campi form */
fieldset, img, textarea{border:none;}
/* resetto i bordi e il padding */
/* * {margin:0;padding:0;} */
/* normalizzo i padding e i margin del paragrafo e di altri tag */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, p, ol, ul, li, pre, form, fieldset, input, textarea, th, td {margin:0; padding:0;}
/* resetto le liste */
ol, ul {list-style:none;}
/* Normalizzo gli stili dei font */
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
/* Normalizzo il font-size degli headers */
h1,h2,h3,h4,h5,h6 {font-size:100%;}
/* tolgo il bordo puntinato di default dei links attivi */
a {outline-style: none;}
/* inserisco il bordo puntinato personalizzato dei links attivi */
/*a:active, a:focus{
   border: 1px #cccccc dotted;
}*/

/************************/
/*      STRUCTURE       */
/************************/

html {
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	/* font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif; */
	line-height: 1;
	color:#0A0A0A; 
	height:100%;
	text-align:center;
}
body {
	/* padding-top:20px; */
	margin: 0 auto;
	width:100%;
	/* background-color:#FFF3C3; */
	background-color:#FFF;
	}
div#container{}
div#content{
	position:relative;
	margin-left:30px;
	/* float:left; */
	/* width:700px; */
	/*background:#FFF3D9;*/
	/* border-top:5px solid #ECDEC3; */
	}	

div#logo_head{
 	position:absolute;
	left:0;
	top:0;
}
#site-title a { 
    /*
display:block;
    position:absolute;
    top:0;
    left:0;
    width:284px;
	height:220px;
*/
	/*text-indent:-9000px;
	background:#fff url("../img/logo_dark.gif") top no-repeat;*/
	font-size:2.2em;
	text-transform: uppercase;
	color:#000;
}
/*
#site-title a:hover {
    background-position:top;
}
*/
#site-description {
   /*
 position:absolute;
    left:-9000px;
*/
	font-size:1.5em;
	text-transform: capitalize;
	color:#000;
}

#contenuti-head{
	height:50px;
	/* width:100%; */
	/*background:transparent url("../img/bg_head.gif") repeat-x;*/
	/* border:1px solid #fff;
	border-bottom:0;
	border-top:0; */
	/* background-color:#FFF; */	
}
div#contenuti-head span {text-indent:-9999px;}
div#wrapper{
	position:relative;
}
/*div#testi{
 	height:100% !important;
	height:1%;
	text-align:left;
	background: transparent url("../img/bg_content.gif") top repeat-x;
	padding:20px 0 0 0; 
}*/
div#wrapper_content{
	margin:0;
	/*background: transparent url("../img/bg_content.gif") top repeat-x;*/
}
div#testi, div#testi-parag2{
	width:880px;
	text-align:left;
	padding-top:20px;
	margin:0 auto;
	/* border:1px solid #ccc; */
}
div#col_menu{
	float:left;
	width:275px;
	min-height: 579px;
	height: auto !important;
	height: 589px;
	/* background:transparent url("../img/violoncello_v.png") no-repeat; */
	margin:0;
	/* border:1px solid #000; */
}
div#col_content{
	/*float:right;*/
	width:800px;
	margin:0;	
	border-top:1px solid #858585;
	padding-top:10px;
	/* background: transparent url("../img/bg_content.gif") top repeat-x; */
	/* border:1px solid #000; */
}
div.img_centrata{
	text-align:center;
	margin-bottom:24px;
	/* background-color:#E3E3E3;
	border:1px solid #ccc; */
}
div.img_centrata img{
	padding:14px;
	background-color:#E3E3E3;
	border:1px solid #ccc;
}
div#map {
	margin-bottom:24px;
	border:14px solid #E3E3E3;
}
div.innertube{margin: 0; /*Margins for inner DIV inside column (to provide padding)*/}

div#brand{
	/* position:relative; */
	height:365px;
	width:100%;
	text-align:left;
	/* background:#B72322 url("../img/bg_brand2.png") top repeat-x; */
}
div#brand_center{
	padding-top:32px;
	width:880px;
	margin:0 auto;
	height:300px;
}
div#brand p{
	font-family: Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
div#banner{
	/*position:absolute;
	top:32px;*/
	float:left;
	height:286px;
	width:407px;
	background-color:#000;
	margin-right:50px;
	/* outline:1px solid #fff; */ /* bordo esterno ai bordi */
}

div#breadcrumb {
	text-align:left;
	height:20px;
	font-size:0.9em;
	letter-spacing:0.8pt;
	padding:7px 20px 0 20px;
	/* background:transparent url("../img/bg_breadcrumb.gif") top repeat-x; */
	color:#8E0707;
}
div#language{
	 position:absolute;
	/* float:right; */
	top:11px;
	right:20px; 
}

/*----------*/
/*	 MENU   */
/*----------*/
div#menu-posit{
 	/* position:absolute;
	top:185px;
	left:0; */
	height:35px;
	width:100%;
	text-align:left;
	font-size:1.2em;
	letter-spacing:1pt;
	font-weight:normal;
	background-color:#0A0A0A;
}
div#menu-posit ul{
	/* padding-top:9px;  *//* in relazione con: #menu li a*/
}
div#menu-posit li {
	/* display:inline;
	height:0; */
}
div#menu-posit li a{
	/* height:0;
	padding:8px 30px; */ 
	/* margin:-8px 0; */  /* solo per ie5 */
	/* white-space:nowrap;
	text-decoration:none;
	color:#EDD7AE; */
}
 div#menu-posit li a:hover{
	/* background-color:#847E71;
	color:#fff; */
} 
div#menu-posit span {
	display:none;
	text-indent:-9999px;
	}
/*-----------*/
/*	 LINKS   */
/*-----------*/
a:link, a:visited{
	text-decoration:none;
	color:#B72322;
}
a:hover{
	text-decoration:underline;
	color:#EF0606;
}	

div#brand_menu ul{
	list-style-type: none;
	list-style-position:inside;
	padding:0;
	margin:0;
}
div#brand_menu li {
	/* list-style-image: url("../img/dot_list.gif"); */
	margin-top:18px;
	font-size:0.9em;
	letter-spacing:1pt;
	padding-left:18px;
}
div#brand_menu a:link , div#brand_menu a:visited{
	color:#fff;
}
div#brand_menu a:hover{
	text-decoration:none;
	color:#F92117;
}
/*---------*/
/* COLORS  */
/*---------*/
.red{color:#FF0000}
/*---------*/
/*	 list  */
/*---------*/
div.list_std ul, div#col_1 ul, div#col_2 ul, div#col_3 ul{
	list-style-position:inside;
	list-style-type:none;
	padding:0px;
	margin-bottom:24px;
}
div.list_std li, div#col_1 li, div#col_2 li, div#col_3 li{
	font-size:1em;
	letter-spacing:1pt;
	background-image:url("../img/dot_list.gif");
	background-repeat:no-repeat;
	background-position:0px 4px;
	margin-top:1px;
	padding-left:16px; 
}
div#col_1 li, div#col_2 li, div#col_3 li {
		background-image:url("../img/dot2_list_white.gif");
}
div#col_menu ul {
	padding:0 13px;
}
div#col_menu img{
	margin:12px 0;
}
div#col_menu li {
	margin-top:2px;
	font-size:1em;
	letter-spacing:0.3pt;
}
div.strumenti ul{
	list-style-position:inside;
	list-style-type:none;
	padding:0px;
	margin-bottom:24px;
}
div.strumenti li{
	font-size:1em;
	letter-spacing:1pt;
	margin-top:6px;
	padding-left:16px; 
}
div.strumenti li strong{
	color:#8E0707;
	font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin-bottom: 10px;
	font-size:1.4em;
	letter-spacing:0.4pt;
	font-weight:bold;
	padding-right:6px;
}
/*------------*/
/*	Paragrafi */
/*------------*/
div.separatore{
	text-align:center;
	margin-bottom:24px;
}
p {
	/* font-size:1em; */
	word-spacing: 0.25em;
	letter-spacing: 0;
	line-height: 1.4em;
	margin-bottom:26px;
	/* text-indent:6px; */
	text-align:justify;
}
p.title{
	font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size: 1.9em;
	font-weight: normal;
	margin-bottom: 4px;
}
p.tagline{
	/* font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif; */
	font-size:1em;
	letter-spacing:2pt;
	margin:0px;
	text-indent:18px;
	padding:0 0 24px 0;
	color:#CACACA;
}
blockquote {
	width:400px;
	font-size:1.1em;
	word-spacing: 0.25em;
	letter-spacing: 0.05em;
	line-height: 1.6em;
	border:1px solid #8A8675;
	padding: 30px 20px 10px 20px;
	margin:10px auto 18px auto;
	background:#E9DBB3 url("../img/linee_white.gif") no-repeat 150px 8px;
}
p.cite{
	text-align:right;
	font-style:italic;
	padding:0;
	padding-right:20px;
	margin:0;
}
/*------*/
/*	Box */
/*------*/
div#boxes{
	/* position:relative; */
	width:100%;
	text-align:center;
	/* background:#54110D url("../img/bg_boxes.gif") top repeat-x; */
	background:#7D1212 url("../img/violoncello.png") bottom right no-repeat;
}
div#boxes_inn{
	width:865px;
	margin:0 auto;
	/* border:1px solid #F92117; */
}
div#boxes h3, div#boxes a {color:#FFF3D9}
div.box{
	width:600px;
	height:116px;
	/*
font-size:1em;
 	word-spacing: 0.1em;
*/
/*	letter-spacing: 0.05em;
	line-height: 1.6em; */
	/*
pdding:10px;
*/
	margin:0 auto 24px auto;	
	border:1px solid #8A8675;
	/*background:#E5D9BE url("../img/violoncello.png") bottom no-repeat;*/
	background-color:#E5D9BE;
}

div.box_txt{
	margin: 20px 10px 10px 0;
}
/*------------*/
/*	Box col 3 */
/*------------*/

#col_1, #col_2, #col_3{
	width:230px;
	float:left;
	text-align:left;
	padding:10px;
	/* border:1px solid #000; */
}
#col_1{
	margin-right:55px;
}
#col_2{
	/* height:400px; */
	margin-right:55px;
}
#col_3{
	/* height:400px; */
}
/*-----------------*/
/*	H1,H2,H3,H4,H5 */
/*-----------------*/
h1{
font-size:1.5em;
		margin-bottom:24px;
}

h2,h3,h4,h5 {
	color:#000;
	text-indent:12px;
}
h2{
	/* font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; */
	/* font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif; */
	font-size: 2.1em;
	font-weight:normal;
	margin-bottom: 24px;
} 

h3{
	/* font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; */
	/* font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif; */
	font-size: 1.9em;
	font-weight: normal;
	margin-bottom: 20px;
}

h4{	
	/* font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif; */
	margin-bottom: 10px;
	font-size:1.2em;
	letter-spacing:0.5pt;
	
}
h5{
	/* font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif; */
	margin-bottom: 10px;
	font-size:1em;
	letter-spacing:0.4pt;
}
/*---------*/
/*	TABLE  */
/*---------*/
table {
	width:100%;
	margin-bottom:24px;
}
table th {
	text-align:center;
	font-size:1.2em;
	background:#7D1212;
	color:#fff;
	padding:4px;
}
table th a:link, table th a:visited {
	color:#D85E5D;
}
table th a:hover {
	color:#FCB8B8;
}
caption{display:none;}

div#alfabeto{
	text-align:center;
	font-size:1.2em;
	margin-bottom:24px;
}
/*------------------*/
/*       FORM		*/
/*------------------*/

form.cmxform {
	width: 370px;
	font-size: 1.0em;
	color: #333;
}

form.cmxform legend {
	padding: 0 4px;
	font-size:1.3em;
	font-weight: bold;
	color:#CC6666;
}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	color: #333;
	width: 70px; /* Width of labels */
	}

form.cmxform li{
	padding-left:30px;
}
form.cmxform fieldset {
	padding: 20px 0;
	border: none;
	border-top: 1px solid #8A8675;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	background-color: #FFF;
}

input, textarea {border: 1px solid #8A8675;}
input:focus { border: 1px dotted black;}
form.cmxform input#Submit {
	width:50%;
	margin-top:10px;
	}	
/*------------*/
/*	FONT SIZE */
/*------------*/
.small_font{font-size:0.9em;}
.clear{clear:both;}
.float_left{float:left;}
/*--------------*/
/*	MISC e FIX  */
/*--------------*/
strong{
	font-weight:bold;
}

/*============== ABSMIDDLE fix =======================*/
.absmid img {
	vertical-align: middle;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	}

.galleria{
	list-style:none;
	width:600px;
}
.galleria li{
	display:block;
	width:84px;
/*
height:100px;
*/
	overflow:hidden;
	float:left;
	text-align:center;
	border:1px solid #4E0902;
	background-color:#E3E3E3;
	padding-top:7px;
	padding-bottom:7px;
	margin:0 20px 10px 0;
}	
/*----------*/
/*	FOOTER  */
/*----------*/
div#footer{
	position:relative;
	width:100%;
	height:90px;
	border-top:1px solid #FFF3D9;
	color:#000;	
	/* font-size:1em; */
	text-align:left;
	/*background:transparent url("../img/bg_content.gif") top repeat-x;*/
}
div#footer h5 a{
	display:block;
	width:62px;
	height:75px;
	text-indent:-9999px;
	}
div#footer h5{
	position:absolute;
	right:20px;
	top:0px;
	width:62px;
	height:75px;
	background:transparent url("../img/logo_foot.png") no-repeat;
	}
div#footer p{
	position:absolute;
	left:20px;
	top:10px;
	font-size:0.8em;
	margin:0;
	}
/*--------------------
	HIDE  
---------------------*/

div#contenuti-head img, #menu-posit, #brand, #breadcrumb, #col_menu, #boxes, #language, div#footer h5,div#col-menu {display:none}

/*-------------------*/
