/* @override http://sesga.garetjax.info/wp-content/themes/sesga/style.css */

/*  
Theme Name: WordPress SESGA
Theme URI: http://sesga.garetjax.info/
Description: The personalized theme for the SESGA Group.
Version: 1.0b
Author: Jonathan Stoppani
Author URI: http://garetjax.info/

	SESGA v1.0b
	 http://www.garetjax.info

	This theme was designed and built by Jonathan Stoppani,
	whose homepage you will find at http://garetjax.info/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Have fun, and don't be afraid to contact me if you have questions.
*/


/* =GENERAL
------------ */
* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: #deae87 url('images/wood.jpg')  50% 0 repeat fixed; /* 900  body_bg_red.gif*/
	font-size:12px;
}
a {
	text-decoration: none;
	color: #900;/*360*/
	border-bottom: 1px dotted #900;
}
a:hover {
	background-color: #ccc;/*d6f1d2*/
	border-bottom-style: solid;
}

.hidden {
	display: none;
}
.error {
	text-align: center;
	color: #C33;
	font-family: georgia, serif;
	padding: 0 0 35px 0;
}
.alignleft {
	float:left;	
}
.alignright {
	float:right;	
}

#foulard{width: 153px; height: 413px; background-image: url('http://www.sesga.ch/wp-content/media/foulard1.png'); z-index: -999; position: fixed; top:-40px;}

/* =HEADER
------------ */
#header {
	position: relative;

	width: 813px;
	height: 247px;
	
	margin: 40px auto 0 auto;
	
	border: 1px solid #ccc;
	border-bottom: 0;
	background: #fff url('images/bg_header.png') repeat-x 0 0;
}
#header img {
	background: url('images/bg_logo.png');
	padding: 76px 53px 32px 53px;
	
	position: absolute;
	top: -41px;
	right: 8px;
	z-index: 10;
}
#header img.fixed {
	/* FIXED */
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: 176px;
	
	width: 115px;
	height: 124px;
}
#header #slogan {
	background: url('images/slogan.png') repeat-y right top;
	width: 217px;
	height: 54px;
	
	position: absolute;
	top: 191px;
	right: 8px;
	z-index: 10;
}
#header #slogan.fixed {
	/* FIXED */
	position: fixed;
	top: 232px;
	left: 50%;
	width: 223px;
	margin-left: 176px;
}
#header #slogan a {
	display: block;
	width: 100%;
	height: 100%;
	background: 0;
	border: 0;
}
#header h1, #header h2 {
	position: absolute;
	top: 9px;
	left: 1px;
	
	width: 811px;
	height: 181px;

	background: #fff url('http://www.sesga.ch/wp-content/media/2012/07/raid.jpg') no-repeat; /*url('images/img_header2008.jpg')*/
}
#header h1 acronym {
	display: none;
}
#header h2 {
	background: url('images/overlay_header.png') repeat-x;
}

/* =MENU
------------ */
#menu {
	position: relative;

	width: 811px;
	height: 57px;
	
	margin: -57px auto 0 auto;
	
	background: #fff url('images/bg_menu.png') 100% 1px repeat-x;
}
#menu li {
	display: block;
	float: left;
	
	width: 196px;
	height: 54px;
	
	margin: 1px 0 0 0;
	
	background: #fff;
}
#menu li a {
	display: block;
	
	width: 195px;
	height: 100%;
	
	background: #ccc url('images/bg_melements.png');
	border: 0;
	
	color: #333;
	font-size: 16px;
	font-family: georgia, serif;
	line-height: 57px;
	text-transform: uppercase;
	text-decoration: none;
}
#menu li a:hover {
	background-position: 0 100%;
	color: #000;
}

