# Design by Free CSS Templates
# http://www.freecsstemplates.org
# Released for free under a Creative Commons Attribution 2.5 License
# Customized by Gabriele Fici

@font-face {
   font-family: 'Candara';
   src: url(Candara.eot);
   src: url('Candara.ttf') format('truetype');
}

@font-face {
   font-family: 'Journal';
   src: url(Journal.eot);
   src: url('fonts/journal-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'JournalRegular';
    src: url('fonts/journal-webfont.eot');
    src: url('fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/journal-webfont.woff') format('woff'),
         url('fonts/journal-webfont.ttf') format('truetype'),
         url('fonts/journal-webfont.svg#JournalRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background: #EDE7DB url(images/img01.gif) repeat-x left top;
	color: #656565;
}

/* Header */

#header {
	width: 960px;
	height: 150px;
	margin: 0 auto;
	color: #FFF;
}

#header h1 {
	padding: 27px 0 5px 0;
	font-size: 350%;
	font-family: Arial, sans-serif;
	letter-spacing: 2px;
}

#header p {
	text-transform: capitalize;
	padding: 4px 0 0 8px;
	font-family: JournalRegular, Arial, sans-serif;
	font-size: 24pt;
    letter-spacing: 3px;
}

#header a {
	text-decoration: none;
	color: #FFF;
}

/* Menu */

#menu-wrapper {
	width: 960px;
    height: 50px;
	margin: 0 auto;
	padding: 30px 0 0 0;
    background-color:#FFF;
}

#menu {
	width: 880px;
	margin: 0 auto;
	height: 40px;
	padding: 0px;
    background: #fb955e; /* Old browsers */
    background: -moz-linear-gradient(top, #feccb1 0%, #f17432 27%, #ea5507 44%, #ea5507 45%, #fb955e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(27%,#f17432), color-stop(44%,#ea5507), color-stop(45%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 27%,#ea5507 44%,#ea5507 45%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feccb1 0%,#f17432 27%,#ea5507 44%,#ea5507 45%,#fb955e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feccb1 0%,#f17432 27%,#ea5507 44%,#ea5507 45%,#fb955e 100%); /* IE10+ */
    background: linear-gradient(top, #feccb1 0%,#f17432 27%,#ea5507 44%,#ea5507 45%,#fb955e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
}

#menu a {
	padding: 7px 35px;
	text-decoration: none;
	text-transform: capitalize;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
    letter-spacing: 0px;
	color: #FFF;
	text-shadow: 1px 1px 1px #555;
	line-height: 27px;
	border-right: 1px dotted white;
	display: inline-block;
}
    
#menu a:first-child {
    border-left: 1px dotted white;
    margin-left: 54px;
}
    
#menu a:hover  {
	background: url(images/y.png) no-repeat 14px 9px;
	background-size: 20px; 
	-ms-interpolation-mode: bicubic;
    /*box-shadow:0px 6px 8px #f74;
    -moz-box-shadow:0px 6px 8px #f74;
    -webkit-box-shadow:0px 6px 8px #f74;
    -webkit-transition-duration: .4s;   
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;  */
}

/* Wrapper */

#wrapper {
}

/* Page */

#page {
	width: 960px;
	margin: 0 auto;
    background-color:#FFF;
    /*background-color: rgba(55, 55, 55, 0.1);*/
    /*background-image:url('io.jpg');*/
    /*box-shadow: 5px 5px 10px 5px #333333;*/
    font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
    text-align: justify;
}

#page-bgtop {
}

#page-bgbtm {
	padding: 0px 20px;
}

/* Latest Post */

#latest-post {
} 

/* Content */

#content {
	float: left;
	width: 740px;
	margin: 10px 0px 20px 90px;
	}

img.left {
	float: left;
	margin: 0 20px 0 10;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

.post {
	padding-bottom: 15px;
	line-height: 170%;
	background: url(images/img04.gif) repeat-x left bottom;
}

.post p{
	padding-bottom: 10px;
}

.post a{
    color: #f70;
    text-decoration: none;
}
    
.post a:hover{
    border-bottom: 1px dotted #f70;
}    

h2.title {
	padding: 30px 0 15px 0px;
	font-family: Arial, sans-serif;
	font-size: 30px;
	font-weight: normal;
}

h3.papers {
	padding: 30px 0 20px 0px;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 200%;
}

ul.coauthors{
	padding-left: 2ex;
}

ul li{
	padding-bottom: 0.6em;
}

ul.research{
	list-style: circle;
	margin: 2px 0 4px 20px;
}

.byline {
	margin: -7px 0px 10px 1px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.byline a {
	color: #666666;
}

/* Footer */

#footer-wrapper {
}


#footer {
	width: 920px;
	height: 50px;
	margin: 0 auto;
	padding: 0 20px;
	background: #111111;
}

#footer p {
	padding: 22px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 60%;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}

#footer a {
	color: #EDE7DB;
}

/* Other */

#photo {
    margin: -10px 0px 0px 90px;
    float: right;
    padding: 6px 6px 0px 6px;
    border: 0px solid #ddd;
    s-webkit-transform: rotate(-10deg);
    s-webkit-transition: all 0.4s ease-in;
    s-moz-transform: rotate(-10deg);
    s-moz-transition: all 0.4s ease-in;
    s-ms-transform: rotate(-10deg);
    s-ms-transition: all 0.4s ease-in;
    s-o-transform: rotate(-10deg);
    s-o-transition: all 0.4s ease-in;
    box-shadow:2px 4px 8px #f74;
    -moz-box-shadow:2px 4px 8px #f74;
    -webkit-box-shadow:2px 4px 8px #f74;
}
    
#sphoto:hover {
    -webkit-transform: rotate(350deg);
    -webkit-transition: all 1.5s ease-out;
    -moz-transform: rotate(350deg);
    -moz-transition: all 1.5s ease-out;
    -ms-transform: rotate(350deg);
    -ms-transition: all 1.5s ease-out;
    -o-transform: rotate(350deg);
    -o-transition: all 1.5s ease-out;
}
    
#photo img {
	-ms-interpolation-mode: bicubic;
}    
    
div.paper {
    margin-bottom: 1ex;
    padding-left: 4ex;
    text-indent: -2.0ex;
}
    
div.paper2 {
    margin-bottom: 1ex;
    padding-left: 4ex;
    text-indent: -3.0ex;
}

#publications {
    margin:5px 0 0 8px;
}

#mc{
    position:absolute;
    right:0px;
    top:-90px;
    width:176px;
    height:174px;
    background-image: url(images/mc.png);
    -webkit-transition: all 1.2s ease-out;
    -moz-transition: all 1.2s ease-out;
    -o-transition: all 1.2s ease-out;
    -ms-transition: all 1.2s ease-out;
}

#mc:hover{
     -webkit-transform: translate(0px,90px);
    -moz-transform: translate(0px,90px);
    -o-transform: translate(0px,90px);
    -ms-transform: translate(0px,90px);
    -webkit-transition: all 1.2s ease-in;
    -moz-transition: all 1.2s ease-in;
    -o-transition: all 1.2s ease-in;
    -ms-transition: all 1.2s ease-in;
}