/*

Theme Name: HTML5Press

Theme URI: http://www.longren.org/wordpress/html5press

Description: HTML5 & CSS3 theme designed by <a href="http://jayj.dk">Jesper</a> and coded by <a href="http://www.longren.org/wordpress/html5press">Tyler</a>.

Author: Tyler Longren

Author URI: http://www.longren.org/

Version: 2.2

Tags: black, white, pink, blue, red, green, orange, two-columns, fixed-width, threaded-comments, custom-menu, right-sidebar, translation-ready

License: GNU General Public License

License URI: license.txt

*/



/**

 * HTML5 And CSS3 Theme version 2.0

 * By Jayj.dk 

 * Download for free at http://jayj.dk/a-free-html5-and-css3-theme/

 

	Released under New BSD License

	http://www.opensource.org/licenses/bsd-license.php

	 

	Copyright (c) 2009-2011, Jayj.dk

	All rights reserved.

	

	Redistribution and use in source and binary forms, with or without modification,

	are permitted provided that the following conditions are met:

	

		* Redistributions of source code must retain the above copyright notice,

		  this list of conditions and the following disclaimer.

	

		* Redistributions in binary form must reproduce the above copyright notice,

		  this list of conditions and the following disclaimer in the documentation

		  and/or other materials provided with the distribution.

	

		* Neither the name of Jayj.dk nor the names of its

		  contributors may be used to endorse or promote products derived from this

		  software without specific prior written permission.

	

	THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND

	ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED

	WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE

	DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR

	ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES

	(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;

	LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON

	ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT

	(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS

	SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

*/



/* Reset.css */

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure,

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

  margin: 0;

  /* padding: 0;*/

  border: 0;

  font-size: 100%;

  vertical-align: baseline;

}

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

  display: block;

}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,

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

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

/* End reset */





/**

 * Styles start here

 */

 

body { 

    color: #222;

    font: 16px/28px Georgia, 'Times New Roman', Times, serif;

    

    /* CSS3 gradient background pattern @credits http://leaverou.me/demos/css3-patterns.html */

    background: url(images/bg.png) repeat fixed; /* Image fallback for Firefox and browsers who don't support gradients */ 



    background-color: #eee; /* Change this to change both stribe colors */





    background-image: -webkit-gradient(linear, 0 100%, 100% 0,

                            color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent),

                            color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)),

                            color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),

                            to(transparent)); /* Old webkit syntax */

    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,

                            transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,

                            transparent 75%, transparent); /* New webkit syntax */                    

    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,

                            transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,

                            transparent 75%, transparent); /* Opera */

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,

                            transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,

                            transparent 75%, transparent); /* WC3 */

    background-size: 16px 16px;
	

	

}



/* Always force a scrollbar in non-IE 

  Remove iOS text size adjust without disabling user zoom: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */	


html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; initial-scale: 1 ; webview.scalesPageToFit = YES; }


#wrapper {

	width:1000px;
	
	margin: 0 auto;

}



/**

 * Typography and default HTML elements

 */



a:active { outline: none; }



p, dl, hr, h1, h2, h3,

ol, ul, dd, pre, table, fieldset {

	margin-bottom: 5px;

}



/* Headings */

h1, h2, h3, h4, h5, h6 {

	text-shadow: 0 1px 0 #fff;

}



h1 {

	font-size: 32px;

}



h2 {

	font-size: 28px;

}



h3 {

	font-size: 26px;

	letter-spacing: -1px;

}



.post h3 {

	margin: 30px 0 20px;

}



h4 {

	font-size: 21px;

	margin-bottom: 15px;

}



h5 {

	font-size: 18px;

}



h6 {

	font-weight: normal;

	font-size: 16px;

}



/* Lists */

ol, ul {

	margin-left: 40px;	

}



ol {

	list-style: decimal;

}



ul {

	list-style: none;

}



ol ol {

	list-style: upper-alpha;

}

ol ol ol {

	list-style: lower-roman;

}

ol ol ol ol {

	list-style: lower-alpha;

}



ul ul, ol ol, ul ol, ol ul {

	margin-bottom: 0;

}



dl {

	margin: 0 20px;

}



dt {

	font-weight: bold;

}



	/* Remove margins for navigation lists */

	nav ul, nav li { margin: 0; list-style: none; list-style-image: none; }



/* Code */

pre, code, kbd, samp { font-family: monospace, sans-serif; }



