/*
Theme Name: helenchan2010
Theme URI: http://helenchan.it
Description: versione 2010 di helenchan.it
Author: Elena gargiulo

*/



* { padding:0px; margin:0px; }

@font-face {
	font-family: 'FolksRegular';
	src: url('Folks-Normal.eot');
	src: local('Folks'), local('Folks-Normal'), url('Folks-Normal.woff') format('woff'), url('Folks-Normal.ttf') format('truetype'), url('Folks-Normal.svg#Folks-Normal') format('svg');
}

@font-face {
	font-family: 'FolksBold';
	src: url('Folks-Bold.eot');
	src: local('Folks'), local('Folks-Bold'), url('Folks-Bold.woff') format('woff'), url('Folks-Bold.ttf') format('truetype'), url('Folks-Bold.svg#Folks-Bold') format('svg');
}

body{
	font-family: 'FolksRegular', Arial, sans-serif;
	background-image: url(images/sf.gif);
	background-repeat: repeat-x;
	background-position: center top;
	font-size: 15px;
	color: #000000;
}

a:link, a:visited {color: #000000;text-decoration:underline;}
a:hover, a:focus, a:active {color: #ccc;text-decoration:underline;}

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

/***************************************************** STRUTTURA ********************************************/

#container {
	text-align: center;
	width: 100%;
	background-image: url(images/sf_ombre.png);
	background-repeat: repeat-x;
	background-position: left -37px;

}

/**** neve x natale ***/
img#neve1 {position:absolute;top:50px;left:5px;}
img#neve2 {position:absolute;top:190px;left:5px;}

/********** header **********/

#header {position:relative;
	height: 208px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}

#srch {position:absolute;right:25px;top:120px;}
#logo h1 a {
	height: 114px;
	width: 293px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 70px;
	display: inline;
	float: left;
}
#logo h1 a span {
	display: none;
}

#menuicone{
	float: right;
	height: 40px;
	width: 250px;
	text-align: right;
	margin-top: 139px;
	margin-right: 25px;
	display: inline;
}
#srch img {width:25px;}

/********** menu **********/
#menu {
	height: 58px;
	width: 100%;
	text-align: left;
}
#menu ul{
	display: block;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 0 22px;
	list-style-position: inside;
}
#menu ul li {
	list-style-type: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	display: block;
	float: left;
}
#menu ul li a:link, #menu ul li a:visited {
	display: block;
	width: 145px;
	height: 46px;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 15px;
	
}
#menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active, #menu ul li.current a {
	background-color: #22223B;
}
#menu ul li a:link span, #menu ul li a:visited span, .tit_cerca span, #pagina strong, #social strong {
	font-family: 'FolksRegular', Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
	display: block;
	text-decoration: none;
	line-height: 18px;
}
#menu ul li a:hover span, #menu ul li a:focus span, #menu ul li a:active span, #menu ul li.current a span{color: #fff;}

#menu ul li a em, .tit_cerca em
 {
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	display: block;
	line-height: 13px;
}


/********** contenuto pagina **********/

#fascia {
	background-image: url(images/sf_head.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #1D1D38;
	height: 273px;
	width: 100%;
	margin-top: 7px;
	margin-bottom: 7px;
}
#page {
	width: 100%;
	text-align: left;
	background-color: #FFFFFF;
	margin: 0px;
	background-image: url(images/ombra_bottom.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
}

#content {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 30px;
}
#dex {
	float: left;
	width: 508px;
	display:inline;
}
#sin {
	width: 292px;
	float: left;
	display:inline;
}
div.clear {
	clear: left;
	display: block;
}


/********** footer **********/
#footer{
	clear: left;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
}

#copy {
	float: left;
	width: 250px;
	text-align: left;
	background-image: url(images/cc.gif);
	background-repeat: no-repeat;
	background-position: left 17px;
	padding-left: 55px;
	font-size: 11px;
	height: 40px;
	padding-top: 20px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}
#valid {
	float: left;
	height: 60px;
	width: 202px;
	text-align: right;
	padding-right: 25px;
	padding-top: 20px;
}
#search {
	height: 60px;
	width: 290px;
	float: right;
	border-left: 3px dotted #fff;
	text-align: right;
	padding-right: 10px;
}
#sea {float:left;}
#soc {margin:20px 0 0 0;}
#soc img {}
.tit_cerca{text-align:right;float:left;display:inline;width:100px;padding:15px 0 0 0;}
#sea form {padding:15px 0 0 0;float:left;display:inline;width:150px;margin:0;}

