/*   
Theme Name: Friulimmagine 2010
Description: personalized theme for friulimmagine.com
Version: 0.1
Author: Friulimmagine
Author URI: friulimmagine.com

This theme is published under a Creative Commons Licence.
It's strictly forbidden any unauthorized reproduction partial or total of the layout and/or the contents.
*/


/* CSS Document */

body {
	background: url(images/background.jpg) top center repeat #fff;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333;
	}
	
#containerheader {
	width: 960px;
	background: transparent;
	margin: 0 auto;
	}
	
	
/*-----------------------------------------------------------------------------------------------
   header
-----------------------------------------------------------------------------------------------*/

#header {
	width: 960px;
	height: 140px; 
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	background: transparent;
	}

#logo {
	width: 280px; 
	height: 110px;  /*120*/
	float: left;
	margin: 0;
	padding: 30px 0 0 0;
	background: transparent;
	}

/*-----------------------------------------------------------------------------------------------
   menu
-----------------------------------------------------------------------------------------------*/

#menu { /* cambia per ie7*/
	width: 680px; 
	height: 69px;  /*120*/
	margin: 57px 0 0 0;
	padding: 0;
	float: left;
	background: transparent;
	font-size: 120%;
	font-weight: 800;
	text-transform: uppercase;
	}
	
ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	}

ul#nav li a { display: block; text-decoration:none; padding: 5px; }

ul#nav li {
	position: relative;
	float: left;
	margin: 0 0 0 26px;
	padding: 0;
	}

ul#nav li.over ul{ display: block; /*background: #000;*/ }
	
ul#nav li ul {/*
	display: none;*/
	position: absolute;
	z-index: 100;
    top: 10px;
    left: 0;
	margin: 0;
	padding: 20px 0 0 0;
	list-style: none;
	background: transparent;
	text-align: left;
	font-size: 80%;
	width: 150px;
	}

ul#nav li ul li { background: transparent; list-style: none; margin: 0; padding: 0; clear: both; }

ul#nav li ul li a, ul#nav li ul li a:hover {
	display: block;
	min-height: 15px;
	margin: 0;
	padding: 5px 5px 4px 5px;
	font-size: 100%;
	width: 150px;
	}

ul#nav li.current_page_item a { color: #000; background: #ccc;  }
ul#nav li.current_page_item a:hover { color: #fff; background: #ccc;  }


.current_page_item33 { 
/* Crazy margins to pull up the hover image above the borders.*/ 
margin:0 0 0 0; padding:13px 15px 14px 15px; 
background:#ff0000; 
color:#f1f8ff; 

}   


#menu a { color: #000; text-decoration: none; }
#menu a:hover { color: #76a300; text-decoration: none; }

	
/*-----------------------------------------------------------------------------------------------
   topside
-----------------------------------------------------------------------------------------------*/

#container-top {
	width: 100%; 
	padding: 0;
	margin: 0;
	background: url(images/background-topside.png) top left repeat-x transparent;
	position: relative;
	clear: both;
	}

#topside {
	width: 960px;
	height: 360px;
	padding: 0;
	margin: 0 auto;
	background: transparent;
	position: relative;
	}
	
#topside-content {
	width: 960px;
	height: 300px; /*360*/
	padding: 0;
	margin: 60px 0 0 0;
	background: transparent;
	float: left;
	}
	
#topside-text, .topside-text { /*cambia per ie7*/
	width: 340px; /*420*/
	height: 247px; /*360*/
	padding: 33px 80px 0 0;
	margin: 0;
	background: transparent;
	float: left;
	color: #000;
	}
	
#topside-img, .topside-img {
	width: 540px;
	height: 280px; /*360*/
	padding: 0;
	margin: 0;
	background: transparent;
	float: right;
	text-align: right;
	}

#topside-img img {
	margin: 0;
	padding: 5px;
	float: right;
	border: 1px solid #d6d6d6;
	background: #fff;
	}

.titlegeorgia {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
.titlelastnew {font-size: 165%; font-weight: 800;}

#topside-text a, #topside-text a:visited {
	color: #76a300;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
	
#topside-text a:hover {
	color: #76a300;
	text-decoration: underline;
	margin: 0;
	padding: 0;
	}