pre {

	background: #464646;

	border: solid #121212;

	border-width: 2px 0 2px 0;

	border-radius: 5px;

	color: #fff;

	padding: 20px;

	white-space: pre; white-space: pre-wrap; word-wrap: break-word;

	/*position: relative;*/

	/*text-shadow: 0px 1px 0px #333;*/

	

}



	/* This is removed for now because of a strange Chrome bug with text-shadow and position: relative; */

	/* Usage: <pre rel="CSS">...</pre>, <pre rel="PHP">...</pre> */

	/*pre:after {

		content: attr(rel);

		color: #F83D87;

		font: bold 16px 'Droid Serif', Georgia, serif;

		position: absolute;

		bottom: 10px; right: 15px;

	}*/



code {

	background: #cecece;

	font-size: 14px;

	padding: 3px;

	border-radius: 3px;

}



pre code {

	background: none;

	font-size: 16px;

}



/* Quotes */

blockquote {

	background: url(images/quote.png) no-repeat left top;

	color: #424242;

	padding: 33px 30px 0;

	margin: 40px 20px 20px;

	text-shadow: 0 1px 0 #fff;

}



blockquote p { margin: 0; }



q { font-style: italic; }



	/* Cite after <blockquote> */

	blockquote + p {

		margin-left: 20px;	

	}

	

	blockquote + p,

	blockquote + cite,

	blockquote + p cite {

		font: 18px Garamond, 'Droid Serif', Georgia, serif;

	}

	

/* Tables */

table {

	border: 1px solid #e7e7e7;

	border-collapse: collapse; border-spacing: 0;

	font-size: 14px;

	width: 100%;

	text-align: left;

}



	/* th */

	tr th,

	thead th {

		background: #f3f9fc;

		border-left: 1px solid #e9f2f7;

		color: #444;

		font-size: 15px;

		font-weight: bold;

		padding: 9px 24px;

		-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .04);

		-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, .04);

		box-shadow: inset 0 0 10px rgba(0, 0, 0, .04);

	}



	/* td */

	tr td {

		padding: 6px 6px;

	}

	

	td { vertical-align: top; }

	

	tr:nth-child(2n) td {

		

	}

	

	

	td, td img { vertical-align: top; }

	

	/* tfoot */

	tfoot td {

		color: #777;

		font-size: 11px;

		text-transform: uppercase;	

	}

	

	tfoot th {

		color: #444;

		font-size: 12px;

		text-transform: uppercase;	

	}



	/* Table caption */

	table caption {

		background: #ffffee;

		border: 1px solid #ffffc6;

		font-size: 16px;

		margin-bottom: 5px;

		padding: 10px;

		border-radius: 5px;

	}



/* Other elements */

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }



small { font-size: 85%; }

b, strong, th { font-weight: bold; }



ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }



hr {

	display: block;

	height: 0px;

	border: 0;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid rgba(255, 255, 255, 0.6);

	margin: 20px 0 40px;

	padding: 0;

}



/**

 * Bandierine Header Polylang

 */



#widgetized-header {

	padding: 75px 0 0 850px;

	position: block;

}



#widgetized-header ul {

	width: 80px;

}



#widgetized-header .lang-item {

	list-style-type: none;

	padding: 0 10px;

	opacity: 0.8;

}



#widgetized-header .lang-item:hover {

	opacity: 1; 

	filter:alpha(opacity=100);

	-webkit-transform: scale(1.1) translateZ(0);

	/*-moz-transform: scale(1.1) translateZ(0);*/

	transform: scale(1.1) translateZ(0);

	}





/**

 * Header

 */





#header {

	padding: 1px 1px 1px;
	

}



#site-title a {

	color: #fff;

	float: left;

	letter-spacing: -3px;

	text-shadow: 0 1px 0 #fff;

	-webkit-transition: all 200ms linear;

	-moz-transition: all 200ms linear;

	transition: all 200ms linear;

	padding-left: 15px;
	
	

	/* Gain the benefits from GPU acceleration */

	-webkit-transform: translateZ(0);

	transform: translateZ(0);
	
	display: block;

	font: bold 40px 'Droid Serif', sans-serif !important;

}


#site-title a:hover {

	background: none;

	text-shadow: 0 1px 0 #black;

	

	/* Scale the site title on hover */

	-webkit-transform: scale(1.03) translateZ(0);

	-moz-transform: scale(1.03) translateZ(0);

	transform: scale(1.03) translateZ(0);

}



