@import url("tabcontent.css");
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
body
{
	font: 90%/1.5em "Trebuchet MS", Verdana, Arial, sans-serif;
	background: rgb(255, 255, 255) url(../img/struttura/bg_body.jpg) 0 100% repeat-x;
	background-attachment: fixed;
}

body.finestra
{
	text-align: left;
	padding: 1em;
	font-size: 70%;
}

/* TITOLO h1 = LOGO */
h1
{ float: left; margin: 100px 0 0 1em; padding: 0; }
h1 a
{
	display: block;
	text-decoration: none;
	color: rgb(0, 91, 1);
	line-height: .9em;
	font-family: "Courier New", Courier, monospace; letter-spacing: -.1em;
	
}
h1 a:hover {
	color: rgb(0, 0, 0);
}
/* ELEMENTI STANDARD */
a
{
	color: rgb(0, 91, 1);
	font-weight: 400; text-decoration: none; 
}
a:hover
{ color: rgb(51, 51, 51); }
img
{ border: 1px solid rgb(192, 192, 192); }

a img
{ border: none; }

hr { clear: both; margin: 1.5em 0 0;}

#maincol ul
{
/*	margin: 0 .4em; padding: 0; list-style-type: none;*/
}
#maincol ul li
{
	padding-left: .6em;
}

#maincol ol li
{
	padding: 0; background: none;
}
#pagewidth{ 
 width:790px; 
 text-align:left;
background: rgb(255, 255, 255);
 margin: 1em auto 0; 
 border: 1px solid rgb(0, 91, 1);
} 
 body#elenchi #pagewidth
 {
 	width: 90%;
 }
#header{
 position:relative; 
 height:190px; 
 background: url(../img/struttura/bg_header_istock.jpg) 0 -45px no-repeat;
 width:100%;
} 

/* MENU */

    #main_navigation {
      float:right;
      width:45%;
		text-align: right;
	   /*background: rgb(255, 255, 255);*/
      line-height:normal;
		font: bolder .8em/1.5em "Trebuchet MS", Verdana, Arial, sans-serif;
		letter-spacing: .1em;
		margin: 2em 0 0;
		padding: 0;
      }
    #main_navigation a
	 {
	 	font-weight: bolder;
	 }
    #main_navigation a:hover
	 {
	 	color: rgb(0, 91, 1);
	 }
    #main_navigation ul {
        margin: 0;
        padding:0;
        list-style:none;
      }
    #main_navigation li {
      display:inline;
      margin:0;
      padding:0;
      }
    #main_navigation a {
      float:left;
/*      background: url(../img/struttura/tableftB.gif) no-repeat 0 0;*/
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #main_navigation a span {
      float:left;
      display:block;
      background: url(../img/struttura/tabrightB.gif) no-repeat 100% 0;
      padding:5px 15px 8px 6px;
      color:rgb(51, 51, 51);
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #main_navigation a span {float:none;}
    /* End IE5-Mac hack */
    #main_navigation a:hover span {
      color:#000;
      }
    #main_navigation a:hover {
      background-position:0% -31px;
      }
    #main_navigation a:hover span {
      background-position:100% -31px;
      }

        #main_navigation #current a {
                background-position:0% -31px;
        }
        #main_navigation #current a span {
                background-position:100% -31px;
        }

#wrapper
{
	clear: both; margin:  0; padding: .6em;
	background: rgb(255, 255, 255);
} 

#leftcol{
 width:25%; 
 float:right; 
 position:relative; 
 background-color: rgb(255, 255, 255);
 }
 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:73%;
 color: rgb(97, 97, 97);
 }
 
#footer{
		position: relative;
		clear:both;
		padding: 2em 1em .6em;
		font-size: 75%;
		background: transparent url(../img/struttura/bg_bottom.gif) 550px 90% no-repeat; 
		text-align: right;
 } 
#footer img
{	float: left;}

