/*************************************
** Foglio di stile5 (Bianco e Nero)
** http://www.sulmona.org/
** by Andrea Forgione : webmaster@sulmona.org
** Sulmona 2000-2004
**************************************/
body {
background-color: #000;
font: 90% verdana, tahoma, arial, helvetica, sans-serif;
margin:0; padding:0; border: 0; color: #d0d0d4;
text-align: center; /* x centrare la pagina */
}
#testa { width: 99%; margin: 0 auto; text-align:left; color: #d0d0d4;}
#corpo { width: 99%; margin: 0 auto; text-align:left; color: #d0d0d4;}
/***************** testa **************/
#barra {
position: relative;
left: 0;
margin: 0 auto;
width: 99%;
padding: 0px;
background: #222;
height: 50px;
text-align: left;
}
#riga1 {
position: relative;
background-color: #222;
padding: 0px;
margin: 0;
}
#col_sx {
position: absolute;
left: 0;
padding: 0;
margin: 0;
background-color: #444;
}
#col_sx a {
text-decoration: none;
color: #fff;
font-weight: bold;
margin-left: 20px;
padding: 0px;
font-size: 200%;
letter-spacing: 0.4em;
background-color: #555;
}
#col_sx a:hover {
text-decoration: none;
color: #fff4f4;
}
#col_sx span.sottotitolo {
margin-left: 1em;
padding: 0px;
font-size: 120%;
font-weight: bold;
color: #fff;
text-align: left;
letter-spacing: 0.1em;
background-color: #555;
}
.riga-2 {
width: 99%;
height: 22px;
position: relative;
border-top: 4px solid black;
padding: 0px;
margin: 0 auto;
border-bottom: 1px solid #0b5089;
top: 0px;
background-color: #333;
color: #d0d0d4;
}
.riga-2 .colonna-1 {
position: absolute;
left: 0; 
top: 0;
background-color: #333;
width: 155px;
padding: 2px 0;
text-align: center;
border-right: 1px solid #666;
}
.riga-2 .colonna-2 {
position: absolute;
top: 0;
width: 58%;
left: 20%;
padding: 2px 0;
text-align: center;
}
.riga-2 .colonna-3 { 
position: absolute;
border-left: 1px solid #666;
top: 0px;
right:0px;
background-color: #333;
width: 155px;
padding: 2px 0;
text-align: center;
height: 18px;
}
.riga-2 .colonna-1 a, .riga-2 .colonna-2 a, .riga-2 .colonna-3 a {
font-weight: bold;
color: #fff;
text-decoration: none;
}
.riga-2 .colonna-1 a:visited, .riga-2 .colonna-2 a:visited, .riga-2 .colonna-3 a:visited {
color: #d0d0d4;
}
.riga-2 .colonna-1 a:hover, .riga-2 .colonna-2 a:hover, .riga-2 .colonna-3 a:hover {
color: blue;
background-color: #fff;
}
/*********** ancore e header *********/
h1 {
text-align: center;
font-family: Tahoma, sans-serif;
letter-spacing: 2px;
color: /*#909090*/ #9F9F9F;
background-color: #333;}
h3 {
text-align: left;
font-family: Tahoma, sans-serif;
letter-spacing: 1px;
color: #9F9F9F;
font-weight: bold;
}
h2 {
color: #9d9d9d;
}
h4 {
color: #d0d0d4;
}
h2.ricette {
color: #9d9d9d;
text-align: center !important;
}
span.asterischi {
color: #000;
}
ul#nostile {
list-style-type: none;
}
.copy {
font-size: 0.8em;
}
#corpo-colonna2 #contenuto p {
font-family: tahoma, verdana, arial, sans-serif;
color: #d0d0d4;
}
#contenuto a {
text-decoration: none;
color: #fff;
font-weight: bold;
}
#contenuto a:hover {
background-color: #fff;
color: #2c2c9c;
text-decoration: none;
}
#contenuto .nav a {
clear: both;
display: block;
width: 25px;
height: 25px;
background: url(../img/su.png) no-repeat scroll;
margin-top: 10px;
margin-left: 50% !important;
margin-left: 35%;
text-decoration: none;
}
#url, #avviso, .alt, hr, .menubasso {
display: none;
}
dt {
font-weight: bold;
color: #d0d0d4;
padding: 4px;
margin-left: 15px;
}
dd {
color: #d0d0d4;
}
ul {list-style-type: square;}
#contenuto img {
padding: 4px 8px;
border: 0;
}
/********** corpo ***********/
#corpo { 
position: relative;
}
#corpo-colonna1 { 
position:absolute;
top:0;
left:0;
width: 156px;
padding: 0px;
}
#corpo-colonna2 {
margin: 2px 159px 0px 159px;
padding: 0 8px;
}
#path {
padding-left: 6px;
padding-bottom: 2px;
border-bottom: 1px dashed #0b5089;
width: 99%;
background-color: #555;
color: #fff;
}
#quadro1 {
float: left;
/*width: 35%; per IE vecchi*/
width: 48%;
}
#quadro1 p {
border-left: 1px dashed #666;
border-bottom: 1px dashed #666;
padding-left: 8px;
padding-bottom: 8px;
padding-top: 5px;
}
#quadro2 {
float: right;
/*width: 35%; per IE vecchi*/
width: 48%;
}
#quadro2 p {
border-right: 1px dashed #666;
border-bottom: 1px dashed #666;
padding-right: 8px;
padding-bottom: 8px;
padding-top: 5px;
}
#corpo-colonna3 {
position: absolute;
top:0;
right:0;
width: 156px;
padding: 0;
}
/******** box validaz ********/
#box-xhtml a {
display: block;
background: url(../img/wxhtml.png) 0% 0% no-repeat;
border: 1px solid #A70101;
width: 78px;
height: 19px;
}
#box-xhtml a:hover {
border: 1px solid #fff;
}
#box-css2 a {
display: block;
background: url(../img/wcss.png) 0% 0% no-repeat;
width: 78px;
height: 19px;
border: 1px solid #A70101;
margin-top: 3px;
}
#box-css2 a:hover {
border: 1px solid #fff;
}
#box-wai a {
display: block;
background: url(../img/wai.png) 0% 0% no-repeat;
width: 78px;
height: 19px;
border: 1px solid #A70101;
margin-top: 3px;
}
#box-wai a:hover {
border: 1px solid #fff;
}
/****** menù *******/
/*bottone*/
input.submit-menu {
color: #000;
border: 1px solid #222;
background-color: #b4b4b4;
height: 21px;
font-size: 0.9em;
}
input.submit {
color: #000;
border: 1px solid #fff;
background-color: #b4b4b4;
height: 21px;
font-size: 0.9em;
}
input.text-menu {
background-color: #b4b4b4;
border: 1px solid #000;
color: #000;
padding: 0;
}
input.text {
background-color: #b4b4b4;
border: 1px solid #fff;
color: #000;
padding: 0;
}
/* intestazione dei menu */
.intesta {
background-color: #444;
color: #fff;
font-family: arial, sans-serif;
letter-spacing: 0.3px;
font-weight: bold;
padding: 5px 8px;
height: 17px;
}
/* liste */
.lista {
white-space: nowrap;
margin: 2px 0px;
padding: 4px 2px;
background-color: #666;
border: 1px solid #000;
color: #111;
}
.lista ul {
list-style: none;
border: 0;
margin: 0;
padding: 0;
}
.lista a {
text-decoration: none;
color: #fff;
}
.lista a:hover {
color: blue;
background-color: #fff;
}
/* articoli pagine interne */
.articolo {
margin: 2px 0px;
}
/* img articoli pagine interne */
.immag {
position: relative;
top: 0px;
float: right;
border: 0px;
padding: 8px;}
/* img spostate a sx negli articoli pagine interne */
.immagsx {
position: relative;
top: 0px;
float: left;
border: 0px;
padding: 8px;}
/******** box ********/
.evidenziato {
display: block;
border-left: #d0d0d4 3px solid;
margin-left: 2em;
padding-left: 1.5em;
}
.link {
height: 100px;
width: 265px;
margin-left: 2em;
padding: 1em;
}
#barra-forum {
margin: 0 auto;
width: 99%;
padding: 0px;
background: #222;
height: 20px;
text-align: left;
}