#site-description {

	float: right;

	padding-top: 45px;

	padding-right: 45px;

	color: #fff;

	width: 550px;

	font-size: 1.5em !important;

	text-shadow: 2px black;	

	display:none;



}

/**

 * Green css

 */

a {
	color: #038F3F;
	text-decoration: none;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	transition: all 100ms linear;
}

a:hover {
	color: #009900;
	text-shadow: 0 1px 0 #fff;
}

#menu a:hover {
	background: #038F3F; /* Fallback */
	background: -moz-linear-gradient(top, #038F3F 0%, #012b13 100%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0% , #038F3F), color-stop(100% , #012b13)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #038F3F 0%, #012b13 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #038F3F 0%, #012b13 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #038F3F 0%, #012b13 100%); /* IE10+ */
	background: linear-gradient(top, #038F3F 0%, #012b13 100%); /* W3C */
	
	color: #fff;
	border-color: transparent;
	border-radius: 18px 18px 18px 18px;
	font-weight: bold;
	padding: 14px 20px;
	text-shadow: 0 1px 0 #038F3F;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	transition: all 100ms linear;
}

figure:hover {
	border: 2px solid #038F3F;
}

/* Current nav, buttons, more-link */
#menu .current-menu-item > a,
.btn,
.more-link,
input[type=submit],
legend {
	background: #038F3F; /* Fallback */
	background: -moz-linear-gradient(top, #038F3F 0%, #012b13 100%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #038F3F), color-stop(100%, #012b13)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #038F3F 0%, #012b13 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #038F3F 0%, #012b13 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #038F3F 0%, #012b13 100%); /* IE10+ */
	background: linear-gradient(top, #038F3F 0%, #012b13 100%); /* W3C */
	
	color: #fff;
	border-color: transparent;
	border-radius: 18px 18px 18px 18px;
	font-weight: bold;
	padding: 14px 20px;
	text-shadow: 0 1px 0 #038F3F;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	transition: all 100ms linear;
}

.hentry .entry-title a:hover {
	color: #038F3F;
}



input[type="submit"]:hover {
	text-shadow: 0 1px 0 #038F3F;
}

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
	border:3px solid #038F3F;
	-webkit-border-radius:300px;
	-moz-border-radius:300px;
	border-radius:300px;
	background: none;
}
/*next/prev button hover state*/
.bx-prev:hover {
	border:3px solid #038F3F;
	-webkit-border-radius:300px;
	-moz-border-radius:300px;
	border-radius:300px;
}

.bx-next:hover {
	border:3px solid #038F3F;
	-webkit-border-radius:300px;
	-moz-border-radius:300px;
	border-radius:300px;
}

/* These selection declarations have to be separate */
::-moz-selection{ background: #038F3F; color: #fff; text-shadow: none; }
::selection { background: #038F3F; color: #fff; text-shadow: none; }

input:hover,
input:focus,
textarea:hover,
textarea:focus {
	color: #333;
	-webkit-box-shadow: 0px 1px 1px #ccc, inset 1px 2px 1px rgba(64, 188, 1, 0.3);
	-moz-box-shadow: 0px 1px 1px #ccc, inset 1px 2px 1px rgba(64, 188, 1, 0.3);
	box-shadow: 0px 1px 1px #ccc, inset 1px 2px 1px rgba(64, 188, 1, 0.3);
}

/**

 * Content

 */

 

#main { 
	
	background: rgba(240, 240, 240, .85);

	border-style:solid;

	border-width:10px;

	border-color:#fff;

	border-radius: 20px 20px 20px 20px;

	width: 960px;

	padding: 20px 20px 20px 20px;

	-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4), 0px 0px 15px rgba(204, 204, 204, 0.1);

	-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4), 0px 0px 15px rgba(204, 204, 204, 0.1);

	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.4), 0px 0px 15px rgba(204, 204, 204, 0.1);	
	
	display: block;

}



	/* No support for rgba */

	.no-rgba #main {

		background: url(images/content_bg.png) repeat;

	}



#content {

	float: left;

	width: 730px;

	padding: 0px 10px; }



#contentfull {

	float: left;

	width: 920px;

	padding: 0px 20px;

	

}



#sidebar {

	float: right;

	width: 200px;

}



/**

 * Navigation

 */

 

#menu {

	margin: 0 0 20px 40px;

	-webkit-padding-start: 0px;

	-moz-padding-start: 0px;

}



#menu ul {

	list-style: none;

}



