/*  
Theme Name: Codacons
Theme URI: 
Description: stile per il sito del Codacons Valle d'Aosta.
Version: 1.0
Author: otrotroc
Author URI: http://www.otrotroc.com/
*/

/* COLORS PALETTE
#000 > nero
#666 > grigio scuro
#fff > bianco
#900 > amaranto
#eee > grigio chiaro
#eef4dd > verde pallido
#34643c > verde scuro
*/


/* GENERAL */
html,body {margin:0;padding:0;}
body {background: #fff url('images/bg_page.jpg') 0 220px no-repeat; font: 78% 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, .linklove {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%; height:210px; margin:0; padding:0 0 10px 0; float:left; background:#fff url('images/bg_wrapheader.jpg') left top repeat-x;}
div#header {width:760px; margin:0 auto; padding:0; background-color:transparent;}
div#page {width:100%; clear:both; float:left; /*color:#333;*/ margin:0; padding:30px 0; border-top:2px solid #900;}
div#content {width:760px; margin:0 auto; padding:0;}
div#wrap_footer {width:100%; clear:both; float:left; margin:0; padding:20px 0;}
div#footer {width:760px;  margin:0 auto; padding:10px 0 0 10px; border-top:1px solid #ddd; color:#666;}
div#menu {margin:0; padding:0; width:200px; float:left;}
div#home_content {float:left; width: 500px; margin:0; padding:0;}
div#inner_content {margin:0 0 0 250px; padding:0;}
div#sidebar {padding:0 0 0 0; margin:0 0 0 520px; /*border-left:1px solid #666;*/}
div#inner_sidebar {margin:0; padding:0; width:160px; float:left;}

/* HEADER */
#headerimg {position:relative; clear:both; margin-top:30px; }
#headerimg .description {padding:0 0 7px 0; font-family: Georgia, "Times New Roman", serif; font-style:italic; color: #000; font-size: 2em; }
#logo_head {position:absolute; top:0; left:0; display:block; width:200px; height:140px; border:none;}

div#menu_servizi {margin:0; padding:5px 0 0 0; font-size:90%; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}
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:#000;}
div#menu_servizi ul li a:hover, div#menu_servizi ul li.current_page_item a {color:#fff; text-decoration:none;}

div#search_box {position:absolute; top:0; right:0; font-size:0.9em; color:#555;}
div#search_box fieldset {border: none;}
input#ricerca {width:130px; border:1px solid #900; background-color:#eef4dd;}
input#button_ricerca {color:#fff; font-weight:bold; background-color:#900; border:1px solid #900;}


/* MAIN NAVIGATION */
div#main_navigation {position:absolute; top:70px; left:250px;}
div#main_navbox {/*border:1px dotted #c00;*/}
div#main_navbox ul {width:100%; padding:9px 0; border-top:1px solid #000; font-weight:bold; font-size:1.3em; font-family: Georgia, "Times New Roman", serif; font-style:italic;}
div#main_navbox ul li {text-align:center; display:inline; margin:0 10px 0 0;}
div#main_navbox ul li a:link, div#main_navbox ul li a:visited {font-weight:normal; text-decoration:none; color:#900; padding:7px 0;}
div#main_navbox ul li a:hover {font-weight:normal; color:#34643c; border-top:4px solid #34643c; padding:7px 0;}
div#main_navbox ul li.current_page_item a  {font-weight:normal; color:#900; border-top:4px solid #900; padding:7px 0;}

/* PAGES NAVIGATION */
div#pagenav {margin:0; padding:0; width:100%; font-weight:bold; font-family: Georgia, "Times New Roman", serif; font-style:italic;}
div#pagenav ul {line-height:1.8em; text-transform:none; padding:0;}
div#pagenav ul li a {display:block; text-decoration:none; color:#900; font-weight:normal;}
div#pagenav ul li a:link, div#pagenav ul li a:visited {display:block; text-decoration:none; color:#900; padding:2px 0 5px 10px; border-top:1px solid #000;}
div#pagenav ul li a:hover, div#pagenav ul li.current_page_item a {background-color:#eef4dd; color:#900; padding:2px 0 5px 10px; border-top:1px solid #900;}


/*  TEXT - h */
h1, h2, h3, h4 {font-weight:normal; margin:0; padding:0; font-family: Georgia, "Times New Roman", serif; font-style:italic; color:#34643c; /*text-transform:uppercase;*/ line-height:1em;}
h1 a, h2 a, h3 a, h4 a {font-weight:normal;}
.content_title { font-size:1.4em; padding:0 0 10px 0;}
h3 { font-size:1.1em;}
div#sidebar h2 { font-size:1.3em; margin:0; padding:5px 7px;}
div#sidebar h3 { font-size:1.1em; margin:12px 0 0 0; padding:0 7px;}
.pagedocs_title {margin:15px 0 5px 25px; font-size:1.4em;}
div#inner_content h3 {font-size:1.2em; margin:13px 0 5px 0;}
div#inner_content h4 {font-size:1.1em; margin:10px 0 3px 0;}


/*  TEXT - p */
div#content p {line-height:1.4; margin:0; padding:0 0 3px 0;}
.intro {padding-bottom:3px;}
#sidebar p {font-size:0.9em; padding:0 7px;}
#sidebar p.rss-icon {height:30px; margin-top:7px; background: url('images/rss_icon.gif') 57px 0 no-repeat; padding:5px 0 0 90px; }

/* HOME PAGE CONTENT */
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; /*border-bottom:1px solid #999;*/}
div#notizie {width:100%; float:left; *background-color:#ccc;}
div#box-sedi {/*background-color:#eef4dd;*/ border-top:1px solid #900; border-bottom:1px solid #900; margin:0 0 20px 0; padding:0;}
div#box-sedi h2 {font-size:1.4em; padding:10px 0 0 10px; margin:0 0 10px 0; /*color:#900;*/}
div#box-sedi ul {margin:0 10px 10px 10px;}
div#box-sedi ul li {padding-bottom:5px;}

/* POST SPOT ON */
div#spot-on_box {background-color:#eef4dd; border:1px solid #999; margin:0 0 20px 0; padding:0;}
div#spot-on_box h3 {/*background-color:#900;*/ font-size:1.4em; padding:7px 10px; margin:0; }
div#spot-on_box h3 a:link, div#spot-on_box h3 a:visited {color: #900;}
div#spot-on_box h3 a:hover {color:#34643c; text-decoration:none;}
div#spot-on_box p {padding:1px 10px;}
.spot-on_date {color:#444; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size:0.9em; margin:5px 10px 0 10px; padding:5px 0; border-top:1px solid #ddd;}
.spot-on_img {width:100%; height:100px; margin:0 auto; overflow:hidden; border-bottom:1px solid #999;}

/* POST NEWS*/
div#news_box {margin:0; padding-top:15px; border-right:1px dotted #999; overflow:auto;}
.post_news {float:left; width:247px; margin: 0; /*border:1px dotted #34643c;*/ padding:0 0 20px 0; }
.post_news_title {margin:0; font-size:1.3em; line-height:1.2em; padding:0 10px;}
.post_news_title a:link, .post_news_title a:visited {font-weight:normal; color:#900;}
.post_news_title a:hover {font-weight:normal; color:#34643c; text-decoration:underline;}

.post_news_date {text-align:left; font-size:0.9em; padding:2px 10px 5px 10px; color:#444; font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; line-height: 1.2em;}
.post_news_content {font-size:0.9em;  padding:0 10px 0 10px;}
.post_news_notes { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:0.8em; margin:3px 0 0 0; }

.float-reset {clear:left;}

.post_news_img {width:226px; height:100px; margin:5px auto; overflow:hidden; background:#eef4dd url('images/bg_no-img.gif') center center no-repeat; border:1px solid #999;}

div#archivi-home {padding:20px 14px 10px 14px; clear:both;}
div#archivi-home ul li {display:inline; font-size:0.9em;  font-family: Georgia, "Times New Roman", serif; font-style:italic;}
div#archivi-home ul li a {font-weight:normal;}
#drop-archive {float:right;}

/* POST */
.post {margin: 0 0 5px 0; width:440px; }
.post_title {font-size:1.5em; line-height:1.3em; }
.post_title a:link, .post_title a:visited {color:#34643c;}
.post_title a:hover {color:#900; text-decoration:underline;}
.post_content {/*font-size:0.9em;*/ }
.post_notes { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:0.8em; margin:10px 0 0 0;  border-top:1px solid #ddd; padding-top:2px;}
.post ul {margin:7px 0;}
.post ul li {background: url('images/icon_list_1.gif') 0 6px no-repeat; padding:0 0 5px 10px;}
.post_content img {float:left; margin:3px 10px 5px 0; border:1px solid #34643c;}
ul.event_list_data li {background-image:none;}

.navigation {font-size:0.9em; padding-bottom:20px;}
.alignright {float:right;}
.alignleft {float:left;}


/* PAGE */
.page_box {margin: 0 0 40px;  }
.page_title {margin:0 0 5px 0; font-size:1.4em; line-height:1.2em;}
.page_title a:link, .post_title a:visited {color:#34643c;}
.page_title a:hover {color:#900; text-decoration:underline;}
.page_content { /*margin-left:25px;*/ }
.page_notes { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:0.8em;  }
.page_content ul {margin:3px 0 0 5px;}
.page_content ul li {background: url('images/icon_list_1.gif') 0 6px no-repeat; padding:0 0 5px 10px;}

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;}

/* FAQ SECTION*/
#faq_box {width:100%; margin:20px 0 0 25px; }
.faq_list {width:100%;}
.faq_list dt {width:100%; padding:2px 0 2px 15px; margin-bottom:4px;cursor:pointer; background:url('images/arrow_down.gif') 6px 7px no-repeat; font-family: Georgia, "Times New Roman", serif; font-style:italic; font-size:1.2em; color:#34643c;}
.faq_list dt:hover {color:#900;}
.faq_list .open {background-image:url('images/arrow_up.gif')}
.faq_list dd {overflow:hidden; border-bottom:1px solid #ddd; padding:0 8px;}
.faq_list span {display:block; width:100%; border-top:none; padding:6px}


/* SIDEBAR */
#com-stampa, #rss-box {border-bottom:1px solid #999; margin: 10px 0 15px 0;}
#com-stampa dl { padding:5px 7px;}
#com-stampa dt { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; text-transform:uppercase;}
/*#com-stampa dt a {font-weight:normal;}*/
#com-stampa dd {font-size:0.8em; border-bottom:1px solid #ddd; padding:2px 0 5px 0; margin:0 0 7px 0; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}
#com-stampa p { font-family: Georgia, "Times New Roman", serif; font-style:italic; padding:0 7px 7px 7px;}
#com-stampa p a:link, #com-stampa p a:visited {color:#34643c; font-weight:normal;}
#com-stampa p a:hover {color:#900; font-weight:normal;}

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 {background: url('images/icon_list_1.gif') 0 6px no-repeat; 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_1.gif') 0 4px no-repeat; text-decoration:none; color:#666; padding:0 0 0 10px; /*border-bottom:1px dotted #666;*/}
div#sidebar ul li a:hover {color:#000; background: url('images/icon_list_1.gif') 0 4px no-repeat; padding:0 0 0 10px; /*border-bottom:1px solid #000;*/}

div#sidebar img {border: 1px solid #999;}

/* ARCHIVES */
div#archive_box {width:400px; padding-top:20px;}
div#archive_box dl { padding:0 7px;}
div#archive_box dt { font-family: Georgia, "Times New Roman", serif; font-style:italic; }
div#archive_box dt a {font-weight:normal;}
div#archive_box dd {font-size:0.8em; border-bottom:1px solid #ddd; padding:2px 0 5px 0; margin:0 0 7px 0; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}

/* 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;}

/* FOOTER */
#footnotes {font-size:0.9em; font-family: Georgia, "Times New Roman", serif; font-style:italic;}
#footnotes li a {font-weight:normal;}
