body {
  margin-top: 95px;
  background: #e9eadc;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjZTllYWRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FkYWNhMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-radial-gradient(center, ellipse cover,  #e9eadc 19%, #adaca2 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(19%,#e9eadc), color-stop(100%,#adaca2));
  background: -webkit-radial-gradient(center, ellipse cover,  #e9eadc 19%,#adaca2 100%);
  background: -o-radial-gradient(center, ellipse cover,  #e9eadc 19%,#adaca2 100%);
  background: -ms-radial-gradient(center, ellipse cover,  #e9eadc 19%,#adaca2 100%);
  background: radial-gradient(ellipse at center,  #e9eadc 19%,#adaca2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eadc', endColorstr='#adaca2',GradientType=1 );
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family: 'open_sanscondensed_light', Arial;
  font-weight: 300;
  text-align: center;
  color: #47473c;
}
#subtitle{
	position: absolute;
top: 25px;
line-height: 46px;
margin: auto;
}
#logo_home{
float: left;
/*position: absolute;
clear: both;
margin: 2em;*/
width: 248px;
height: 248px;
border-radius: 235px;
box-shadow: 4px 4px 8px #333;
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-ms-transition: .3s ease-in;
-o-transition: .3s ease-in;
transition: .3s ease-in;
}
#mainSearch{
	bottom: 10px;
	position: relative;
	height: 30px;
}
#logo_home img{
	width: 250px;
	height: 250px;
}

a {
  color: #47473c;
  font-family: 'open_sanscondensed_light';
  font-style: normal;
  text-decoration: none;
  font-size: 15px;
}

a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 4em;
  font-family: 'open_sanscondensed_light';
  font-weight: normal;
  margin: 0;
}

#container {
margin: 0 auto;
width: 1100px;
max-width: 1100px;
-webkit-perspective: 2000px;
   -moz-perspective: 2000px;
    -ms-perspective: 2000px;
     -o-perspective: 2000px;
        perspective: 2000px;
}
  
  #information {
    margin-top: 1em;
    display: block;
    color: red;
    font-size: 20px;
  }
  #navigation{
  padding-bottom: 70px;
clear: both;
}
  #navigation a {
    text-shadow: 1px 1px 1px #888;
font-size: xx-large;
/* font-variant: small-caps; */
display: inline-block;
line-height: 2.4em;
margin-right: 0.7em;
width: 90px;
height: 90px;
/* background: rgba(0, 0, 0, 0.52); */
color: #FFF;
/* border-radius: 10px; */
-webkit-transition: .3s ease-in;
-moz-transition: .3s ease-in;
-ms-transition: .3s ease-in;
-o-transition: .3s ease-in;
transition: .3s ease-in;
  }
  
  #navigation a.selected, #navigation a:hover {
    background: rgba(0,0,0,.3);
    text-decoration: none;
  }

  #portfolio-item {
    display: none;
  }
  
  .closeEvidence{
  	float: right;
	margin: 2px 10px;
	cursor:pointer;
  }
  
  #evidence{
  	left: 0px;
top: -809px;
box-shadow: 0px 2px 21px #333;
background: #FDFFF8;
margin: auto;
width: 1024px;
border: 1px solid #333;
height: 800px;
overflow: auto;
z-index: 10;
position: fixed;
}

#evidence p{
	margin: 80px 12px;
text-align: justify;
}
  
  #portfolio {
    margin: 2em 0 1em;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }

#band{
  margin: 0px;
}

#band li{
  float: left;
  position: relative;
  text-align: center;
    border-radius: 62px;
		display: inline-block;
		position: relative;
		vertical-align: top;
		margin: 1em;
		width: 121px;
		height: 121px;
		box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
  }
#band img{
  	top: 0px;
	position: relative;
	border: 2px solid #828282;
	border-radius: 62px;
	float: left;
  }

#band div{
border-radius: 62px;
width: 121px;
height: 121px;
background-position-y: 55px;
background-repeat: no-repeat;
}

#band div.bg.mic{
background-position-x: 87px;
background-position-y: -400px;
background-image: url(/images/mic.png);
}
#band div.bg.gui{
background-position-x: 64px;
background-position-y: 111px;
background-image: url(/images/guitar.png);
}
#band div.bg.key{
background-position-x: 90px;
background-position-y: 111px;
background-image: url(/images/key.png);
}

#band div.bg.dru{
background-position-x: 7px;
background-position-y: 127px;
background-image: url(/images/dru.png);
}

#band div.bg.bas{
background-position-x: -3px;
background-position-y: 104px;
background-image: url(/images/bas.png);
}

  #band li{
  	cursor:pointer;
	border: 2px solid #888;
background-color: #fff;
  }
  
  #band li:hover span, #band li.hover span{
	  color: #E86E2F;
  }