#menu ul {

	float: left;

	margin: 0 20px 0 0;

	position: relative;

	padding: auto;

	-webkit-padding-start: 10px;

	-moz-padding-start: 10px;

	

}



#menu li {

	float: left;

	margin: 0 20px 0 0;

	position: relative;

}



#menupage {

		
		width: 160px;

		position: relative;

		text-align: center;

		padding-bottom:5px;

		top: 100%; right: 0;


	}
.menupage {
	margin: 0 0 20px 0px !important;

}




#menu a, #pulsante a {

	background: #fafafa; /* Fallback */

	background: -moz-linear-gradient(top, #fafafa 0%, #ececec 100%); /* FF 3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ececec)); /* Chrome, Safari 4+ */

	background: -webkit-linear-gradient(top, #fafafa 0%,#ececec 100%); /* Chrome 10+, Safari 5.1+ */

	background: -o-linear-gradient(top, #fafafa 0%,#ececec 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, #fafafa 0%,#ececec 100%); /* IE10+ */

	background: linear-gradient(top, #fafafa 0%,#ececec 100%); /* W3C */

	

	border: 1px solid;

	border-color: #fff #c9c9c9 #c9c9c9 #fff;

	border-radius: 18px;

	display: block;

	padding: 14px 20px;

	margin-bottom: 0px;

	text-shadow: 0 1px 0 #fff;

	font-weight: bold !important;

}



#menu a:active {

	-webkit-box-shadow: inset 1px 1px 5px #ccc;

	-moz-box-shadow: inset 1px 1px 5px #ccc;	

	box-shadow: inset 1px 1px 5px #ccc;	

}



#menu a:hover {

	color: #fff;

	border-radius: 18px 18px 18px 18px;

	opacity: 1;

}



#menu .current-menu-item > a:hover,

.btn:hover,

.more-link:hover,

input[type=submit]:hover {

	border-radius: 18px;

	color: #fff;

	opacity: 1;

}



	/* Level 2 */

	#menu ul ul {

		min-width: 160px;

		display: none;

		position: absolute;

		top: 100%; left: 0;

		-webkit-padding-start: 5px;

	}

	

	#menu li:hover > ul { display: block;  }

	

	#menu ul ul li {

		float: none;

		margin: 0;

		border-radius: 18px 18px 18px 18px;

		z-index: 100;

		-webkit-box-shadow: 0px 0px 0px rgba(0,0,0, 0.3);

		-moz-box-shadow: 0px 0px 0px rgba(0,0,0, 0.3);

		box-shadow: 0px 0px 0px rgba(0,0,0, 0.3);

	}

	}

	

	#menu ul ul li a {

		border-radius: 0 !important;

		margin-bottom: 0;

	}

	

	#menu ul ul li a:hover {

		opacity: 1;

	}

	

/**

 * Post

 */

 

.hentry {

	padding: 0 0 20px;

	/*position: relative;*/

}



.hentry:first-of-type {

	padding-top: 0;	

}



/* Post title */

.hentry .entry-title {

	margin-bottom: 20px;

}



.hentry .entry-title a {

	color: #333;

	font-size: 28px;

	font-weight: bold;

	letter-spacing: -1px;

	-webkit-transition: color 150ms ease-in-out;

	-moz-transition: color 150ms ease-in-out;

	transition: color 150ms ease-in-out;

}



.prev-post,.next-post {

	font-size: 75%;

	margin-bottom: 15px;

}



/* Post meta */

.post-meta {

	margin: 40px 0 -20px;

	

	/* CSS3 Flexible Box Model */

	display: -webkit-box;

	display: -moz-box;

	display: box;

	-webkit-box-orient: horizontal;

	-moz-box-orient: horizontal;

	box-orient: horizontal;

}



