/* @override http://www.ilpistrice.com/index.php/pistrice_css/style */

/* @group fonts */

@font-face {
	font-family: 'GeosansLightRegular';
	src: url('/fonts/geosanslight-webfont.eot');
	src: url('/fonts/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/geosanslight-webfont.woff') format('woff'),
         url('/fonts/geosanslight-webfont.ttf') format('truetype'),
         url('/fonts/geosanslight-webfont.svg#GeosansLightRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @group meyer reset */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* @end */

/* @group yahoo reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

/* @end */

/* @group fix */

.container_2 {
	background-color: white;
}

/* @end */

/* @group header */

body {
	color: #999999;
	font: 13px/17px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	background: url(/images/sfondo.png) 3px 3px;
}

a#logo {
	display: block;
	height: 106px;
	background: url(/images/logo.png) no-repeat -10px 8px;
	width: 269px;
	text-indent: -500px;
	top: 0;
	left: 0;
	position: absolute;
}

#header {
	background-color: white;
	height: 110px;
}

/* @group new header top menu */

ul#new_top_menu {
	margin-top: 12px;
	z-index: 2;
	font-family: GeosansLightRegular;
	list-style-type: none;
	float: right;
}

ul#new_top_menu li a {
	font-family: GeosansLightRegular;
	text-decoration: none;
}

ul#new_top_menu li a:hover {
	color: black;
}

ul#new_prima_riga li, ul#new_seconda_riga li {
}

/* @group prima riga */

ul#new_prima_riga {
	list-style-type: none;
	float: left;
	margin-top: 10px;
}

ul#new_prima_riga li {
	float: left;
	background: url(/images/dot_grey.png) no-repeat 1px 50%;
	padding-left: 15px;
}

ul#new_prima_riga li a {
	color: gray;
}

ul#new_prima_riga li:first-child {
	list-style-type: none;
	background-image: none;
	padding-left: 0;
}

ul#new_prima_riga a {
	font-size: 23px;
}



/* @end */

/* @group seconda riga */

ul#new_seconda_riga {
	background-color: silver;
	color: white;
	list-style-type: none;
	float: left;
	margin-top: 5px;
	padding: 5px 3px;
}

ul#new_seconda_riga li {
	float: left;
	background: url(/images/dot_white.png) no-repeat 0 40%;
	padding-left: 15px;
}

ul#new_seconda_riga li a {
	color: white;
	display: block;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 14px;
}

ul#new_seconda_riga li:first-child {
	list-style-type: none;
	margin-left: 0;
	text-indent: 0;
	padding-left: 0;
	background-image: none;
}

/* @end */

/* @end */



/* @end */

/* @group main */

div.grid_2.relative {
	position: relative;
}

div#news_block {
	width: 420px;
	position: absolute;
	bottom: 0;
	background-color: white;
	margin-bottom: 15px;
	padding: 0 20px;
	margin-left: 15px;
	left: 0;
}

img.home_img {
	left: 0;
	bottom: 0;
}

#news_block p.home_post span.titolo a {
	display: none;
}

a#rabbit {
	width: 420px;
	display: block;
	text-indent: -500em;
	height: 60px;
	background: url(/images/rabbit.png) no-repeat 100% 0;
	clear: left;
	float: right;
}

a:hover#rabbit {
	background-position: 100% -75px;
}

/* @end */

/* @group colonna_2 */

#colonna_2 h1 {
	margin-left: 40px;
}

#colonna_2 p {
	padding-left: 40px;
}

/* @end */

/* @group colonna_1 */

span.titolo a {
	color: gray;
	text-decoration: none;
	display: block;
	padding-bottom: 5px;
	font-size: 17px;
	text-align: left;
}

span.titolo a:hover {
	color: silver;
}

/* @group paragrafo */

a.a_img {
	margin-right: 10px;
	border: 1px solid silver;
	padding: 2px;
	float: left;
	position: relative;
	z-index: 5;
}

span.home_img {
	width: 150px;
	float: left;
	overflow: hidden;
	height: 150px;
	margin-right: 20px;
	margin-bottom: 20px;
}

p.home_post {
	float: left;
	border-bottom: 2px dotted #999999;
	padding-bottom: 10px;
	text-align: justify;
	margin-bottom: 15px;
	position: relative;
}

a.arrow {
	text-indent: -500em;
	display: inline-block;
	width: 53px;
	background: url(/images/arrow.png) no-repeat 100% 0;
	height: 14px;
	float: right;
	position: absolute;
	line-height: 0;
	bottom: 0;
	right: 0;
}

