/*  
Theme Name: Villa Picena
Theme URI: http://www.artevillapicena.com
Description: Tema wp realizzato da Webeing appositamente per la galleria d'arte di Villa Picena sita a Colli del Tronto (AP)
Version: 1.0
Author: <a href="http://webeing.net" title="sito ufficiale sviluppatori web Webeing">Webeing</a> di Enrico Corinti ed Agata Cruciani
Author URI: http://webeing.net
*/

@import url(style/reset.css);
@import url(style/class.css);
/*@import url(style/gallery.css); /* style della galleria per artista*/


body {
	background:#FFFFFF url(images/fade.jpg) repeat-y scroll center top;
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#333333;
}
a, a:visited {
	color:#000000;
	text-decoration:none;
}
a:hover
{
	color:#CCCCCC;
}



p {
	
	color:#666666;
	font-size:11px;
	
}

h1, h2, h3, h4, h5, h6, #nav{
	font-family:Georgia,serif;
}

h2 {
	font-size:22px;
}

h3 {
	color:#003366;
	font-size:16px;
	font-weight:normal;
	margin:0;
	padding:0 0 7px;
}

#wrapper {
	margin:0 auto;
	padding:0;
	width:940px;
}

#logo{
	line-height:0;
	margin:0 0 10px;
	padding:0;
	width:266px;
}

#search{
	margin:20px 0 0;
	width:266px;
	text-align:right;
}


/*navbar ==================================*/

#nav ul{
/*	background-image:url(images/navback.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	display:block;

	background:transparent url(images/tabsbackul.jpg) no-repeat scroll left bottom;
*/	float:left;
	font-size:14px;
	font-weight:normal;
	margin:6px 0 0 0;
	padding:0 0 0 20px;
	width:919px;
	border:#989898 solid;
	border-width:0 0 1px 0;
}

#nav ul li {
	background:transparent url(images/tabsbackul2.jpg) no-repeat scroll left bottom;
	display:block;
	float:left;
	margin:0 -1px -1px 0;
	padding:0 0 0 1px;
}

#nav ul li a, #nav ul li.page_item a{
	background:#FFFFFF url(images/tabsbackli.jpg) no-repeat scroll right bottom;
	color:#666666;
	display:block;
	float:left;
	height:17px;
	margin:0;
	padding:10px 20px;
	text-decoration:none;
}

#nav ul li a:hover, #nav ul li.current_page_item a{
	background:#FFFFFF url(images/tabsbackli_over.jpg) no-repeat scroll right bottom;
	color:#000000;
}

#nav ul li a:hover{
	color:#000000;
}

/* featured =================================*/

#featured {
	background:transparent url(images/featured_box.gif) no-repeat scroll 0 0;
	margin:5px 0 10px;
	padding:7px 0;
	width:940px;
}

.controls {
	float:left;
	height:295px;
	width:110px;
	padding:20px 10px;
	text-align:center;
}

.controls a{
	padding:10px 5px;
	display:block;
	margin:0 auto 3px;
	width:80px;
	border:1px solid #fff;
}
#featured .controls a:hover, #featured .controls a:active{
	background-color:#eee;
	border:1px solid #ddd;
}

#featured a:link, #featured a:visited {
	border-bottom:0 dotted #C6C6C6;
	text-decoration:none;
}

#featured .controls img {
	margin:0;
	padding:0;
}

div.scroller {
	height:336px;
	overflow:hidden;
	width:800px;
	
/*	padding:10px 0 0;
*/	margin:10px 0 15px 0;
	_margin:17px 0 22px 0;
}

div.scroller div.content {
/*	width:850px;
*/
}

div.scroller div.section {
		height:300px;
		margin:-1px 0 0 0;
/*	overflow:hidden;
width:652px;
*/}

#featured .scroller .section img {
	float:left;
	height:336px;
	width:460px;
	margin: 0 10px 0 0;
}

