/*GLOBAL**************************************/
* {
padding:0;
margin:0;
}
ul {
list-style:none;
}
img {
display:block;
border:0;
}
/*THE BIG ONES******************************/
body {
width:800px;
margin:0 auto;
text-align:center;
font:76% 'trebuchet ms',verdana,helvetica,arial,sans-serif;
background:#0C0E42 url(gfx/bg.jpg) 0 180px repeat-x;
color:#fff;
}
body.casa {
width:100%;
background-color:#242661;
padding-bottom:16px;
}
#wrapper {
width:800px;
text-align:left;
background:#242661 url(gfx/butt.jpg) left bottom no-repeat;
}
.casa #wrapper {
width:100%;
background-color:transparent;
background-image:none;
}
#wrapper:after {
content:"gh";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*NAV****************************************/
#nav {
width:122px;
float:left;
margin-right:30px;
padding-bottom:70px;
}
#nav li {
width:117px;
height:23px;
margin-bottom:1em;
margin-left:6px;
}
#nav a {
display:block;
width:117px;
height:22px;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
}
#nav a:hover {
border-bottom:1px solid #fff;
}
#home {
background-image:url(gfx/home.jpg);
}
#ristorante {
background-image:url(gfx/ristorante.jpg);
}
#menu {
background-image:url(gfx/menu.jpg);
}
#contatti {
background-image:url(gfx/contatti.jpg);
}
#home-nav {
font:1.2em georgia, serif;
font-variant:small-caps;
text-align:center;
padding:12px 0 16px 0;
}
#home-nav li {
display:inline;
margin:0 3.9em;
}
#home-nav li a {
color:#fff;
}
/*CONTENT************************************/
#content {
width:598px;
float:right;
margin:0 0 0 50px;
padding-bottom:80px;
}
#intro {
width:240px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:15px 0;
float:right;
margin-right:6px;
}
#intro p {
font-size:1em;
line-height:1.5;
}
#intro img {
margin-top:1em;
}
#gallery {
width:284px;
float:left;
}
#gallery li {
float:left;
margin:0 20px 20px 0;
}
#gallery img {
border:1px solid #fff;
}
/*HEADINGS***********************************/
h1 {
width:800px;
height:245px;
background:url(gfx/logo.jpg) 0 0 no-repeat;
margin-bottom:3em;
border-bottom:7px solid #21235A;
}
.casa h1 {
margin-bottom:0;
border-bottom:0;
width:100%;
background-position:center top;
}
h1 b, h2 {
display:none;
}
h3 {
font-size:1.6em;
font-weight:normal;
letter-spacing:0.2em;
margin-bottom:2em;
}
h4 {
font-size:1.2em;
font-weight:normal;
letter-spacing:0.2em;
}
/*MENU****************************************/
#menu-index {
line-height:2;
font-size:1.2em;
width:577px;
margin-right:6px;
background:url(gfx/piattone.jpg) 0 0 no-repeat;
padding:30px 15px 0 0;
min-height:444px;
text-align:right;
}
#menu-index a {
color:#fff;
font-weight:bold;
}
.menu-item {
width:372px;
margin-bottom:2em;
padding-bottom:0.5em;
border-bottom:1px dotted #fff;
}
.menu-item:after {
content:"gh";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.menu-item img {
border:1px solid #fff;
width:120px;
height:90px;
float:left;
}
.menu-item p {
width:250px;
font-size:1em;
line-height:1.5;
float:left;
}
/*MISC MARKUP*********************************/
address {
width:376px;
font-size:1.2em;
font-style:normal;
line-height:2;
background:#0C0E42 url(gfx/contactbutt.jpg) bottom left no-repeat;;
padding:1em 12px 1.2em 12px;
text-align:center;
}
#home-content address {
width:100%;
background:#F4DF36;
padding:1em 0;
color:#000;
letter-spacing:0.2em;
border-bottom:7px solid #21235A;
}
a {
text-decoration:none;
color:#F4DF36;
}
a:hover {
text-decoration:underline;
}
p {
font-size:1.2em;
line-height:1.5;
}
#home-pics {
width:100%;
height:375px;
background:url(gfx/cosohome.jpg) center top no-repeat;
position:relative;
}
#intro .flash {
font-size:1.2em;
margin-bottom:1em;
border:2px solid red;
padding:0.2em;
}
#intro .flash a:visited {
color:red;
}
#intro .flash a:active {
color:hotpink;
}
/*hidden (screenreader-friendly, spero....)***************/
.skip, #nav a b {
position:absolute;
top:-9999px;
left:-9999px;
}
/*home-menu**********************/
#home-menu {
width:220px;
height:307px;
position:absolute;
top:20px;
right:80px;
z-index:99;
background-color:#fff;
color:#000;
padding:10px;
overflow:auto;
border:4px solid #7193EC;
}
#home-menu ul {
margin-bottom:1em;
color:#333;
}
#home-menu li {
list-style:disc inside;
}
#home-menu h3 {
margin-bottom:1em;
font-family:georgia,serif;
font-variant:small-caps;
font-size:1.4em;
}
#home-menu h3, #home-menu strong {
color:#651D04;
}
#home-menu strong {
font-size:1.4em;
}