/*-----------------------------------------------------------------------------------------------
   contents
-----------------------------------------------------------------------------------------------*/

#container {
	width: 100%; 
	padding: 0;
	margin: 0;
	background: transparent;
	position: relative;
	clear: both;
	}

#containercols {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	background: transparent;
	position: relative;
	}

#contents { /*cambia per ie7*/
	width: 960px;
	padding: 0;
	margin: 70px 0 0 0;
	background: transparent;
	position: relative;
	color: #666;
	}
	
#contents h1 {
	font-size: 120%;
	font-weight: 800;
	padding: 0;
	margin: 0 0 14px 0;
	text-transform: uppercase;
	color: #000;
	}

#contents h2 { /*usato solo per il titolo delle news*/
	font-size: 160%;
	font-weight: 800;
	margin: 5px 0 14px 0;/*
	text-transform: uppercase;*/
	float: left;
	color: #fff;
	padding:0;
	background: #76a300;
	clear: both;
	}
	
#contents h2 a, #contents h2 a:visited {
	text-decoration: none;
	margin: 0;
	float: left;
	color: #fff;
	padding: 2px 4px;
	background: #76a300;
	}

#contents h2 a:hover {
	text-decoration: none;
	margin: 0;
	float: left;
	color: #fff;
	padding: 2px 4px;
	background: #608400;
	}
	
#contents h3 { /*per titoli servizi*/
	font-size: 120%;
	font-weight: 800;
	padding: 2px 4px;
	margin: 28px 0 14px 0;
	text-transform: uppercase;
	color: #fff;
	float: left;
	clear: both;
	background: #76a300;
	}
	
#contents h4 {/* per altri titoli pagine*/
	font-size: 120%;
	font-weight: 800;
	padding: 0;
	margin: 0 0 14px 0;
	text-transform: uppercase;
	color: #000;
	float: left;
	clear: both;
	}
	
#contents h5 { /*per titoli risultati ricerca*/
	font-size: 120%;
	font-weight: 800;
	padding: 0;
	margin: 28px 0 14px 0;
	text-transform: uppercase;
	float: left;
	color: #fff;
	padding:0;
	background: #76a300;
	clear: both;
	}
	
#contents h5 a, #contents h5 a:visited {
	text-decoration: none;
	margin: 0;
	float: left;
	color: #fff;
	padding: 2px 4px;
	background: #76a300;
	}

#contents h5 a:hover {
	text-decoration: none;
	margin: 0;
	float: left;
	color: #fff;
	padding: 2px 4px;
	background: #608400;
	}


#contents a, #contents a:visited {
	color: #76a300;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
	
#contents a:hover {
	color: #76a300;
	text-decoration: underline;
	margin: 0;
	padding: 0;
	}

#contents p {
	margin: 0;
	padding: 0;
	float: left;
	}
	
	
/*-----------------------------------------------------------------------------------------------
  centercol
-----------------------------------------------------------------------------------------------*/

#centercol {
	width: 960px;
	background: transparent;
	margin: 0 0 58px 0;
	padding: 3px 0 0 0;
	float: left;
	display: inline;
	}
	
#centercol h2 {
	font-size: 100%;
	font-weight: 800;
	padding: 0;
	margin: 14px 0 0 0;
	text-transform: uppercase;
	float: left;
	background: transparent;
	color: #666666;
	width: 201px; 
	}

#centercol p {
	margin: 0;
	padding: 0;
	float: left;
	width: 201px; 
	}


#centercol img {
	margin: 0;
	padding: 1px;
	float: left;
	border: 1px solid #d6d6d6;
	background: #fff;
	}

.indexleft {
	width: 201px; 
	background: transparent;
	margin: 0 52px 0 0;
	padding: 0;
	float: left;
	}

.indexright {
	width: 201px; 
	background: transparent;
	margin: 0;
	padding: 0;
	float: left;
	}
	
	
	
	
