/**
  Theme Name: ghigos_GLAM
  Theme URI: http://www.ghigos.com
  Version: 4.2
  Author: ghigos ideas/ francesco tosi
  Author URI: http://www.ghigos.com
  Tags: full optional
  Licence: PRIVATE
  
  Description: A specifically developed theme for a portfolio web-site, hundreds of features included.


*/
@charset "UTF-8";
/* CSS Document */
/*solo per homepage*/
#scritta {background-color:#fff;
width:715px;
position:absolute;
z-index:1;}

.webkit #tit {
margin-bottom:-13px;
}
.gecko #tit {
margin-bottom:-14px;
}
.ie #tit {
margin-bottom:-19px;
}
.ie .entrytext {
margin-left:5px;
margin-right:0px;
}

.mac.gecko #scritta {
height:52px;
top:458px;
margin-left:205px;
}
.webkit #scritta {
height:42px;
top:470px;
margin-left:205px;
}
.ie #scritta {
height:65px;
top:512px;
margin-left:5px;
}
.win.gecko #scritta {
height:65px;
top:508px;
margin-left:205px;
}
.ie6 .poster_news p{ margin-bottom:-5px;
}
.ie6 #relazione p{ margin-top:5px;
}
/* Begin Typography & Colors */
html {
	height: 100%;
	margin-bottom: 1px;
}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "trebuchet ms", sans-serif;
	color: #333;
	text-align: center;
	background-color:#fff;
}
body a, body a:active, body a:visited {
	text-decoration:none;
	color: #666;
}
#page {
	text-align: left;
}
#contenitore {/*
background-color:#d0c1d5;*/
	float:right;
	font-size: 1.2em;
	width:720px;
margin-top:5px;
padding:0;
}
#relazione, .entrytext{
background-color:#ededed;
margin-top:5px;
}
.postmetadata {
	text-align: left;
	font-size:.8em;
}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
}
h2 {
	font-size: 1.9em;
}

#sidebar h2 {
	font-family: "trebuchet ms", sans-serif;
	font-size: 1.3em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.1em;
}
h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #tagcloud a:visited, #tagcloud a:hover {
	text-decoration: none;
}
/* End Typography & Colors */

/* Begin Structure */
body {
	margin: 0;
	padding: 0;
}
#page {
	margin: 0px auto;
	padding: 0;
	width: 925px;
}

#footer {
	padding: 0 0 0 0px;
        float:right;
	font-size: 1.2em;
	width:100%;
height:250px;/*
background-color:#d0c1d5;*/
border-top: 1xp dashed #fff;
}
#footer p {
	margin-top:0px;
}
.entrytext, .entrytext p, .post{
margin:0;}
div .post{padding:0;
}
.win .entry p{
line-height:1.2em;}

/* End Structure */
/*	Begin Headers */
h1 { font-size:2em;
	
}
h2.portfolio {
	margin-right:0px;
	margin-top: 2px;
	padding-top: 10px;
}
h2.pagetitle {
	margin-top: 2px;
	padding-top: 10px;
}
#copertina {
width:715px;
background-color:#f8f8f8;
}
h3 {
	padding: 0;
	margin:0;
}
#foto{width:230px;
float:left;
}
.aboutita, .abouteng {
width:225px;
float:left;
text-align:justify;}
.aboutita{margin:5px;}
.abouteng{margin-top:5px;
margin-bottom:5px;}

/* End Headers */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
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;
}
.alignright {
display:inline;
	float: right;
}
.alignleft {
display:inline;
	clear: both;
	float: left;
}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

/* End Entry Lists */


/* inizio homepage */
.ticket {overflow:hidden;
	width:720px;
height:235px;
margin-top:5px;
}

/* Bfine homepage */



/* Begin Sidebar */
#tit {text-align:left;
margin-top:5px;
border-top: 1px dashed #000;
background-color:#ededed;
}
#tit h1 {color:#cc66cc;}

#sidebar {
margin-top:5px;
	width:200px;
	float:left;
	text-align:right;
}
#logo{

margin-right:0;
border-top-color:#000000;
border-top-style:dashed;
border-top-width:1px;
border-bottom-color:#000000;
border-bottom-style:dashed;
border-bottom-width:1px;
}

/*menubar*/
/*fine menubar*/
#portfo{
	position:absolute;
	top:0px;
	left:60px;
	text-align:left;
}

/*stile TAG CLOUD*/
#menucat {
/*border-bottom-color:#000000;

border-bottom-style:dashed;
border-bottom-width:1px;
border-top-color:#000000;
border-top-style:dashed;
border-top-width:1px;*/
position:relative;
	display: block;
	text-align: right;
	margin-top:8px;
	padding-top:5px;


	padding-bottom:3px;
}

.cat-item {list-style:none;
font-size:10pt;
}
.wp-tag-cloud{list-style:none;}
.tagcloud {
text-align:right;
}
#tagcloud a, #tagcloud a:active {
	text-decoration: none;
	color: #666;
}
#types {
text-align:right;
}wp-tag-cloud
/*fine stile TAG CLOUD*/
#accordion {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	margin-left: 0px;
}