.post-meta p {

	background: #f3f3f3; /* Fallback */

	background: -moz-linear-gradient(top, #f3f3f3 0%, #ececec 100%); /* FF 3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ececec)); /* Chrome, Safari 4+ */

	background: -webkit-linear-gradient(top, #f3f3f3 0%,#ececec 100%); /* Chrome 10+, Safari 5.1+ */

	background: -o-linear-gradient(top, #f3f3f3 0%,#ececec 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, #f3f3f3 0%,#ececec 100%); /* IE10+ */

	background: linear-gradient(top, #f3f3f3 0%,#ececec 100%); /* W3C */

	

	border: 1px solid;

	border-color: #fff #c9c9c9 #c9c9c9 #fff;

	border-radius: 5px;

	line-height: 1.8;

	margin: 0;

	padding: 14px 10px;

	text-shadow: 0 1px 0 #fff;

	

	/* 2:1 ratio */

	-webkit-box-flex: 2;

	-moz-box-flex: 2;

	box-flex: 2;

}



.more-link {

	display: inline-block;



	padding: 14px 20px;



	margin: 0px 0 20px 0;

	



	/* 2:1 ratio */

	-webkit-box-flex: 1;

	-moz-box-flex: 1;

	box-flex: 1;

}



.more-link a:hover {

	background: #00511e; /* Fallback */

	background: -moz-linear-gradient(top, #00511e 0%, #21890F 100%); /* FF 3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00511e), color-stop(100%,#21890F)); /* Chrome, Safari 4+ */

	background: -webkit-linear-gradient(top, #00511e 0%,#21890F 100%); /* Chrome 10+, Safari 5.1+ */

	background: -o-linear-gradient(top, #00511e 0%,#21890F 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, #00511e 0%,#21890F 100%); /* IE10+ */

	background: linear-gradient(top, #00511e 0%,#21890F 100%); /* W3C */

	

	color: #fff;

	border-color: transparent;

	border-radius: 18px 18px 18px 18px;

	font-weight: bold;

	padding: 14px 20px;

	text-shadow: 0 1px 0 #00511e;

	-webkit-transition: all 100ms linear;

	-moz-transition: all 100ms linear;

	transition: all 100ms linear;

}



	/* No support for CSS3 Flexible Box Model */

	.no-flexbox .post-meta p {

		display: inline-block;

		max-width: 480px;

	}

	

	.no-flexbox .more-link {

		float: right;

	}

	

/* Post thumbnail and images */

figure { 

	background: #f4f4f4;

	border: 2px solid #cecdcd;

	border-radius: 3px 5px 5px 5px;

	float: left;

	padding: 10px;

	text-align: center;

	-webkit-transition: border 200ms ease;

	-moz-transition: border 200ms ease;

	transition: border 200ms ease;

}



figure,

figure.alignleft  {

	margin: 0 20px 20px 0;

}



figure.alignright {

	margin: 0 0 20px 20px;

}



figure {

	margin-left: -40px;	

}



figcaption {

	margin: 10px 0;

	color: #555;

	text-align: center;

	text-shadow: 0 1px 0 #fff;

}



/**

 * Sidebar

 */



#sidebar {}



.widget {

	border-top: 1px solid rgba(255, 255, 255, 0.6);

	border-bottom: 1px solid #ccc;

	padding: 30px 0;

}



.widget:first-child {

	border-top: none;

	padding-top: 0;

}



.widget:last-child {

	border-bottom: none;

}



	/* Lists in widgets */

	.widget li {

		line-height: 35px;

	}

	

	.widget li a { 

		color: #333;

		-webkit-transition: margin-left 300ms linear;

		-moz-transition: margin-left 300ms linear;

		transition: margin-left 300ms linear;

	}



/*

 * Footer

 */

 

#footer {

	color: #fff;

	padding: 28px 20px 20px 20px;

	position: relative;

	margin-top: -20px; /* negative value of footer height */

	height: 20px;

	clear:both;

}



#footer a{

	color: #fff;

}







/**

 * Forms

 */

 

	/* 1) Make inputs and buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/

	   2) WebKit browsers add a 2px margin outside the chrome of form elements. 

		  Firefox adds a 1px margin above and below textareas 

	   3) Align to baseline */

	button, input, select, textarea { width: auto; overflow: visible; margin: 0; vertical-align: baseline; outline: none; }



	/* 1) Remove default scrollbar in IE: www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/

   	   2) Align to text-top */

	textarea { overflow: auto; vertical-align: text-top; }

	

	/* Hand cursor on clickable input elements */

	label[for], input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

	

	/* Remove extra padding and inner border in Firefox */

	input::-moz-focus-inner,

	button::-moz-focus-inner { border: 0; padding: 0; }

	

	input[type="button"],

	input[type="checkbox"],

	input[type="radio"],

	input[type="submit"],

	select {

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		box-sizing: border-box;

	}

	

	input[type="text"],

	input[type="password"],

	textarea {

		-webkit-appearance: textfield;

		-moz-box-sizing: content-box;

		-webkit-box-sizing: content-box;

		box-sizing: content-box;

	}



label {

	display: block;

	font-weight: bold;

	margin: 0 0 7px 10px;

}



fieldset {

	background: rgba(204, 204, 204, 0.2);

	border: 1px solid #c9c9c9;

	border-radius: 5px;

	padding: 20px;

	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);

	-moz-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);

	box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.7);

}



legend {

	padding: 10px 12px;	

}



/* Input fields */

input,

textarea {

	background: #fff;

	border: none;

	border-radius: 20px;

	color: #777;

	padding: 10px 15px;

	-webkit-box-shadow: 0px 1px 1px #bbb;

	-moz-box-shadow: 0px 1px 1px #bbb;

	box-shadow: 0px 1px 1px #bbb;

}



textarea {

	border-radius: 10px;

}



input[type="checkbox"],

input[type="radio"],

select {

	margin-left: 10px;

}



/* Submit */

input[type="submit"] {

	color: #fff;

}



/* Search inputs */

input[type="search"] {

	background: #fff url(images/search.png) no-repeat 10px center;

	padding-left: 25px;

	-webkit-appearance: none;

}



input[type="search"]::-webkit-search-results-button {

	-webkit-appearance: none;

}



.searchform input[type="search"] {

	padding-right: 0;

	max-width: 200px;

}



.searchform input[type="submit"] {

	padding: 10px 12px;

	float: right;

}



/**

 * Misc

 */

 

.alignleft { float: left; }

.alignright { float: right; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.clear { clear: both; }

.sep { padding: 0 5px; }



.hide { display: none; }



.success {

	background: url(images/accepted.png) no-repeat 10px center;

	background-color: rgb(231, 247, 211);

	background-color: rgba(231, 247, 211, 0.5);

	border: 1px solid #6c3;

	border-radius: 5px;

	padding: 20px 0 20px 80px;

}



.error {

	background: url(images/cancel.png) no-repeat 10px center;

	background-color: rgb(255, 235, 232);

	background-color: rgba(255, 235, 232, 0.5);

	border: 1px solid #C00;

	border-radius: 5px;

	color: #C00;

	padding: 20px 0 20px 80px;

}



.warning {

	background: #fffbbc;

	border: 1px solid #E6DB55;

	padding: 20px;

	border-radius: 5px;

}



div.warning { margin-bottom: 20px; }



/* Help text that's hidden for the normal user */

.assistive-text {

	position: absolute !important;

	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);

}



/* WordPress Theme Specific Styles */

/* Post Format Styles */

.format-link { background:url(images/format-link.png) no-repeat left top; }

.format-quote { background:url(images/format-quote.png) no-repeat left top; }

.format-status { background:url(images/format-status.png) no-repeat left top; }

.format-status h1.entry-title a { font-size: 70%; }

.sticky { background:url(images/pin.png) no-repeat left top; }



.sticky .entry-title, .format-link .entry-title, .format-quote .entry-title, .format-status .entry-title {

	margin-left: 30px;

}

.post-tags {

    margin: 5px 0 5px 5px;

    background: url(images/tag.png) no-repeat left 3px;

    display: block;

    padding-left: 30px;

}

.post-page-links { text-align:center; font-size: 18px; }



.more-span {

	padding-top: 15px;

}

article .btn a { color: #fff; }



.pagetitle { 	margin-bottom: 25px; }



img#wpstats {

	height:0;

	overflow:hidden;

}

#toTop {

/* display: block before hiding */

	display: block;

	display: none;

 

	/* link is above all other elements */

	z-index: 999; 

 

	/* link doesn't hide text behind it */

	opacity: .6;

 

	/* link stays at same place on page */

	position: fixed;

 

	/* link goes at the bottom of the page */

	top: 100%;

	margin-top: -58px; /* = height + preferred bottom margin */

 

	/* link is centered */

	left: 50%;

	margin-left: -75px; /* = half of width */

 

	/* round the corners (to your preference) */

	-moz-border-radius: 24px;

	-webkit-border-radius: 24px;

 

	/* make it big and easy to see (size, style to preferences) */

	width: 150px;

	line-height: 38px;

	height: 38px;

	padding: 3px;

	background-color: #000;

	font-size: 16px;

	text-align: center;

}



a#toTop:hover {

	color: #fff;

	text-shadow: none;

}



.wp-caption img {

	border: 0 none;

	margin: 0;

	padding: 0;

}

.wp-caption p.wp-caption-text {

	line-height: 17px;

	margin: 0;

	padding: 0 4px 5px;

}

.gallery-caption {

	line-height: 17px;

	margin: 0;

	padding: 0 4px 5px;

}

#main #gallery-1 .gallery-item {width:auto !important;}

/* Comments */

/* =Comments

-------------------------------------------------------------- */

/* Comments link */

.hentry .comments-link a {

	background: url(images/comment-bubble.png) no-repeat right top;

	color: #666;

	font-size: 13px;

	font-weight: normal;

	line-height: 35px;

	margin-right: -38px;

	margin-top: -75px;

	float: right;

	text-align: center;

	text-decoration: none;

	width: 43px;

	height: 36px;

}

.hentry .comments-link a:hover,

.hentry .comments-link a:focus,

.hentry .comments-link a:active {

	text-decoration: underline;

}

#comments {

	clear: both;

}

