/************************************
*  Template n.024: wornlook
*  Tipo: 2 colonne
*  Data: Ottobre 05
*  Autore: CF
*  Note: header e sfondo grafico
*  Copyright: Sitonline.it
*************************************/


/* OGGETTI PRINCIPALI DEL SITO
===============================================================================  */
body
{
  margin: 0;
  background: #CDCDCD;
  color: #000;
  font-size:13px;
  font-family: "Trebuchet MS", "Lucida Grande", Geneva, Arial, sans-serif;
}

img {border:0;}
p, h1, h2, h3, h4, h5, form { margin: 0; }
#clear {margin: 0; padding: 0; clear: both; height: 0 !important;}
.red_box img, .wide_image { margin: 0 15px 15px 0; padding: 5px; border: 1px solid #444; }
.small-red-box { width: 49.9%; float:left; }
.blue_box img { margin: 3px 0px; border: 2px solid #54A6D5; }
.news_item {padding: 0 0 6px 0}


a:link {color:#333;}
a:visited {color:#333;}
a:hover {color:#000;}

/* ------ struttura --------------------------- */

#container { margin: 0 auto 15px auto; width: 776px; background: #eee url("/tmpl_images/container2.jpg") top left repeat-y; }
#testata { height:145px; background: transparent url("/tmpl_images/header2.jpg") top left no-repeat; }
#layout {width: 740px; margin: 0 auto; overflow: hidden;}
#barra {
  height: auto!important;
  min-height: 20px;
  display: inline;
  float: left;
  margin: 0 0 0 18px;
    background: transparent url("/tmpl_images/barra2.gif") repeat-y -18px top; }
#footer {
  clear: both;
  width: 776px;
        height: 80px;
  background: transparent url("/tmpl_images/footer2.jpg") bottom left no-repeat; }

#footer .copyright
{
  clear: both;
  width: 776px;
  height: 40px;
  text-align:center;
  font-size: 10px;
  font-family: "Georgia", serif;
  letter-spacing: 1px;
padding-top: 20px;
}


#header {padding:49px 30px 0px;}
#title {width: 100%}
#header h1 {font-size:32px; color:#336699; padding:5px 13px;}
#header h1 a {color:#336699; text-decoration: none;}
#header h2 {font-size:15px; color:#444; padding:0 10px 10px 8px;}
#logo {}

#headergrafico {  }

#leftCol {width: 520px; padding-bottom: 10px;}
#rightCol {width: 210px; padding-bottom: 30px; margin-left: 10px}



/* NAVIGAZIONE PRINCIPALE DEL SITO -------------------------------------------- */
#main_menu
{
  width: 740px
}
#main_menu ul
{
  margin:0;
  padding: 0;
  list-style: none;
}

#main_menu li
{
  display: block;
  float: left;
}

#main_menu li a:link, #main_menu li a:visited, #main_menu li a:active
{
  display: block;
  font-family: "Trebuchet MS", "Lucida Grande", Geneva, Arial, sans-serif;
  font-size: 12px;
  text-transform: lowercase;
  letter-spacing: 1pt;
  color: #fff;
  text-decoration: none;
  line-height: 22px;
  padding: 0 10px;
        border-right: 1px solid #fff;
  height: 22px;
  float: left;
}

#main_menu li a:hover
{
text-decoration: underline;
}

/* NAVIGAZIONE SECONDARIA DEL SITO -------------------------------------------- */
#pagename_father {padding:10px 0 8px 3px; font-weight:bold; color:#336699;}
#sub_menu {padding:5px 8px 5px 8px;}
#sub_menu ul {margin:0; padding:0; }
#sub_menu li { list-style-type: none; padding: 5px ; }
#sub_menu li a { color: #000; text-decoration: underline; }
#sub_menu li a:hover {color: #000; text-decoration: underline;}


/******** box */

#gfx-box-btn-container {padding:10px 5px 5px 35px; font-size:13px;}

#red_box_container, #dinamic_red_box_container {padding:10px 10px 5px; font-size:13px;}
#red_box_container a {  }
#red_box_container a:hover { text-decoration: underline; }

.red_box { margin: 8px; color: #000; line-height:130%;}
.red_box h3 { margin-bottom:10px; font-size:17px; color:#000; }
#dinamic_red_box_container .red_box h3 a { color:#CC6600; }


#blue_box_container {padding:5px 15px 5px 6px;}
.blue_box {margin:5px; color: #444;}
.blue_box h4 {color: #336699; font-size: 14px; margin: 8px 0 4px;}
.blue_box p {padding-top:3px; padding-bottom:5px}

#box_news_hp { padding:10px 15px 5px 8px; color:#333; font-size:14px;}
#box_news_hp h4 { color: #336699 }
#box_news_hp h5 a {color: #000;}
#box_news_hp h5 a:hover { color: #666; }
#box_news_hp p { margin: 0 0 5px 0; color: #444; }

#leftCol #box_news_hp { margin: 5px 15px 5px 45px; line-height:130%;}
#leftCol  #box_news_hp h4 { font-size: 15px; }
#leftCol  #box_news_hp h5 { font-size: 14px; }
#leftCol  #box_news_hp p {font-size:13px; color:#000;}
#leftCol  #box_news_hp .news_item {margin-bottom:10px;}

.mp3_container {padding:10px 15px 5px 10px;}

/***** altri */
#path {padding:10px 0 8px 10px; margin-top:5px; font-size:12px; color:#666;}

h3.pagename {font-size: 16px; color: #000; padding:4px 0 8px 8px; font-weight: bold;}


#print, #date_comments, #lang_menu, #viral {font-size: 13px;}
#print { text-align: right; padding-right:15px; }
#date_comments { clear:both; text-align: right; padding-right:10px; } /* non levare il clear */

#viral { margin: 20px auto 0; text-align: center;}
#viral ul { margin: 0; padding: 0; width: 100%; }
#viral ul li { display: inline; }
#viral li, #viral li a, #viral li a:hover { color: #000; }
#viral li { text-decoration: none; font-size:11px; padding: 2px 4px 2px 6px; border-right:1px solid #999; }
#viral li.last { border-right:0; }
#viral li a { text-decoration: none; }
#viral li a:hover { text-decoration: underline; }
#leftcol, #rightcol, #centercol  {padding-bottom: 20px}

#date_comments { clear:both; text-align: right; padding-right:10px;  font-size:11px; }

#back a:link, #back a:visited {
  padding: .2em .5em;
  color: #444;
  text-decoration: none;
  margin-bottom: 20px;
  font-size: 10px;}
#back a:hover, #back a:active {color: #666;}

/* SEARCH ----------------------------------------------- */
#search { text-align: left; padding:5px 0 0 8px; margin-top:5px; }
#searchstyle { width: 110px;}

.search_result { margin: 10px 0 5px 0; padding: 0; line-height: 170%; }
.search_result h5 {font-size: 13px;}
.search_result p { margin-bottom: 8px; }


/* PAGING DELLE PAGINE DINAMICHE -------------------------------------------- */
#nav_dinamic {
  display: block;
  padding-right: 10px;
  color: #444;
  width: 95%;
  text-align: right;
  margin-bottom: 10px;
  }
#nav_dinamic a:hover, #nav_dinamic a:active { color: #000;}

/* NAVIGAZIONE DELLA PAGINA DINAMICA ------------------------------------------ */
ul#navigation { list-style-type: none; margin: 0; padding: 6px 0; border-top: 1px solid #ccc; }
ul#navigation li a {text-decoration: none; }
ul#navigation li a:hover {}
ul#navigation .left { float: left; }
ul#navigation .right { float: right; }

/***** contatti  */
#box_contact { padding:10px 5px 5px 35px; margin: 15px; line-height: 160%; color:#000;}
.form_int {padding:10px 5px 5px 35px;}
.form_int form { }
.form_int legend{font-weight: bold; color: #CC6600; padding:3px;}
.form_int fieldset { border: 0px solid #ccc; }
.form_int label {color: #333; display: block; text-align: right; margin: 10px;}
textarea { width: 240px }
.contact_form { width: 240px }

.graphic_title {
height: 50px;
width: 560px;
}

.kill {
display: none !important;
}

#lang_menu {
padding: 0;
margin:0;
}

#lang_menu ul {
float:right;
list-style-type: none;
padding: 7px 7px 0 0;
margin:0;
}

#lang_menu li {
display:inline;
}

#lang_menu img {
margin: 0 7px 0 0;
}


html>body .clear_ff { /*FF*/
clear:both;
}

.clear_ff { /*IE6*/
clear:none;
}

*:first-child+html .clear_ff { /*IE7*/
clear:none;
}
/* SIDEBAR ALBUM
====================================================*/
.sidebar-albums li a b img {
border: 2px solid #54A6D5;
}
.sidebar-albums ul {
padding: 0px;
margin-left: 0px;
}
.sidebar-albums li {
display: block;
padding: 0 6px 15px 11px;
}
.sidebar-albums li a span {
margin: 2px!important;
margin:2px 2px 4px 2px;
}
*:first-child+html .sidebar-albums li a span {
margin:2px 2px 4px 2px!important;
}
.sidebar-albums h4 {
color:#336699;
font-size: 14px;
margin: 10px 0px; 
padding-left: 11px; 
padding-right: 6px; 
}
.sidebar-albums li a {
text-decoration: none;
}
.sidebar-albums li a b {
background: none;
}