@charset "utf-8";

html, body {
  height: 100%; /* Required */
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
background:url(img/bg_body.gif) repeat-x scroll 0 0 #DDDDDD;
text-align: center;
padding: 0;
height: 100%;
margin:0;
min-width:750px;
}

:focus { outline: 0; }

@font-face {
	font-family: 'BebasNeueRegular';
	src: url('font/BebasNeue-webfont.eot');
	src: local('?'), url('font/BebasNeue-webfont.woff') format('woff'), url('font/TBebasNeue-webfont.ttf') format('truetype'), url('font/BebasNeue-webfont.svg#webfontf0WP9KEe') format('svg');
	font-weight: normal;
	font-style: normal;
}






A:link {
	color: #cc0000;
       	text-decoration: underline;
}
A:active {
	color: #cc0000;
	text-decoration: underline;
	}
A:visited {
	color: #cc0000;
	text-decoration: underline;}	
A:hover {
	color: #ff0000;
	text-decoration: underline;
	}

div#intro{
	width:100%;
	height:400px;
	text-align:center;
}

div#name{
font-family:'Arial',sans-serif;
font-size:81px;
letter-spacing:-6px;
line-height:55px;
margin:0 auto;
padding:32px 0 0 230px;
text-align:left;
text-transform:uppercase;
width:608px;;
}

div#Enter{
	width:617px;
	height:350px;
	background:transparent url(img/alternative_intro.png) no-repeat scroll 0 0;
	display:block;
	margin:0 auto;}
	
div#Enter a{
	width:617px;
	height:350px;
	display:block;
	text-decoration:none;
	}
	
object { outline:none; }

div#container{
margin:0 auto;
width:850px;
}
div#sub-container{
float:left;
margin:0 auto;
width:717px;
padding:14px 0 0 0;
}
div#up-container{
	position: relative;
	height:100%;
}

div#header-container{
	padding:0 0 60px;
	margin:0 auto;
	background:transparent;
}

div#header-logo{
/*	background:transparent url(img/header_logos.png) no-repeat scroll center -635px;*/
	height:127px;
	margin:0 auto;
	padding:0;
}

/*#header-logo.portfolio{
	background-position:center 0 !important;
}
div#header-logo.aboutme{
	background-position:center -127px !important;
}
div#header-logo.resources{
	background-position:center -254px !important;
}
div#header-logo.links{
	background-position:center -381px !important;
}
div#header-logo.contactme{
	background-position:center -508px !important;
}
div#header-logo.home{
	background-position:center -635px !important;
}*/

div#header-logo a{

display:block;
height:117px;
margin:26px auto 0;
position:absolute;
top:0;
width:478px;
}



div#header-logo a span{
display:none;
}

div#header-logo div#profession{
font-size:26px;
letter-spacing:4px;
line-height:27px;
}

div#content{
background:#FFF;
float:right;
margin:0 0 12px;
padding:0;
width:480px;
background-image:url('img/content_center.gif');
background-attachment: scroll;
background-position: left top;
background-repeat: repeat-y;
}

/*CSS principale per il menu (sfondo)*/
div#nav1{
display:block;
height:0;
margin:0;
padding:0;
position:static;
width:100%;
}
div#nav1 ul{
margin:0;
padding:0;
width:100%;
}
div#nav1 li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto 4px;
padding:0;
text-align:center;
width:100%;
background:#FFA500 none repeat scroll 0 0;
height:31px;
}


/*CSS principale per il menu*/
div#nav2{
display:block;
float:left;
margin:0;
padding:0;
position:static;
text-align:center;
width:224px;
font-size:16px;
}
div#nav2 ul{
margin:0;
padding:0;
}
div#nav2 li{
color:white;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:10px auto 0;
padding:3px 0;
text-align:center;
width:100%;
display:block;
}
div#nav2 a{
padding:0 0 0 18px;
display:block;
height:25px;
line-height:25px;
margin:0 auto;
text-align:left;
text-decoration:none;
}
div#nav2 a:hover{
	padding:0 0 0 21px;
	background-position: 12px 0;

}
div#nav2 a.active{
	background-position: 209px 0;
	color:#DDDDDD !important;
	border:0 none; 
	padding-left:17px;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-image:url('img/bg_menu.gif');
}
div#nav2 a.active:hover{

}