#Andrea{
	background-image: url(/images/andreaT.png);
}
#Giacomo{
	background-image: url(/images/jackT.png);
}
#Gianluca{
	background-image: url(/images/gianlucaT.png);
}
#Lorenzo{
	background-image: url(/images/bombiT.png);
}
#Mathijs{
	background-image: url(/images/mathijsT.png);
}
#Elena{
	background-image: url(/images/nenaT.png);
}
  #band span{
  	text-shadow: 1px 1px 2px #D5D3D3;
	color: #555;
	top: -108px;
	position: relative;
  }
  
    #portfolio div span {
      box-shadow: 2px 2px 4px #333;
		text-align: center;
		position: absolute;
		color: #FFF;
		background: rgba(0, 0, 0, 0.6);
		width: 62px;
		padding: 5px 15px 7px;
		z-index: 1;
		left: 14px;
		bottom: -41px;
    }
    
    #music h1{
    	margin: 10px;
    	font-size: 1.2em;
    }
    #music ul{
    	margin: 0px;
    }
    #music li.shortcut{
	    margin: 0px 2px 0px 0px;
    	list-style: none;
    	float: left;
    }
    #music li div{
    	border-radius: 5px;
	width: 100px;
	padding: 0px 4px;
	margin: 0px 2px;
	border: 1px solid #333;
    }
  
  .animated {
    -webkit-transition: .9s ease-out;
       -moz-transition: .9s ease-out;
        -ms-transition: .9s ease-out;
         -o-transition: .9s ease-out;
            transition: .9s ease-out;
  }
  .unboxedlist{
  	list-style: none;
  }
  div.listsAlignedLeft li{
  	text-align: left;
  }
  table.specTable{
    width: 100%;
  }
  table.specTable td:nth-child(odd){
  	font-weight: bold;
  	text-align: right;
  	width: 50%;
  }
  table.specTable td:nth-child(even){
  	text-align: left;
  	width: 50%;
  }
  .flipped-horizontal-right {
    -webkit-transform: rotateY(360deg);
       -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
         -o-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
  
  .flipped-horizontal-left {
    -webkit-transform: rotateY(-360deg);
       -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
         -o-transform: rotateY(-360deg);
            transform: rotateY(-360deg);
  }
  
  .flipped-vertical-top {
    -webkit-transform: rotateX(360deg);
       -moz-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
         -o-transform: rotateX(360deg);
            transform: rotateX(360deg);
  }
  
  .flipped-vertical-bottom {
    -webkit-transform: rotateX(-360deg);
       -moz-transform: rotateX(-360deg);
        -ms-transform: rotateX(-360deg);
         -o-transform: rotateX(-360deg);
            transform: rotateX(-360deg);
  }
.bar{
position: fixed;
left: 0;
width: 100%;
background-image: url(/images/classy_fabric.png);
}
#topbar{
z-index: 9;
box-shadow: 0px 2px 5px #474747;
margin: 0 0 auto;
top: 0;
height: 48px;
}
#topbar em{
text-shadow: 1px 1px 1px #616161;
color: #9B9B9B;
font-size: x-large;
position: relative;
top: 5px;
}
#footbar{
text-shadow: 1px 1px 1px #616161;
color: #9B9B9B;
box-shadow: 0px -2px 5px #474747;
margin: auto 0 0;
bottom: 0;
height: 48px;
z-index: 2;
}
#footbar a{
font-size: larger;
text-shadow: 1px 1px 1px #616161;
color: #9B9B9B;
}
#topbar > #navigation{
padding-top: 0;
margin-top: 0px;
}
#topbar > #navigation a{
	font-family: 'sue_ellen_franciscoregular';
height: 48px;
width: 80;
font-size: 25px;
}
.back {
	width: 40px;
	height: 40px;
	position: absolute;
	  left: auto;
  top: 124px;
	margin: -20px 0 0 -20px;
	border-radius: 50%;
	text-align: center;
	line-height: 38px;
	color: #999;
	background: #ddd;
	background: rgba(255,255,255,0.5);
	cursor: pointer;
	display: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#bandTesto{
	clear: both;
}
td{
	text-align: left;
}
th{
	text-align: right;
}
table{
	padding-left: 20px;
}
table.bordered{
  padding: 0px;
}
table.bordered td{
	border: 1px solid #696969;
	padding: 1px 10px;
}
table.bordered th{
	text-align: center;
}
#othersAlbums{
	clear: both;
    padding: 0px;   
    margin: 0px;   
    list-style: decimal-leading-zero inside;   
    color: #7C7C7C;   
    width: 460px;   
    font-size: 0.9em;
}
#othersAlbums li{
    text-align: left;
  position: relative;
  margin: 0px;
  float: left;
  padding: 6px 10px 10px;
  cursor: pointer;
  font-size: x-large;
}

#topbar > #navigation a > div.gigsLing{
    padding-left: 6px;
  height: 68px;
  diwth: 93px;
  background-image: url(/images/gigs.png);
}

.date { 
	  background-color: #987;
  float: left;
  position: relative;
  padding: 45px 0px 0px 0px;
  margin-left: 	0px;
	} 
.date .month {
	margin-right: 2px;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 13px;
}
.date .day {
    font-size: 45px;
    line-height: 45px;
    position: absolute;
    left: 0px;
    top: -3px;
}
.date .year { 
    font-size: 18px;
  display: block;
  position: absolute;
  right: -7px;
  top: 8px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}