/* =CONTENTS
------------ */
#contents {
	position: relative;

	width: 523px;
	padding: 30px 250px 10px 40px;
	
	min-height: 1840px;
	
	margin: 0 auto;
	
	border: 1px solid #ccc;
	border-top: 0;
	border-bottom: 0;
	background: #fff;
	
	text-align: left;
	
	font-family: helvetica neue, sans-serif, serif;
	color: #555;
	text-shadow: #fff 1px 1px 0;
	font-size: 14px;
}
#contents .intro {
	border-top: 2px solid #ddd;
	margin: -10px -10px 0 -25px;
	padding: 10px 10px 12px 15px;
	background: #f9f9f9;
	color: #414952;
	line-height: 1.4em;
	font-size: 1.1em;
}

#contents h3.download{ margin:1.5em 0 0.5em 0;}

#contents h3 a {
	font-family: georgia, serif;
	font-weight: normal;
	color: #414952;/*363*/
	font-size: 1.2em;
	border: 0;
	text-decoration: none;
	position: relative;	
}
#contents h3 a:hover {
	background-color: #fff;
	color: #363;
}

/*
#contents h3 a:hover:after {
	content: " \2192  Leggi articolo";
	color: #bbb;
	font-size: 0.6em;
	font-family: helvetica neue;
	text-shadow: #fff 1px 1px 0;
}
*/

#contents h3 {
	margin: 0 0 0.3em 0;
}
#contents .post .post-title div {
	font-size: 0.9em;
	color: #bbb;
}
#contents .post .post-title {
	margin: 0 0 1em 0;
}
#contents .post .post-title div span {
	color: #5e6976;
}
#contents hr {
	margin: 0 -10px 0 -25px;
	border: 0;
	border-bottom: 1px solid #ddd;
}
#contents .post {
	position: relative;
	margin-top: 20px;
	margin-bottom: 25px;
}
#contents .entry p {
	margin-top: 0.8em;
	line-height: 1.5em;
}
#contents .entry ul {
	line-height: 1.5em;
	margin-top: 0.8em;
}
#contents .entry del {
	text-shadow: none;
	color: #999;
}

#contents .entry a {
	border: 0;
	color: #2c5680;
	text-shadow: none;
}
#contents .entry a:hover {
	color: #ff850c;
	background-color: transparent;
}

#contents .entry a.more-link {
	border: none;
	display: none;
	font-weight: normal;
	color: #5e6976;
}
#contents .entry:hover a.more-link:hover {
	color: #363;
	background-color: transparent;
}
#contents .entry:hover a.more-link {
	display: inline;
	text-decoration: none;
	color: #5e6976;
}

#contents .postmetadata {
	text-align: right;
	font-size: 0.9em;
	margin-top: 1.5em;
	color: #999;
}
#contents .postmetadata a {
	border: 0;
	color: #5e6976;
}
#contents .postmetadata a:hover {
	color: #363;
	background-color: transparent;
}
#contents .postmetadata.alt {
	text-align: justify;
	background: #fafafa;
	padding: 10px;
	border: 1px solid #ddd;
	border-right: 0;
	border-left: 0;
}
#contents h2 {
	text-align: center;
	padding: 0 0 20px 0;
	font-weight: normal;
	font: normal 1.5em/0.9em Georgia, Arial, Tahoma, Georgia, sans-serif;
	letter-spacing: -1px;
	color: #999;
	font-variant: small-caps;
}
#contents textarea {
	padding:10px;
}

#contents 

.post .wp-smiley {margin:0}

.lupetti{width:52px; height: 55px; background: url('images/post_lupi.gif') no-repeat; position: absolute; top: 0; left: -59px;}
.esploratori{width:52px; height: 55px; background: url('images/post_esplo.gif') no-repeat; position: absolute; top: 0; left: -59px;}
.fotografie{width:52px; height: 55px; background: url('http://www.sesga.ch/wp-content/media/2012/07/post_foto.gif') no-repeat; position: absolute; top: 0; left: -59px;}
.pio-rover{width:52px; height: 55px; background: url('images/post_pio.gif') no-repeat; position: absolute; top: 0; left: -59px;}
/* =SIDEBAR
------------ */
#sidebar {
	width: 163px;
	min-height: 444px;
	background: url('images/bg_sidebar.png') no-repeat;
	position: absolute;
	top: -2px;
	right: 8px;
	padding: 30px;
}