a:hover.arrow {
	background: url(/images/arrow.png) no-repeat 100% 100%;
}

span.home_data {
	display: block;
	position: absolute;
	clear: right;
	font-size: 11px;
	bottom: 6px;
	left: 90px;
}

/* @end */

/* @end */

/* @group footer */

#footer {
	height: 40px;
	text-align: right;
}

#footer div.grid_2 p {
	padding: 10px;
	font-size: 11px;
}

/* @end */

/* @group gallery */

div.content {
	

/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	width: 450px;
	float: right;
}

div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}

div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div#captionToggle {
	display: none;
}

div.controls {
	margin-top: 5px;
	height: 23px;
	display: none;
}

div.controls a {
	padding: 5px;
}

div.ss-controls {
	float: left;
}

div.nav-controls {
	float: right;
}

div.slideshow-container {
	position: relative;
	clear: both;
	height: 702px;
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(/images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 450px;
	height: 700px;


/* This should be set to be at least the height of the largest image in the slideshow */
}

div.slideshow {
	
}

div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.slideshow a.advance-link {
	display: block;
	width: 450px;
	height: 700px;


/* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px;

/* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}

div.slideshow img {
	vertical-align: middle;
	padding-top: 62px;
	padding-bottom: 70px;
	margin: -2px;
}

div.download {
	float: right;
}

div.caption-container {
	position: relative;
	clear: left;
}

span.image-caption {
	display: block;
	position: absolute;
	width: 450px;
	top: 0;
	left: 0;
}

div.caption {
	
}

div.image-title {
	font-weight: bold;
	font-size: 1.4em;
	background-color: white;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 2px;
	background-color: white;
}

div.navigation {
	

}

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}

ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 5px -1px 0;
	list-style: none;
}

a.thumb {
	padding: 1px;
	display: block;
	border: 1px solid #ccc;
}

ul.thumbs li.selected a.thumb {
	background: #000;
}

a.thumb:focus {
	outline: none;
}

ul.thumbs img {
	border: none;
	display: block;
}

div.pagination {
	clear: both;
}

div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}

div.navigation div.bottom {
	margin-top: 12px;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}

div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}

div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}

div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

/* @end */

/* @group h1 */

h1#blog {
	height: 85px;
	background: url(/images/blog.png) no-repeat;
	text-indent: -500em;
	margin-bottom: 20px;
}

h1#h1_personal_work {
	height: 29px;
	background: url(/images/personal_work.png) no-repeat -11px -9px;
	text-indent: -500em;
	margin-bottom: 26px;
}

h1#h1_commercial {
	height: 29px;
	background: url(/images/commercial.png) no-repeat -10px -9px;
	text-indent: -500em;
	margin-bottom: 26px;
}

h1#h1_children {
	height: 29px;
	background: url(/images/children.png) no-repeat -10px -9px;
	text-indent: -500em;
	margin-bottom: 26px;
}

h1#h1_fine_art {
	height: 29px;
	background: url(/images/fine_art.png) no-repeat -10px -9px;
	text-indent: -500em;
	margin-bottom: 26px;
}

h1#h1_pubblications {
	height: 29px;
	background: url(/images/pubblications.png) no-repeat -10px -9px;
	text-indent: -500em;
	margin-bottom: 26px;
}

h1#who_is_the_pistrice {
	text-indent: -500em;
	background: url(/images/who.png) no-repeat -2px 0;
	height: 56px;
}

h1#about_me {
	text-indent: -500em;
	background: url(/images/about.png) no-repeat -2px 0;
	height: 56px;
}

h1#links {
	text-indent: -500em;
	background: url(/images/links.png) no-repeat -2px 0;
	height: 56px;
}

h1#squame {
	text-indent: -500em;
	background: url(/images/squame.png) no-repeat -2px 0;
	height: 56px;
}

/* @end */

/* @group blog */

p.post span.testo a:hover {
	color: #999999;
	text-decoration: underline;
}

p.post span.testo a {
	color: gray;
	text-decoration: none;
}

div.posts {
	background-color: white;
	padding-left: 20px;
}

#content p.post {
	padding-bottom: 20px;
	border-bottom: 2px dotted gray;
	margin-bottom: 20px;
	display: inline-block;
}

span.blog_data {
	display: block;
	font-size: 11px;
}