div#nav2 a span{
	background-color:#f00;
}

div#nav2 a strong{
font-family:'BebasNeueRegular',Arial,serif;
font-size:30px;
line-height:23px;
text-transform:uppercase;
	}
	
ul#menu-1 li a{
	padding:0 0 0 10px;}



div#nav2 div#accordion li a{
background-position:5px 0;
color:#00AEEF;
cursor:pointer;
margin-left:5px;
font-weight:bold;
margin-left:5px;
text-transform:uppercase;
font-family:'BebasNeueRegular',Arial,serif;
font-size:20px;
letter-spacing:5px;
line-height:23px;
	}
div#nav2 div#accordion li{
	margin:0;}
div#nav2 a#portfolio{
color:#00AEEF;
/*background-color:#00AEEF;
*/	}
div#nav2 a#aboutme{
/*background-color:#ff0090;
*/color:#ff0090;
	}
div#nav2 a#resources{
color:#F6C100;
/*background-color:#F6C100;
*/	}
div#nav2 a#links{
color:#555;
/*background-color:#555;
*/	}
div#nav2 a#contactme{
color:#ffa500;
/*background-color:#ffa500;
*/	}
div#nav2 a#blog{
color:#000000;
}
div#nav2 a#home{
color:#B22222;
/*background-color:#B22222;
*/	}


/*CSS principale per il menu PORTFOLIO*/
ul#menu1 li ul li a{
	padding:0 0 0 10px;}
ul#menu1 ul#sottomenu{

}


/* fine CSS principale per il menu PORTFOLIO*/


div#extra{
float:right;
margin:0;
padding:14px 0 0 0;
width:120px;
}
div#extra input{
margin-top: 5px;
}

div#footer{
background:#333;
clear:both;
color:#bbb;
font-size:85%;
font-weight:bold;
height:70px;
line-height:19px;
margin:0 auto;
padding:36px 0 0;
text-align:center;
white-space:nowrap;
width:100%;
clear: both;
bottom:0;
}

div#footer a {
	color: #fff;
	font-style:italic;
	text-decoration:none;
}

div#footer-words{
color:#999;
font-size:7pt;
}

div#contentinterno{
text-align: center;
color: #000000;
padding: 30px 30px 3px 30px;
background-image:url('img/content_top.gif');
background-attachment: scroll;
background-position: left top;
background-repeat: no-repeat;
}

div#contentbottom{
padding: 35px 0 0;
background-image:url('img/content_bottom.gif');
background-attachment: scroll;
background-position: left bottom;
background-repeat: no-repeat;
clear:both;
}

div#content-index{
text-align: center;
padding-top: 0px;
height:372px;
}


div#container-index{width:800px;padding-top:0px;text-align: center;margin: 0 auto;}


h3{
	margin:0 !important;
	padding:0 !important;
	font-style:normal;
}
h2 {
	margin:10px 0;
	font:3em/0.8em 'BebasNeueRegular',Arial,serif;
	letter-spacing: 0;
}

h1 {
	margin:10px 0;
	font:3em/0.8em 'BebasNeueRegular',Arial,serif;
	letter-spacing: 0;
}

#content h3{
		margin:10px 0;
	font:1.3em/0.8em 'BebasNeueRegular',Arial,serif;
	letter-spacing: 0;}

div#main{
margin:0;
width:800px;
}

.linkstain{
font-size: 10px;
text-decoration: none;
width:413px;
padding: 0px 0px 100px 0px;
background-image: url(/varie/gif/linkstain.gif);
background-attachment: scroll;
background-position:center center;
background-repeat: no-repeat;
text-align:center;
}


