/*
ReDesign Nicola Bandini inspided by Free CSS Templates
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/img01_3.jpg) repeat-x;
	font:  normal small Georgia, Arial;
	color: #999999;
}

h1, h2, h3 {
	margin: 0;
	text-transform: lowercase;
	font-weight: normal;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.4em;
}

img {
	border: none;
}

a {
	color: #333333;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

/* Header */

#header {
	width: 700px;
	height: 160px;
	margin: 0 auto;
/*	border: double;*/
}

/* Logo */

#logo {
	height: 70px;
/*	border: dotted;*/
}

#logo h1 {
	float: left;
	padding: 10px 40px 0 0;
	/*background: url(images/img02.gif) no-repeat right center;*/
	letter-spacing: -2px;
	font-size: 48px;
}

#logo h2 {
	float: right;
	padding: 61px 0 0 0;
	font-size: 24px;
	
}

#logo a {
	text-transform: none;
	text-decoration: none;
	color: #1A1A1A;
}

/* Menu */

#menu {
	height: 70px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 140px;
	height: 45px;
	padding-top: 25px;
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
	letter-spacing: -2px;
	font-size: 30px;
	color: #B8BD52;
}

#menu a:hover {
	color: #1A1A1A;
}

#menu .active a {
	background: url(images/img03_3.jpg) no-repeat;
	color: #FFFFFF;
}

/* Foto */

#foto {
	clear: both;
	width: 700px;
	height: 405px;
	margin: 0 auto;
}

/* Gallery */
/*
Esempio:
<div id="gallery">
	<div id="top-photo">
		<p><a href="#"><img src="images/img04.jpg" alt="" width="700" height="299" /></a></p>
		<h2>Description</h2>
	</div>
	<div id="recent-photos"><a href="#" id="prev"><span>&laquo; Previous</span></a><span id="thumbs"><a href="#"><img src="images/img05.jpg" alt="" width="95" height="84" /></a><a href="#"><img src="images/img06.jpg" alt="" width="95" height="84" /></a><a href="#"><img src="images/img07.jpg" alt="" width="95" height="84" /></a><a href="#"><img src="images/img08.jpg" alt="" width="95" height="84" /></a><a href="#"><img src="images/img09.jpg" alt="" width="95" height="84" /></a><a href="#"><img src="images/img10.jpg" alt="" width="95" height="84" /></a></span><a href="#" id="next"><span>Next &raquo;</span></a></div>	
</div>

#gallery {
	clear: both;
	width: 700px;
	height: 480px;
	margin: 0 auto;
}
#top-photo h2 {
	height: 1.4em;
	font-size: 1em;
}
#top-photo p {
	margin: 0;
	padding: 0 0 10px 0;
}
#prev {
	display: block;
	float: left;
	width: 30px;
	height: 100px;
	background: url(images/img11.gif) no-repeat;
}
#next {
	display: block;
	float: left;
	width: 30px;
	height: 100px;
	background: url(images/img13.gif) no-repeat right top;
}
#prev span, #next span {
	display: none;
}
#thumbs {
	display: block;
	float: left;
	width: 640px;
	height: 100px;
	background: url(images/img12.gif) no-repeat;
}
#thumbs img {
	padding: 8px 0 0 10px;
}
*/

/* Galery on Right */

/* needed for IE to make :active state work first time */
#container_right a, a:visited {color:#000;} 

/* common styling for all galleries */
#container_right a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
#container_right a.slidea {background:url(scroll_img/thumb2.jpg);}
#container_right a.slideb {background:url(scroll_img/thumb3.jpg);}
#container_right a.slidec {background:url(scroll_img/thumb4.jpg);}
#container_right a.slided {background:url(scroll_img/thumb5.jpg);}
#container_right a.slidee {background:url(scroll_img/thumb6.jpg);}
#container_right a.slidef {background:url(scroll_img/thumb7.jpg);}
#container_right a.slideg {background:url(scroll_img/thumb8.jpg);}
#container_right a.slideh {background:url(scroll_img/thumb9.jpg);}
#container_right a.slidei {background:url(scroll_img/thumb10.jpg);}
#container_right a.slidej {background:url(scroll_img/thumb11.jpg);}
#container_right a.gallery em, a.gallery span {display:none;}
#container_right a.gallery:hover {border:1px solid #fff;}