.commentlist {

	list-style: none;

	margin: 0;

}

.commentlist li.comment {

	border-bottom:thin solid #464646;

	line-height: 24px;

	margin: 0 0 24px 0;

	padding: 0 0 0 56px;

	position: relative;

}

/*

.commentlist li:last-child {

	border-bottom: none;

	margin-bottom: 0;

}

*/

#comments .comment-body ul,

#comments .comment-body ol {

	margin-bottom: 18px;

}

#comments .comment-body p:last-child {

	margin-bottom: 6px;

}

#comments .comment-body blockquote p:last-child {

	margin-bottom: 24px;

}

.commentlist ol {

	list-style: decimal;

}

.commentlist .avatar {

	position: absolute;

	top: 4px;

	left: 0;

}

.comment-author {

}

.comment-author cite {

	color: #000;

	font-style: normal;

	font-weight: bold;

}

.comment-author .says {

	font-style: italic;

}

.commentlist .even {

	background: #D8D8D8;

}

.commentlist .bypostauthor {

}

.commentlist .children {

	list-style: none;

	margin: 0;

}

#respond {

	border-top: 1px solid #e7e7e7;

	margin: 24px 0;

	overflow: hidden;

	position: relative;

}

#respond p {

	margin: 0;

}

#respond .comment-notes {

	margin-bottom: 1em;

}

