/*  
Theme Name: AVA style
Theme URI: 
Description: stile per il sito del Piano di Zona della Valle d'Aosta.
Version: 1.0
Author: otrotroc
Author URI: http://www.otrotroc.com/
*/

/* COLORS PALETTE
#000
#fff
#369 > blu mare (body)
#933 > dark red (links)
  */


/* GENERAL */
html,body {margin:0;padding:0;}
body {background-color:#369; font: 75% Verdana,sans-serif; color:#000; text-align:left;}
a {text-decoration:none; font-weight:bold; color:#900;}
a:hover {text-decoration:underline}
ul, dl, dt, dd {margin:0; padding:0;}
ul li  {margin:0; padding:0; list-style-type:none;}
.hidden {position:absolute; top:-9999px; left:-9999px;}
acronym {border-bottom: 1px dotted #fc0; cursor:help;}
hr {clear:both; border:none;}
a img {border:none;}


/* LAYOUT */
div#wrap_header {width:100%; margin:0; padding:0; float:left; background: url('images/bg_header.jpg') center top no-repeat;}
div#header {width:740px; margin:0 auto; padding-bottom:30px;  background: url('images/box_content_top.gif') center bottom no-repeat; /*border:1px solid #f93;*/}
div#page {width:100%; clear:both; float:left;  margin:0; padding:0; background: url('images/box_content.gif') center top repeat-y; /*border:1px solid #ff3;*/}
div#content {width:740px; margin:0 auto; padding:0; /*border:1px solid #f93;*/}
div#wrap_footer {width:100%; clear:both; float:left; margin:0; padding-bottom:10px; }
div#footer {width:740px;  margin:0 auto;  background: url('images/box_content_bottom.gif') center top no-repeat; padding:20px 0; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}
div#menu {margin:0; padding:0; width:160px; float:left;}
div#home_content {float:left; width: 560px; margin:0; padding:0; }
div#inner_content {margin:0 0 0 168px; padding:0;}
div#sidebar {padding:0; margin:0 0 0 580px; }

/* HEADER */
.logo_head {clear:both; float:left; display:block; width:212px; height:149px; margin:30px 0 0 0; padding:0; border:none;}
#headerimg {clear:both; margin-top:30px; }

div#menu_servizi {margin:0; padding:2px 15px 0 0; font-size:90%; line-height:1.4em; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; text-transform:uppercase;}
div#menu_servizi ul {margin:0; padding:0; text-align:right;}
div#menu_servizi ul li {list-style-type:none; display:inline; margin:0; padding:0 0 0 10px;}
div#menu_servizi ul li a:link, div#menu_servizi ul li a:visited {color:#fff;}
div#menu_servizi ul li a.hover {color:#fff; text-decoration:underline;}
div#menu_servizi ul li.current_page_item a {color:#fff; background-color:#000; text-decoration:none;}

/* SEARCHBOX */
div#search_box {margin:0; padding:2px 0 10px 0; font-size:0.9em; color:#000;}
div#search_box fieldset {border: none;}
input#ricerca {width:130px; border:1px solid #69c; background-color:#fff;}
input#button_ricerca {color:#fff; font-weight:bold; background-color:#69c; margin:5px 0; border:1px solid #369;}


/* MAIN NAVIGATION */
div#main_navigation {clear:both; padding:10px 0 0px 0;}
div#main_navbox {background: url('images/bg_mainnav.gif') 90px 0 no-repeat; }
div#main_navbox ul {padding:12px 0 23px 5px; text-transform:uppercase; font-weight:bold; font-size:1.1em; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }
div#main_navbox ul li {text-align:center; display:inline; margin:0;}
div#main_navbox ul li a:link, div#main_navbox ul li a:visited {text-decoration:none; color:#fff; padding:7px 5px;}
div#main_navbox ul li a:hover  {color:#fff; border-bottom:4px solid #fff; padding:7px 5px;}
div#main_navbox ul li.current_page_item a  {color:#fff; border-bottom:4px solid #fff; padding:7px 5px;}

/* PAGES NAVIGATION */
div#pagenav {margin:0; padding:0; width:100%; font-weight:bold; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}
div#pagenav ul {width:150px; text-transform:none; font-size:95%; padding:0 0 0 10px;}
div#pagenav ul li a {display:block; text-decoration:none; color:#666; }
div#pagenav ul li a:link, div#pagenav ul li a:visited {display:block; text-decoration:none; color:#369; padding:4px 0; border-bottom:1px solid #369;}
div#pagenav ul li a:hover, div#pagenav ul li.current_page_item a {color:#933; padding:4px 0; border-bottom:1px solid #933;}
div#pagenav ul ul {width:140px; text-transform:none; font-size:95%; padding:0 0 0 10px; /*border-bottom:1px solid #369;*/}
div#pagenav ul ul li a {display:block; text-decoration:none; color:#666; }
div#pagenav ul ul li a:link, div#pagenav ul ul li a:visited {display:block; text-decoration:none; color:#444; padding:2px 0; border:none;}
div#pagenav ul ul li a:hover, div#pagenav ul ul li.current_page_item a {color:#000; padding:2px 0; border:none;}

/*  TEXT - h */
h1, h2, h3, h4 {margin:0; padding:0; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color:#366; text-transform:uppercase; line-height:1em;}
#headerimg h1 {font-family:Georgia, "Times New Roman", serif; text-align:center; text-transform:none; color:#fff; padding:50px 0;}
#headerimg h1 a {font-family:Georgia, "Times New Roman", serif; text-align:center; color:#fff;}
.content_title { font-size:1.4em; padding:0 0 7px 10px;}
h3 { font-size:1.1em; color:#366;}
div#sidebar h2 { font-size:1.1em; margin:0 7px 5px 0; padding:3px 0; /*border-top:1px solid #366;*/ border-bottom:1px dotted #366;}
div#sidebar h3 { font-size:0.9em; margin:10px 0 0 0; padding:0;}
.pagedocs_title {margin:15px 0 5px 25px; font-size:1.3em;}
div#inner_content h3 {margin:13px 0 5px 5px;}
div#inner_content h4 {margin:7px 0 3px 0;}


/*  TEXT - p */
div#content p {line-height:1.4; margin:0 0 5px 0;}
.intro {padding:0 10px 20px 10px; color:#369; font-weight:bold;}
div#footer p {line-height:1.4; color:#fff; font-size:0.9em;}
div#sidebar p {line-height:1.3; font-size:0.9em;}


/* HOME PAGE CONTENT */
div#welcome_box {margin:0 10px 20px 10px; background:url('images/bg_welcomebox.gif') 40px bottom no-repeat; border-bottom:1px solid #fff;}
div#welcome_box h2 {; font-size:1.4em; padding:0 0 5px 15px; margin:0; }
div#welcome_box p {padding:1px 15px;}
div#about_box {margin:0 0 20px 0;}
div#about_box h2, div#notizie h2 { font-size:1.4em; padding:10px 0 5px 5px; margin:0 0 10px 0; color:#000; }
div#notizie {width:100%; float:left; /*background-color:#fff;*/}

/* POST */
.post {margin: 0 0 10px 0; padding:20px 10px 0 10px; clear:both; }
.post_title {font-size:1.2em; line-height:1.3em; color:#000; margin-left:46px;}
.post_title a:link, .post_title a:visited {color:#933;}
.post_title a:hover {color:#900; text-decoration:underline;}
.post_content {clear:both; padding-top:5px;}
.post_notes { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;  border-bottom:1px dotted #369; font-size:0.8em; margin-left:46px; }
.post ul {margin:7px 0;}
.post ul li {background: url('images/icon_list_1.gif') 0 4px no-repeat; padding:0 0 5px 12px;}
.post_content img {float:left; margin:3px 10px 5px 0;}
ul.event_list_data li {background-image:none;}

.post_date {width:35px; background-color:#69c; padding:2px 0; font-weight:bold; text-align:center; float:left; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; line-height: 1.3em; border:1px solid #369;}
.post_day {font-size:1.4em; color:#fff;}
.post_month {font-size:0.9em; text-transform:uppercase;}
.post_year {font-size:0.9em;}


.navigation {font-size:0.9em; padding-bottom:20px;}
.alignright {float:right;}
.alignleft {float:left;}

/* PAGE */
.page_box {padding:0 20px 0 10px;}
.page_title {margin-bottom:5px; font-size:1.4em; line-height:1.2em;}
.page_title a:link, .post_title a:visited {color:#933;}
.page_title a:hover {color:#900; text-decoration:underline;}
.page_content { }
.page_notes { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:0.8em; }
.page_content ul {margin:3px 0 0 2px;}
.page_content ul li {background: url('images/icon_list_1.gif') 0 4px no-repeat; padding:0 0 5px 12px;}

#content img {float:left; margin:3px 10px 5px 0;}


div#links_box {padding-bottom:20px;}
div#links_box h2 {padding:15px 0 5px 0; font-size:1.2em; color:#699;}
div#links_box ul ul li {padding:0 0 5px 10px;}

/* SIDEBAR */
div#extras_box { background-color:#69c;border:1px solid #369; margin:10px 7px 10px 0;}
div#extras_box h2 { border:none; background-color:#369; color:#fff; padding:4px 3px; margin:0 0 5px 0;}
div#extras_box p {padding:0 3px; color:#fff;}
.extras_more {}

div#sideban {margin:0; padding:0 0 20px 0;}
div#sideban img {border:none;}

div#sidebar ul { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;line-height:1.6em; width:150px; text-transform:none; font-size:95%; padding:0;}
div#sidebar ul ul li {padding:0 0 0 15px; margin:0;}
div#sidebar ul li a {text-decoration:none; color:#666; }
div#sidebar ul li a:link, div#sidebar ul li a:visited {background: url('images/icon_list_2.gif') 0 1px no-repeat; text-decoration:none; color:#369; padding:0 0 0 12px; /*border-bottom:1px dotted #666;*/}
div#sidebar ul li a:hover {color:#933; background: url('images/icon_list_2H.gif') 0 1px no-repeat; padding:0 0 0 12px; text-decoration:underline;}

/* ARCHIVES */
div#archive_box {width:100%; padding-top:20px;}
div#archive_box dl { margin-right:20px;}
div#archive_box dt { text-transform:uppercase; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:1.2em; line-height:1.3em;}
div#archive_box dt a:link, div#archive_box dt a:visited {color:#933;}
div#archive_box dt a:hover {color:#900; text-decoration:underline;}
div#archive_box dd {padding:0 0 4px 0; margin-bottom:5px; font-size:0.8em; border-bottom:1px dotted #369;}

/* SITEMAP */
div#sitemap {padding:0 0 0 20px; margin:0;}
div#sitemap ul {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; text-transform:uppercase;}
div#sitemap ul li {line-height:1.8em; }
div#sitemap ul li a {border-bottom:1px solid #333;}
div#sitemap ul ul {text-transform:lowercase; margin:0 0 10px 30px; padding:0; border-left:1px solid #333;}
div#sitemap ul ul li {background:transparent url('images/bg_map.gif') 0 10px no-repeat; padding:0 0 0 15px; margin:0;}
div#sitemap ul ul li a {border:none; }
div#sitemap ul li a:link, div#sitemap ul li a:visited {color:#333}
div#sitemap ul li a:hover {text-decoration:none; background-color:#333; color:#fff;}

/* TMA */
div#TMA-head {width:740px; height:220px; margin:0; padding:0 0 20px 2px;  /*background: url('images/tma-head.jpg') center top no-repeat;*/}
div#tma-logo {width:736px; height:220px; margin:0 auto;}