p#copyright_foot
{ margin: 0 0 10px; padding: 0; font-size: 65%; }

#footer p
{ line-height: 1.2em; float: right; } 

#sub-footer
{ font-size: smaller; margin: 0; padding: 0; line-height: 90%; }

#sub-footer a
{ color: rgb(250, 250, 250); }
 /* TITOLI */

h2, #modulo_creazione_account h3
{ margin: 0 auto auto; } 
h2
{	color: rgb(0, 91, 1); }


/* Sezioni specifiche blOAg */
.blog-post
{ clear: both; margin: 0 0 2.2em; padding: 0;  }

.blog-post p.post-credits, .blog-post p.post-keywords, .post-comments div.comment-credits 
{ margin: 0; font-size: 85%; }
.blog-post p.post-keywords
{ margin: .2em 0 1em; }

.blog-post p.post-credits a
{ font-weight: bolder; }

.blog-post p
{ line-height: 115%; margin: .3em 0 .6em; }

.post-actions
{ clear: both; font-size: 86%; margin: .6em auto 1.6em; }

.post-comments h3
{ border-top: 1px solid rgb(0, 91, 1); margin: 0; padding: 0; font-style: italic; }

.post-comments .comment-credits, .post-comments .comment-text
{ line-height: 120%; }
.post-comments .comment-credits
{
	font-weight: bolder; padding: 1em 0 0;
}
.post-comments .comment-text
{
	font-size: 94%; 	padding: 0 0 .7em; border-bottom: 1px dashed rgb(192, 192, 192);
}


/* Form elements */

form
{ margin: 0; padding: 0; }


#modulo_creazione_account
{
	margin: 1em .6em .6em 0;
	padding: .6em;
	border: 1px solid rgb(196, 196, 196);
}
.finestra input, .finestra select, #modulo_creazione_account input, #modulo_creazione_account select
{	font-size: .8em;}

.finestra textarea
{ font-size: 1em;}

/* Form elements, thanks to dynamicdrive.com */
.finestra form p, #modulo_creazione_account p, #frm_ricerca p {
width: 400px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed rgb(192, 192, 192);
height: 1%;
vertical-align: top;
}
#modulo_creazione_account p, #frm_ricerca p 
{ width: 430px; font-size: .8em; line-height: 1.3em; }

.finestra form label, #modulo_creazione_account label, #frm_ricerca label {
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.finestra form label.label_normale, #modulo_creazione_account label.label_normale, #frm_ricerca label.laber_normale
{
	display: inline; float: none;
	font-weight: normal;
	margin: 0;
}


.finestra form textarea{
width: 80%;
height: 3em;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
#frm_ricerca
{
	font-size: 80%;
}
.div_nascosto
{
	display: none;
	border-bottom: 1px solid rgb(192, 192, 192);
}
.caposezione
{
	margin: .7em 0 0;
}
.caposezione a
{
	font-weight: bolder;
	text-decoration: none;
	border: none;
	cursor: pointer;
}
* html .threepxfix{
margin-left: 3px;
}
optgroup
{ color: rgb(0, 153, 204); margin-bottom: .4em; font-style: normal;}
option
{	color: rgb(0, 0, 0); }

/* Formattazioni speciali*/
.at_centre, .centrato { text-align: center; border: none; } /* HO MESSO IL BORDER: none per i form */
.secondario { font-style: italic; color: rgb(138, 138, 138); }
.piccolo { font-size: 80%; }
.big { font-size: larger; }
.div_errore { color: rgb(255, 0, 0); font-weight: bolder; }
.flt_left, .div_flt_left
{	float: left; }

.flt_right, .div_flt_right
{	float: right; }

.br_clear { clear: both; }

 /* Sezioni speciali */
 #add_comment_area
 {
  width: 100%;
	margin: 1em auto;
	padding: .5em;
	background-color: rgb(196, 196, 196);
	font-size: 85%;
}
  #add_comment_area h3
  {
  	color: rgb(0, 91, 1); font-size: 140%;
  }
#frm_snd_comment div
{ float: left; margin: 0 1em 2em; 0 }
#img_captcha{
	vertical-align: middle;	
}

 .una_sezione
 {
 	font-size: 80%; border-bottom: 1px dotted rgb(192, 192, 192);
 }
 