img.blog_img {
	margin-right: 10px;
	float: left;
	border: 1px solid silver;
	padding: 2px;
}

span.titolo {
	display: block;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 20px;
}

span.testo {
	display: block;
	padding-bottom: 10px;
	position: relative;
}

/* @group galleria blog */

span.galleria {
	padding: 10px 0;
	display: inline;
}

div.posts div.galleria img.blog_img {
	padding: 5px;
	margin-right: 0;
}

a.galleria_thumb {
	padding: 2px;
	display: inline-block;
	border: 1px solid #ccc;
	width: 50px;
	height: 50px;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* @end */

/* @end */

/* @group links */

#colonna_2 p.pagine strong {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 17px;
	clear: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

#colonna_2 p.pagine a {
	color: #999999;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	float: left;
	padding: 2px;
	width: 180px;
	font-size: 12px;
}

#colonna_2 p.pagine a:hover {
	text-decoration: underline;
}

/* @end */

/* @group pagination */

p.pagination {
	text-align: right;
	margin-bottom: 10px;
}

p.pagination a {
	display: inline-block;
	border: 1px solid #999999;
	padding: 1px 6px;
	color: #999999;
	text-decoration: none;
}

p.pagination a:hover {
	background-color: #999999;
	color: white;
}

p.pagination strong {
	background-color: #999999;
	color: white;
	border: 2px solid #999999;
	padding: 1px 6px;
}

/* @end */

/* @group masonry */

#thumbs div#masonry {
}

div.items {
	padding: 0;
	margin: 0 12px 12px 0;
	height: auto;
	float: left;
}

div.items img {
}

div#masonry a.container_thumb {
	text-decoration: none;
	color: black;
	font-size: 14px;
}

a.container_thumb {
	position: relative;
	display: block;
}

div.white_caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	font-family: GeosansLightRegular;
	background-color: rgba(255,254,255,0.7);
	top: 0;
	padding: 0;
	opacity: 0;
}

div.container_caption {
	position: absolute;
	bottom: 0;
	padding: 5px;
}

div.container_image-desc {
	
}

h1.category_header {
	background-image: url(/images/category_title_background.png);
	height: 42px;
}

#content div.grid_2.clearfix h1.category_header span {
	display: block;
	float: left;
	background-color: white;
	font: 20px GeosansLightRegular;
	padding: 9px 6px 9px 0;
	text-transform: uppercase;
}

h2.category_description {
	clear: left;
	margin-bottom: 5px;
	font-size: 12px;
}



/* @end */

/* @group lightbox */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/

#colorbox, #cboxOverlay, #cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
	overflow: visible;
}

#cboxLoadedContent {
	overflow: auto;
}

#cboxLoadedContent iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor: pointer;
}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/

#cboxOverlay {
	background: #fff;
}

#colorbox {
	
}

#cboxContent {
	margin-top: 32px;
}

#cboxLoadedContent {
	background: #FFF;
	padding: 1px;
}

#cboxLoadingGraphic {
	background: url(/images/loading.gif) center center no-repeat;
}

#cboxLoadingOverlay {
	background: #000;
}

#cboxTitle {
	position: absolute;
	top: -17px;
	left: 0;
	color: #000;
	height: 17px;
	overflow: hidden;
	padding-right: 70px;
}

#cboxCurrent {
	position: absolute;
	top: -22px;
	right: 205px;
	text-indent: -9999px;
}

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -20px;
	background: url(/images/controls.png) 0 0 no-repeat;
}

#cboxPrevious {
	background-position: 0px 0px;
	right: 44px;
}

#cboxPrevious.hover {
	background-position: 0px -25px;
}

#cboxNext {
	background-position: -25px 0px;
	right: 22px;
}

#cboxNext.hover {
	background-position: -25px -25px;
}

#cboxClose {
	background-position: -50px 0px;
	right: 0;
}

#cboxClose.hover {
	background-position: -50px -25px;
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
	right: 66px;
}

.cboxSlideshow_on #cboxSlideshow {
	background-position: -75px -25px;
	right: 44px;
}

.cboxSlideshow_on #cboxSlideshow.hover {
	background-position: -100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
	background-position: -100px 0px;
	right: 44px;
}

.cboxSlideshow_off #cboxSlideshow.hover {
	background-position: -75px -25px;
}

/* @end */

/* @group facebook */

#facebook_like {
	float: left;
	margin-top: 10px;
	margin-left: 14px;
}



/* @end */