#centercol2 {
	width: 100%; 
	padding: 0;
	margin: 100px 0 0 0;
	background: url(images/background-topside2.png) top left repeat-x transparent;
	position: relative;
	clear: both;
	}

#centercol3 {
	width: 960px;
	height: 410px;
	padding: 0;
	margin: 0 auto;
	background: transparent;
	position: relative;
	}
	
#centercol4 {
	width: 960px;
	height: 180px; /*360*/
	padding: 230px 0 0 0;
	margin: 60px 0 0 0;
	background: url(images/logo_friulimmagine-verde.png) center 10px no-repeat transparent;
	float: left;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 180%;
	font-style: italic;
	color: #737373;
	}

	
/*-----------------------------------------------------------------------------------------------
  leftcol
-----------------------------------------------------------------------------------------------*/

#leftcol {
	width: 581px; /*640*/
	background: transparent;
	margin: 0 0 58px 0;
	padding: 0 58px 0 0;
	float: left;
	display: inline;
	border-right: 1px solid #ccc;
	}
	
#leftcol p { /* cambia per ie 7.0*/
	float: left;
	clear: both;
	margin: 0;
	padding: 0  0 15px 0;
	width: 581px;
	display: inline;
	}

#leftcolpress {
	width: 581px; 
	background: transparent;
	float: left;
	clear: both;
	}

#leftcolpress img, #leftcolpress img a {
	margin: 0;
	padding: 1px;
	float: left;
	border: 1px solid #d6d6d6;
	background: #fff;
	}

#leftcol ul {
	width: 581px; 
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: both;
	text-align: left;
	}
	
#leftcol ul li {
	width: 560px; 
	margin: 0;
	padding: 3px 0 6px 20px;
	}
	
.pdf {
	background-image: url(http://www.friulimmagine.com/wp-content/themes/2010_theme/images/document-pdf-text.png);
	background-repeat: no-repeat;
	background-position: 0 .16em;
	}

.immagine {
	background-image: url(http://www.friulimmagine.com/wp-content/themes/2010_theme/images/newspaper.png);
	background-repeat: no-repeat;
	background-position: 0 .16em;
	}

.audio {
	background-image: url(http://www.friulimmagine.com/wp-content/themes/2010_theme/images/speaker-volume.png);
	background-repeat: no-repeat;
	background-position: 0 .16em;
	}
	
.homeleft {
	width: 264px; 
	background: transparent;
	margin: 0 52px 0 0;
	padding: 0;
	float: left;
	}

.homeright {
	width: 264px; 
	background: transparent;
	margin: 0;
	padding: 0;
	float: left;
	}
	
#ultimiarticoli {
	width: 581px;
	border-top: 1px solid #ccc;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	}
	
#latestnews {
	width: 581px; 
	margin: 0; 
	padding: 0; 
	float: left; 
	}
	
#latestnews img {
	margin: 0 0 20px 0;
	padding: 5px;
	float: left; 
	border: 1px solid #d6d6d6;
	background: #fff;
	}
	
.ultimanews {
	margin: 0 0 20px 0;
	padding: 5px;
	float: left; 
	border: 1px solid #d6d6d6;
	background: #fff;
	}
	
#latestnewsa {
	width: 581px; 
	margin: 0; 
	padding: 0; 
	float: left; 
	}

#latestnewsa ul {
	width: 581px; 
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	}
	
#latestnewsa ul li { /* cambia per ie */
	margin: 0;
	padding: 3px 0 8px 0;
	float: left;
	clear: both;
	}

	

.post-box {
	margin: 0 0 28px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #ccc;
	float: left;
	clear: both;
	width: 100%;
	}

.georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	}
	
.italic {
	font-style: italic;
	}

.bold {
	font-weight: 800;
	}

.filo {
	width: 541px;  /*581*/
	margin: 20px 0 10px 0;
	padding:20px;/*
	border: 1px solid #CCCCCC;*/
	float: left;
	border: 1px dotted #76a300; /*2px dashed*/
	clear: both;
	} 

.filo p {
	width: 541px; 
	} 

	
.edit-link {
	width: 200px;
	float: left;
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
	}

