/* Marco Giusti <m.giusti@ecoscienze.org> */

/*
 * Colori:
 *
 *  #17397e: blu scuro
 *  #7b0000: marrone-rosso
 *  #2b0101: marrone scuro
 *  #8bb31c: verde volabo
 *  #ffe9c2: sfondo
 */

/* Basic styles */
body {
    /* font-size: 14pt; */
    background-color: #ffe9c2;
    font-size: 85%;
    /* TODO */
    text-align: justify; /* */
}
a {font-weight: bold; border: 1px solid #ffe9c2;}
a:link {color: #17397e;}
a:visited {color: #17397e;}
a:hover, a.current {background-color: #17397e; color: white; border: 1px solid #2b0101;}
a.noborder {border: none;}
h1, h2, h3, h4, h5 {font-family:Cochin, Georgia, "New Century Schoolbook", "Bitstream Vera Serif", "Times New Roman", times, serif; color: #7b0000;}

h5 {font-style: italic;}

#container {width: 70%; margin-left: 15%; margin-right: -15%; position: absolute;}

/* General code for formatted sections */
.formattedContent h3 {display: block; float: left; margin-top: 5%; font-size: 90%; width: 20%; border-bottom: 1px dotted black; padding-left: 1em; text-align: left;}
.formattedContent p, .formattedParagraph {padding-left: 23%; padding-right: 19%; margin-top: 5%;}
.formattedContent img {width: 100%;}
/*
.formattedContent a img {width: 100%; height: auto;}
.formattedContent a:hover img {width: 100%; height: auto;}
*/
.formattedContent dt {font-weight: bold; margin-top: 0;}
.formattedContent dt:first-child {margin-top: 0;}
.formattedContent ul {padding-left: 2em; text-align: left; list-style-type: none; }
.formattedContent li {margin-top: 5%;}

/* Page header */
#intro {border-top: 1px solid black; border-bottom: 1px solid black; margin-left: 5px;}
#pageHeader {background: white url(/static/images/logo.jpg) no-repeat center top; height: 300px; width: 700px; margin: 0; padding: 0; border-left: 1px solid black; border-right: 1px solid black;}
#pageHeader h1 {text-transform: uppercase; color: white; line-height: 0.8em; padding-top: 250px; padding-left: 2%; margin: 0; font-size: 200%;}
#pageHeader h2 {font-size: 100%; text-transform: uppercase; color: white; padding-left: 2%; margin: 0;}
#pageHeader h3 {font-size: 80%; font-style: italic; text-align: right; color: white; padding-right: 1%; margin: 0;}

/* Main Content */
#mainContent > div {margin-top: 4em; width: 100%;}
#mainContent > div:first-child {min-height: 200px;}

/* Footer */
#footer {width: auto; border-top: 1px solid silver; color: gray; text-align: center; padding-left: 0; padding-right: 0;}
#footer h3 {display: None;}
#footer a {color: gray; background-color: #ffe9c2;}
#footer a:hover {color: #2b0101;}
/* BO del logo di VolaBO */
.bo {color: #8bb31c; font-style: italic;}

/* Search */
#fsearch {position: absolute; top: 1%; right: 2%;}
#fsearch h3 {display: none;}
#fsearch a {display: block; float-left; font-size: 80%; color: white; border: none;}
#fsearch a:hover {background-color: transparent;}
#fsearch p {margin: 0;}

/* Main menu */
#mmenu {position: absolute; top: 301px; font-size: 90%; font-weight: bold; padding-left: 1em;}
#mmenu h3 {display: none;}
#mmenu ul {padding: 0; margin: 0;}
#mmenu ul li {float: left; position: relative; list-style-type: none;}
#mmenu a {border: none; display: block; padding: 0.3em 0.5em; margin: 0 0.3em; border-top: 0.5em solid #2b0101;}
#mmenu a:hover, #mmenu li a.current {border-top: 0.5em solid #7b0000; background-color: #17397e; color: white;}

/* Archives */
#lmenu, #lresources {display: block;}
#lmenu, #lresources {border-left: 1px solid #7b0000; margin: 0; padding: 0 0 2em 1em; width: 15%;}
#lmenu ul li, #lresources ul li {list-style-type: none; margin: 0; padding: 0; text-align: left;}
#lmenu a, #lresources a {display: block;}
#lmenu h3, #lresources h3 {color: #7b0000; font-variant: small-caps; margin: 0;}
#lmenu ul, #lresources ul {margin: 0; padding: 0; font-size: 90%;}
#lmenu {position: absolute; top: 302px; right: 0; margin: 3em 0 0 0;}
#lresources {position: absolute; top: 422px; right: 0; margin: 3em 0 0 0;}

/* Events home page */
#latestevents:after {content: "."; height: 0; clear: both; visibility: hidden; display: block;}
#latestevents .event {padding: 0 1em 0 1em; float: left; width: 46%;}
#events li {margin-right: 25%;}

/* Events */
.event .date, .event #author {text-align: right;}
.event .date span {border-bottom: 1px dotted black;}
.event #location, .event #author {font-variant: small-caps; font-weight: bold;}
#eventdetail > *, #eventsarchive > * {padding-right: 12em;}
#eventsarchive .event {margin-bottom: 3em;}
#allinitiatives {text-align: right;}

/* Pages */
#lpages {padding-right: 12em;}
#lpages h3 {display: none;}
#lpages ul {padding: 0; text-align: center;}
#lpages ul li {list-style-type: none; display: inline-block; margin: 0; padding: 0;}
#lpages ul li a {background-color: white; color: silver; border: 1px solid silver; font-weight: bold; text-decoration: none; padding: 0.3em 0.4em; margin: 0;}
#lpages ul li a:hover, #lpages ul li.current a {background-color: #17397e; color: white; border-color: #7b0000;}