﻿/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font: normal small Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	color: #838B91;
	background-image:url(bkgbody.png);
	background-repeat:repeat-x;

}
.bullets{
 list-style:disc;
 color:black;
}

h6 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #468259;
}


h5 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #468259;
}


h4 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #468259;
}


h3 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #468259;
}


h2 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #468259;
}


h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #468259;
}

.spazio {
	width:310px;
	height:225px;
	padding:6px 0 0 3px;
	float:right;
		
	border: solid ccc;
	border-width: 1;
	margin-top: 0px;
	margin-left: 14px;
}
#wrapper {
      width:750px;
	  margin:0 auto;
	
}
#menu {
    background-image:url(bkgbody.png);
	width: 900px;
	height: 60px;
	margin: 0 auto;
	
	background-color:#003300
}
#menu ul {
	
	list-style: none;
	margin:0;
	padding:0;
	}

#menu li {
	display: block;
	float: left;

	
	
}

.title_little{
background-image:url('post_16.png');
background-repeat:no-repeat;
background-position:5px 4px;
padding-left:25px;
font-size:1.1em;
color:#0099FF;
}

#menu .first{
margin-right:-1px;
}
#menu .last{
}
#menu a {

	display: block;
	width: 150px;
	height: 40px;
	padding: 20px 0px 0 0px;	
	letter-spacing: -1px;
	font: normal 1.6em Georgia, "Times New Roman", Times, serif;
	color: #333333;
	text-align:center;
	background: url(menu.png) no-repeat;

	text-decoration:none;
}
#menu a:hover{
background-image:url(menuover.png);
color:#0099FF

}
#menu .first_active a{
background-image:url(menuover.png);
color:#0099FF

}


#header {
	width: 750px;
	height: 170px;
	margin: 0 auto;
		padding: 8px 0 0 0;
	
	
}
#header h1 {
	float: left;
	width: 120px;
	height: 127px;
	padding:0px;
	margin-top:4px;
	line-height: 32px;
	font-size: 30px;
	border:medium;
	border-color:#0066FF;
	background-image:url(logo_bn_1.png)
}
h2 {
	
		font-size: 22px;
}
#header h2 {
float:right;
	width: 600px;
	height: 127px;
	padding:0px;
	margin-top: 5px;
	letter-spacing: -1px;
	font-size: 22px;
	background-image:url(headerH2.png);
	background-repeat:no-repeat;
}
#content {
margin-left:120px;
	margin-right:120px;
	width: 755px;
	margin: 0 auto;
	 background-image:url(head_wrapper.png);
	 background-repeat:no-repeat;
	 z-index:2;
}
#posts {
	
	width: 755px;
}

#posts .post {
	padding-bottom: 30px;
}
.titolo{
	 background-image:url('post.png');
	 background-repeat:no-repeat;
	 background-position:20px;
	color:#0099FF;
	height:32px;
	padding-left:58px;
	padding-top:4px;
	}
}
#story .image{
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

.evidenzia{
margin-top: 5px;
color:#0099FF;
 font-size:14px;
	padding-left:30px;
	}
}
#posts .linkAtt{
}

#posts .turismo{
width:100px;
	float:left;
	background-image:url('turismo.png');
	background-repeat:no-repeat;
	
	text-align:left;
	padding-left:30px;
	padding-top:2px;
	}
#posts .turismo a{
text-decoration:none;
color:gray;
font-family:verdana;
}	

#posts .turismo a:hover{
text-decoration:none;
color:#6699FF;
}	

#posts .territorio{

float: right;
background-image:url('turismo.png');
	background-repeat:no-repeat;
text-align:left;
	padding-left:20px;
padding-top:2px;
	

	
	}
	
#posts .territorio a{
text-decoration:none;
color:gray;
font-family:verdana;
}	

#posts .territorio a:hover{
text-decoration:none;
color:#6699FF;
}	

#posts .cultura{
	float:right;
margin-right:20px;
	background-image:url('turismo.png');
	background-repeat:no-repeat;
text-align:left;
	padding-left:30px;
padding-top:2px;

	width:100px;

	}
	#posts .cultura a{
text-decoration:none;
color:gray;
font-family:verdana;
}	

#posts .cultura a:hover{
text-decoration:none;
color:#6699FF;
}	


.tdclass a { font-weight: normal; }
.tdclass a:link {text-decoration:underline;}
.tdclass a:visited {text-decoration:underline;}
.tdclass a:hover { text-decoration:none;}
.tdclass a:active { text-decoration:none; }

.tdClass img{
 border: 3px solid #C0C0C0;
 

}	
.tdclass a img{
 border-color:#C0C0C0;
 
}
.tdclass a:hover img{
 border-color:#6699FF;

}	

.tdclass a:active img{
	 border-color:#6699FF;	}

.controls ul{
list-style: none;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
padding:0;
text-align:center;
width:300px;
float:left;
}
.controls li{
display: block;
	float: left;
	margin:0;
padding:0;
 
}

.acaya{

background-image:url('images/Acaya.gif');
background-repeat:no-repeat;
 width:54px;
}

.vernole{

background-image:url('images/vernole.gif');
background-repeat:no-repeat;
width:68px;
}

.otranto{

background-image:url('images/otranto.gif');
background-repeat:no-repeat;
width:69px;
}



.controls{
 text-align:left;

}
.controls a{
text-decoration:none;
	color:#808080;

}
.controls a:hover{
text-decoration:none;
	color:#0099FF;

}

#posts .story {
	padding: 20px 40px 0 40px;
	background: url(center_wrapper.png);
	background-repeat:repeat-x;
	text-align:justify;
		
}

#footer_story{
clear:both;
	 background-image:url('footer_wrapper.png');
	 background-repeat:repeat-x;
	width:755px;
	text-align:center;
	font-size:x-small;
	color:#C0C0C0;
	
	}
#footer_story a{
	text-decoration:none;
	color:#C0C0C0;
	}
	#footer_story a:hover{
	text-decoration:none;
	color:#6699FF;
	}
}
#posts .meta {
	padding: 5px 0 0 20px;
	
}

#posts .meta p {
	margin: 0;
	line-height: normal;
	font-size: smaller;
}

#footer {
	padding: 10px 0 60px 0;
	
	background: url(bkgfooter.png) repeat-x;
}

#footer p {
	width: 750px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:white
}

#footer a {
	background: none;
	font-weight: bold;
	color: #A6C09B;
}

#info {
    padding: 10px 0 0 0px;
	margin: 0 auto;
	float:right;
	font-size: 12px;
	

}

#name {
float:left;
	margin: 0px auto 0 auto;
	padding: 10px 0 0 0px;
	background: url(images/img09.gif) no-repeat left top;
	letter-spacing: -1px;
	font-size: 24px;
	color:black;
}