/*   fdo Styles
Creator: Bonetti Marco
Website: kudolink.com
**********************/

/*   Global styles
**********************/
html,body {
margin:0;
padding:0;
background: #dfeffb;
height: 100%;
}

body {
font: 76% verdana, sans-serif;
font-family: "Trebuchet MS", "Helvetica", sans-serif;
}


/*   Header
**********************/

#header {
width: 580px;
height: 274px;
background: #4c4c4c url(http://www.francescodellolio.it/assets/templates/fdo/images/hdr.jpg) no-repeat bottom;
margin: 0 0 0 20px;
}

#header2 {
width: 580px;
height: 274px;
background: #4c4c4c url(http://www.francescodellolio.it/assets/templates/fdo/images/hdr2.jpg) no-repeat bottom;
margin: 0 0 0 20px;
}

#header3 {
width: 580px;
height: 274px;
background: #4c4c4c url(http://www.francescodellolio.it/assets/templates/fdo/images/hdr3.jpg) no-repeat bottom;
margin: 0 0 0 20px;
}

#header4 {
width: 580px;
height: 274px;
background: #4c4c4c url(http://www.francescodellolio.it/assets/templates/fdo/images/hdr4.jpg) no-repeat bottom;
margin: 0 0 0 20px;
}

#header a#logo, #header2 a#logo, #header3 a#logo, #header4 a#logo {
display: block;
font: 26px "Trebuchet MS", "Helvetica", sans-serif;
line-height: 51px;
height: 51px;
color: #fff;
letter-spacing: 2px;
font-weight: bold;
padding: 0px 70px 0 70px;
text-align: left;
background: #4c4c4c url(http://www.francescodellolio.it/assets/templates/fdo/images/logo3.gif) no-repeat 20px top;
text-decoration: none;
}

#header a#logo:hover {
color: #BFE4FF;
}

#header a#logo {
}


/*   Page container
**********************/

#container {
text-align: left;
width: 800px;
margin: 0 auto;
position: relative;
min-height: 100%;
background: #dfeffb url(http://www.francescodellolio.it/assets/templates/fdo/images/bg.gif) repeat-y center top;
}

* html #container {
height: 100%;
}

.separator {
clear: both;
height: 115px;
}

#magic {
background: #dfeffb url(http://www.francescodellolio.it/assets/templates/fdo/images/bg.gif) repeat-y center top;
}

/*   Page
**********************/

#content {
float:left;
margin: 0;
padding: 10px 20px 10px 40px;
width: 540px;
font-size: 1.1em;
line-height: 1.6;
}

#content a:link, #footer a:link {
text-decoration: underline;
color: #0072BF;
}

#content a:visited, #footer a:visited {
text-decoration: underline;
color: #0072BF;
}

#content a:hover, #content a:active, #footer a:hover, #footer a:active {
text-decoration: none;
color: #53A7DF;
}

#content h1 {
font-size: 1.8em;
font-weight: bold;
margin: 0 0 0.4em 0;
font-family: "Trebuchet MS", "Helvetica", sans-serif;
}

#content h2 {
font-size: 1.6em;
font-weight: bold;
margin: 0 0 0.4em 0;
font-family: "Trebuchet MS", "Helvetica", sans-serif;
}

#content h3 {
font-size: 1.4em;
font-weight: bold;
margin: 0 0 0.3em 0;
font-family: "Trebuchet MS", "Helvetica", sans-serif;
}

#content h4 {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 0.3em 0;
font-family: "Trebuchet MS", "Helvetica", sans-serif;
}

#content h5 {
font-size: 1.0em;
font-weight: bold;
margin: 0 0 0.2em 0;
font-family: "Trebuchet MS", "Helvetica", sans-serif;
}

#content p {
margin: 0 0 0.8em 0;
}

#content ul {
margin-bottom: 0.8em;
margin-top: 0;
list-style-type: square;
}

#content ul ul {
list-style-type: circle;
}

#content li {
margin: 0 0 0.4em 0;
}

#content form {
margin: 0 0 0.8em 0;
}

#content p.author, #sidebar p.author {
text-align: right;
font-style: italic;
}

#content blockquote {
background: #EFEAE0 url(http://www.francescodellolio.it/assets/templates/fdo/images/bq.gif) no-repeat top left;
margin: 0 30px 1em 30px;
padding: 20px 20px 20px 50px;
font-size: 0.9em;
}

#content blockquote p.author{
text-align: right;
font-style: italic;
margin: 0;
}

#content .photoright {
border: 3px solid #4c4c4c;
display: block;
float: right;
padding: 5px;
margin: 0 0 0.4em 0.6em;
}

#content a.photoright:visited {
border: 3px solid #4c4c4c;
display: block;
float: right;
padding: 5px;
margin: 0 0 0.4em 0.6em;
}

#content a.photoright:hover {
background: none;
border: 3px solid #B2AC9F;
display: block;
float: right;
padding: 5px;
margin: 0 0 0.4em 0.6em;
}