#featured .scroller .section .intro img.av_icon {
	bottom:8px;
	float:none;
	height:15px;
	padding:0;
	position:absolute;
		right:7px;
		width:15px;
	}

	#featured .scroller .section .intro {
		float:right;
		height:280px;
		padding:10px 7px 10px 0;
		position:relative;
		width:310px;
	}

	#featured .scroller .section h2 {
		font-size:28px;
line-height:28px;
	}

	#featured .scroller .section em{
		color:#666666;
		font-size:12px;
		border:dotted #ddd;
		border-width:1px 0;
		display:block;
		margin:0 0 10px 0;
		padding:5px 0;
	}

	#featured .scroller .section .entr
	{font-size:12px}

	/*middle ====================================*/linkcat-2
	/*#featured .intro */p.category, p.category a {
		color:#880000;
		font-family:Verdana,Georgia,serif;
		font-size:10px;
		margin:3px 0 0;
		padding:0 0 0;
		text-transform:uppercase;
	}

	#middle, #featured
	{
		line-height:18px;
	}


	.box-home {
		float:left;
		margin-left:10px;
		padding-bottom:28px;
		width:300px;
	}

	.box-home h2{
		padding-bottom:15px;
		border-bottom:#dcdcdc solid 1px;
		color:#003366;
	}

	.box-home h2 a{
		color:#003366;
	}

	.box-home-article{
		margin:10px 0;
	}

	.box-home-article h3{
		padding:15px 0;
		font-weight: bold;
		font-size:1.2em;
		border-bottom: 1px dotted #ddd;
	}

	.box-home-article .data{
		border-bottom: 1px dotted #ddd;
		background-color:#fbfbfb;
	}

	.box-home-article .image-article
	{
		margin:5px 0 10px 0;
	}

	.box-home-article table{
		margin:10px 0;
	}

	.box-home-article .entry
	{
		height: 160px;
		padding: 20px 0;
	}
	
	.invitebutton
	{
		font-size: 0.9em;
		line-height: 14px;
	}
	
	.box-home-article ul.ec3_events
	{
		margin:5px 0;
		font-size:14px;
	}
	
	.box-home-article ul.ec3_events li
	{
		margin:7px 0;
		list-style-type:circle;
		list-style-position:inside;
	}

	#viewport h3
	{
	  margin:10px 0;
	  padding:10px 0;
	  border:dotted #ddd;
	  border-width:1px 0;
	  background-color:#f9f9f9;
	  font-size:1.2em;
	}

	/*footer ====================================*/

	#footerone .widgettitle
	{
		background-color:#f9f9f9;
		padding: 5px;
		margin: 10px 0;
		border:dotted #ddd;
		border-width:1px 0;
	}

	#footer{
		padding:20px 0;
		background-image:url(images/border-footer.png);
		background-repeat:no-repeat;
		background-position:center top;
	}

	#footerone{
		margin:10px 0;
		border-bottom:1px dotted #ddd;
		padding:10px 0;
		_height: 300px;
	}

	#footerone .widget {
		float:left;
		margin:0 2%;
		_margin:0 1%;
		width:21%;
	}

	#footerone #cformsform{
		width:210px;
	}
	#linkcat-2 .blogroll, #linkcat-4 .blogroll{ 
		text-align: center;
		}
	
	#linkcat-2 .blogroll img, #linkcat-4 .blogroll img
	{
		display: block;
		margin:5px auto;
	} 
	
	#facebookconnector .fbconnect_userpics div.avatar, #facebookconnector .fbconnect_userpics a, .fbconnect_userpics2 div.avatar{
		display:block;
		float:left;
		width:50px;
		height:50px;
		_width:50px;
		_height:50px;