#sidebar.fixed {
	/* FIXED */
	position: fixed;
	top: 286px;
	left: 50%;
	margin-left: 176px;
}
#sidebar input {
	width: 100%;
}
#sidebar h4 {
	margin-top: 30px;
	font: normal 14px Arial, Tahoma, Georgia, sans-serif;
	letter-spacing: -1px;
	color: #999;
	text-transform: uppercase;
}
#sidebar h4 span.flickr {
	color: #33F;
	padding-left: 2px;
}
#sidebar h4 span.flickr span {
	color: #F39;
	text-transform: none;
}
#sidebar ul li:before {
	content: "\00BB \0020";
	color: #aaa;
}
#sidebar ul {
	list-style-type: none;
	margin: 5px;
	color: #666;
	font-size: 12px;
	line-height: 1.6em;
}
#sidebar ul li a {
	color: inherit;
	border: 0;
}
#sidebar ul li a:hover {
	color: #333;
	border-bottom: 1px solid #666;
	background: 0;
}
ul#album_preview {
	list-style-type: none;
	margin: 8px auto;
}
#sidebar #album_preview li:before {
	content: '';
}
#album_preview li {
	display: inline;
	margin: 0 5px 0 0;
}
#album_preview li a img {
	padding: 3px;
	width: 60px;
	height: 60px;
	border: 1px solid #ccc;
	background: #fff;
}
#album_preview li a:hover img {
	background: #ddd;
	border-color: #aaa;
}
#sidebar #album_preview li a:hover {
	border: 0;
}
#sidebar p {font-size:10px; color:#666; padding:5px 0 5px 0;}

/* =COMMENTI
------------ */
#respond {font-family: georgia, serif;
	font-size:16px;
font-weight: normal;
color: #900;/*363*/
padding-bottom:10px;}
#form{border-top:1px solid #999;
	background-color:#fafafa;
	padding:10px;
	}
/* =FOOTER
------------ */
#footer {
	font-family: verdana, lucida, helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	padding: 10px;
	margin: 0px auto;
	border: 1px solid #ccc;
	border-width: 0 1px 0 1px;
	background: #fff;
	width: 793px;

}

.twitter {
	margin-bottom: 1em;
	overflow: hidden;
}

#sidebar .twitter-message {
	margin: 5px;
	color: #666;
	font-size: 0.8em;
	font-style: italic;
	text-align: center;
	line-height: 1.6em;
	overflow: auto;
	position: relative;
	z-index: 2;
	text-shadow: none;
}
.twitter:before {
	content: "“";
	position: absolute;
	top: 20px;
	left: 18px;
	color: #ddd;
	z-index: 1;
	font-size: 5em;
	font-family: georgia;
}

.twitter-timestamp {
	font-size:10px;
	color: #999;
	float: left;
	margin-top: 8px;
}
.twitter_link {
	font-size:10px;
	line-height:10px;
	float:right;
}

#twitt{width:100px; height: 100px; background:url(http://www.sesga.ch/wp-content/media/2011/03/twit.png) no-repeat; position: absolute; left:205px; top:50px}
.post a img {

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}


	.emm-paginate {}
	.emm-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
	.emm-paginate a:hover, .emm-paginate a:active {background:#ccc; color:#888;}
	.emm-paginate .emm-title {color:#555; margin-right:4px;}
	.emm-paginate .emm-gap {color:#999; margin-right:4px;}
	.emm-paginate .emm-current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:3px 6px; 	text-shadow: none;}
	.emm-paginate .emm-page {}
	.emm-paginate .emm-prev, .emm-paginate .emm-next {}

.wp-block-file .wp-block-file__button{
	background: #eee;
}