/*
Theme Name: FotoNote Theme
Theme URI: http://www.fotonote.it/
Description: The default FotoNote theme.
Version: 1.0
Author: Marco Traverso
Author URI: http://www.line22.com/
Tags: white, custom header, fixed width, two columns, widgets
*/


/*
RESET STYLES
/*Source: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 
												vertical-align: baseline; background: transparent;}
body 			{line-height: 1;}
ol, ul 			{list-style: none;}
blockquote, q 	{quotes: none;}

/* remember to define focus styles! */
:focus 			{ outline: 0;}

/* remember to highlight inserts somehow! */
ins 			{text-decoration: none;}
del 			{text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table 			{border-collapse: collapse; border-spacing: 0;}

/*END OF STYLES GENERAL RESET */


body		 {background-color:#fff; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
#top-wrapper-ext {width:100%; float:left;background-color:#000;}
#header-ext {width:100%; background:#222 url(images/bg-header.jpg) repeat-x;}
#header {width:960px; margin:0 auto; background:url(images/bg-header-right.jpg) right no-repeat; }
#wrapper-ext {width:960px; margin:0 auto 20px; padding-bottom:20px; }
#wrapper {float:left; width:100%;background-color:#fff; }


/*
#navbar {width:100%; float:left; height:38px; background: #000;}
#navbar ul {float:left;}
#navbar li {float:left; list-style-type:none; font-size:18px; margin-top:8px; font-weight:normal; color:#333;}
#navbar li a {padding:2px 12px; color:#999; text-decoration:none;}
#navbar li a:hover {color:#fff;}
*/

#searchform {float:right; width:220px; margin:3px 2px;letter-spacing:normal;}
#searchform input {height:24px; }
#searchform div#searchbox-ext {width:128px; height:23px; background:#eee url(images/bg-searchbox.png) no-repeat; border:solid 1px #999;}
#searchform input.searchbox { color:#666; background:none; border:none; margin:3px 0 0 20px; width:100px; height:16px; font-size:11px;}
#searchform input.searchbutton {float:right; margin-right:12px;}



#content-ext 	{width:624px; float:left; padding-bottom:16px;}
#content 		{width:600px; margin:16px auto;  text-align:justify; color:#444; }
#content h1 	{font-family:"helvetica neue",helvetica,arial,sans-serif;font-size:30px; margin:5px 0 5px; font-weight:normal; color:#000; text-align:left; border-bottom:solid 2px #ccc; padding-bottom:6px;}


#sidebar-ext 		{width:324px; float:right; padding-bottom:20px;}
#sidebar 			{width:300px; float:right; margin-right:12px;}


/* HEADER */

#top-pages-menu-ext 	{width:100%; height:28px;background-color:#000; border-bottom:solid 1px #444;}
#top-pages-menu 		{width:960px; margin:0 auto; font-size:11px; text-transform:uppercase;}
#top-pages-menu ul		{float:right;}
#top-pages-menu ul li	{float:left; padding:8px 0 0 20px;}
#top-pages-menu ul li a	{color:#ccc; text-decoration:none;}
#top-pages-menu ul li a:hover {color:#fff; text-decoration:underline;}

#header-topbanner {float:right; clear:right; margin-top:16px; width:468px; height:60px;}

/* DROPDOWN MENU */



ul#topmenu { /* all lists */ font-size:15px; padding: 1px 5px; margin-top:10px; clear:right; list-style: none; float:right; font-weight:bold;}
ul#topmenu li {padding:0;}
ul#topmenu li a {display:block; color:#fff; padding:4px 8px; text-decoration:none; text-transform:normal; letter-spacing:.04em;}
ul#topmenu li a:hover {background-color:#333; color:#dedede;}

ul#topmenu li { /* all list items */ float: left; position: relative; padding:0; margin:0;}

ul#topmenu li ul { /* second-level lists */ display:none; 
 position: absolute; margin:0; top: 23px; left: 0; width:130px;
	background-color:#dedede; list-style-type:none; margin:0; padding:0; border:solid 1px #999; font-size:13px;
	 
}
ul#topmenu ul li {width:100%; background-color:#666; clear:left; }

ul#topmenu ul li a {display:block; color:#666; padding:5px; background-color:#dedede; text-transform:none; letter-spacing:0;  z-index:500;}

ul#topmenu ul li a:hover {background-color:#ccc; color:#444;}

ul#topmenu li:hover ul, ul#topmenu li.over ul { /* lists nested under hovered list items */
	display: block; 
}