/* styling for RIGHT gallery */
/*#container_right {position:absolute; top:260px;left:350px; width:600px; height:305px; background:none; border:0px solid #a49188; margin:1em auto;}*/
#container_right {position:relative; top:-360px;left:20px; width:600px; height:305px; background:none; border:0px solid #a49188; margin:1em auto;}
#container_right img {border:0;}
#container_right .thumbs {width:170px; position:absolute; right:0; top:0;}

/* Title text */
#container_right a.gallery:hover span {display:block; position:absolute; left:-260px; width:402px; height:50px; top:260px; padding:5px; font-style:italic; color:#fff;  z-index:100;
border:1px solid #3d330f;text-align:right; 
background-color:#000;
filter: alpha(opacity=60);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 -moz-opacity: 0.70; opacity:0.7;
}
#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#fff;}

/* Book immage */
#container_right a.gallery:activate, #container_right a.gallery:focus {border:1px solid orange;}
#container_right a.gallery:hover em, #container_right a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:5px; left:-425px; padding:5px; color:#000; z-index:50;}

/*
#container_right h1 {clear:both; text-align:right; margin:0; padding-top:100px; padding-left:50px; width:300px; font-family: georgia, arial, serif; font-size:1.5em; font-weight:normal; color:#fff;}
#container_right h1 em {font-size:0.6em; color:#000;}
*/

/* Content */

#content {
	clear: both;
	width: 700px;
	margin: 0 auto;
}

/* Posts */

#posts {
	float: right;
	width: 430px;
}

.post {
	margin-bottom: 10px;
}

.post .title {
	text-transform: none;
	padding: 0 0 2px 20px;
	color: #FF8400;
}

.post .meta {
	padding: 10px 20px;
	background: url(images/img15.gif) no-repeat;
	font-size: smaller;
}

.post .meta p {
	margin: 0;
}

.post .story {
	padding: 10px 20px;
	line-height: 180%;
}

/* Sidebar */

#sidebar {	
	float: left;
	width: 250px;
}

/* Boxed1 */

.boxed {
	margin-bottom: 1.5em;
	background: url(images/img14.gif) no-repeat 0em 2.5em;
}

.boxed h2 {
	text-transform: none;
	padding-left: 20px;
	color: #0078FF;
}

.boxed .content {
	padding: 10px;
}

.boxed ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.boxed li {
	padding: 10px;
	border-bottom: 1px dotted #0078FF;
}

.boxed a {
	text-decoration: none;
	color: #0078FF;
}

.boxed a:hover {
	text-decoration: underline;
}

/* Boxed2 */

.boxed2 {
	margin-bottom: 1.5em;
}

.boxed2 h2 {
	text-transform: none;
	padding-left: 20px;
	color: #0078FF;
}

.boxed2 em {
	color:#F9A75E;	
}

.boxed2 .content {
	padding: 10px;
}

.boxed2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.boxed2 li {
	padding: 10px;
	border-bottom: 1px dotted #0078FF;
	text-align: justify;
}

.boxed2 a {
	text-decoration: none;
	color: #0078FF;
}

.boxed2 a:hover {
	text-decoration: underline;
}

/* Boxed IMG */

#boxedimg {
	clear: both;
	border: 2px solid;
	margin: 0 auto;
	padding: 20px;
}

/* Tag Cloud */

#tagcloud {
}

#tagcloud .content {
	padding: 20px;
	text-align: justify;
	font-size: smaller;
}

/* Footer */

#footer {
	clear: both;
	padding: 40px;
	background: #a2c8e0 url(images/img16_3.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: smaller;
	color: #FFFFFF;
}

#footer a {
	color: #000000;
	font-size:14px;
}

#style1 {
	color: #000000;
}