.form-allowed-tags {

	line-height: 1em;

}

.children #respond {

	margin: 0 48px 0 0;

}

h3#reply-title {

	margin: 18px 0;

}

#comments-list #respond {

	margin: 0 0 18px 0;

}

#comments-list ul #respond {

	margin: 0;

}

#cancel-comment-reply-link {

	font-size: 12px;

	font-weight: normal;

	line-height: 18px;

}

#respond .required {

	color: #ff4b33;

	font-weight: bold;

}

#respond label {

	color: #333;

	font-size: 12px;

}

#respond input {

	margin: 0 0 9px;

	width: 95%;

}

#respond textarea {

	width: 95%;

}

#respond .form-allowed-tags {

	color: #333;

	font-size: 12px;

	line-height: 18px;

	margin-top: 15px;

}

#respond .form-allowed-tags code {

	font-size: 11px;

}

#respond .form-submit {

	margin: 12px 0;

}

#respond .form-submit input {

	font-size: 14px;

	width: auto;

}

#comments-title {

	margin-top: 50px;

}



h2,

.entry-title {

	font-size: 28px;

}



h3,

.widget-title {

	font-size: 26px;

	letter-spacing: -1px;

}



/* Google Buttons CSS. From: http://pixify.com/blog/use-google-plus-to-improve-your-ui/ */

a.button {

    color: #6e6e6e;

    text-decoration: none;

    padding: 7px 12px;

    position: relative;

    display: inline-block;

    text-shadow: 0 1px 0 #fff;

    -webkit-transition: border-color .218s;

    -moz-transition: border .218s;

    -o-transition: border-color .218s;

    transition: border-color .218s;

    background: #f3f3f3;

    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));

    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));

    border: solid 1px #dcdcdc;

    border-radius: 2px;

    margin-right: 10px;

}

a.button:hover {

    color: #333;

    border-color: #999;

    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

}

a.button:active {

    color: #000;

    border-color: #444;

}

a.left {

    -webkit-border-top-right-radius: 0;

    -moz-border-radius-topright: 0;

    border-top-right-radius: 0;

    -webkit-border-bottom-right-radius: 0;

    -moz-border-radius-bottomright: 0;

    border-bottom-right-radius: 0;

    margin: 0;

}

a.middle {

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-left: solid 1px #f3f3f3;

    margin: 0;

    border-left: solid 1px rgba(255, 255, 255, 0);

}

a.middle:hover,

