/*

   Theme Name: Rojo

   Theme URI: http://www.tomstardust.com

   Description: Stardust v1.0 Handcoded Wordpress Theme for Accessibility Lovers by <a href="http://www.tomstardust.com">Tommaso Baldovino</a>

   Author: Tommaso Baldovino

   Author URI: http://www.tomstardust.com

   */

html, 
body {
    font-size: 16px;
    color: #000;
    margin: 0;
    padding: 0;
    background: #434343 url(rojo/header2.png) top repeat-x;
}

li { padding-top:0.5em;padding-bottom:0.5em;}


a img {
    border: none;
}

img.doibadge { vertical-align: middle; } 

h1 {
    font: 180%/1.10 Georgia, serif;
    letter-spacing: -0.2px;
    margin: 10px 0 2px 0;
    padding-bottom: 5px;
}

h2 {
    font: 130%/1.15 Georgia, serif;
    border-bottom: 1px solid; 
    margin-top: 2em;
    margin-bottom: 1em;
}

h3 {
    font: 120% Georgia, serif;
    margin: 10px 0 2px 0;
    padding-bottom: 5px;
    font-weight: bold;
}

h4 {
    clear: both;
    font: 120% Georgia, serif;
    margin-top: 15px;
}

#contenedor 
{  
    width: 950px;
    background-color: white;
    /*  min-height:100%;
       position:relative;
       height: auto !important;
       height: 100%;*/
    margin: 0 auto;
}

#wrapper
{ 
    background: black url(rojo/header2.png) top repeat-x;
    margin: 0;
    padding: 0;
}

#header 
{ 
    background-color: transparent;
    margin: 0;
    padding: 0;
    position: relative;
    min-height: 90px;
}


#headertext {
    font: 220%/1.15 Georgia, serif;
    letter-spacing: -0.2px;
    text-align: left;
    margin: 0;
    padding: 20px 20px 0 45px;
}

#header a,
#header a:link,
#header a:visited,
#header a:hover,
#header a:active {
    text-decoration: none;
    color: white;
    min-height: 0px;
}

/*
   * MENU
   */

#menu
{
    font-family: Arial, Verdana, sans-serif;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    padding-left: 80px;
    padding-bottom: 33px;
    font-weight: bold;
    background: transparent  url("rojo/bar.png") bottom left repeat-x;
}

#menulist
{
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#menulist li
{
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

#menulist li a
{
    padding: 8px 20px;
    
    display: block;
    
    text-decoration: none;
}

#menu ul li a:link, #menu ul li a:visited
{
    background: #222 url(rojo/menu.png) top left repeat-x;

    color: #ddd;

    border-left: 1px solid #333;

    border-top: 1px solid #333;

}

#menu ul li a:hover, #menu ul li a:active
{
    background: #333333 url(rojo/menu.png) 0 -100px repeat-x;

    color: #ffffff;

    text-decoration: none;

    border-left: 1px solid #444444;

    border-top: 1px solid #444444;

}

#home #nav-home a,
#research #nav-research a,
#publications #nav-publications a,
#news #nav-news a,
#phd #nav-phd a,
#wishlist #nav-wishlist a{ 
    background: #d70807 url(rojo/menu_in.png) top left repeat-x;

    color: #fff;

    border-left: 1px solid #d70807;

    border-top: 1px solid #d70807;

}

#sidebar {
    font-family: 'Helvetica', 'Arial', 'Verdana', sans-serif;
    font-size: 90%;
}

#sidebar a:link,
#sidebar a:visited {
    text-decoration: none;
    color: #BB2200;
}


#sidebar a:hover,
#sidebar a:active {
    text-decoration: underline;
}

#sidebar .large {
    font-size: 150%;
    font-weight: bold;
}

#sidebar { 
    float: right;
    width: 250px;
    background-color: white;
    text-align: center;
    padding: 0px 0px;
    margin: 0px 10px;
}

#contenido
{
    font-family: 'Helvetica', 'Arial', 'Verdana', sans-serif;
    font-size: 15px;
    width: 600px;
    background-color: white;
    padding: 0px 10px 10px 40px; 
}

#contenido p, dd {
    padding: 0px 10px;
    text-align: justify;
    /*    text-align: left;*/
    letter-spacing: 0;
}


#contenido a:link,
#contenido a:visited
{
    text-decoration: none;
    /*  color: #a64b3c;
       color: #001155;*/
    /*  color: #002BB8;*/
    color: #BB2200;
}


#contenido a:hover,
#contenido a:active {
    text-decoration: underline;
}

div.newsheading {
    border-bottom: 1px solid black;
    padding: 2px;
    font-weight: normal;
}
span.newsversion {
    font-weight: bold;
    padding: 0px 4px 0px 0px;
    margin: 0px 4px 0px 0px;
}

