/* style sheet for cacofest */

html, body, form { margin:0; padding:0 }

p,ul,li,h1,h2,h3,h4,div,td,input,select,textarea{
	font-family: Georgia, Times, serif;
	font-size: 16px;
	color: #335566;
	}

p,ul{
	margin: 5px 20px 5px 20px;
	padding:0;
	text-align: justify;
	}

a:link    { color:#3344cc }
a:visited { color:#664499 }
a:active  { color:#990000 }
a:hover   { color:#990000 }

h3{
	margin: 20px 0 10px 20px;
	color: #990000;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: -1px;
	word-spacing: -1px;
	border-bottom: 1px solid #ddbb88;
	line-height: 24px;
	}
h4{
	color: #990000;
	font-size: 20px;
	font-weight: normal;
	margin: 15px 0 5px 20px;
	letter-spacing: -1px;
	word-spacing: -1px;
	line-height: 18px;
	}
h5{
	color: #990000;
	font-size: 17px;
	font-weight: normal;
	margin: 20px 0 10px 20px;
	line-height: 17px;
	}

.hide{
	text-indent: -100em;
	overflow: hidden;
	margin: 0; padding: 0;
	height: 0px; border:none;
	}

abbr{
	text-decoration: none;
	border-bottom: none;
	}

body{
	background-image: url('img/body.png');
	background-repeat: repeat-y;
	}
body, #partner{
	background-color: #F5F5F7;
	}

/* header */

#header{
	height: 260px;
	width: 770px;
	background-image: url('img/header.png');
	background-repeat: repeat-x;
	position: relative;
	}
#header #back{
	position: absolute;
	top:  0px;
	left: 640px;
	width:  140px;
	height:  40px;
	margin: 0; padding:0;
	}
#header #back a{
	display: block;
	background-image: url('img/back.png');
	height: 40px;
	}
#header #back a:hover{
	background-position: -140px;
	}

#header h1{
	background-image: url('img/logo.png');
	position: absolute;
	top:  0px;
	left: 0px;
	width:  440px;
	height: 370px;
	}
#header h1 a{
	display: block;
	width:  440px;
	height: 210px;
	}
#header #info{
	background-image: url('img/info.png');
	position: absolute;
	top:     60px;
	left:   500px;
	width:  260px;
	height: 140px;
	}
#header #info abbr{
	position: absolute;
	top:    50px;
	left:   60px;
	width:  50px;
	height: 45px;
	}
#header #navigation{
	position: absolute;
	top:    200px;
	left:   180px;
	width:  580px;
	height:  60px;
	}

#partner{
	position: relative;
	float: left;
	top:      -260px;
	margin-bottom: -300px;
	width:  170px;
	background-image: url('img/body.png');
	background-repeat: repeat-y;
	background-position: -770px 0;
	}

/* navigation */

#navigation ul{
	position: absolute; top:0px;
	margin: 0; padding: 0;
	}
#navigation li{
	position: absolute;
	top: 0px;
	height: 60px;
	background-image: url('img/navigation.png');
	margin: 0; padding: 0;
	list-style-type: none;
	text-indent: -100em; overflow: hidden; /* hide */
	}
#navigation a{
	display: block;
	height: 60px;
	}
#navigation a:hover{
	background-image: url('img/navigation.png');
	}
#navigation li#navhpg { left:  0px; width: 75px; background-position:    0px 0px }
#navigation li#navprg { left: 75px; width:145px; background-position:  -75px 0px }
#navigation li#navcnc { left:220px; width:120px; background-position: -220px 0px }
#navigation li#navart { left:340px; width: 80px; background-position: -340px 0px }
#navigation li#navmap { left:420px; width: 65px; background-position: -420px 0px }
#navigation li#navspn { left:485px; width: 95px; background-position: -485px 0px }

#navigation li#navhpg a:hover { background-position:    0px -60px }
#navigation li#navprg a:hover { background-position:  -75px -60px }
#navigation li#navcnc a:hover { background-position: -220px -60px }
#navigation li#navart a:hover { background-position: -340px -60px }
#navigation li#navmap a:hover { background-position: -420px -60px }
#navigation li#navspn a:hover { background-position: -485px -60px }

#navigation li#navhpg.cur { background-position:    0px -120px }
#navigation li#navprg.cur { background-position:  -75px -120px }
#navigation li#navcnc.cur { background-position: -220px -120px }
#navigation li#navart.cur { background-position: -340px -120px }
#navigation li#navmap.cur { background-position: -420px -120px }
#navigation li#navspn.cur { background-position: -485px -120px }

/* footer */

#footer{
	clear: both;
	height: 200px;
	background-image: url('img/footer.png');
	background-repeat: repeat-x;
	background-position: 0 55px;
	position: relative;
	}
#footer #contact{
	width: 780px;
	height: 170px;
	background-image: url('img/contatti.png');
	position: relative;
	}