h3.toggler, h3.togglef {
background-color:#;
border-bottom:1px #000 dashed;
cursor:pointer;
margin: 0 0 px 0;
padding: 3px 5px 2px;
}
#spaziov{background-color:#fff;

}
.wrapae {
background:#decede;
border-bottom-color:#000000;
border-bottom-style:dashed;
border-bottom-width:1px;
}
.wrapae p{
margin-top:0;
padding-top:0;
}
.wrapae li a:hover{
color:#333;
padding-right:5px;
}
.wrapae ul{
padding:0;
margin:0;
}


/* Begin Form Elements */
#searchform {
	text-align:right;
	padding-top:20px;
}
#searchform #s, .newsletterTextInput {
	background-image:url(images/form_bg.png);
	border:solid 0px #999;
	padding:4px 0 3px 0;
	color: #666;
	text-align:right;
	width: 150px;
}
#searchsubmit {
	margin-top:10px;
	width: 50px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}
select {
	width: 150px;
}

#sidebar form {
	margin: 0;
}
/* End Form Elements */


/* End Sidebar */


/*stile POST archivio*/
/*postino2 e downloadtit sono per la sezione publication*/
.postino2{float: left;
	width: 235px;
height:50px;
	text-align:left;
	background: #ededed;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
overflow:hidden;}

.downloadtit h3{height:50px;
width:720px;
background: #ededed;
margin-bottom:5px;
}


.postino  {
	float: left;
	width: 235px;
height:150px;
	text-align:left;
	background: #decede;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;;
	padding-bottom:5px;
	padding-left: 0px;
}
.postino a:active {
	color:#333;
}
.postino a:visited h4{
	color:#333;
}

.postino h4 {
float:left;
margin-left:5px;
color:#333;}

.win.gecko .postino h4 {
margin-top:12px;}

.ie .postino h4 {
margin-top:13px;}

.calendario{
float:right;
color:#fff;
margin-top:2px;
margin-right:2px;
font-size:0.7em;
text-align:right;}
/*fine POST archivio*/

/*stile POST NEWS*/
.poster_news {
margin-top:0;
	background-color: #ededed;
margin-bottom:5px;
padding:0 5px 0 0; 
height:235px;
}
div .thumbnew{
	float:left; width:235px;
margin-right:5px;
}
.entry {
margin-top:0;
margin-bottom:0; 
padding:0;
text-align:justify;
}

.posteri {
	background: #ededed;
	margin: 10px 0 0 0;
	padding:0;
}

.poster_news a, .poster_news a:active {
	text-decoration:underline;
}
/*fine POST NEWS*/

#relazione {float:left;
width: 480px;}

#datiextra{float:right;
width: 220px;
background:#EDEDED;
margin-right:10px;
margin-top:5px;
}
#datiextra h4, .dataweb h4 {
height:30px;
border-bottom: 1px dashed #000;
border-top: 1px dashed #000;
margin-bottom:5px;
margin-top:0px;
vertical-align:middle;
padding-left:5px;
color:#666;
background:#fff;
}
#datagal, #autogal{
margin-bottom:5px;}

.dataweb { 
margin-top:5px;
width: 220px;
float:left;
height:180px;
background:#EDEDED;
margin-right:5px;
}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center {
	text-align: center;
}
.hrhide {
	display: none;
}
a img {
	border: none;
}
.navigation {
	text-align: center;
	height:30px;
background:#f8f8f8;
}



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h1 {
	visibility: hidden;

}

.bookmark {margin-top:5px;
	height:40px;
}
.social {
	float:right;
	width:32px;
	height:32px;
	display:block;
overflow:hidden;
margin:5px;
}
.fb, .fb a {
	background: no-repeat top right url(images/facebook_32.png);
	width:32px;
	height:32px;
	display:block;
}
.fl {
	background-image: url(images/flickr_32.png);
	background-repeat:no-repeat;
	background-position:top right;
	width:32px;
	height:32px;
	display:block;
}
.ln {
	background-image: url(images/linkedin_32.png);
	background-repeat:no-repeat;
	width:32px;
	height:32px;
	background-position:top right;
	display:block;
}
.tw {
	background-image: url(images/twitter.png);
	background-repeat:no-repeat;
	width:32px;
	height:32px;
	background-position:top right;
	display:block;
}
.social a:hover {
	background: no-repeat top left url(images/facebook_32.png);
width:32px;
	height:32px;
	display:block;}
.fl a:hover {
	background: no-repeat top left url(images/flickr_32.png);
width:32px;
	height:32px;
	display:block;}
.tw a:hover {
	background: no-repeat top left url(images/twitter.png);
width:32px;
	height:32px;
	display:block;}
.ln a:hover {
	background-image: url(images/linkedin_32.png);
	background-repeat:no-repeat;
	width:32px;
	height:32px;
	display:block;
}