/********************************************
 HTML ELEMENTS
********************************************/ 
/* Top Elements */
* { margin: 0; padding: 0; border: 0 }
body {
background: #CCC;
font: 12px Verdana, Tahoma, arial, sans-serif;
color: #666666; 
text-align: center;
}
/* links */
a, a:visited {
color: #5A93C9;
background: inherit;
text-decoration: none;
}
a:hover {
color: #88ac0b;
background: inherit;
text-decoration: underline;
}
/* headers */
h1, h2, h3 {
font-family: Verdana, Tahoma, arial, sans-serif;
font-weight: Bold; 
}
h1 {
font-size: 17px;
color: #6699CC;
}
h2 {
font-size: 15px;
color: #6699CC;
}
h3 {
font-size: 14px;
color:#999999;
}
h1, h2, h3, p {
padding: 10px;
margin: 0;
}
ul, ol {
margin: 5px 20px;
padding: 0 20px;
}
/* images */
img.b {
background: #FAFAFA;
 border: 1px solid #DCDCDC;
padding: 5px;
}
img.float-right {
 margin: 5px 0px 10px 10px; 
}
img.float-left {
 margin: 5px 10px 10px 0px;
}
code {
 margin: 5px 0;
 padding: 10px;
 text-align: left;
 display: block;
 overflow: auto; 
 font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
 /* white-space: pre; */
 background: url(../chrome/post.jpg);
border: 1px solid #E0DBC9; 
}
acronym {
 cursor: help;
 border-bottom: 1px solid #777;
}
blockquote {
margin: 7px;
 padding: 0 0 0 5px; 
 background: url(../chrome/b1.jpg);
border: 1px solid #cccccc;
font: 11px 'Trebuchet MS', Tahoma, Sans-serif;
color: #999999;
}
/* form elements */
form
{
margin: 20px;
}
fieldset
{
margin-top: 0px;
border: 1px solid #6699CC;
margin-bottom: 10px;
padding:5px;
}
legend
{
text-transform: uppercase;
color: #6699CC;
}
label.req strong, strong.asterisco
{
font-weight: bold;font-family: verdana,sans-serif;color: red;
}
input:focus
{
background-color: #ffc;
}
br
{
clear:left;}
fieldset.in label
{
float: left;text-align: center;margin: 0px 10px 5px 0;
}
fieldset.in input,select
{
display: block;
width: auto;
}
fieldset.in2 input,select
{
display: inline;
width: auto;
margin:0 5px 0 5px;
}
/********************************************
 LAYOUT
********************************************/ 
#wrap {
position: relative;
width: 820px;
background: #CCC;
 background-image: url(../chrome/content5.jpg);
 background-repeat: repeat-y;
margin: 0 auto;
}
#flags
{
position: relative;
clear: both;
width: 250px;
height: 10px;
margin-left:725px;
margin-top: 5px;
z-index: 3;
} 
#top-bg {
 position: absolute;
width: 820px;
height: 19px;
 background: #CCC;
 background-image: url(../chrome/content5.jpg); 
 background-repeat: repeat-x;
top: 0; left: 0;
}
#content-wrap {
position: relative;
clear: both;
float: left;
width: 790px;
text-align:left;
padding: 0; 
background: #E8E8E8;
border-top: 5px solid #FFF;
border-bottom: 2px solid #D0D0D0;
margin-left: 15px;
display: inline;
}
#header {
width:790px;
position: relative;
 margin: 0 auto;
height: 20px;
background: transparent;
padding: 0;
color: #FFF;
}
#header h1#logo-text a {
position: absolute;
margin: 0; padding: 0;
font: bold 36px 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -1px;
color: #6699CC;
text-transform: none;
text-decoration: none;
/* change the values of top and left to adjust the position of the logo*/
top: 25px; left: 30px;
}
#header h1#logo-text span {
color: #6699CC;
}
#header h2#slogan {
position: absolute;
margin: 0; padding: 0;
font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #838181;
/* change the values of top and left to adjust the position of the slogan*/
top: 67px; left: 95px;
}
/* header links */
#header #header-links {
position: absolute;
top: 5px; right: 710px;
color: #838181;
font-size: 10px;
}
#header #header-links a {
color: #838181;
text-decoration: none;
}
#header #header-links a:hover {
color: #444;
}
/* header-photo */
#header-photo {
clear: both;
height: 280px;
width: 790px;
text-align:center;
margin: 0 auto;
background: #FFF; 
background-image: url(../images/ultimatelandscape.jpg);
background-repeat: no-repeat;
background-position: center center;
}
/* Navigation */
#nav {
clear: both;
padding-top:4px;
}
#nav ul {
float: left;
list-style: none;
background-image: url(../chrome/nav.jpg);
 background-repeat: repeat-x;