#sea input {height:16px;border:none;background-color:#f3f3f3;border:1px solid #ccc;margin:0px;padding:5px;}
input#searchsubmit {background: url(images/btn_search.gif) no-repeat left top;width:21px;padding:0px;height:26px;}

/***************************************************** pagina home ********************************************/

#parole {width:850px;margin:0 auto;padding:8px 0 0 0;}

#slider img{
	float: right;
}

#slider li h2 {
display:none!important;
	color: #1D1D38;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	width: 240px;
	font-size: 20px;
}
#slider li a:link, #slider li a:visited {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: underline;
	
}

#slider li a:hover, #slider li a:focus, #slider li a:active {color: #1D1D38;}
#slider li p {
	padding: 0px;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 14px;
	width: 240px;
	color: #adaddd;
}


#home img{margin:5px;}
#home{border-right: 3px dotted #CCCCCC;height:400px;}

/********************** sidebar *********************/

#lastnews {
	width: 218px;
	padding-left: 46px;
	
}
#sin ul {
	padding: 0 0 20px 0;
	margin:10px 0 30px 0;
	font-size: 12px;
}



#sin a:link span, #sin a:visited span {
font-family: 'FolksRegular', Arial, sans-serif;
	font-size: 18px;
	color: #000000;
	display: block;
	font-weight: normal;
	text-decoration: none!important;
	line-height: 18px;
	background-image: url(images/rss1.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
}
#sin a:hover span, #sin a:focus span, #sin a:active span {color: #333;}
#sin a em, #pagina em {
font-family: 'FolksRegular', Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none!important;
	display: block;
	line-height: 13px;
}
#sin li, #sidebar_all li {
	border-bottom: 1px solid #CCCCCC;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
}

ul.tit, span.rss-date {display:none;}
a.rsswidget {
	text-decoration:none;
	color:#444;
	font-weight: bold;
}


/********************** pagina about *********************/

#pagina {border-right: 3px dotted #CCCCCC;padding:0 30px 0 0;}

#head_page{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	
}
#head_page h1{
	font-size: 28px;
padding-top: 50px;
	
}
#head_page strong {
	color: #FFFFFF;
	font-weight: normal;
}

#head_page p {
	padding: 0px;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 14px;
	width: 440px;
	color: #adaddd;
}

#sidebar_about{
	background: url(images/hel_foto.jpg) no-repeat left top;
	padding: 230px 0 0 0;
	width: 255px;
	position: absolute;
	top: 45px;
	right: 20px;
}

#pagina strong {margin:0px 0 0 0;}
#pagina img {margin:0px;}
#pagina table{margin:15px 0 0 0;padding:0px;}
#pagina td{margin:0px;padding:0px;}
#pagina p{padding:7px 0 7px 0;margin:0;}
.cv {border-top: 3px dotted #CCCCCC;padding:10px 0 0 5px;margin:20px 0 0 0;width:460px;}

#twitter_update_list{
	background: url(images/bubble.png) no-repeat left top;
	height: 92px;
	padding-top: 60px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	text-align: right;
}
#twitter_update_list li{
	list-style-type: none;
	font-size: 12px;
	color: #28283F;
}
#twitter_update_list a{
	font-size: 11px;
	color: #EE1968;
	text-decoration: underline;
	text-align: right;
	display: block;
}
.social {margin: 0 0 0 5px;}
.social strong, #sidebar_serv strong, #sidebar_all strong, #sidesingle h2 {
	font-family: 'FolksRegular', Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #000000 !important;
	display: block;
	text-decoration: none;
	line-height: 18px;
	margin:30px 0 0 0;
}
.social em, #sidebar_serv em, #sidebar_all em {
font-family: 'FolksRegular', Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	display: block;
	line-height: 13px;
	margin: 0 0 15px 0;
}


p.bios strong{font-family: Arial, sans-serif!important;display:inline!important;font-size:14px!important;font-weight:bold!important;}

