/*
THEME NAME: Astorflex
THEME URI: http://www.astorflex.it
DESCRIPTION: tema wordpress su riferimento  
VERSION: 1.0
AUTHOR: Pietro

*/



a {
	color: #000000;
	text-decoration:none;
	font-weight: bold;
}

a:hover {
	color: #ffffff;
	background: #000000;
}

img
{  border-style: none;
}

small {
        line-height: 90%;
}


body {
	font-size: 82.5%;
        line-height: 150%;
	font-family:  Helvetica, Arial, sans-serif;
	background: #c5b080;
	color:#333;
	text-align: center;
	margin: 0px;
	width:100%;
}


#container {
	width:100%;
	background: #ffffff;

}


#wrapper {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

#logogas {
        position: absolute;
        top: 10px;
}

#logogas a {
        font-size:10px;
	width:140px;
        height:50px;
        display: block;
        color: #ffffff;
	background: url(images/logoxigas_piccolo.jpg) no-repeat left bottom;
}

/* testata */

#header {
	width:100%;
	background: #c5b080 url(images/ombralto.jpg) repeat-x;
	color:#ffffff;
	margin: 0px;
}

#navigazione {
	width:960px;
        height:32px;
	text-align: right;
	margin: 0 auto;
}


/* menu */

#menu li a {
	color: #ffffff;
	font-size: 16px;
	font-weight: bolder;
	height: 30px;
	padding:12px 11px 11px 11px;
	text-decoration:none;
}
	
#menu li a:hover {
	background: #333333;

}


#menu li {
	display:block;
	float:left;
	position:relative;
	list-style:none;
}




#menu ul li {
	float:right;
}


/* parte centrale */




#sottotestata {
	width:960px;
	height: 130px;

}



#slogan h1 a{
        font-size:10px;
        color: #ffffff;
	float: right;
	width: 550px;
	height: 130px;
	background: url(images/slogan.jpg) no-repeat left bottom;
}

#logo h1 a{
        font-size:10px;
        color: #ffffff;
	width: 280px;
	height: 130px;
	float: left;
	background: url(images/logo.jpg) no-repeat left bottom;
}

/* sidebar */

#sidebar ul {
       list-style: none;
       padding:0;
       margin:20px 0px 0px 10px;
}

#sidebar li {
       list-style:none;
       padding:3px;
       font-size: 1.4em;
}

#sidebar ul li a {
       border-bottom: 1px dotted #c5b080;
       display: block;
       padding: 10px 0px 10px 20px; 
}

#sidebar ul li a:hover {
      color:#000;
      background-color:#c5b080; 
}



/* personalizzazione home */




#slideshow {
	width: 940px;
	height: 430px;
}


#home {
	padding: 15px 0px 20px 0px;

}


.riquadro {
	padding: 0px 20px 0px 0px;
	width: 280px;
	float: left;

}


.riquadro img {
	width: 275px;
        height: 135px;
	text-align: left;
}

.riquadro h2 {
	font-size: 16;
	font-weight: bolder;
	border-bottom: solid #c5b080 2px;
	text-align: left;
}

.riquadro p {
	text-align: left;
	font-size: 72.5%;
}



/* pie di pagina */


#footer {
	width:100%;
	background: #c5b080 url(images/ombrabasso.jpg) repeat-x;
	color:#ffffff;
}

#footer a {

	font-weight: bold;
	text-decoration:none;
	color:#ffffff;
}

#footer a:hover {
	background:#333333;
}



#testofooter {
	width:960px;
	margin: 0 auto;
	height: 50px;
}


#testofooterdestra {
	float: right;
	text-align: right;
	width: 500px;
}

#testofootersinistra {
	float: left;
	text-align: left;
	width: 450px;
}



.pagetitle {
	font-size: 32px;
	text-align: right;
        color: #888888;
}

.post h3 {
	font-size: 26px;
	text-align: left;
        color: #333333;
        line-height: 30px;
        border-bottom: solid 1px #333333;
}


.left h2 {
       padding-top: 20px;
}

.left {
       width: 600px;
}

.right {
       width: 250px;
}



/* ------- slideshow --------------*/

	#d13slideshow{
		background-color:#ffffff;
		width:(WIDTH)px;
		height:(HEIGHT)px;
                z-index: 5000;
		margin:0px; padding:0px; }
	#d13nav{ margin:0px; padding:0px; }
	#navleft{
		z-index:200;
		position:absolute;
		width:15px;
		height:(HEIGHT-90)px;
		margin:0px; padding:0px; }
	#navright{
		z-index:201;
		position:absolute;
		width:15px;
		height:(HEIGHT-90)px;
		margin:0px; padding:0px;
		margin-left:(WIDTH-15)px; }
	#navleft a,
	#navright a{
		width:15px;
		height:(HEIGHT-90)px;
		display:block;
		background-color:#000000;
		filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;-khtml-opacity: 0.3;
		background-position:center center;
		background-repeat:no-repeat; }
	#navleft a{ background-image:url(left.gif); }
	#navright a{ background-image:url(right.gif);  }
	#navleft a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;-khtml-opacity: 0.6; }
	#navright a:hover{ filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;-khtml-opacity: 0.6; }
	#navleft a span,
	#navright a span{ display:none; }
	div.d13slide{
		padding:0px;
		margin:0px; }
	div.d13slide img{
		padding:0px;
		margin:0px; }
	div.d13fader{
		background-color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;-khtml-opacity: 0.6;
		height:90px;
		z-index:1;
		margin:-90px 0px 0px 0px;
		padding:0px; }
	div.d13fader h3{
		font-size:32px;
		font-weight:bold;
		padding:4px;
		margin:0px; }
	div.d13fader h3 a{ color:#FFFFFF; }
	div.d13fader h3 a:hover{ color:#FFFFFF; }
	div.d13fader p{
		font-size:18px;
		font-weight:normal;
		padding:2px 4px 4px 4px;
		margin:0px;
		color:#CCCCCC; }
	div.d13fader p a{
		color:#CCCCCC; }
	div.d13fader p a:hover{
		color:#FFFFFF; }