#footer #contact a{
	position: absolute;
	top: 0px;
	left: 500px;
	width: 260px;
	height: 115px;
	background-image: url('img/mail.png');
	}
#footer #contact a:hover{
	background-position: 0px 115px;
	}
#footer #credits{
	width: 780px;
	height: 30px;
	background-image: url('img/credits.png');
	position: relative;
	}
#footer #credits a{
	position: absolute;
	top: 0px;
	left: 620px;
	width: 150px;
	height: 30px;
	}
#footer #credits a:hover{
	background-image: url('img/credits.png');
	background-position: -790px 0px;
	}

/* page */

#page{
	position: relative;
	float: left;
	width: 770px;
	}

#content{
	float:right;
	width: 630px;
	}

#page h2{
	float: left;
	width:  140px;
	height: 360px;
	margin: 0; padding: 0;
	margin-top: 120px;
	text-indent: -100em; overflow: hidden; /* hide */
	}
#page h2.prg{ background-image: url('img/programma.png') }
#page h2.cnc{ background-image: url('img/concorso.png') }
#page h2.art{ background-image: url('img/artisti.png') }
#page h2.map{ background-image: url('img/dove.png') }
#page h2.spn{ background-image: url('img/sponsor.png') }
#page h2.aob{ background-image: url('img/artonthebeach.png') }
#page h2.aob{ background-image: url('img/foto.png') }

/* box */

#box{
	float: right;
	width: 260px;
	margin: 0 0 5px 20px;
	}
.box{
	background-image: url('img/box.png');
	background-position: bottom left;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	}
.box h3{
	background-image: url('img/box.png');
	background-position: top left;
	margin: 0;
	padding: 0 0 0 5px;
	border-bottom: 1px solid #ACABD8;
	border-bottom: none;
	text-align: left;
	}
.box h3 a:link    { color: white }
.box h3 a:visited { color: white }
.box h3 a:active  { color: white }
.box h3 a:hover   { color: white }
.box h3 a{
	text-decoration: none;
	position: relative;
	top: -3px;
	}
.box p{
	margin: 0;
	padding: 5px 0 0 5px;
	text-align: left;
	}
.box p a:link    { color: white }
.box p a:visited { color: white }
.box p a:active  { color: white }
.box p a:hover   { color: white }
.box p a{
	text-decoration: none;
	}

#box #facebook{
	margin: 15px 0 5px 0;
	}
#box #facebook p{
	margin: 2px 0 0 5px;
	}
#box #facebook img{
	border: none;
	vertical-align: middle;
	}

#meibox{
	background-image: url('img/meibox.png');
	background-repeat: no-repeat;
	margin: 0 0 0 20px;
	padding: 40px 0 0 0;
	}
#meibox h4 { margin: 0 0 10px 10px }
#meibox p  { margin: 0 0 0 10px }

#meilogo{
	background-image: url('img/meilogo.png');
	width: 85px;
	height: 30px;
	margin: -2px 0 0 0;
	display: inline-block;
	display: -moz-inline-stack;
	vertical-align: text-top;
	zoom: 1;
	overflow: hidden;
	text-indent: -9999px;
	}

/* sponsorbox */

.sponsorbox{
	float: left;
	width: 608px;
	margin: 0 0 10px 10px;
	padding: 0 0 0 0;
	border: 1px solid #D7D7E1;
	}
.sponsorbox h3{
	background: #D7D7E1;
	margin: 0;
	padding: 0 0 0 5px;
	border-bottom: 1px solid #ACABD8;
	border-bottom: none;
	text-align: left;
	}
.sponsorbox h3 a:link    { color: white }
.sponsorbox h3 a:visited { color: white }
.sponsorbox h3 a:active  { color: white }
.sponsorbox h3 a:hover   { color: white }
.sponsorbox h3 a{
	text-decoration: none;
	position: relative;
	top: -4px;
	}
.sponsorbox p{
	margin: 0;
	padding: 5px 10px 10px 10px;
	}
.sponsorbox img{
	float:left;
	margin: 8px 10px 2px 10px;
	border: none;
	}

/* misc */

#gmap{
	float:right;
	width: 600px;
	height: 560px;
	margin: 10px 10px 20px 0;
	display: inline; /* ie double margin bug */
	border: 1px solid #666666;
	}

.indent{
	margin-left:70px;
	}

cite{
	font-style: normal;
	color: #003399;
	}
cite b{
	font-style: normal;
	font-weight: bold;
	color: #ACABD8;
	}

/* programma */

table.prg{
	margin: 20px 10px 0 10px;
	}
table.prg h3{
	margin: 0;
	}
table.prg th{
	text-align: left;
	}
table.prg td{
	xwidth: 215px;
	vertical-align: top;
	padding-bottom: 5px;
	}
table.prg td.hs{
	width: 95px;
	xpadding-right: 5px;
	text-align: right;
	}