#sharesocials {
	width: 546px; /* 581px */
	float: left;
	margin: 3px 0 0 0;
	padding: 14px 16px 16px 16px;
	clear: both;
	background: url(images/background-socials.png) top left repeat transparent;
	border: 1px solid #d7d7d7;
	}

#sharesocials img {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border: none;
	}
	
/*-----------------------------------------------------------------------------------------------
  rightcol
-----------------------------------------------------------------------------------------------*/

#rightcol {
	width: 262px; /*320*/
	background: transparent;
	float: right;
	margin: 0 0 58px 58px;
	padding: 0;
	float: right;
	display: inline;
	}

#rightcol h5 {
	width: 260px; 
	color: #000;
	font-size: 120%;
	font-weight: 800;
	padding: 0;
	margin: 0 0 14px 0;
	text-transform: uppercase;
	background: none;
	}


.sidediv {
	width: 262px;
	background: transparent;
	float: right;
	margin: 0 0 18px 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
	}
			
.sidetext {
	width: 181px; 
	background: transparent;
	margin: 0;
	padding: 0;
	float: left;
	}

	
.sideimg {
	width: 81px; 
	background: transparent;
	margin: 0;
	padding: 0;
	float: right;
	}
	
	
/*-----------------------------------------------------------------------------------------------
  footer
-----------------------------------------------------------------------------------------------*/

#container-footer {
	width: 100%; 
	padding: 0;
	margin: 0;
	background: #000;
	position: relative;
	clear: both;
	}

#footer {
	width: 960px;
	height: 200px;
	padding: 0;
	margin: 0 auto;
	background: transparent;
	position: relative;
	}
	
#footer-content {
	width: 960px;
	margin: 48px 0 0 0;
	padding: 0;
	background: transparent;
	float: left;

	color: #ccc;
	}

.title {
	text-transform: uppercase;
	font-weight: 800;
	color: #fff;
	}
	
#footer a, #footer a:visited {
	color: #76a300;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
	
#footer a:hover {
	color: #76a300;
	text-decoration: underline;
	margin: 0;
	padding: 0;
	}
	
#footerleft {
	width: 460px; /*640*/
	height: 110px;
	background: transparent;
	margin: 0;
	padding: 0;/*
	padding: 0 58px 0 0;
	border-right: 1px solid #666;*/
	float: left;
	}

#footerleft2 {
	width: 120px; /*178*/
	height: 110px;
	background: transparent;
	margin: 0;
	padding: 0 58px 0 0;
	border-right: 1px solid #666;
	float: left;
	}

#footerright {
	width: 262px; /*320*/
	background: transparent;
	float: right;
	margin: 0 0 0 58px;
	padding: 0;
	}

.textnewsletter {
	margin-top: 0px; 
	margin-left: 20px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 100%;
	font-weight: 800;
	}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.webwidget_slideshow_dot{
    padding: 0px;
    margin: 0px;
    position: relative;
    font-family: Arial,Sans-Serif;
    font-size: 13px;
}
.webwidget_slideshow_dot a{
    text-decoration: none;
}
.webwidget_slideshow_dot a:hover{
    text-decoration: underline;
}
.webwidget_slideshow_dot .slides_box{
    padding: 0px;
    margin: 10px 0 0 0;
    overflow: hidden;
    position: absolute;
}
.webwidget_slideshow_dot .title_thumb_box{
    width: 100%;
    position: absolute;
    bottom: 0px;
}
.webwidget_slideshow_dot .title_thumb_box .title_box{
    padding: 5px;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box{
    text-align: left;
    height: 25px;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span{
    margin-right: 5px;
    margin-left: 5px;
}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span img{
    cursor: pointer;
}
.webwidget_slideshow_dot img{
    padding: 0px;
    margin: 0px;
    border: none;
}
.webwidget_slideshow_dot ul{
    padding: 0px;
    margin: 0px;
    position: absolute;
    list-style: none;
}
.webwidget_slideshow_dot ul li{
    padding: 0px;
    margin: 0px;
    float: left;
}
.webwidget_slideshow_dot ul li a{
    display: block;
}