/********************** pagina web con thumbnails *********************/
#fascia_folio{
	background: #28283f url(images/sf_head_folio.gif) repeat-x center top;
	height: 87px;
	width: 100%;
	margin-top: 7px;
	margin-bottom: 7px;
}

	.eff {
	
	/* the image size is 126x126, it's adjusted to fit the border as well*/
	width:177px;
	height:156px;

	/* important, allow the children object to move inside its parent obj */
	position:relative;	

	/* important, it hides the moved image */
	overflow:hidden;
	
	/* with the clear class, make it into 3 x 3 layout */
	float:left;
	
	/* IE float bug fix */
	display:inline;
	
	/* styling */
	margin:8px;
	font-size:12px;
}

.eff img {
	display:block;
	width:175px;
	height:154px;
	
	/* styling */
	text-decoration:none;
	border:1px solid #ccc;
	background:#ddd;

	/* important, it allows this obj to move by jquery */
	position:absolute;
	
	/* make sure it appears above the caption */
	z-index:500;
	
	cursor:pointer; 
}


.eff .caption {
	/* should be the same size with the image */
	width:226px;
	height:186px;
	/* set the position to 0, 0 and appear under the image */
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	background-color: #28283f;
	background-position: 8px;
}
.boxverde, .boxazz, .boxrosa, .boxviola {
	width:226px;
	height:186px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	background-position: 8px;}
.boxverde {background-color:#C5DC41;}
.boxrosa {background-color:#F0207A;}
.boxazz {background-color:#2EC5F0;}
.boxviola {background-color:#A1A1E6;}

#s_folio{width:200px;float:left;font-family: 'FolksRegular', Arial, sans-serif;}
#folsin{float:left;width:600px;}
#s_folio a:link, #s_folio a:visited {text-decoration:none;background-color:#ceceeb;padding:5px;font-size:16px!important;line-height:35px;}
#s_folio a:hover, #s_folio a:focus, #s_folio a:active {background-color:#28283F;color:#fff;}
h2.widgettitle {font-family: 'FolksRegular',Arial,sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    margin: 20px 0;}

#pagina ul li.titolo_se strong{font-family: 'FolksRegular',Arial,sans-serif;
    font-size: 25px;
    font-weight: bold;
    line-height: 18px;
    margin: 20px 0;}

/* extra styling*/

.eff .caption a.header {
	margin:10px 5px 5px 5px;
	display:block;
	font-size:14px;	
	font-weight:700;
	color:#4ed7f4;
}


.clear {clear:both}

.caption h2.web a, .boxverde h2.web a, .boxazz h2.web a, .boxrosa h2.web a, .boxviola h2.web a {
font-family: 'FolksRegular', Arial, sans-serif;
	font-size: 18px;
	color: #fff;
	display: block;
	font-weight: normal;
	text-decoration: none;
	line-height: 22px;
	display: block;
	padding:15px 30px 0 15px;
}


.btn {width:800px;margin:0 auto;text-align:right;padding:20px 0 0 0;}
#titcateg {width:450px;float:left;text-align:left;}
#titcateg h2{color:#fff;font-size:32px;margin:0;padding:5px 0 0 0;}

#titcateg h2.azz, .azz{
	color: #2EC5F0;
}
#titcateg h2.verde, .verde{
	color: #82cf43;
}
#titcateg h2.rosa, .rosa{
	color: #F0207A;
}
#titcateg h2.bianco, .bianco{
	color: #FFFFFF;
}

/********************** pagina services *********************/

#pagina ul li strong {font-size:12px;margin:0;display:inline;font-weight: bold;font-family: Arial, sans-serif;}
#pagina ul {
	list-style-position: outside;
	list-style-type: none;
}
#pagina ul li div.num {
background: url(images/flag1.gif) no-repeat top left;
width:25px;
height:40px;
float:left;
color:#ffffff;
text-align:left;
display:inline;
padding:6px 0 0 7px;
}
#pagina ul li p{margin:0 0 0 30px;}
#sidebar_serv{

	padding: 250px 0 50px 0;
	width: 255px;
	position: absolute;
	top: 45px;
	right: 20px;
}
#sidebar_all{
	padding: 50px 0 50px 0;
	width: 225px;
	position: absolute;
	top: 45px;
	right: 20px;
}