ul#topmenu ul li ul.children li {display:none;}
ul#topmenu ul li img	{float:left;  margin:2px 5px;}



/* SIDEBAR */


#sidebar h2 		{display:block; clear:both; font-size:16px; font-family: Georgia, "Times New Roman", Times, serif; text-align:right; text-transform:lowercase; font-weight:bold;
					font-style: italic; letter-spacing:.2px; color:#aaa; border-bottom: solid 2px #ccc; padding-top:10px; padding-bottom:4px; margin:16px 0 6px;}
.item-sidebar {width:100%; float: left; clear:left; border-bottom: solid 0px #ccc; padding:3px 0 5px; margin:2px 0;}
.item-sidebar img {float:right; margin:2px 0 0 3px; border: solid 1px #ccc; padding:1px;}
.item-sidebar h3 {color:#444; font-size:15px; margin:0 0 6px; line-height:18px;}
.item-sidebar h3 a {color:#444;}
.item-sidebar a:hover {color:#000;}
.item-sidebar .metadata {text-transform:normal; font-weight:bold;color:#777; font-size:11px; margin-bottom:4px;}
.item-sidebar .metadata a {color:#9eaa16;}
.item-sidebar .metadata a:hover	{color:#4b5111;}
.item-sidebar .summary {clear:left; font-size:11px; line-height:14px; color:#666;}

.primo-piano .item-sidebar h3 {font-size:20px; line-height:21px; margin-bottom:7px; font-weight:normal;}
.primo-piano .item-sidebar h3 a {text-decoration:none;}
.primo-piano .item-sidebar h3 a:hover {text-decoration: underline; color:#000;}
.primo-piano .item-sidebar .metadata {font-weight:bold; margin:2px 0 8px; line-height:12px; color:#777;}
.primo-piano .item-sidebar img {float:left; margin-right:6px; padding:0; border:solid 1px #333;}
.primo-piano .item-sidebar .summary {clear:none;font-size:13px; color:#888; margin-top:4px;line-height:17px;}


#sidebar-banner-300x250 {margin-top: 16px;}

#header .login {margin-top:110px;font-size:12px; float:right;}
#header .login a {color:#999;}
#header .login a:hover {color:#333;}


/* IMAGE OVERLAY */


.image-overlay { list-style: none; text-align: left; }
.image-overlay li { display: inline; }


.image-overlay a:link, .image-overlay a:visited, .image-overlay a:hover, .image-overlay a:active { text-decoration: none; }
.image-overlay a:link img, .image-overlay a:visited img, .image-overlay a:hover img, .image-overlay a:active img { border: none; }

.image-overlay a {  margin: 9px 0; float: left; background: #fff; border: solid 0px;  overflow: hidden; position: relative;} 
.image-overlay img { position: absolute; top: 0; left: 0; border: 0; }
.image-overlay .caption
{
    float: left;   position: absolute;    background-color: #000;
    width: 100%; 	cursor: pointer;
	/* The way to change overlay opacity is the follow properties. Opacity is a tricky issue due to
		longtime IE abuse of it, so opacity is not offically supported - use at your own risk. 
		To play it safe, disable overlay opacity in IE. */
    /* For Firefox/Opera/Safari/Chrome */
	opacity: .8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.image-overlay .caption h1, .image-overlay .caption h2, .image-overlay .caption h3,
.image-overlay .caption h4, .image-overlay .caption h5, .image-overlay .caption h6
{
	margin: 10px 0 4px 2px; font-size: 20px; font-weight: bold; padding: 0 0 0 5px; color:#fff; line-height:1.1em;
}
.image-overlay .caption h1:hover, .image-overlay .caption h2:hover, .image-overlay .caption h3:hover {color:#95a315;}
.image-overlay p
{
	text-indent: 0; margin: 5px 10px 10px; font-size: 12px; color:#aaa; line-height:1.1em;
}


/* END IMAGE OVERLAY */



.item-post		{width:100%; float:left; margin:10px 0 6px; line-height:1em;}
.item-post h2	{margin:0 0 7px; font-size:19px; color:#111;}
.item-post h2 a {color:#111; text-decoration:none;}
.item-post h2 a:hover {color:#000; text-decoration:underline;}

.post-metadata 			{width:100%;  color:#777; font-size:12px; padding-bottom:10px; }
.post-metadata b 		{color:#555;}
.post-metadata .right	 {float:right;}
.post-metadata a 		{color:#95a315; text-decoration:underline; font-weight:bold;}
.post-metadata a:hover	{color:#4b5111;}

.item-post .post-metadata {border-bottom:solid 1px #ccc; padding-bottom:4px;}

.item-post .summary {line-height:1.4em; font-size:14px; color:#555; line-height:22px; margin-top:7px; text-align:left;}

.item-post img {float:left; margin:6px 10px 4px 0px; padding:8px; background-color:#eee;}
.more { display:block; font-size:14px; font-weight:bold; margin-top:12px; }
.more a	{color:#111;  text-decoration:none;}
.more a:hover	{color:#080808;  text-decoration:underline; }

.item-link	{margin:5px 0; padding-bottom:4px; border-bottom: solid 1px #ccc; line-height:1.2em; font-size:13px;}
.item-link h3 {font-size:16px; font-weight:bold; margin:5px auto 8px; }
.item-link a h3  		{text-decoration:underline; color:#4f69b0;}
.item-link a h3:hover 	{color:#112867;}


.navigation {width:100%; clear:both;  font-size:11px; color:#777; margin-top:16px; border-top:solid 2px #ccc; padding-top:6px;}
.navigation a{color:#777;}
.navigation a:hover {color:#222;}
.navigation .next {float:right;}
.navigation .prev {float:left;}

/*HOMEPAGE */
#box-primo-piano-controls-ext 		{float:left; width:100%;}
#box-primo-piano-controls 			{background-color:#999; color:#fff; text-transform:uppercase; font-weight:bold; font-size:14px; text-align:right; padding:8px;}


#box-primo-piano 			{float:left; clear:left;width:100%; background:#f2f2f2; border:solid 0px #dcdcdc; padding:8px 0;}
#box-primo-piano img  {float:left; padding:8px; background:#dcdcdc; margin:0 28px 0 8px;}
#box-primo-piano h2 {font-size:30px; font-weight:normal; margin-top:10px;}
#box-primo-piano h2 a {text-decoration:none; color:#000;}
#box-primo-piano h2 a:hover {text-decoration:underline; color:#000;}
#box-primo-piano .metadata  {font-size:13px; font-weight:bold; margin:10px 0 14px; color:#666;}
#box-primo-piano .metadata b  {color:#111;}

#box-primo-piano .metadata a {color:#C00;}
#box-primo-piano .summary {text-align:left; line-height:1.3em; font-size:14px; color:#555; padding-right:60px;}
#box-primo-piano .more {font-size:13px;}
#box-primo-piano .more a {color:#333; text-decoration:underline;}
#box-primo-piano .more a:hover{ color:#000;}

#home-cover img {border:none;}
#home-cover .summary { padding:10px;background-color:#000; font-size:13px; font-weight:normal; line-height:18px; color:#fff;}

#home-bottom-columns {width:540px; float:left; text-align:left;}
#home-bottom-columns img {border:none;}

#home-bottom-columns div.divider {width:100%; height:10px;border-top:solid 1px #999;}
.home-col-1 {width:174px; float:left; margin-right:9px;}
.home-col-2 {width:174px; float:left; margin-right:9px;}
.home-col-3 {width:174px; float:right; margin:0;}


li.col-item {width:174px; float:left; list-style-type:none;}
li.col-item h2 		{text-transform:lowercase; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;  line-height:normal;					font-style:italic; font-size:16px; color:#999; padding-bottom:1px; margin:5px 0; border-bottom:solid 1px #999;}
li.col-item h3 {font-size:15px; font-weight:bold; line-height:16px; margin:4px 0;}
li.col-item h3 a {color:#000; text-decoration:none;}
li.col-item a:hover {color:#666; text-decoration:none;}
li.col-item .summary {font-size:11px; text-align:left; line-height:normal;}

/* SIDEBAR */

.right-box-ext {width:100%; margin-top:20px; float:left; background:url(images/bg-right-box.png) repeat-y;}
.right-box-top {width:100%; background:url(images/bg-right-box-top.png) top no-repeat;}
.right-box {padding:8px;}
.right-box-bottom {width:100%; height:5px; background: url(images/bg-right-box-bottom.png);}
.right-box h2 {font-size:22px; color:#263163; margin-bottom:8px; line-height:20px;}

.box-item {clear:both; padding:6px 0 20px;  border-bottom:solid 1px #999;}
.box-item h3 {font-weight:bold; font-size:16px; margin-bottom:4px;}
.box-item h3 a {color:#444; text-decoration:none;}
.box-item h3 a:hover {color:#111; text-decoration:underline;}
.box-item .summary {margin:6px 0 4px; font-size:13px; color:#585858; line-height:16px;}

.right-box .box-item .summary .date {background-color:#999; padding:1px 3px; margin-right:4px; color:#fff; font-size:11px; font-weight:bold;}

.right-box2-ext {width:100%; margin-top:20px; float:left;}
.right-box2 	{padding:8px; float:left;}
.right-box2 h2	{font-size:22px; color:#263163; margin-bottom:6px; line-height:20px; }
.right-box2 .box-item .summary .date {color:#222; margin-right:6px; font-size:11px; font-weight:bold;}
.right-box2-bottom {width:100%; height:5px; }

.random-posts-thumbnails {padding-left:9px;}
.random-posts-thumbnails img {float:left; padding:8px;}
.random-posts-thumbnails img:hover{ background-color:#dedede;}


/* POST */
.text 					{ font-family:"helvetica neue",helvetica,arial,sans-serif; color:#292929; font-size:14px; text-align:left; line-height:24px; letter-spacing:0.05px;}
.text b, .text strong 	{color:#0000;}
.text img 				{border:none; margin-top:6px; margin-bottom:8px;}
.text a					{color:#95a315; font-weight:bold; text-decoration:underline;}
.text a:hover			{color:#4b5111;}
.text h2					{font-size:24px; font-weight:bold; margin-top:10px; color:#95a315;}
.text h3					{color:#000; font-size:18px; margin:10px 0;}
.text h3:hover		{color:#95a315;}

.text	 	{line-height:1.6em;}
.text ul 	{margin:8px 0 8px 10px; padding-left:15px; }
.text ul li {list-style-type:disc; }
.text p 		{margin:11px 0;}
.text blockquote {padding:3px 10px 3px 12px; background:#f5f5f5 url(images/bg-blockquote.png) 4px 0px no-repeat; text-align:left;font-size:16px; line-height:23px; 
				color:#666; font-style:italic; font-family:Georgia, Times New Roman, Serif; border-left:solid 6px #b5c149;  margin:4px 0 10px;}

.share-box {clear:both; width:100%; font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:13px; padding-top:4px; border-top:solid 1px #ccc; margin-top:12px;}

.post-top-ad {margin:4px 0;}

.text-footer {clear:both; margin-top:20px; text-align:right; border-top:solid 1px #ccc; padding-top:6px; font-size:13px;}
.text-footer a{color:#444; font-weight:bold;}
.text-footer a:hover {color:#070707;}


/* LINKS PAGES */
li.bookmark 	{font-size:13px; color:#666; margin:4px 0 3px; line-height: 20px; }
li.bookmark a {font-size:14px; margin-bottom:4px; display:block;}
.links-navbar{font-size:13px; font-weight:bold; color:#666;}
.links-navbar b {color:#333;}
/* FOOTER */

#bottom-wrapper-ext {clear:both; width:100%; padding-bottom:20px; background-color:#171717;}
#bottom-wrapper {width:960px; margin:0 auto;}
#footer-ext {width:100%; height:141px;float:left; background:#000 url(images/bg-footer.gif) bottom no-repeat; font-family:Arial, Helvetica, sans-serif;}
#footer {width:940px; margin:12px auto;}
#footer h2 {margin-bottom:10px; color:#fff; font-size:20px; font-weight:normal;}
#footer ul {float:left;clear:right;  }
#footer ul li {list-style-type:none; width:90%; padding:5px 0; border-bottom: solid 1px #494949; font-size:14px;}
#footer ul li a 	{color:#888; text-decoration:none;}
#footer ul li a:hover {color:#fff;}

#footer .block-1 {width:420px; float:left;}
#footer .block-1 ul {width:120px;}
#footer .block-2 {width:350px; float:left;}
#footer .block-2 ul {width:320px;}
#footer .block-3 {width:140px; float:right;}
#footer .block-3 ul {width:120px;}

#signature 			{width:100%; clear:both; padding:8px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
#signature .right 	{float:right; font-size:13px;}
#signature a 		{font-weight:bold; text-decoration:underline; color:#fff;}
#signature a:hover 	{text-decoration:underline; color:#c1d412;}


/* Begin Images */
p img 			{padding: 0; max-width: 100%;}
img.centered 	{display: block;margin-left: auto;margin-right: auto; margin-bottom:4px; margin-top:6px;}
img.alignright 	{padding: 0;margin: 6px 0 4px 10px;display: inline;}
img.alignleft 	{padding: 0;margin: 6px 10px 4px 0;display: inline;}
.alignright 	{float: right;}
.alignleft 		{float: left;}
/* End Images */

/* Captions */
.aligncenter, div.aligncenter   { display: block; margin-left: auto; margin-right: auto; }
.wp-caption {
	text-align: center; padding-top: 8px; line-height:1.2em; margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text {
	font-size: 12px; font-weight:bold; color:#333; padding: 6px 4px; margin: 0;
}
/* End captions */



/* Nuovo Slideshow con Coda-Slider */



#slider  {clear:both; float:left; margin:14px 0 14px; padding:0; width:100%; background-color:#f2f2f2; border:solid 1px #dcdcdc;}
#slider .title {text-align:right; color:#999; text-transform:lowercase; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; margin:5px 16px; font-size:16px;}
#slider  .navigation {margin:0; padding:0; width:70px;  float:left; background-color:#ccc; }

#slider ul { list-style: none; margin-top:1px; padding:0;}
#slider ul li {clear:left; margin:0;padding:0;}
#slider ul li a  { float:left; display:block; padding:7px 10px; background-color:#ccc;}

#slider ul li a:hover { background-color: #f2f2f2; }

#slider ul a.selected { background-color: #f2f2f2; }

#slider ul a:focus {   outline: none; }

.scroll { height: 210px;  width: 480px; margin:0 auto;overflow: hidden; overflow-x: hidden; }
.scrollContainer {overflow:hidden;}
.scrollContainer div.panel {   width: 480px; }


.item-box-primo-piano 			{float:left; clear:left; background:#f2f2f2; border:solid 0px #dcdcdc; padding:8px 0 0; text-align:left;}
.item-box-primo-piano .right 	{float:right; margin-left:20px;width:270px; }
.item-box-primo-piano img  {float:left; padding:8px; background:#dcdcdc;}
.item-box-primo-piano h2 {font-size:25px; font-weight:normal; color:#000;}
.item-box-primo-piano h2 a {text-decoration:none; color:#000;}
.item-box-primo-piano h2 a:hover {text-decoration:underline; color:#000;}
.item-box-primo-piano .metadata  {font-size:13px; font-weight:bold; margin:7px 0 11px; color:#666;}
.item-box-primo-piano .metadata b  {color:#333;}

.item-box-primo-piano .metadata a {color:#C00;}
.item-box-primo-piano .summary {text-align:left; line-height:1.3em; font-size:14px; color:#888; padding-right:60px;}
.item-box-primo-piano .more {font-size:13px; margin-top:12px;}
.item-box-primo-piano .more a {color:#a00; text-decoration:underline;}
.item-box-primo-piano .more a:hover{ color:#600;}






.scrollButtons { bottom: 150px;  cursor: pointer;  }
.scrollButtons.left {  left: -20px;}
.scrollButtons.right {    right: -20px;}
.hide {    display: none;}

		
/* SLIDING BOXES */
		
			
h3{ margin: 10px 10px 0; text-align:left; color:#fff; font-size:24px; font-family:Arial, sans-serif; font-weight: bold;  }

.boxgrid{ width: 540px; height: 405px; margin:0px;  float:left; border: solid 0px #8399AF; overflow: hidden; position: relative; 
	text-align:center;
}
.boxgrid img	{margin: 0 auto; border:none;}
.boxgrid p 		{padding: 10px 10px; text-align:left; color:#afafaf; font-weight:normal; font:Arial, Helvetica, sans-serif;  font-size:14px; line-height:18px;}
.boxgrid .more 			{padding: 0 10px 10px	;}
.boxgrid .more a 		{color:#c1d412; }
.boxgrid .more a:hover 	{color:#fff;}
	
.boxcaption {float: left; position: absolute; background: #000; width: 100%; 	opacity: .85;
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			}
.captionfull .boxcaption 	{top: 1000;left: 0;}
.caption .boxcaption 		{top: 360;left: 0;}
.tabs, #tabs 				{position:relative; top:-80px; height:80px;  width:540px; background-color:#000; opacity:.85; z-index:1;	
							/* For IE 5-7 */	
							filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
							/* For IE 8 */
							-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}