* {
margin : 0;
padding : 0;
}
body {
background : #f6f6f6 url(../images/img01.jpg) repeat-x;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 12px;
color : #6b6b6b;
}
input, textarea {
padding : 2px 5px;
border : 1px solid #ebebeb;
font : bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #6b6b6b;
}
h1, h2, h3, h4 {
margin : 0;
}
h2, h3, h4 {
margin-bottom : 20px;
padding-bottom : 9px;
border-bottom : 1px solid #f2f2f2;
letter-spacing : -0.035em;
font-weight : normal;
color : #37404c;
}
h2 {
font-size : 28px;
}
h3 {
font-size : 16px;
font-weight : bold;
}
h4 {
font-size : 14px;
font-weight : bold;
}
p, ul, ol {
margin-bottom : 1.5em;
line-height : 170%;
text-align : justify;
}
ul, ol {
margin-left : 3em;
}
dl.list1 {
margin : 0;
padding : 0;
list-style : none;
}
dl.list1 dt {
float : left;
width : 70px;
}
dl.list1 dd {
margin-bottom : 10px;
}
dl.list1 a {
color : #666666;
}
ul.list2 {
margin : 0;
padding : 0;
list-style : none;
line-height : normal;
}
ul.list2 li {
float : left;
margin : 0 18px 18px 0;
}
ul.list2 li.nopad {
margin-right : 0;
}
blockquote {
margin-left : 3em;
margin-right : 3em;
}
a {
color : #ff5a00;
}
a:hover {
text-decoration : none;
}
a img {
border : none;
}
img.left {
float : left;
margin : 5px 20px 0 0;
}
img.right {
float : right;
margin : 5px 0 0 20px;
}
#wrapper {
width : 960px;
margin : 0 auto;
background : url(../images/img02.jpg) repeat-y;
}
#wrapper2 {
background : url(../images/img10.jpg) no-repeat left bottom;
}
#header {
height : 140px;
background : #f1c36a url(../rotate.php) no-repeat;
}
#banner {
height : 60px;
background : transparent;
position : absolute;
top : -20px;
left : 47%;
}
#logo {
float : left;
}
#logo h1 {
margin : 0;
padding : 90px 0 0 78px;
text-transform : lowercase;
letter-spacing : -3px;
font-size : 40px;
color : #ffffff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style : italic;
}
#logo h1 a {
text-decoration : none;
color : #ffffff;
}
#logo_img {
background-color : transparent;
position : relative;
top : 80px;
left : 80px;
}
#menu {
float : right;
color : black;
}
#menu ul {
margin : 0;
padding : 90px 68px 0 0;
list-style : none;
line-height : normal;
color : white;
}
#menu li {
display : inline;
color : black;
}
#menu a {
padding-left : 5px;
text-decoration : none;
font-size : 11px;
font-weight : bold;
color : white;
}
#menu span {
top : -2px;
left : -2px;
color : white;
}
#menu a:hover {
text-decoration : underline;
}
#page {
display : block;
background : url(../images/img04.jpg) no-repeat;
}
#turismo {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#prodotti {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#fieresagre {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#mercati {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#notiz {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#weather {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#shows {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#ricette {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#misteri {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#cartoline {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#oroscopo {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#contatti {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#localitipici {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#prenota {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#linkback {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#link {
display : none;
background : url(../images/img04.jpg) no-repeat;
}
#content {
float : left;
width : 555px;
padding : 0 0 0 76px;
}
#news {
float : left;
width : 555px;
padding : 0 0 0 30px;
}
#prenota {
float : left;
width : 555px;
padding : 0 0 0 30px;
}
#succede {
float : left;
width : 555px;
height: 85px;
padding : 0 0 0 30px;
}
.cast {
padding-top : 0px;
}
.post {
padding-top : 30px;
}
.post .title a {
text-decoration : none;
color : #37404c;
}
.post .title a:hover {
text-decoration : underline;
}
.post .meta {
height : 16px;
margin : 0;
padding : 10px;
background : url(../images/img07.jpg) repeat-x left bottom;
line-height : normal;
}
.post .meta .posted {
display : block;
float : left;
}
.post .meta .permalink {
display : block;
float : right;
padding-left : 17px;
background : url(../images/img09.gif) no-repeat left center;
}
.post .meta .comments {
display : block;
float : right;
padding : 0 30px 0 19px;
background : url(../images/img08.gif) no-repeat left center;
}
.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../img/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
    width: 555px;
}
.boxhead {
	background: url(../img/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
    width: 555px;
}
.boxheadm {
	background: url(../img/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
    width: 180px;
}

.boxhead h2 {
	background: url(../img/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxheadm h2 {
	background: url(../img/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../img/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
    display: run-in;
    width: 555px;
}

#foto {
	float : right;
	width : 130px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 0;
}
#giorno {
	float : left;
	width : 230px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 0;
}
#mete {
	float : left;
	width : 140px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 0;
}
#sidebar {
float : right;
width : 186px;
padding : 10px 76px 0 0;
}
#sidebar ul {
margin : 0;
padding : 0;
list-style : none;
}
#sidebar li {
margin-bottom : 40px;
}
#sidebar li li {
margin : 0;
}
#search br {
display : none;
}
#search input {
padding : 1px 5px;
border-top : 1px solid #bad300;
border-left : 1px solid #a9c817;
border-right : 1px solid #7dab00;
border-bottom : 1px solid #578900;
background : #272bcb url(../images/img18.gif) repeat-x;
font-size : 11px;
font-weight : bold;
color : #000000;
}
#search #s {
width : 130px;
padding : 2px 5px;
background : #ffffff;
border : 1px solid #ebebeb;
font : bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #6b6b6b;
}
#widebar {
margin : 0 50px;
padding : 25px 28px 0 28px;
background : #f2f2f2 url(../images/img11.gif) repeat-x;
}
#widebar #colA {
float : left;
width : 260px;
}
#widebar #colB {
float : left;
width : 260px;
padding-left : 45px;
}
#widebar #colC {
float : left;
width : 186px;
padding-left : 45px;
}
#footer {
height : 30px;
background : url(../images/img05.jpg) no-repeat;
}
#footer p {
margin : 0;
padding-top : 25px;
text-align : center;
color : #8e8e8e;
}
#footer a {
color : #666666;
text-decoration : none;
font-weight : bold;
}
.shadow {
border : 1px solid silver;
font : 10pt arial;
position : relative;
display : inline;
background : white;
z-index : 100;
}
.shadow_inner {
overflow : hidden;
position : absolute;
top : -1000px;
opacity : 0.1;
z-index : 99;
}
#datamain {
background-color : white;
}
.bordo1 {
border : 1px solid #778888;
padding : 10px;
background : #eeeeee;
width : 150px;
}
div.transOFF {
width : 100%;
background-color : silver;
opacity : 0.5;
border : 1px solid gray;
}
div.transON {
width : 100%;
background-color : silver;
opacity : 0.7;
border : 1px solid gray;
}
div.trans25 {
width : 100%;
background-color : silver;
opacity : 0.25;
border : 0 solid black;
}
div.trans75 {
width : 100%;
background-color : silver;
opacity : 0.75;
border : 0 solid black;
}
div.transbox li {
font-weight : bold;
color : #000000;
}
div.transbox span {
font-weight : bold;
color : #000000;
}
.cssbutton {
background-color : #3333cc;
border : 1px outset #d1ec4c;
padding : 1px 1px;
color : black;
text-decoration : none;
font : bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.cssbutton:visited {
color : black;
}
.cssbutton:hover {
border-style : inset;
background-color : #3366cc;
padding : 1px 1px 0 2px;
}
.cssbutton:active {
color : black;
}