#content .photoleft {
border: 3px solid #4c4c4c;
display: block;
float: left;
padding: 5px;
margin: 0 0.6em 0.4em 0;
}

#content a.photoleft:visited {
border: 3px solid #4c4c4c;
display: block;
float: left;
padding: 5px;
margin: 0 0.6em 0.4em 0;
}

#content a.photoleft:hover {
background: none;
border: 3px solid #B2AC9F;
display: block;
float: left;
padding: 5px;
margin: 0 0.6em 0.4em 0;
}

#content .posted {
border-top: 1px solid #B2AC9F;
padding: 5px 0 5px 10px;
margin: 0;
font-size: 0.9em;
text-align: right;
font-weight: bold;
}

#content .titletype {
font-size: 0.8em;
font-weight: normal;
display: block;
margin: 0;
}

#content .textinfo {
border-top: 1px solid #B2AC9F;
padding: 5px 0 5px 10px;
margin: 0 0 25px 0;
font-size: 0.9em;
text-align: right;
}

#content .textinfo span {
font-size: 1.2em;
font-weight: bold;
}

/*   Sidebar
**********************/

#sidebar {
margin: 20px 0 0 0;
float:right;
font-size: 0.95em;
width: 180px;
padding: 10px 20px 10px 0;
background: #b2ac9f url(http://www.francescodellolio.it/assets/templates/fdo/images/bgsb.gif) repeat-y top left;
}

#sidebar h3 {
color: #BFE4FF;
background: #616161 url(http://www.francescodellolio.it/assets/templates/fdo/images/bgsbtit.gif) repeat-y top left;
padding: 2px 5px 2px 20px;
text-align: right;
margin: 0 0 0.5em 0;
font-size: 1.4em;
letter-spacing: 1px;
}

#sidebar h4 {
color: #BFE4FF;
background: #616161 url(http://www.francescodellolio.it/assets/templates/fdo/images/bgsbtit.gif) repeat-y top left;
padding: 1px 5px 1px 20px;
text-align: right;
margin: 0 0 0.5em 0;
font-size: 1.2em;
}

#sidebar p {
margin: 0 0 0.5em 0;
padding: 0 0 0 20px;
}

#sidebar a:link {
text-decoration: underline;
color: #FFF6E3;
}

#sidebar a:visited {
text-decoration: underline;
color: #FFF6E3;
}

#sidebar a:hover, #sidebar a:active {
text-decoration: none;
color: #FFE4AF;
}

#sidebar ul {
list-style-type: square;
}

#sidebar ul ul {
list-style-type: circle;
padding-left: 10px;
margin-left: 10px;
}

#sidebar ul ul ul {
list-style-type: disc;
padding-left: 10px;
margin-left: 10px;
}

/*   Extra
**********************/

#extra {
float: left;
color: #FFF4DF;
margin: 0;
padding: 10px 20px 10px 40px;
width: 540px;
background: #4c4c4c url(http://www.francescodellolio.it/assets/templates/fdo/images/bgcnt.gif) repeat-y top left;
}

#extra h2 {
color: #fff;
margin: 0.4em 0 0.4em 0;
}

#extra h4, #extra h5, #extra h6 {
color: #fff;
}

#extra p {
margin-top: 0;
}

#extra .photoright {
display: block;
float: right;
margin: 10px 0 10px 10px;
border: 3px solid #fff;
}

#extra .photoleft {
display: block;
float: left;
margin: 15px 10px 10px 0;
border: 3px solid #fff;
}

#extra ul {
list-style-type: square;
}

#extra li {
margin: 0 0 0.4em 0;
}

#extra a:link {
text-decoration: underline;
color: #9FD6FF;
}

#extra a:visited {
text-decoration: underline;
color: #9FD6FF;
}

#extra a:hover, #sidebar a:active {
text-decoration: none;
color: #FFCE6F;
}


/*   Footer
**********************/

#footer {
color: #000;
clear:both;
width: 760px;
margin-right: auto;
margin-left: auto;
padding: 10px 0 10px 40px;
height: 75px;
position: relative;
margin-top: -120px;
}

#footerwrap {
border-top: 1px dashed #4C4C4C;
padding: 5px 0 0 0;
width: 540px;
margin: 0;
}

#footer h6 {
font-size: 1.1em;
margin: 0 0 0.2em 0;
padding: 0;

}

#footer p {
margin: 0 0 0.2em 0;
padding: 0;
}


/*   Tabs
**********************/

.tabs {
padding: 0 0 0 10px;
margin: 0 0 0 20px;
list-style:none;
height: 50px;
background: #4c4c4c;
position:relative;
width: 570px;
}

.tabs li {
float:left;
margin-right: 0;
margin-bottom:-1px;
}

.tabs li a {
display:block;
text-decoration:none;
font-family: "Trebuchet MS", "Helvetica", sans-serif;
letter-spacing: 1px;
line-height: 25px;
}

.tabs li a em {
font-size: 12px;
display:block;
float:left;
height: 25px;
line-height: 25px;
text-align:center;
padding: 0 10px;
background: #4c4c4c;
font-style: normal;
color: #EFE5D1;
}

