/*
Theme Name: ITDO
Author: Giofilo
Author URI: http://www.giofilo.it
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

@font-face {
	font-family: "Bodoni Std";
	src: url('bodoni/BodoniStd.otf');
}
@font-face {
	font-family: "Bodoni Std";
	font-weight: bold;
	src: url('bodoni/BodoniStd-Bold.otf');
}
@font-face {
	font-family: "Bodoni Std";
	font-style: italic;
	src: url('bodoni/BodoniStd-Italic.otf');
}
@font-face {
	font-family: "Bodoni Std";
	font-weight: bold;
font-style: italic;
	src: url('bodoni/BodoniStd-BoldItalic.otf');
}

body {
background: #111;
font-family: "Bodoni Std", "Bodoni FLF", "Bodoni SvtyTwo ITC TT", "Bodoni XT", Palatino, Palladio, Georgia, "Times New Roman", Times;
font-size: 16pt;
color: #fff;
}

body.home {
background: #111 url(img/sfondo.jpg) no-repeat center 0px;
}

a {
color:#FF4B33;
text-decoration: none;
}
a:hover {
color: #FF4B33;
text-decoration: none;
}
a:visited {
color: #FF4B33;
text-decoration: none;
}

p, ul, ol, dd, pre {
padding-bottom: 25px;
}

ul li {
list-style: disc;
margin: 0 0 10px 40px;
}

ol li {
list-style-type: upper-roman;
margin: 0 0 10px 70px;
}

#main {
width: 980px;
margin: 0 auto;
clear: both;
}
#container {
margin: 0 0 0 -50px;
float: right;
width: 980px;
}
#content {
margin: 0 0 0 60px;
}
.menu-laterale {
width: 50px;
float: left;
margin-top: 20px;
position: fixed;
}

a.tempio-icona {
display: block;
width: 50px;
height: 41px;
background: url(img/tempio-icona.gif) no-repeat center 0;
}
a.tempio-icona:hover {
background: url(img/tempio-icona.gif) no-repeat center -41px;
}
a.tempio-icona span {
left:-9999px;
position:absolute;
}

.nav-previous {
float: none;
width: 100%;
margin: 15px 0;
}
.nav-previous a {
display: block;
width: 40px;
height: 40px;
background: url(img/nav-prev.gif) no-repeat center 0;
font-size: 1px;
color: #111;
}
.nav-previous a:hover {
background: url(img/nav-prev.gif) no-repeat center -40px;
color: #111;
}

.nav-next {
float: none;
width: 100%;
text-align: left;
margin: 15px 0;
}
.nav-next a {
display: block;
width: 40px;
height: 40px;
background: url(img/nav-next.gif) no-repeat center 0;
font-size: 1px;
color: #111;
}
.nav-next a:hover {
background: url(img/nav-next.gif) no-repeat center -40px;
color: #111;
}

#header {
left:-9999px;
position:absolute;
}
body.home #header {
left: 0px;
position: relative;
text-align: center;
margin: 22px auto 0 auto;
height: 76px;
}
body.home #header h1 {
width: 653px;
height: 76px;
margin: 0 auto;
background: url(img/header.gif) no-repeat center top;
}
body.home #header h1 span {
left:-9999px;
position:absolute;
}
body.home #header h2 {
left:-9999px;
position:absolute;
}

#footer {
left:-9999px;
position:absolute;
}
body.home #footer {
left: 0;
position: relative;
text-align: center;
font-size: 12px;
}
#footer a {
color: #fff;
margin: 0 10px;
text-decoration: none;
letter-spacing: 1px;
}
#footer a:hover {
font-weight: bold;
color: #fff;
}

/* Popup */

body.category #main, 
body.tag #main, 
body.author #main, 
body.page-template-links-php #main, 
body.page-template-quaere-php #main, 
body.page-template-abdere-php #main, 
body.search-results #main {
width: 850px;
margin: 0 auto;
font-size: 16pt;
}
body.category .entry-title, 
body.tag .entry-title, 
body.author #main .entry-title, 
body.page-template-links-php .entry-title, 
body.page-template-quaere-php .entry-title, 
body.page-template-abdere-php .entry-title, 
body.search-results .entry-title {
text-align: center;
font-size: 40pt;
}
.category-description {
font-size: 14pt;
padding-bottom: 25px;
text-align: justify;
}
body.page-template-page-popup-php #main {
width: 810px;
margin: 0 auto;
font-size: 16pt;
}
body.page-template-page-popup-php .entry-title {
text-align: center;
font-size: 40pt;
}
body.page-template-links-php .entry-content {
text-align: center;
}
body.page-template-links-php a {
margin: 10px;
}
body.page-template-links-php a img {
max-height: 100px;
}
body.page-template-quaere-php .screen-reader-text {
display: none;
}