span.newsdate {
    font-weight: normal;
    border-right: 1px solid black;
    padding: 0px 4px 0px 0px;
    margin: 0px 4px 0px 0px;
}
div.newsbody  {
    margin: 0 0;
    padding: 0 0;
    font-size: 100%;
    clear: both;
}

div.newsbody ul 
{
    margin-left: 2em;
    padding: 0 0;
}
div.newsbody li {
    margin: 0 0;
    padding: 0px 0px 10px 0px;
}


div.imagetext {
    margin: 5px 0px;
    padding: 0px;
    min-height: 3em;
}

div.imagetext  img {
    float: left;
    height: 3em;
    width: auto;
}

div.imagetext div.text {
    padding: 0px;
    margin: 0px;
    padding-left: 40px;
    vertical-align: middle;
}

#at {
    float: none;
    display: inline;
    vertical-align: middle;
    border: 0;
    width: 1em; 
    height: auto; 
}


hr {
    border: solid black; /*#1D57BD;*/
    border-width: 0 0 2px 0;
    height: 0;
    padding: 1em 0 0 0;
    margin: 0 0 1em 0;
}

#footer	{
    clear: both;
    background: #000 url(rojo/header.png) top repeat-x;
    /*border-top: 2px solid #001155;*/
    color: #fff;
    margin: 0;
    padding: 0px;
    text-align: center;
    font-size: 80%;
    height: 60px;
    max-height: 60px;
    /* position:absolute; */
    /* width: 100%; */
    bottom:0;

}
#footer p {
    float: left;
    margin: 0px;
    padding: 10px 80px;
}

#footer p a {
    color: white;
    font-weight: bold;
    text-decoration: none;

}
#footer img {
    display: inline;
    vertical-align: middle;
    border: 0;
}
img.inline {
    display: inline;
    vertical-align: middle;
    border: 0;
}

.topcentered { 
    display: block;
    margin-left: auto;          
    margin-right: auto;
    margin-bottom: 1.5em;
}

#vnavlist
{
    padding: 0 1px 1px;
    margin-left: 0;
    font: bold 12px Verdana, sans-serif;
    background: black;
    width: 95%;
}

#vnavlist li
{
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid black;
    text-align: left;
}

#vnavlist li a
{
    display: block;
    padding: 0.25em 0.5em 0.25em 0.75em;
    border-left: 1em solid black;
    background: white;
    text-decoration: none;
}

#vnavlist li a:link {    color: black; }
#vnavlist li a:visited { color: black; }

#vnavlist li a:hover
{    
    text-decoration: none;
    border-color: #ddd;
    color: white;
    background:  #d70807;
}


#navlist
{
    padding: 0 1px 1px;
    margin-left: 0;
    margin-bottom: 0;
    font: bold 12px Verdana, sans-serif;
    /* color: black; */
    /*width: 12em;*/
}

#navlist li
{
    list-style: none;
    margin: 0;
    margin-bottom: 1.5em;
    margin-right: 0.5em;
    padding: 0;
    /*border-top: 1px solid black;*/
    text-align: left;
    background: black; 
    float: left;
}

#navlist li a
{
    padding: 0.25em 0.5em 0.25em 0.75em;
    border: 1px solid black;
    border-left: 1em solid black;
    background: white;
    color: black;
    text-decoration: none;
}

#navlist li a:link {    background: white; color: black; }
#navlist li a:visited { background: white; color: black; }

#navlist li a:hover
{
    text-decoration: none;
    border-color: #ddd;
    color: white;
    background-color:  #d70807;
}

.filename, code {
    font: 100% monospace;
}

pre, .blockcode {
    display: block;
    margin: 10px 0px;
    padding: 5px 5px;
    text-align: left;
    width: auto;
    background-color:  #e0e0e0;
    color: black;
    overflow: auto;
    font: 100% monospace;
}



ol.publications {margin-left: 0em; padding: 0;   counter-reset: publication;}

ol.publications > li{
    margin: 0;
    padding: 0.5em 0em 0.5em 2.1em;
    display: block;
    border: 0;
}
ol.publications > li:target {
    border:1px solid #dac89d;
    margin-left: -2em;
    padding-left: 4.1em;
    background: #ffffd3;
}

a.counter:hover:after,
a.counter:active:after {
    text-decoration: underline;
}


ol.publications > li > a.counter:after
{
    display: inline-block;
    min-width: 3em;
    /* background-color: red; */
    text-align: right;
    margin-left: -4em;
    content: "["counter(publication)"]";
    color: black;
    counter-increment: publication;
    padding-right: 1em;
}

.publications dl
{
    max-width: 99%;
}

.publications dt
{
    float: left;
    text-align: right;
    margin: 0;
    padding: .5em 0em .5em 0em;
    width: 2em;
}
.publications dd
{
    text-align: left;
    margin-left: 2em;
    padding: .5em;
}

ul.publinks {
    margin: 0;
    margin-top: 2px;
    padding: 0;
    border: none;
    display:inline-block; 
    vertical-align: middle;
}