.linkstain a {
background:#E3D4A9 url(img/bg_thumb.gif) repeat scroll left bottom;
border:1px solid #E3D4A9;
bottom:4px;
display:block;
font-family:Verdana;
font-weight:bold;
height:16px;
padding:1px;
position:relative;
right:4px;
text-decoration:none;
width:147px;
}

.linkstain a:hover {
right:3px;
bottom:3px;
}


.linkstain img {
text-decoration:none;
float:left
}

.linkstain div.shadow{
background:transparent url(img/black50.png) repeat scroll 0 0;
display:block;
height:20px;
margin:10px auto;
padding:0;
width:151px
}



.thumbworks{
margin:0 auto;
padding-top:15px;
text-align:center;
}

.thumbworks div.shadow{
background: transparent url(img/black50.png) repeat scroll 0 0;
display:block;
float:left;
height:91px;
margin:7px;
width:124px;
}

.thumbworks a{
border-color:#CCCCCC #999999 #666666 #CCCCCC;
border-style:solid;
border-width:1px;
background-color:#eee;
bottom:4px;
display:block;
float:left;
margin:0;
position:relative;
right:6px;
}

.thumbworks a:hover{
margin-top: 2px;
margin-left:2px;
background-color:#fff;
}

.thumbworks #contenitore{
	margin:0 auto;
	text-align:center;
	width:283px;
	}

.thumbworks img{
padding:5px;
}

div#lastworks{
background-image: url(http://www.gabrielemalaspina.com/template/img/lastw.gif);
background-attachment: scroll;
background-position: top center;
background-repeat: no-repeat;
height:370px;
}

div#lw{
width: 5em;
margin:0 auto;
width:310px;
height:150px;
}

div#ita{
	font-family:"Times New Roman", Times, serif;
font-style: italic;
        color: #777777;
}

.ita{
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
    color: #777777;
	border-top: 1px dotted #777;
}









.skills p {
background:#dddddd;
border:#666 solid 1px;
margin:10px 120px;
text-align:center;
padding:3px;
font-family:Georgia, Times New Roman, serif;
font-size:13px;
font-style:italic;
}

.skills p img{
border-color:#666666;
border-style:none dashed none none;
border-width:1px;
float:left;
padding:0 9px 0 0;
}

textarea {
background:#eee;
border:1px dashed #AAAAAA;
}


/* ###############  start style CONTACT.PHP  ############## */

div#prefer{
font-size:80%;
text-align:center;
padding-top:22px;
}
.text {
text-align:center;
}

#modulo form{
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
margin-top:auto;
width:290px;
}

#modulo .inputLine,#modulo textarea {
background:#ffffff url(/varie/gif/input2.gif) repeat-y scroll right top;
margin:4px 0 4px 18px;
float:right;
border:1px solid #ddd;
color:#FFF;
-moz-border-radius: 0 5px;
-webkit-border-radius: 0 5px; 
}

#required{
display:block;
font-size:10px;
margin:170px 0 0;
}

.inputButton{
background:transparent url(/varie/gif/inputbutton.gif) no-repeat scroll center top;
border:medium none;
cursor:pointer;
height:30px;
padding:0;
width:124px;
}

.inputButton:hover{
background:#FFFFFF url(/varie/gif/inputbutton.gif) no-repeat scroll center bottom;
}

#modulo{
margin:40px auto 0;
}


#modulo p{
display:block;
height:35px;
margin:2px;
}

#modulo label{
float:left;
margin:7px 0 0;
}

div#contentinterno .error{
background:#FF0000 url(img/warning.png) no-repeat scroll 8px 50%;
border-color:#A20000;
border-style:solid none;
border-width:2px;
color:#FFFFFF;
display:block;
font-weight:bold;
margin:8px;
padding:8px 8px 8px 47px;
text-align:left;
}

/* ###############  end style CONTACT.PHP  ############## */

div#contatore{
display:none;
}

div#pathway{
display:block;
margin:2px;
padding:4px 4px 7px 20px;
text-align:left;
background:#eee url('img/rt_rounded_corner.gif') scroll no-repeat top right;
font-family:'Georgia',serif !important;
font-size:13pt;
font-style:italic !important;
}