body.search-results .nav-previous a, 
body.search-results .nav-next a,
body.category .nav-previous a,
body.category .nav-next a, 
body.tag .nav-previous a,
body.tag .nav-next a, 
body.author .nav-previous a,
body.author .nav-next a {
float: left;
margin: 0 20px;
}
body.search-results .nav,
body.category .nav,
body.tag .nav,
body.author .nav {
clear: both;
width: 200px;
margin: 0 auto;
}

ul.lista-post li {
list-style: none;
display: inline;
margin: 0 10px;
}
ul.lista-post li a:hover {
color: #fff;
}

div.lista-tag {
margin-bottom: 22px;
}
div.lista-tag a:hover {
color: #fff;
}

/* Articoli */

.entry-title {
font-size: 50pt;
font-weight: normal;
}
.entry-content {
text-align: left;
line-height: 22pt;
padding-top: 25px;
}
blockquote {
color: #ccc;
width: 80%;
margin: 5px auto;
}
.entry-content h1, .entry-content h2 {
font-size:30pt;
font-weight:normal;
padding:28px 0 14px;
}
.entry-content h3 {
font-size:26ptpx;
font-style:normal;
padding:28px 0 14px;
}
.entry-content h4 {
font-size:22px;
font-weight:bold;
letter-spacing:0.05em;
}

/* Home */

#tempiohome {
height: 476px;
background: url(img/tempiohome.jpg) no-repeat 0px 0px;
width: 892px;
margin: 12px auto 0 auto;
}
#tempiohome:hover {
background: url(img/tempiohome.jpg) no-repeat 0 -476px;
}
#tempiohome a {
color: transparent;
}
#tempiohome a:hover {
color: transparent;
}

body.home #container, body.home #content {
margin: 0 auto;
width: 980px;
}
body.home #container {
float: none;
}
body.home #main {
padding: 0;
width: 980px;
}

#tempiohome a span {
left:-9999px;
position:absolute;
}
.prototip .tooltip {
font-family: 'Bodoni FLF', 'Bodoni SvtyTwo ITC TT', 'Bodoni XT', Georgia, 'Times New Roman', Times;
font-size: 14pt;
}
a#dialogus {
display: block;
width: 48px;
height: 57px;
position: absolute;
margin: 278px 0 0 20px;
}
a#dialogus:hover {
background: url(img/sezioni/dialogus.gif) no-repeat center;
}
a#auris {
display: block;
width: 48px;
height: 101px;
position: absolute;
margin: 352px 0 0 171px;
}
a#auris:hover {
background: url(img/sezioni/auris.gif) no-repeat center;
}
a#peregrine {
display: block;
width: 211px;
height: 255px;
position: absolute;
margin: 215px 0 0 649px;
}
a#peregrine:hover {
background: url(img/sezioni/peregrine.gif) no-repeat center;
}
a#traductio {
display: block;
width: 155px;
height: 71px;
position: absolute;
margin: 139px 0 0 499px;
}
a#traductio:hover {
background: url(img/sezioni/traductio.gif) no-repeat center;
}
a#abdere {
display: block;
width: 90px;
height: 161px;
position: absolute;
margin: 310px 0 0 307px;
}
a#abdere:hover {
background: url(img/sezioni/abdere.gif) no-repeat center;
}
a#pauca {
display: block;
width: 91px;
height: 53px;
position: absolute;
margin: 282px 0 0 551px;
}
a#pauca:hover {
background: url(img/sezioni/pauca.gif) no-repeat center;
}
a#colligationes {
display: block;
width: 92px;
height: 170px;
position: absolute;
margin: 301px 0 0 420px;
}
a#colligationes:hover {
background: url(img/sezioni/colligationes.gif) no-repeat center;
}
a#contactus {
display: block;
width: 56px;
height: 38px;
position: absolute;
margin: 247px 0 0 479px;
}
a#contactus:hover {
background: url(img/sezioni/contactus.gif) no-repeat center;
}
a#quaere {
display: block;
width: 128px;
height: 122px;
position: absolute;
margin: 21px 0 0 386px;
}
a#quaere:hover {
background: url(img/sezioni/quaere.gif) no-repeat center;
}
a#propositum {
display: block;
width: 87px;
height: 60px;
position: absolute;
margin: 78px 0 0 662px;
}
a#propositum:hover {
background: url(img/sezioni/propositum.gif) no-repeat center;
}
a#hospitium {
display: block;
width: 38px;
height: 64px;
position: absolute;
margin: 217px 0 0 20px;
}
a#hospitium:hover {
background: url(img/sezioni/hospitium.gif) no-repeat center;
}
a#oculus {
display: block;
width: 56px;
height: 29px;
position: absolute;
margin:212px 0 0 60px;
}
a#oculus:hover {
background: url(img/sezioni/oculus.gif) no-repeat center;
}

.stButton {
color: #fff !important;
}
