/*
Theme Name: Quarto Stato 2007
Theme URI: http://www.italianisticaonline.it/
Description: Tema per Italianistica Online 2007
Version: 1.0 - 20 novembre 2006
Author: Luigi M. Reale
Author URI: http://www.italianisticaonline.it/
Ispirato a Hemingway Theme di <a href="http://warpspire.com">Kyle Neath</a> 
*/

/* Copyright 2006-2007 Italianistica OnLine di Luigi M. Reale - Tutti i diritti riservati - Questo foglio di stile e' stato concepito e realizzato per il portale di studi italianistici Italianistica OnLine, URL: www.italianisticaonline.it - Qualsiasi eventuale utilizzo da parte di terzi deve essere autorizzato. * /

/* FUNZIONI GLOBALI */


#avviso {background-color: white; border: 1px dotted #cc0000; }
.avviso {background-color: grey; padding: 1em; }
#no_css  {display:none}
.no_css  {display:none}
* {padding:0; margin:0;}
* html #primary .secondary {margin-right:3%;}

p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:1em 0;}
li, dd {margin-left:5%;}
fieldset {padding: .5em;}
select option {padding:0 5px;}
.hide, .print-logo, .close-button {display:none;}
.left {float:left;}
.right {float:right;}
.clear {clear:both; height:1px; font-size:1px; line-height:1px;}
a img {border: none;}
a img {padding: 1 em; margin: 1em;}
ul, ol, li, dl, dt, dd {text-decoration:none;}

/* GUIDA - briciole di pane */