table.prg td.hd{
	width: 95px;
	xpadding-left: 5px;
	}
table.prg td.d  { text-align: right }

table.prg .dove{
	color: #ACABD8;
	font-size:14px;
	font-style: italic;
	background-color: #F5F5F7;
	padding: 0 3px;
	}
table.prg .quando{
	color: #dddfee;
	font-weight: bold;
	font-family: Verdana;
	font-size: 26px;
	letter-spacing: -4px;
	line-height: 20px;
	padding: 0 3px;
	}
table.prg .cosa{
	color: #ACABD8;
	font-size:14px;
	font-style: italic;
	background-color: #F5F5F7;
	padding: 0 3px;
	margin-bottom: 3px;
	}
table.prg .chi{
	line-height: 18px;
	font-size: 18px;
	}
table.prg .come{
	margin-top: 3px;
	line-height: 14px;
	font-size:14px;
	font-style: italic;
	color: #668899
	}
table.prg small{
	font-size:15px;
	}

.exp{
	color: #668899;
	padding: 0 5px 0 0;
	font-style: italic;
	}

/* spoansor */

table.spn{
	margin: 10px 0 20px 20px;
	}
table.spn td{
	vertical-align: top;
	padding-top: 10px;
	}
table.spn td.h{
	width:60px;
	text-align: right;
	padding-right: 10px;
	color: #ACABD8;
	}
table.spn ul{
	margin: 0 20px 0 20px;
	}

/* partner */

#partner h4{
	margin: 25px 0 25px 10px;
	padding: 0;
	color: #335566;
	font-size: 16px;
	letter-spacing: 0px;
	word-spacing: 0px;
	line-height: 16px;
	text-align: center;
	}
#partner p{
	margin: 0 0 0 10px;
	padding: 0;
	}
#partner a{
	display: block;
	width: 160px;
	}
#partner a:hover{
	background-position: 160px 0;
	}

#partner #bcc        a { height: 100px; background-image: url('partner/bcc.png')        }
#partner #leombre    a { height: 100px; background-image: url('partner/leombre.png')    }
#partner #kronos     a { height: 100px; background-image: url('partner/kronos.png')     }
#partner #pauto      a { height: 100px; background-image: url('partner/pauto.png')      }

#partner #fanti      a { height: 50px;  background-image: url('partner/fanti.png')   }
#partner #mei        a { height: 50px;  background-image: url('partner/mei.png')   }
#partner #radiobruno a { height: 50px;  background-image: url('partner/radiobruno.png') }
#partner #viviforli  a { height: 50px;  background-image: url('partner/viviforli.png')  }
#partner #matite     a { height: 50px;  background-image: url('partner/matite.png')     }
#partner #monogawa   a { height: 50px;  background-image: url('partner/monogawa.png')   }
#partner #tibitina   a { height: 50px;  background-image: url('partner/tibitina.png')   }

#partner #comune     a { height: 100px; background-image: url('partner/comune.png')     }
#partner #provincia  a { height: 100px; background-image: url('partner/provincia.png')  }

/* partner */

.col {
	width: 200px;
	float:left;
	}
.col p{
	text-align:left;
	}

#artcat{
	float:right;
	}
#artcat h4{
	margin: 26px 10px 0 0;
	text-align:right;
	}

.lab{
	color: #990000;
	}

.cbox{
	clear: both;
	}
.cbox b, .wbox b{
	color: #990000;
	font-size: 17px;
	font-weight: normal;
	}
.wbox{
	clear: both;
	float: left;
	width: 630px;
	margin: 10px 0 0 0;
	border-top: 4px dotted #d7d7e1;
	}

.apic{
	float: left;
	width: 152px;
	border: 1px solid #ACABD8;
	margin: 0px 10px 10px 70px;
	padding: 4px;
	background-color: #f9f9fc
	}
.apic img{
	border: 1px solid white;
	float: left;
	}

.wpic{
	float: left;
	width: 210px;
	border: 1px solid #ACABD8;
	margin: 15px 10px 5px 20px;
	}
.wpic a{
	border: 4px solid #f9f9fc;
	float: left;
	}
.wpic img{
	border: 1px solid white;
	float: left;
	}
.wpic a:hover{
	border: 4px solid #ACABD8;
	}

.wtit{
	color: #335566;
	}

/* foto */

#pic{
	margin: 0 0 0 5px;
	}
.pic{
	width:155px;
	height: 155px;
	float:left;
	}
.pic a{
	float:left;
	width:155px;
	height: 155px;
	background-image: url('img/pic.png');
	text-align: center;
	}
.pic a:hover{
	background-position: 155px 0px;
	}
.pic img{
	border: none;
	margin-top:10px;
	}
#fumetto{
	position: absolute;
	top: 120px;
	left:0px;
	width: 150px;
	height:200px;
	background-image: url('img/fumetto.png');
	}
#fumetto a{
	display:block;
	height:200px;
	}