/*
Theme Name: WordPress Claet
Theme URI: http://wordpress.org/
Description: Creatività Ilaria Mauric www.ilariamauric.it - CSS e XHTML Alessandro Violini www.e-xtrategy.net.
Author: Alessandro Violini e Ilaria Mauric
Author URI: http://www.e-xtrategy.net/
Tags: claet, black, vertical rythm, grid system
Text Domain: Teatroclaet

/* Foglio di stile PRINCIPALE per CLAET
Versione 1.3 Ultimo aggiornamento 10/06/2009
Implementato da: Alessandro Violini il 10/06/2009
Ultima modifica di Alessandro Violini 05/01/2010 */

/* ****************************************************** MASTER CSS */
/* (Erik Mayer 04-07-2008 - Modificato da Alessandro Violini 10-06-2009) */
a img, :link img, :visited img{
border:0;}
table{
border-collapse:collapse;
border-spacing: 0;}
ol, ul{
list-style:none;}
q:before, q:after,
blockquote:before, blockquote:after{
content:"";}

/* ****************************************************** BODY E TIPOGRAFIA */
html{
margin:0; padding:0;
color:#fff;
/* background:#0F0F0F url(images/grid.jpg) repeat top left; */
background:#0F0F0F url(images/sfondo_body.jpg) no-repeat top center;}
body{
/* Modern Georgia-based serif stack */
font-family: Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Gserif;
color:#fff;
font-size:12px;
margin:0; padding:0;
/*IE5*/text-align:center;}

/* ****************************************************** VIOLO FRAMEWORK */
hr{
display: none;}
p{
margin:0 0 0 0; padding:0;}
a:link, a:visited{
color:#FF1C1C;
font-weight:bold;
text-decoration:underline;}
a:hover, a:active{
text-decoration:none;}
ul{
margin:0; padding:0;}
ul li{
margin:0 0 0 0; padding:0 0 0 0;}
ol{
list-style-type:decimal;
list-style-position:inside;
margin:0; padding:0;}
ol li{
margin:0 0 0 0; padding:0 0 0 0;}
dl{
margin:0 0 0 0; padding:0;}
dt{
margin:0 0 0 0; padding:0;
font-weight:bold;}
dd{
margin:0; padding:0;}
table{
width:99%;
font-size:1em;
margin:0; padding:0;}
table caption{
font-weight:bold;
color:#000;
text-align:left;
padding-bottom:7px;}
table th{
padding:4px;}
table td{
padding:2px;}
form{
margin:0; padding:0;}
form fieldset{
margin:0; padding:0;
border:0;}
input{
font-family: Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Gserif;}
strong{
font-weight:bold;}
em{
font-style:italic;}
abbr{
cursor:help;}
.Invisibile{
display:none;}
.Nascosto,
.SkipMenu{
width:0;
position:absolute;
top:-10em;
height:0;
overflow: hidden;}
.CBoth{
clear:both;}
.Pulitore{
position:relative;
clear:both;
font-size:0.1em;
height:1px;}

/* ****************************************************** RITMO VERTICALE */
h1{
font-size:2em; /* 24px */
line-height:1.5em; /* 36px */
margin-top:0.75em;
margin-bottom:0em;}
h2{
font-size: 1.8333em; /* 22px */
line-height: 1.6364em; /* 36px */
margin-top: 0.8182em;
margin-bottom: 0em;}
h3{
font-size: 1.6667em; /* 20px */
line-height: 1.8em; /* 36px */
margin-top: 0.9em;
margin-bottom: 0em;}
h4{
font-size: 1.5em; /* 18px */
line-height: 1em; /* 18px */
margin-top: 1em;
margin-bottom: 0em;}
h5{
font-size: 1.3333em; /* 16px */
line-height: 1.125em; /* 18px */
margin-top: 1.125em;
margin-bottom: 0em;}
h6{
font-size: 1.1667em; /* 14px */
line-height: 1.2857em; /* 18px */
margin-top: 1.2857em;
margin-bottom: 0em;}
p, blockquote, pre, ol, dl, ul, form{
line-height:1.5em;}
address, blockquote, dl, form,
fieldset, ol, table, p, pre, ul{
margin-top:0;
margin-bottom:1.5em;}

/* ****************************************************** CONTENITORE */
#Contenitore{
width:940px !important;
margin:0 auto 0 auto;
/*IE5*/text-align:left;}

/* ****************************************************** TESTATA */
#Testata{
height:270px;
margin:0 0 18px 0;}
#Testata img{
display:none;}

/* ****************************************************** CONTENUTO */
#Contenuto{
float:left;
width:460px;}
#Contenuto div.post{
padding-bottom:18px;
margin-bottom:36px;
border-bottom:1px solid #424242;}
#Contenuto div.Post{
padding:0 13px 0 13px;}
#Contenuto div.Post h2{
font-weight:bold;
color:#FF1C1C;}
#Contenuto div.Post p.Autore{
margin:18px 0 18px 0;}
#Contenuto p.Metatag{
font-size:0.9167em; /* 11px */
line-height:1.6364em; /* 18px */
margin-top:1.6364em;
margin-bottom:0em;}
#Contenuto div.navigation div.alignright{
text-align:right;
margin-bottom:18px;}
#Contenuto ol.commentlist{
list-style:outside;
list-style-type:decimal;
margin-left:18px;}
#Contenuto ol.commentlist li img{
height:18px;
width:18px;
vertical-align:middle;}
#Contenuto form#commentform input,
#Contenuto form#commentform textarea{
border:1px solid #333333;
background-color:#3f3f3f;
color:#929292;
line-height:1.5em;}
#Contenuto form#commentform textarea{
width:450px;}
#Contenuto form#commentform input.Bottone{
border:0;
background-color:transparent;
color:#FF1C1C;
text-decoration:underline;
font-weight:bold;
margin-bottom:54px;}