width: 790px;
text-transform: uppercase;
margin: 0 0 0 15px;
padding: 0;
display: inline;
}
#nav ul li {
display: inline;
margin: 0; padding: 0;
}
#nav ul li a {
display: block;
float: left;
width: auto;
margin: 0;
padding: 0 14px;
border-right:1px solid #6699cc;
border-left:1px solid #99ccff;
border-bottom: none;
color: #FFF;
font: bold 13px/2.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
}
#nav ul li a:hover, 
#nav ul li a:active {
background: url(../chrome/nav-hover.jpg) repeat-x;
}
#nav ul li#current a {
background: url(../chrome/nav-current.jpg) repeat-x;
}
/* Main Column */
#main {
float: left;
width: 67%;
padding: 0; margin: 10px 0 0 10px;
display: inline;
text-lign:left;
}
#main h1 {
margin-top: 10px;
font: 18px verdana, arial, helvetica, sans-serif;
color: #6699CC;
padding:10px 0 5px 5px;
}
#main p { 
font: 12px verdana, arial, helvetica, sans-serif;
}
#main h2 {
margin-top: 10px;
font: 13px verdana, arial, helvetica, sans-serif;
color: #6699CC;
padding:10px 0 5px 5px;
}
#main h3 { 
margin-top: 10px;
font: normal 1.5em 'Trebuchet MS', Tahoma, Sans-serif;
padding:10px 0 5px 5px;
border-top: 2px solid #999999;
 }
.post-footer {
background-image: url(../chrome/post.jpg);
padding: 5px; margin: 20px 10px 0 10px;
font-size: 95%;
color: #AEA471;
border: 1px solid #E0DBC9;
}
.post-footer .date{
margin: 0 10px 0 5px;
}
.post-footer a.comments {
margin: 0 10px 0 5px;
}
.post-footer a.readmore {
margin: 0 10px 0 5px;
}
.title
{
font-family: verdana, arial, helvetica, sans-serif;
border-bottom: 2px solid #ffffff;
}
/* Sidebar */
#sidebar {
float: right;
width: 26%;
padding: 0 10px 0 0; margin: 10px 0 0 0;
}
#sidebar h1 {
margin-top: 10px;
font: normal 1.8em 'Trebuchet MS', Tahoma, Sans-serif;
color: #6699CC;
padding:10px 0 5px 5px;
}
#sidebar h2 {
margin-top: 10px;
font: 13px verdana, arial, helvetica, sans-serif;
font-weight:bold;
color: #6699CC;
padding:10px 0 5px 5px;
}
#sidebar ul.sidemenu {
text-align: left;
margin: 7px 4px 8px 0; padding: 0;
text-decoration: none;
background: url(../chrome/dots.jpg) repeat-x left top;
}
#sidebar ul.sidemenu li {
list-style: none;
background: url(../chrome/dots.jpg) repeat-x left bottom;
padding: 4px 0 4px 5px;
margin: 0 2px;
}
* html body #sidebar ul.sidemenu li {
height: 1%;
}
#sidebar ul.sidemenu li a {
text-decoration: none;
font-size:10px;
background-image: none;
color: #666666;
}
#sidebar ul.sidemenu li a:hover {
color: #1773BC;
}
/* footer */
#footer-wrap {
clear: both;
width: 820px;
font-size: 95%;
text-align: left;
padding: 15px 0;
background: url(footer-bottom.jpg) no-repeat center bottom;
}
#footer-wrap a {
text-decoration: none;
color: #666666;
font-weight: bold;
}
#footer-wrap a:hover {
color: #000;
}
#footer-wrap p {
padding:10px 0;
}
#footer-wrap h2 {
color: #666666;
margin: 0;
padding: 0 10px; 
}
#footer-columns {
color: #888;
margin: 0 auto; 
padding: 0;
width: 760px;
}
#footer-columns ul {
list-style: none;
margin: 10px 0 0 0; 
padding: 0;
background: url(footer-dots.jpg) repeat-x left top;
}
#footer-columns li {
background: url(footer-dots.jpg) repeat-x left bottom;
}
#footer-columns li a {
display: block;
font-weight: normal;
padding: 3px 0 3px 10px;
width: 96%;
}
#footer-columns .col3, .col3-center {
float: left;
width: 32%;
}
#footer-columns .col3-center { 
margin: 0 15px; 
}
/* bottom */
#footer-bottom {
clear: both;
color: #666;
margin: 0 auto; 
width: 820px;
padding: 10px 0;
text-align: center;
}
.small
{
font-size:9px;
}
.med
{
background-image: url(../chrome/b2.jpg);
padding: 5px; margin: 20px 10px 0 10px;
font-size:11px;
color: #999999;
border: 1px solid #cccccc;
}
.big
{
font-size:12px;
font-style: oblique;
color: #666666;
}
.f
{
font-size: 14px;
color:#000000;
}
table
{
margin:15px; padding: 0 5px;
}
#rimpiazzabook { 
 background:url(../chrome/booking.gif) 0 0 no-repeat;
 height:46px;
 width:178px;
 }
 #rimpiazzabook span { 
 display:none;
 } 
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* display and additional classes */
.clear { clear: both; }