a.right:hover { border-left: solid 1px #999 }

a.right {

    -webkit-border-top-left-radius: 0;

    -moz-border-radius-topleft: 0;

    border-top-left-radius: 0;

    -webkit-border-bottom-left-radius: 0;

    -moz-border-radius-bottomleft: 0;

    border-bottom-left-radius: 0;

    border-left: solid 1px #f3f3f3;

    border-left: solid 1px rgba(255, 255, 255, 0);

}

a.big {

    font-size: 16px;

    padding: 10px 15px;

}

a.supersize {

    font-size: 20px;

    padding: 15px 20px;

}

a.save {

    background: url(images/sprite.png) 10px 7px no-repeat #f3f3f3;

    padding-left: 30px;

}

a.add {

    background: url(images/sprite.png)  10px -27px no-repeat #f3f3f3;

    padding-left: 30px;

}

a.delete {

    background: url(images/sprite.png)  10px -61px no-repeat #f3f3f3;

    padding-left: 30px;

}

a.flag {

    background: url(images/sprite.png)  10px -96px no-repeat #f3f3f3;

    padding-left: 30px;

}

a.up {

    background: url(images/sprite.png)  13px -133px no-repeat #f3f3f3;

    width: 18px;

}

a.down {

    background: url(images/sprite.png)  13px -168px no-repeat #f3f3f3;

    width: 18px;

}

a.download {

    background: url(images/sprite.png)  10px -190px no-repeat #f3f3f3;

    padding-left: 30px;

}

a.save-big {

    background: url(images/sprite.png) 15px 11px no-repeat #f3f3f3;

    font-size: 16px;

    padding: 10px 15px 10px 35px;

}

a.add-big {

    background: url(images/sprite.png)  15px -23px no-repeat #f3f3f3;

    font-size: 16px;

    padding: 10px 15px 10px 35px;

}

a.delete-big {

    background: url(images/sprite.png)  15px -57px no-repeat #f3f3f3;

    font-size: 16px;

    padding: 10px 15px 10px 35px;

}

a.flag-big {

    background: url(images/sprite.png)  15px -92px no-repeat #f3f3f3;

    font-size: 16px;

    padding: 10px 15px 10px 35px;

}

a.up-big {

    background: url(images/sprite.png)  15px -128px no-repeat #f3f3f3;

    width: 18px;

    font-size: 16px;

    padding: 10px 15px;

}

a.down-big {

    background: url(images/sprite.png)  15px -163px no-repeat #f3f3f3;

    width: 18px;

    font-size: 16px;

    padding: 10px 15px;

}

a.download-big {

    background: url(images/sprite.png)  10px -190px no-repeat #f3f3f3;

    font-size: 16px;

    padding: 10px 15px 10px 35px;

}

/**

 * Media queries for responsive design.

 * These follow after, and will override, the primary styles

 * The closing /mediaquery comment is required by respond.js min/max-width Media Query polyfill

 */

@media only screen and (max-width: 1024px) {


	/* Style adjustments for viewports 1024px and under go here */

	#wrapper { 
		
		width: 100%;		
			
			 }

	



	}






/* colonne per menu personalizzato */

#colonnasinistra { 

	float: left; 

	width: 735px; 

	padding-right: 20px;

	}



#colonnadestra { 

	float: right; 

	width: 160px; 

	}

/* id della galleria */



#galleria {
	position:relative;
	float:left;
   	width: 23%;
   	height: 160px;
  	padding-left: 2%;
    	text-align: center;
	padding-top:20px;
	
}

#galleria span{
	position:absolute;
   	bottom:0;
   	right:0;
	text-align: center;
	width: 100%;
	
}


#tabellainfo {
	float:left;
	border-width: 5px;
	background-color:#006629;
	margin-right: 10px;
	margin-top: 10px;
	width:346px;
	min-height: 150px;
	border-style: solid;
	border-color: #fff; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display:block;
	color: white;


}


#infofoto {
	float:left;
	margin: 10px;
	width: 110px;
	height: 110px
	}

#nomiemansioni {
	float:left;
	margin: 10px;
	width: 195px;
	height: 110px
	}

#nomiemansioni ul{
	margin-left: 0px;

}

#frasebio {
	float:left;
	color:#006629;
	background-color: #ccd2ce;
	border:none;
	width: 325px;
	margin:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	

}

#ribbon-marker a {
opacity: .6;
	
}


#ribbon-marker a:hover {
opacity: 1;

}