div#pathway a{
	text-decoration:none;
	background:transparent !important;
}

div#pathway strong{
		font-weight: normal !important;}
		
/* ###############  LINKS.PHP  ############## */
img{
border:none;}

div#scambio_banner{
padding:30px 15px;
font-size:10px;} 

div#box1{
border:3px double #DDDDDD;}



/* ###############  stile pulsante  ############## */
a.button{
background:transparent url(img/button.png) no-repeat scroll 0 0;
color:#FFFFFF;
cursor:pointer;
display:block;
font:1.1em/36px 'BebasNeueRegular',Arial,serif;
letter-spacing: 0;
height:35px;
margin:0 auto;
text-align:center;
text-decoration:none;
width:125px;
}
a.button:hover{
background:transparent url(img/button.png) no-repeat scroll bottom center;
letter-spacing: 1px;
}
/* ###############  ############## */

div#rss_album{
color:#FFFFFF;
float:right;
height:57px;
margin-top:-43px;
width:50px;
}

div#banners{
	margin:0 auto 25px;
	padding:0;
	text-align:left;
	width:324px;
}
	
div#banners img{
	margin:8px;
	padding:0;
}


.download strong{
display: none;
}

.download{
background-color:#FFA500;
display:block;
height:32px;
margin:0 auto;
width:150px;
}

/* ############### tab menu ############## */
#heading {
			display: block;
			text-align: center;
			margin-bottom: 1em;
		}
		#heading * {
			display: inline;
			padding: 4px;
			cursor: pointer;
			vertical-align: middle;
		}
		#heading li.active {
			background-color: #66ccff;
		}
		
		#wrapper { /*border: 1px dotted gray; margin: 1em; padding: 1em;*/ }
		
		#panes {
			text-align: justify;
			border-style: none;
			/*width: 245px;*/
			margin: 0 1em 0 1em;
		}
		
		#panes p {
		  margin: 0 2px;
		  line-height: 1.2em;
		}
		
		#panes div div { overflow: hidden; }
		
		#previous { float: none; cursor: pointer; }
		#next { float: none; cursor: pointer; }
/* ###############  ############## */
/*- Menu Tabs C--------------------------- */

    #tabs {
/*      float:left;*/
      width:100%;
      background:#EDF7E7;
      font-size:93%;
      line-height:normal;
	  padding:0 0 20px;
	background:#fff url("img/tab_bg.gif") no-repeat top center;
      }
    #tabs ul {
	background-color:#fff;
	display:block;
	height:23px;
	list-style:none outside none;
	margin:0 0 10px;
	padding:0;
	border-bottom:1px solid #999;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs ul li a {
      float:left;
      margin:0;
      padding:0 0 0 3px;
      text-decoration:none;
	margin:0 2px 0 0;
      }
    #tabs.resources ul li a {
      background:url("img/tableftC2.gif") no-repeat left top;
      }
    #tabs.aboutme ul li a {
      background:url("img/tableftC3.gif") no-repeat left top;
      }
    #tabs ul li a span{
      float:left;
      display:block;
      padding:5px 10px 4px 6px;
      color:#000;
      }
    #tabs.resources ul li a span{
      background:url("img/tabrightC2.gif") no-repeat right top;
      }
    #tabs.aboutme ul li a span{
      background:url("img/tabrightC3.gif") no-repeat right top;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs ul li a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs ul li a:hover {
      background-position:0% -42px;
      }
    #tabs ul li a:hover span {
      background-position:100% -42px;
      }  
.ui-tabs-hide { display: none;} 
#content .ui-state-active a span{
	background-position:100% -84px !important;
	height:15px;}
#content .ui-state-active a{
	background-position:0% -84px !important;
	height:24px;}
.ui-state-active a:hover span{
	color:#000 !important;
	cursor:default;}
.ui-tabs-panel{
	padding:0 15px 0;}

#space{
	width:100px;
	display:block;}