/* ****************************************************** COLONNA 1 */
#Colonna1{
float:right;
width:460px;}
#Colonna1 div.Col-Grid2, div.Col-Grid3, div.Col-Grid4{
float:left;
width:480px;
margin-right:-20px;}
#Colonna1 div.Col-Grid2 div{
float:left;
width:220px;
margin-right:20px;}
#Colonna1 div.Col-Grid3 div{
float:left;
width:140px;
margin-right:20px;}
#Colonna1 div.Col-Grid4 div{
float:left;
width:100px;
margin-right:20px;}
#Colonna1 div div.NoGrid{
float:none;
width:auto;
margin-right:0;}
#Colonna1 ul li{
padding:0 15px 18px 15px;
background:transparent url(images/sfondo_li_colonna1.jpg) no-repeat center 2.3em;}
#Colonna1 ul li a:link,
#Colonna1 ul li a:visited{
text-decoration:none;
color:#fff;}
#Colonna1 ul li a:hover,
#Colonna1 ul li a:active{
color:#FF1C1C;}
#Colonna1 ul li.current_page_item a:link,
#Colonna1 ul li.current_page_item a:visited{
color:#FF1C1C;}
#Colonna1 ul li.page-item-17 a:link,
#Colonna1 ul li.page-item-17 a:visited{
background:transparent url(images/ico_rss.gif) no-repeat center left;
padding-left:20px;}
#Colonna1 ul li ul{
font-size:0.9167em; /* 11px */
line-height:1.6364em; /* 18px */
margin-top:1.6364em;
margin-bottom:0em;}
#Colonna1 ul li ul li ul li{
padding:0 15px 0 15px;
background:transparent url(images/sfondo_li_li_colonna1.gif) no-repeat left 0.5em;}

/* DICONO DI NOI */
#Colonna1 ul li.page-item-11 ul{
margin-left:15px;
margin-bottom:18px;}
#Colonna1 ul li.page-item-11 ul li{
padding:0 15px 0 15px;
background:transparent url(images/sfondo_li_li_colonna1.gif) no-repeat left 0.5em;}

#Colonna1 form#searchform{
margin:18px 0 0 15px;}
#Colonna1 form#searchform fieldset input{
border:1px solid #333333;
background-color:#3f3f3f;
color:#929292;}
#Colonna1 form#searchform fieldset input.Bottone{
border:0;
background-color:transparent;
color:#FF1C1C;
text-decoration:underline;
font-weight:bold;
margin-bottom:54px;}
#Colonna1 p.Descrizione{
padding:0 15px 0 15px;
font-style:italic;}
#Colonna1 ul#Banner{
list-style:none;
margin:0; padding:0;}
#Colonna1 ul#Banner li{
margin:0; padding:0;}
#Colonna1 ul#Banner li img{
display:block;}
#Colonna1 ul#Banner li.Facebook{
width:220px;height:160px;}

/* ****************************************************** FONDO */
#Fondo{
width:940px;
float:left;
background:transparent url(images/sfondo_fondo.jpg) no-repeat top center;
margin:54px 0 0 0; padding:0 0 18px 0;}
#Fondo p,
#Fondo ul{
font-size:0.8333em;/* 10px */
line-height:1.8em;/* 18px */
margin-top:1.8em;
margin-bottom:0em;
padding:0 15px 0 13px;}
#Fondo ul{
float:right;}
#Fondo p img{
vertical-align:bottom;
margin:5px 10px 0 0;}

/* ****************************************************** CREDITS */
#Credits{
position:fixed;
top:200px; left:330px;
width:600px;
background:transparent url(images/sfondo_div_credits.gif) repeat-y top left;
color:#666;}
#Credits div#CreditsInterno{
background:transparent url(images/sfondo_div_creditsinterno.gif) no-repeat top left;}
#Credits div#CreditsInterno2{
position:relative;
background:transparent url(images/sfondo_div_creditsinterno2.gif) no-repeat bottom left;
padding:50px 30px 45px 30px;}
#Credits div#CreditsInterno2 div#CreditsBlocco1{
width:260px;
float:left;
margin:0 15px 0 0;}
#Credits div#CreditsInterno2 div#CreditsBlocco2{
width:260px;
text-align:center;}
#Credits div#CreditsInterno2 div#CreditsBlocco2{
float:none; /* IE 6.0 */
float:none!important; /* IE 7.0 */}
html>/**/body #Credits div#CreditsInterno2 div#CreditsBlocco2 /* FireFox*/{
float:left!important;}
#Credits div#CreditsInterno2 div#CreditsBlocco1 p,
#Credits div#CreditsInterno2 div#CreditsBlocco2 p{
text-align:center;
line-height:1.4em;
margin:0 0 3px 0;}
#Credits div#CreditsInterno2 div#CreditsBlocco1 img,
#Credits div#CreditsInterno2 div#CreditsBlocco2 img{
margin:15px auto 15px auto;
display:block;
border:0;}
#Credits div#CreditsInterno2 a#Chiudi:link,
#Credits div#CreditsInterno2 a#Chiudi:visited{
position:absolute;
top:6px; right:12px;}
#Credits div#CreditsInterno2 a:link,
#Credits div#CreditsInterno2 a:visited{
color:#000;
font-weight:normal;}

/* ****************************************************** SOCIAL NETWORL */
.SocialNetwork {
    margin-top: 12px;
    margin-bottom: 12px;
}

.SocialNetwork .BadgeTwitter,
.SocialNetwork .BadgeFacebook,
.SocialNetwork .BagdeGoogle{
    width: 110px;
    float: left;
    margin-right: 10px;
}