/*		background-color:#D5D6D7;
*/		border:2px solid white;
		font-size:11px;
		margin-bottom:4px !important;
		margin-right:4px !important;
		overflow:hidden;
		
	}
	
	
	fb:profile-pic.fb_profile_pic_rendered{
		_float:left;
		_display:block;
	}
	
	.fbconnect_userpics div.avatar img, .fbconnect_userpics a img.avatar, fb:profile-pic.fb_profile_pic_rendered
	{
		height:50px;
		width:50px;
	}	

	#facebookconnector .fbconnect_LastUsers .fbconnect_userpics a
	{
		_margin-bottom:2px;
		_margin-right:2px;
	}
	
	#ngg-images-2 .ngg-widget img {
		border:1px solid #ddd;	
		}


	/*footnav ================================*/

	div#footer div#foot ol#footnav{
		display:block;
		width:350px;
		margin:10px auto;
		height:30px;
	}

	div#footer div#foot ol#footnav li {
		display:inline;
		float:left;
		color:#666666;
		font-size:0.9em;
		border-right:1px solid #A68F86;
		height:15px;
		padding:0 10px;
	}
	
	div#footer .footer-info
	{
		text-align:center;
		font-size:0.6em
	}
	
/*	div#footer .blogroll a{
		display:block;
		width:95px;
		margin-right:3px;
		float:left;
		font-size:8px;
		
	}
*/	div#footer .blogroll img
	{
		width:95px;
	}
	
	#linkcat-4 a{
		display:block;
		float:left;
		height:65px;
		margin-right:1px;
	}
	
	#linkcat-4 a img{
		border:#eeeeee solid 1px;
	}

/*content ================================*/

	#content{
		padding:30px 0;
line-height:18px;
	}

	/*Sidebar*/
	
	#sidebar .widget
	{
		margin:10px 0;
	}

	#sidebar .widget h3
	{
	margin:5px 0 0 0;
	border-bottom:1px solid #ddd;
	font-size:1.8em;
	}
	#sidebar .widget h4
		{
			margin:5px 0;
	font-size:1.3em;
	font-weight:bold;
	background-color:#f9f9f9;
	 border:dotted #ddd;
	border-width:1px 0;
	}
	
	#sidebar .widget li
	{
		margin:10px 0;
	}
	
	#sidebar .widget .widget-content
	{
		margin:5px 0;
		color:#666666
	}
	
	.ec3_events .ec3_list_day ul li
	{
	text-indent: 10px;
	}
	
	#facebookconnector .fbconnect_LastUsers{background-color: transparent}

	/*normal ================================*/
	
	#content #main{
		width:530px;
	}
	
	#content .sidebar{
		width:380px;
		margin-left:10px;
	}
	
	/*art ================================*/
	#content div.art, #content #main.art{
		width:380px;
	}
	
	#content .artsidebar{
		width:540px;
		margin-left:20px;
	}
	
	#content .sidebar #viewport img
	{
		width:370px;
	}
	
	#artists-list
	{
		margin:10px 0;
	}
	
	#artists-list .artists
	{
		margin:20px 0 0 0;
	}
	
	#artists-list .artists h2
	{
		margin:10px 0;
	}
	
	#artists-list .artists .post
	{
		margin:5px 0;
		padding: 10px;
	}
	
	#artists-list .post-art .logo
	{
		display:block;
		float: left;
		margin: 0 10px 10px 0;
	}
	
	.artists h3
	{
		font-size: 22px;
		margin:10px 0 0 0;
		border:dotted #ddd;
		border-width: 0 0 1px 0;
	}
	
	.artists h4
	{
		font-size: 18px;
	}
/*commenti ===============================*/

	#comments-block{margin:20px 0 0 0;}
	
	#content.normal #comments-block{
		width:550px;
	}
	
	#content.art #comments-block{
		width:380px;
	}
	
	#comments-block form#commentform{
		width:360px;
	}
	
	form#commentform input, form#commentform textarea{
		width:360px;
	}
	form#commentform #submit{
	width:100px; 
	background-color:#ddd;  
	border:1px solid #ccc; 
	display:block;
	margin:0;
	padding:5px;}

/* page =================================*/
#main .title
{
	border-bottom:1px solid #ddd;
	margin:0 0 10px 0;
}

.entry h2{
	margin:10px 0 5px 0;
}

/* gallery ===============================*/

ul.gallery li {
	float:left;
	margin:2px;
}

.gallery-page h3
{
	font-size:2em;
	margin:20px 0 0 0;
}