#guida {text-align:right; border-bottom: 1px dotted; margin-bottom: 1em; padding: 1em 0 1em 0;}
#guida a{text-decoration:none; font-weight:normal;}
#google-home {text-align:center; margin-top: 0; padding-top: 0; padding-bottom:20px;}
#google {text-align:center; margin-top: 0; margin-bottom: 1em; padding-top: 0; padding-bottom:20px; border-bottom: 1px dotted;}
.red a{font-weight: bold; color:#cc0000;}
p a{color:#cc0000;}
#archivio{padding-top: 1em;}

#guida-left {float: left; text-align:left; border-bottom: 1px dotted; margin-bottom: 1em; padding: 1em 0 1em 0;}
#guida-left a{text-decoration:none; font-weight:normal;}

/* LAYOUT DI BASE */

body{ /*background:#272727;*/ color:#BFBFBF; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* This class sets the width and position for all rows */

.inside {width:80%; min-width:65em; max-width:85em; margin:0 auto;}
a {font-weight:bold; color:#cc0000; text-decoration:none;}
a:hover {border-bottom:1px dotted #cc0000;}

/* INTESTAZIONI */

h1, h2, h3, h4, h5, h6 {margin:1em 0; font-weight: bold; padding-top: 1em;}
h1 a {color: #cc0000; font-size:20px; font-weight:bold;}
h2, h3 {font-size:1.15em; color: #cc0000; font-weight:bold;}
h2 a {color:#cc0000; }
h2 a:hover {border-bottom:1px dotted #cc0000;}
.inside h2 {color:#cc0000;}
.primary h2 {color:#cc0000;}

/* PARAGRAFO */ 

p {line-height:1.75em;}

/* ELENCHI PUNTATI */

ul li {list-style-type:square; margin:0.5em 0 0.5em 2em; line-height:1.5em;}

/* ELENCHI NUMERATI */

ol {margin-left:0.5em; line-height:1.5em;}
ol li {padding-left:0.5em; line-height:1.5em;}

/* CITAZIONI */

blockquote{margin-left:1em; padding-left:1em; border-left:2px solid #cc0000; color:#CCC;}

pre{width:100%; padding:1em 0; overflow:auto; border-top:1px dotted #333; border-bottom:1px dotted #333;}

/* TABELLE */

table {width:100%; border-spacing:2px; margin:1.5em 0;}
table th, table td {padding:0.3em 0.75em; }
table th {background:#CCC; color:#000; text-align:left;}
table td {background:#333; color:#FFF;}
table caption {text-align:left; color:#FFF; margin-bottom:-1em; margin-top:1em;}

.rule {border-top:1px solid #CCC; height:1px; font-size:1px; line-height:1px; margin:1.5em 0;}

/* TESTATA */ 

#header {background:#000;}
#header .inside {padding:1em 0;}
#header h1 {color: #cc0000; font-size:2.25em; margin:0 0.5em 0 0; padding:0 0.5em 0.25em 0; border-right:1px solid #808080; float:left;}
#header h1 a {text-decoration:none; } 
#header p {padding:1em 0; margin:0; line-height:1em;}

#testata .img {background-position: top; float: left; height: 7em; width: 100%; background-image: url(images/quarto_stato.jpg); margin-bottom: 1em; }
#testata .img:hover {background-image: url(images/quarto_stato-trasp.jpg); /*non funziona su IE*/}

/* LISTA DI DEFINIZIONI prima pagina */

dl a {text-decoration: none;}
dt {font-weight: bold;}
dd {margin-top: 1em; margin-bottom: 1em;}
dd a {color:#cc0000;}
dd a:hover {border-bottom: 1px dotted;}

.prima-01 dl {border: 1px solid #808080; background-color: #e5ecf2; 
width: 50px; text-align: center; padding: 5px; float: left; margin-right: 1em; font-weight: bold;}
.prima-02 dl {border: 1px solid #808080; background-color: #e5ecf2; width: 50px; text-align: center; padding: 5px; float: left; margin-right: 1em; font-weight: bold;}
.prima-03 dl {border: 1px solid #808080; background-color: #e5ecf2;
width: 50px; text-align: center; padding: 5px; float: left; margin-right: 1em;
font-weight: bold; }
.prima-04 dl{border: 1px solid #808080; background-color: #e5ecf2;
width: 50px; text-align: center; padding: 5px; float: left; margin-right: 1em; font-weight: bold;}

.prima dt a.active, 
.prima-01 dt a:hover {background: #FFF98E;}
.prima-01 dt {font-weight: bold; background-color: #ff0000; width:50px; height:45px; color:#fff; text-align:center; position:middle;}
.prima-02 dt {font-weight: bold; background-color: #cc0000; width:50px; height:45px; color:#fff; text-align:center;}
.prima-03 dt {font-weight: bold; background-color: #ff0000; width:50px; height:45px; color:#fff; text-align:center;}
.prima-04 dt {font-weight: bold; background-color: #cc0000; width:50px; height:45px; color:#fff; text-align:center;}


.prima-01 dd {margin: 0; padding: 0; padding-top:5px;}
.prima-02 dd {margin: 0; padding: 0; padding-top:5px;}

.prima-03 dd {margin: 0; padding: 0; padding-top:5px;}
.prima-04 dd {margin: 0; padding: 0; padding-top:5px;}
.prima-02 dd {margin: 0; padding: 0; padding-top:5px;}

/*  Primary Items */

#primary {background:#000; padding:1px 0 2em 0; color:#808080;}

#primary.onecol-stories .primary {float:left;width:50%;}
#primary.onecol-stories .secondary {float:right; width:40%; margin:0 0 0 10%;}
#primary.twocol-stories .story {float:left; width:48%; margin:0 0 0 4%; display:inline; }
* html #primary.twocol-stories .story {margin-left:2%;}
#primary.twocol-stories .first, * html #primary.twocol-stories .first {margin:0 0 0 0;}
.story h3 {font-size:1.50em; margin:0 1em 0em 0; font-weight:bold; color:#cc0000;}
.story h3 a {color:#CCC; text-decoration:none; border-bottom:1px dotted #666;}
.story .details {margin:1em 0; text-align:right; border-top:1px solid #333; padding:0.5em 0; font-size:0.95em; color:#666;}
.story .details .read-on {background:url(images/readon_black.gif) 100% 60% no-repeat; padding-right:20px; display:block;}
.story .details a {color:#666; text-decoration:none; }
.story .details a:hover{ color:#cc0000; }

/* Single Post Styles */

#primary .primary {float:right; width:65%;}
#primary .secondary {float:right; width:30%; margin-right:5%; padding-top:0.65em; display:inline;}

.single-post h1, .single-post h2{ margin-top:0; }

/* Secondary Items */

#secondary {background:#0C0C0C; padding:1px 2em; border-top:1px solid #1C1C1C;}

.secondary .featured p {border-bottom:1px solid #333333; border-top: 1px solid #333333; padding:0.5em 0 0.6em 0; line-height:1.5em; margin:1em 0 0 0;}
.secondary .featured dl {margin:0 0; border-bottom:1px solid #333333; padding:0.5em 0 0.6em 0;}

.secondary dt {font-weight: bold; margin:0; padding:0; color:#cc0000;}
.secondary dd {margin:0; padding:0; padding-left: 1em;}
.secondary .featured dd a{ color:#cc0000; text-decoration:none; }
.secondary .featured  dd a:hover{ border-bottom: 1px dotted #cc0000; }
.secondary .featured li a{ color:#cc0000; text-decoration:none; }

#primary .secondary .admin-tools {margin:1em 0; }

#preview {margin:1em 0; padding:0.5em; border:1px solid #333; }
#preview p {margin:1em 0 0 0;}
#errors{ color:#FF0000; font-weight:bold;}

/* COMMENTI */ 

.comment-head {border-bottom:1px solid #1C1C1C; padding:0.8em 2em 1.0em 2em;}
.comment-head h2 {font-size:1.5em; margin:0;}
.comment-head a {text-decoration:none; color:#868686;}
.comment-head .details {font-size:0.95em;}

ol#comments {list-style-type:none; margin:2em 0;}
ol#comments li {list-style-type:none; margin:2em 0;}

#comments cite {float:left; width:31%; font-style:normal; text-align:right;}

* html #comments cite{ width:30.6%; }
#comments cite span {display:block;}
#comments cite .author {font-size:1.2em; }
#comments cite .author a {text-decoration:none;}
#comments cite .admin-tools {margin:5px 0;}
#comments cite .admin-tools a {float:right; margin:0 5px; padding:0px 3px 3px; background:#666; border:1px solid #999; text-decoration:none;}

#comments .pingback cite .author {display:block; padding-top:68px; background:url(images/trackback_pingback.gif) 100% 0 no-repeat;}

#comments .content {float:left; width:60%; margin-left:1.9%; border-left:1px solid #868686; padding: 0 0 0 2%;}
#comments .content p {margin:0 0 1em 0;}
#comments .content h3 {margin:0; font-size:1em;}
#comment-form {margin:5em 0 5em 35.4%; width:36em;}
input.textfield {width: 15em; margin:5px 0;}
textarea.commentbox {width:28em; height:10em; padding:0.25em; margin:5px 0; font-size:1.25em; font-family:Arial, Helvetica, sans-serif;}
label.text {position:relative; left:0.5em; top:-0.5em;}
.formactions input.submit {float:right; margin:-1em 0 0 0;
	padding:0 0.5em;}
.formactions .spinner {float:right; margin:-8px -20px 0 0;}



/*  Ancillary Items */

#ancillary {padding:2em 0 0 0;}
#ancillary .block {float:left; width: 30%; margin:0 0 0 5%;}
* html #ancillary .block {margin-left:3.9%;}
#ancillary .twice-length{ width:65%; }
#ancillary .thrice-length{ width:100%; }
#ancillary .first, * html #ancillary .first {clear:both; margin:0;}
#ancillary .block-separator {clear:both; height:2.5em;}
#ancillary .block h2, #ancillary .block h3 {margin:0 0 2em 0;}

ul.dates, ul.counts, ul.blogroll ul, ul.pages {list-style-type:none; margin:1.5em 0 2em 0; border-top:1px solid #3D3D3D;}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li {list-style-type:none; margin:0; padding:0.5em 0; border-bottom:1px solid #3D3D3D;}
ul.dates .date {color:#858585; padding:0 1.5em 0 0;}
ul.counts .count {float:right; color:#858585;}
ul.dates a, ul.counts a, ul.blogroll a, ul.pages a {color:#BFBFBF; text-decoration:none;}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover {color:#FFF;}
ul.blogroll{ margin-top:0; }
ul.blogroll li {list-style-type:none; margin:0;}
ul.pages ul {margin:0;}
ul.pages ul li {border:none; margin-left:2em; list-style-type:square;}

/* MODULO DI CONTATTO - contact form */

.contactform { width: 100%; position: relative; }
		
.contactleft { width: 25%; text-align: right; clear: both; float: left; display: inline; padding: 4px; margin: 5px 0; }
		
.contactright { width: 70%; float: right; display: inline; padding: 4px; margin: 5px 0; }

/* CALENDARIO */

#calendario { color: black; background-color: white; padding: 0em; margin-right: 0.5em; margin-left: 10%; margin-top: 0.5em; font-size: 10px; text-align: center;}

#accesskey { color: #ff00ff; padding: 0em; margin: 0em; text-align: center; font-size: 10px;}

#wp-calendar { color: black; background-color: white; padding: 0em; margin: 0.5em; font-size: 10px; text-align: center; }

/* REFERENCE */ 

.reference { padding: 1em; margin: 1.5em; text-align: left; border: 1px dotted #ccc; background:#efefef; font-size: 9px; -moz-border-radius: 10px; }

/* COLOPHON - footer */ 

#topage{ margin-left:1em; }
#topage a{ text-decoration:none; }
#topage a:hover {border-bottom: 1px dashed; }

#footer {-moz-opacity:0.4; clear:both; color:#939393; margin:1em 0 3em 0;
padding-bottom: 2em;}
#footer:hover {-moz-opacity:1.0;}
#footer .inside {padding:1em 0;}
#footer p {margin:0; font-size:0.95em;}
#footer p.copyright {float:left; }
#footer p.copyright a {text-decoration:none; }
#footer p.attributes {float:right; }
#footer p.attributes a {padding:0 0 0 0em; text-decoration:none; color:#525252;}
#footer p.attributes a:hover {color:#FFF;}

/* RICERCA */


#search {float:right; width:200px; margin:0.5em 0 0 0; -moz-opacity:0.4; text-align:right;}
#search:hover{ -moz-opacity:1.0;}
#search .searchimg {float:left; width:14px; height:13px; background:url(images/search.gif) 0 0 no-repeat; position:relative; top:4px;}
#search input {width:175px; font-size: 0.85em; 
	background:#CCC; margin-top:2px;}
#search input:focus {background:#FFF;}

#searchform {margin:1em 0;}

#searchform #s {background:#222; border:none; border-bottom:1px solid #333; width:30em; color:#666666; padding:0.25em;}

#searchform #searchsubmit {background:#000;color:#666; border:none; font-size:0.9em; text-transform:uppercase; letter-spacing:0.25em;}

/* Legacy Typo CSS */

#search-results {width:30%; background:#333; padding:0 0 0 0; float:right; -moz-opacity:0.9; border-top:1em solid #000;}
#search-results h3 {font-weight:bold; text-align:left; margin:0; padding:0 0 1em 0; background:#000;}
#search-results small {display:block; text-align:left; font-size:0.9em; padding:0.5em 1em 0.7em 1em; border-top:1px solid #666; border-bottom:1px solid #555;}
#search-results small a {color:#CCC;}
#search-results ul li {list-style-type:none; padding:0 1em 0.5em 1em; margin:0.5em 0;}
#search-results ul li:hover {background:#202020;}
#search-result ul {margin:0;}
#search-results ul li a {text-decoration:none; border-bottom:1px dotted #CCC;}

#search img.archives-icon {margin:0 7px 0 0; top:1px;}


/* TOPNAV */

.topnav {list-style:none; margin:0px auto 0 auto; padding:5px 0; text-align:left; width:80%; min-width:65em; max-width:85em;}
.topnav li {list-style:none;margin:0; padding:0 5px;display:inline;}
.topnav li a {color: /*#fffacd;*/ #cc0000; padding:3px 0; text-decoration:none;}
.topnav li.page_item a:hover {color:#000000; background-color: pink; padding:3px; text-decoration:none;	border-bottom:#fff 2px solid;}
.topnav li.current_page_item a {color: /*#fff;*/ #6C6C6C; padding:3px; text-decoration:none; border-bottom:#fff 2px solid;}
.topnav li.current_page_item a:hover {color:#cc0000; padding:3px; text-decoration:none; border-bottom:#fff 2px solid;}