div.area_autori
{
	font-size: 80%;
	padding: .2em;
	margin: 0 0 2em;
	background: rgb(196, 196, 196);
	border: 1px solid rgb(0, 91, 1);
	line-height: 120%;
}
div#div_links
{
	line-height: 105%;
}

ul#funzioni_autore
{ padding: 0; margin: 0; list-style-type: none;  }
ul#funzioni_autore, ul#funzioni_autore a
{font-weight: bolder; }

ul#funzioni_autore strong
{ display: block; text-align: center; } 

ul#funzioni_autore li
{ padding: .5em 0 .5em .5em;}
ul#funzioni_autore li ul li
{ padding: 0; }

#argomenti-post
{
	font-size: 87%; line-height: 120%;
} 
div.section_actions
 {
	font-weight: normal;
	font-size: .6em;
	float: right;
	padding: 0 1em 0 0;
 }

div.section_details
{
	clear: both;
	padding: .2em .6em;
	margin: 0 0 1em;
	font-size: 80%;
	line-height: 1.5em;
	border-top: 1px solid rgb(196, 196, 196);
	border-bottom: 1px solid rgb(196, 196, 196);
	background: rgb(250, 250, 250);
}

#barra_rss
{
	font-size: 80%;
	padding: 0 .6em;
}
#barra_rss p
{
	margin: 0 0 .4em;
	line-height: 1.1em;
}

/* Link Minicone */
.click_minicona
{ padding: 1px 0 1px 16px; margin: 0 0 0 1.6em; background: transparent url(../img/struttura/mini_icone.gif) no-repeat}
.ico_piccola
{ padding: 0 0 0 20px; margin: 0 .6em 0 0;}

.ico_modifica
{ background: transparent url('../img/struttura/edit1.gif') 0 0 no-repeat; }
.ico_commenta
{ background: transparent url('../img/struttura/nuovo_commento.gif') 0 0 no-repeat; }
.ico_vedicommenti
{ background: transparent url('../img/struttura/commenti.gif') 0 0 no-repeat; }
.ico_articoli
{ background: transparent url('../img/struttura/archivio.gif') 0 0 no-repeat; }
.ico_elimina
{ background: transparent url('../img/struttura/delete.gif') 0 0 no-repeat; }
.ico_leggi
{ background: transparent url('../img/struttura/leggi.gif') 0 0 no-repeat; }
.ico_logout
{ background: transparent url(../img/struttura/logout.gif) 0 50% no-repeat; }
.ico_password
{ margin-top: 10px; background: transparent url(../img/struttura/keys.gif) 0 50% no-repeat; }
.ico_nuovascheda
{ background: transparent url(../img/struttura/nuova_scheda.gif) 0 50% no-repeat; }
.ico_webartisan
{ background: transparent url(../img/struttura/logo_webartisan_ultra-small-verde.gif) 0 50% no-repeat; }
.ico_newsletter
{ background: transparent url(../img/struttura/label_16x16.gif) 0 50% no-repeat; }
.ico_help
{ background: transparent url(../img/struttura/help_16x16.gif) 0 50% no-repeat; }


/* AGGIUNTE PER ISCRIZIONE MODIFICHE POST */
#teaser_post
{
font-size: 1.1em;
font-weight: bolder;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol, #main_navigation, .post-actions, #add_comment_area {display:none;} 
#maincol{ display: block; width:100%; float:none; }
#pagewidth {
	width: 100%; border: none;
}
#header
{ height: 100px; }

}