#sidebar_serv ul {
	margin: 0px;
	padding: 15px 0 0 0;
	list-style-position: inside;
	list-style-type: disc;
}
#sidebar_serv ul li{
	margin: 0 0 3px 10px;
}
img.servimgg {margin:5px 0 0 0;}
img.banner {padding:2px;border:dotted 2px #ccc;}

img.img_serv_elenco{float:left;display:inline;padding:5px 20px 0 0;}
div#servicedos ul li{list-style-type:none!important;}
a#flickr_www{display:none;}

.introcont a{color:#fff;}

ul.serv_right{display:block;float:left;}
ul li.titolo_se {padding:10px 0 10px 0!important;}
ul li.titolo_se strong{font-size:17px!important;color:#1D1D38!important;}

/****** pagina links *****/


code {
	display:block;
	padding:5px;
	border:dotted 2px #2EC5F0;
	margin:10px 0 0 0;
	background-color: #DFF0FF;
	font-size:11px;
}
#sidebar_all a:link,#sidebar_all a:visited {
	color: #3A3A52;
	text-decoration: none;
}
#sidebar_all a:hover,#sidebar_all a:focus, #sidebar_all a:active {
	color: #3A3A52;
	text-decoration: underline;
}
li.linkcat h2 {
	font-family: 'FolksRegular', Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #000000 !important;
	display: block;
	text-decoration: none;
	line-height: 18px;
	padding:10px 0 0 0;
	margin:0 0 10px 0;
	text-transform: capitalize;
	clear:left;
	}

ul.blogroll li a img {float:left;display:inline;margin:0 5px 5px 0!important;padding:2px;border:dotted 2px #ccc;}
br.clear {clear:left;}

#sidebar_all ul {
	padding: 0;
	margin:10px 0 10px 0;
	font-size: 12px;
	list-style-type:none;
}


/******** singolo progetto *******/

img.folio {width:325px;border:solid 1px #ccc;margin:0px 0 15px 0;}
img.foliodue {border:solid 1px #ccc;margin:0px 0 15px 0;width:77px;}

#immagini {float:left;display:inline;width:335px;}
#sidesingle {width:430px;float:right;display:inline;padding:0 0 30px 0;}
#sidesingle a.linksito{
	color: #34344C;
	margin: 0 0 15px 0;
	text-decoration: underline;
	display:block;
	font-family: 'FolksRegular', Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
}
#sidesingle a {color: #34344C;
	margin: 0 0 15px 0;
	text-decoration: underline;}
#sidesingle a:hover {color:#ccc;}

#titcateg h2 a{color:#fff;text-decoration: none;}
#sidesingle h2 {margin:0 0 10px 0;}

#img_servi {margin:40px 0 0 0;}
blockquote {
	border-right: solid 5px #CECBF6;
	margin:12px 0;
padding:8px;
background-color:#f1f1f1;
}

em.offline {color:#999999;display:
block;padding:0 0 20px 0;}
#tagg {margin:25px 0 0 0;}

#tagg a:link, #tagg a:visited
 {text-decoration:none;background-color:#ceceeb;padding:3px;font-size:12px!important;}
#tagg a:hover, #tagg a:focus, #tagg a:active {background-color:#28283F;color:#fff;}
#share a{text-decoration:none;font-size:12px;}

/**** pagina contatti ****/

#sidebar_serv.vuoto {
	background-image: none;
	color:#292940;
}
ul#cont_lista li{list-style-type:none !important;margin:0 0 5px 0;}
ul#cont_lista li a{color:#292940;text-decoration:none;}
ul#cont_lista li img {vertical-align:middle;}

div.introcont {padding:100px 0 0 0 !important;}

/**** pagina sitemap ****/

ul#map_uno {
	margin:0;
	padding:0;
	list-style-type: disc !important;
}
ul#map_uno li {
	display:block;
	padding:2px 0 2px 5px;
	font-weight: bold;
	color: #24243C;
}
ul#map_uno li ul {padding:4px 0 0 0;}
ul#map_uno li ul li {
	padding:0 0 0 24px;
	font-weight: normal;
	color: #7676AC;
	margin:0;
	
	background: url(images/line.gif) no-repeat left top;
}
ul#map_uno li ul li a {color: #7676AC;}
ul#map_uno a {text-decoration:none;}
#lastnews a span, #lastnews a em{text-decoration:none!important;}


#quote {width:880px;
text-align:right;
margin:0px auto;
padding-top:190px;}

#quote span {display:block;color:#fff;font-size:40px;padding-right: 220px;}
#quote small {display:block;padding:0 25px 0 0px;
font-size:15px;}