/* TODO: But how to make the [] match the height of
the border?  See http://jaspreetchahal.org/pure-css-square-brackets/ */
/*
    .squarebrackets
    {
    font-family: calibri;
    font-size:20px;
    }
    .squarebrackets:before {
    content: " ";
    border-left:2px solid #666;
    border-top:2px solid #666;
    border-bottom:2px solid #666;
    margin-right:10px;
    padding:10px 5px 10px 5px;
    }
    .squarebrackets:after
    {
    content:" ";
    padding:10px 5px 10px 5px;
    border-right:2px solid #666;
    border-top:2px solid #666;
    border-bottom:2px solid #666;
    margin-left:10px;
    }
*/
ul.publinks > li {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    display: inline-block;
    margin-left: -4px;
    margin-right: -4px;
    min-height: 22px; /* minimum to fix pdfdoc icon */
}

a.pdfdoc {
    display:inline-block;
    padding-left:23px;
    line-height:22px;
    background:transparent url(../img/pdf22.png) top left no-repeat;
}

ul.publinks > li > a {
    white-space: nowrap;
    margin-left: 3px;
    margin-right: 3px;
}
ul.publinks > li > a.pdfdoc {
    white-space: nowrap;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 23px;
    background:transparent url(../img/pdf22.png) center left no-repeat;
    min-height: 22px;
}

ul.publinks:before {
 content: "[";
}

ul.publinks:after {
 content: "]";
}

ul.publinks > li:first-child:before {
 content: "";
}

ul.publinks > li:before {
 content: "\00a0|";
}



div.footnote {
    font-size: 9px;
}

div.newsheader { 
    padding: 2px;
    font-weight: normal;
    margin-top: 2em;
    margin-bottom: 1em;
    height: auto;
    float: left;
    clear:left;
    width: 100%;
}

div.date {
    font-family: Tahoma, Arial, sans-serif; 
    font-size: 110%;
    width: 20%;
    color: #444; 
    font-weight: bold; 
    padding-top: 2px;
    float: left;
}

div.headertitle { 
    font: 130% Georgia, serif;
    vertical-align: bottom;
    float:right;
    text-align: left;
    width: 79%;
}

div.date span.month:after 
{ 
    content: ' '
}

div.date span.day:after 
{ 
    content: ', '
}

#photo { text-align: center; clear: both; margin-top: 10px; margin-left: 30px; margin-bottom: 20px; border: 0; vertical-align: middle; 
    -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
    -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
    box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
/*    : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); IE 5.5 - 7 */

}

.dropshadow {
    /* FIXME: Needs CSS3, validator complains. */
    -moz-box-shadow: 3px 3px 4px #999; /* Firefox */
    -webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
    box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
/*    : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); IE 5.5 - 7 */
} 

img.center {   display: block;
    margin-left: auto;
    margin-right: auto }
/* div.date p{ */
/* 	font-family: Tahoma, Arial, sans-serif; */
/* 	width: 50px; */
/* 	height: 60px; */
/* 	float: left; */
/* 	margin: 0; */
/*         padding: 0; */
/* 	background: url(../img/date.png) no-repeat; */
/* 	color: white; */
/* 	text-align: center; */
/* 	font-size: 90%; */
/* 	overflow: hidden; */
/* } */
/* div.date span.giorno{ */
/* 	font-size: 190%; */
/* 	color: #444; */
/* 	font-weight: bold; */
/* 	line-height: 0.7; */
/* } */
/* div.date p span.anno{ */
/* 	margin: 0; */
/* 	color: #666; */
/* 	font-size: 80%; */
/* 	font-family: Tahoma, Arial, sans-serif; */
/* } */

#lastupdate { float: right; font-size: 8px; color: gray}

/*
   div.doi { 
    display: inline;
    min-height: 1.5em;
    border: 1px solid #333; 
    padding: -10px;
}

#contenido .doi > a {
    display: block;
    min-height: 1.5em;
    background-color: white;
    text-decoration: none;  }

#contenido .doi > a:hover,
#contenido .doi > a:active
{ 
    text-decoration: none;
    border-color: #ddd;
    color: white;
    background-color:  #d70807;
}
*/

table.contact { 
    border: 0;
    margin-top: 20px; 
    margin-bottom: 12px; 
    vertical-align: middle;
}
.contact img { height: 30px; width:auto; }
.contact td:first-child, .iconcol { text-align: center;  }
.contact td:first-child + td, .desccol { padding-left: 1ex; white-space:nowrap; font-weight: bold; text-align: left; }
.contact td:first-child + td + td, .textcol { padding-left: 1em; text-align: left;   }

.badge {
    float:right;
    background-color:#d70807;
    font: bold 11px Verdana, sans-serif;
    border: 1px solid #fff;
    height: 14px;
    -webkit-appearance: none;
    overflow: hidden;
    border-radius: 3px;
    padding: 3px 5px;
}

.badge a { text-decoration: none; color: white; }