.tabs li a span {
display:none;
}

.tabs li a:hover {
color:#000;
white-space:normal;
}

.tabs li a:hover em {
color: #BFE5FF;
cursor:pointer;
background: #616161;
position:relative;
z-index:300;
}

.tabs li a.selected em {
color: #BFE5FF;
text-decoration:underline;
position:relative;
z-index:400;
}

.tabs li a.selected:hover em {
cursor:default;
}

.tabs li a:hover span {
font-family: "Trebuchet MS", "Helvetica", sans-serif;
letter-spacing: 1px;
display:block;
position:absolute;
left:0;
top:25px;
color:#fff;
white-space:nowrap;
background: #616161;
width: 540px;
padding: 0 20px;
}

.tabs li a.selected:hover span {
display:none;
}

/*************    Form styles
*****************************************/

#content form {
margin: 0 0 0.8em 0;
width: 539px;
}

#content form fieldset {
display: block;
margin: 0 0 0.6em 0;
border: 0 solid #fff;
border-top: 1px solid #B2AC9F;
padding: 0 0.6em 0 0.6em;
}

#content form fieldset legend {
padding: 0 5px 0.3em 5px;
font-weight: bold;
color: #4c4c4c;
}

#content form dl {
margin: 0 0 0.6em 0;
}

#content form dt {
margin: 0 0 0.3em 0;
}

#content form dd {
margin: 0 0 0.6em 2em;
}

#content form dd input {
width: 360px;
}

#content form dd textarea {
width: 360px;
}

#content form dd li input {
width: auto;
}

#content form ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#content form div.buttons {
text-align: right;
padding: 0.8em 40px;
border-top: 1px solid #B2AC9F;
border-bottom: 1px solid #B2AC9F;
}

#content form .submit {
display: block;
margin: 0 0 0 50%;
}

#content form label span {
color: #cf0000;
}

/*   Ditto Styles
**********************/

.summary {
margin: 0 0 10px 0;
}

#sidebar p.summaryinfo {
display: block;
background: #dedbd6 url(http://www.francescodellolio.it/assets/templates/fdo/images/bgsbnews.gif) repeat-y top left;
margin: 0;
padding: 0 5px 0 0;
width: 160px;
text-align: right;
font-size: 0.9em;
}

#sidebar .summary h3 {
background: none;
text-align: left;
margin: 0 0 5px 0;
padding: 0 0 0 20px;
font-size: 1.3em;
letter-spacing: 0;
}

#content .news h2 {
font-size: 1.4em;
margin: 0 0 5px 0;
}

#content .news h2 a:link, #content .news h2 a:visited {
display: block;
border-bottom: 1px solid #0072BF;
text-decoration: none;
}

#content .news h2 a:hover, #content .news h2 a:active {
display: block;
border-bottom: 1px solid #97C9EB;
text-decoration: none;
}

#content .news p.calendar, #content p.calendar {
margin: 0 9px 10px 0;
width: 50px;
background: #EFEAE0;
float: left;
text-align: center;
}

#content .news p.calendar strong, #content p.calendar strong {
display: block;
background: #616161;
color: #fff;
padding: 0 5px;
border-bottom: 1px solid #000;
line-height: 1.2em;
}

#content .news p.calendar span, #content p.calendar span {
display: block;
padding: 0 5px;
font-size: 1.5em;
font-weight: bold;
}

#content .news p.calendar em, #content p.calendar em {
display: block;
padding: 0 5px;
font-size: 0.9em;
line-height: 1.2em;
font-style: normal;
}

#content .news p {
width: 470px;
float: right;
margin: 0 0 10px 0;
}

.news {
margin: 0;
clear: both;
font-size: 0.9em;
}

/*** Pagination Styles
**************************/

.pagination {
clear: both;
padding: 3px;
margin: 3px;
text-align:center;
font-size:.9em;
}

.pagination a {
border: 1px solid #ccdbe4;
margin-right:3px;
padding:2px 8px;
background-position:bottom;
text-decoration: none;
}

#content .pagination a:hover, .pagination a:active {
border: 1px solid #2b55af;
background-image:none;
background-color:#0072BF;
color: #fff;
}

.pagination span {
margin-right:3px;
padding:2px 6px;
font-weight: bold;
color: #000;
}

.pagination a.next{
border:2px solid #ccdbe4;
margin:0 0 0 10px;
}

.pagination a.next:hover{
border:2px solid #2b55af;
}

.pagination a.prev{
border:2px solid #ccdbe4;
margin:0 10px 0 0;
}

.pagination a.prev:hover{
border:2px solid #2b55af;
}

/*   Other
**********************/

a img {border: 0;}
.small {font-size: 0.9em;}
.vsmall {font-size: 0.8em;}
.big {font-size: 1.1em}
.clear {clear: both;}

.alert {
border-top: 5px solid #D01F3C;
border-bottom: 5px solid #D01F3C;
padding: 10px;
margin: 10px 0 10px 0;
}

.alert h2 {
color: #D01F3C;
}