@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');

html{
    cursor: crosshair;
}

html{
    -moz-appearance: none;
    -webkit-appearance: none;    
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

body{
    margin: 1%;
    max-width: 1920px;
    height:900px;
    cursor:crosshair;
}

button,
input,
select,
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

a{
    cursor:crosshair;
}

p{
font-family: 'Roboto', sans-serif;
font-weight:;
font-size: 10pt;
cursor: crosshair; 
width: auto;
}



/* - - - - - - - - - - - - - - Index Page  - - - - - - - - - - - - - - */


#topMenu{
    position: fixed;    
    margin-left: 1% !important!;
    margin-top: 1%;
}

.maintitle{
font-family: 'Roboto', sans-serif;
font-weight:bold;
font-size: 10pt;
}

#title_sentence {  
    padding-top: 20pt;
    transform: rotate(8deg);   
    -ms-transform: rotate(8deg); /* IE 9 */
    -webkit-transform: rotate(8deg); /* Chrome, Safari, Opera */
    cursor: crosshair; 
}

a.maintitleLink:link, a.maintitleLink:visited, a.maintitleLink:active {font-weight:bold; color:black; background-color:transparent; text-decoration:none;    
}
a.maintitleLink:hover {font-size: 6pt; color:black; background-color:transparent; text-decoration:none;}



ul{ padding-top: 6%;
}


li{
    list-style-type: none;
    font-family: 'Roboto', sans-serif;
    font-size: 9.6pt;
    line-height: 14pt;
    font-weight: bold;
    cursor:crosshair;
    border-top: 1px solid black; 
    padding-top: 6px;
    margin-bottom: 6px;
    margin-right: 6%;
}

#filter {           
    font-family: 'Roboto', sans-serif;
    font-size: 10pt;
    font-weight: bold;
    cursor:crosshair;
    margin-top: 2%;   
    margin-left: 35%;
    padding-top: 5%;    
/*  width:19px;
    height:19px;
    margin: 0;
    vertical-align:middle;
    display:inline-block;
    -moz-border-radius:  50%;
    border-radius:  50%;*/
}

.index {
    margin-top: 6%; 
}

.side {
    text-align:right;
    float:right; 
}

fieldset {
    border:0px;
}

.imgli {
    margin-left: 12px;
}
label{
        cursor:crosshair;
}

input{
        cursor:crosshair;
}

a.index:link, a.index:visited  , a.index:active   {color:black; background-color:transparent; text-decoration:none;}
a.index:hover   {font-size: 14pt; background-color:transparent; text-decoration:none;}

#namelabel{
    display: none;
}

#p1 {
    display: none;  
}

/* - - - - - - - - - - - - - - Content Page  - - - - - - - - - - - - - - */

#Curation {
}

#Publications{
}

#Research {
}


#ResearchCuration {
}


.content {    
    margin-left: 1%;
/*  text-align: justify;
*/}

.related {   
    font-family: 'Roboto', sans-serif;  
    font-size: 10pt;
    margin-top: 20%;
    float: right;
    clear: right;
    cursor:crosshair;   
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}

.title_relatedpublications{
    background: #fffcd3;
    padding-left: 2pt;
/*  border-top: 10px solid #b2b2ff;*/
}

.title_relatedreserach{
    background: #a5c5ee;
    padding-left: 2pt;
}

.title_relatedcuratorial{
    background: #aff792;
    padding-left: 2pt;
}

.relatedpublications {  
    border-left: 2px solid  #fffcd3;
    padding: 10px;
}

.relatedreserach {  
    border: 2px solid  #a5c5ee;
    padding: 10px;
}   

.relatedcuratorial {    
    border: 2px solid  #aff792;
    padding: 10px;
}   

a.relatedlinks:link, a.relatedlinks:active  {color:#2F4F4F; background-color:transparent; text-decoration:none;}
a.relatedlinks:visited {color:#D3D3D3; background-color:transparent; text-decoration:none;}
a.relatedlinks:hover {color:black;font-style: italic; background-color:transparent; text-decoration:none;}


.related_title{
    color: grey;
}


#Back{   
    margin-left: 1% !important;
    margin-top: 1%;
}



/* - - - - - - - - - - - - - - Bio Page  - - - - - - - - - - - - - - */

#contentBio{
/*  max-width: 600px;*/
    padding: 14px;
    max-width: 600px;    
    max-height:220px;
    overflow-y: auto; 
    margin-bottom: 10%;
    margin-right: 2%;
    margin-left: 10%;
    border-bottom: 2px solid black;
}

#contentCv {
    padding-right: 6px; 
    max-height: 460px;
    max-width: 240px;
    border-bottom: 2px solid black; 
    overflow-y: auto;        
}

#cvList{
    margin-top:-10pt;
    overflow-y: auto;     
    list-style-type: none;
    font-family: 'Roboto', sans-serif;
    font-size: 7pt;
    line-height: 14pt;}
   

#twitter   {
    border-bottom: 2px solid black;
} 

a#credit:link{
    text-decoration: none;
    font-size: 9pt;
    color: #C0C0C0;
    padding-right: 1%;
    float: right;
}

a#credit:visited{
    text-decoration: none;
    font-size: 9pt;
    color: #C0C0C0;
    padding-right: 1%;
    float: right;
}

/* - - - - - - - - - - - - - - Reponsiveness: Media Queries;  - - - - - - - - - - - - - - */


/* Phone Portrait and Landscape */

@media only screen and (max-width : 480px){ 


body  {
    display: initial!important;
    margin:2%!important;}

#topMenu{
    position: fixed;    
    margin-left: 3% !important;
    margin-top: 2%; 
}

#filter {  
    margin-left: 5%;         
    margin-top: 24%; 
}    


#contentBio{
    margin-left: 4%;
    margin-right: 2%;}

#Back{   
    margin-left: 2% !important!;
    margin-top: 1%;   
}

li {
        font-size: 9pt !important;  
 }

 a.index{
    white-space: pre-wrap ;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */  
word-wrap: break-word ;      
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
    word-wrap: break-word ;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;   
}
}

/* Tablets Portrait and Landscape */

@media only screen and (min-width: 480px) and (max-width: 800px) {

body {
    display: initial!important;
    margin:2%!important;}

#topMenu{
    position: fixed;    
    margin-left: 3% !important;
    margin-top: 2%;}    

#filter {  
    margin-left: 5%;         
    margin-top: 24%; }
}

#contentBio{
    margin-left: 4%;
    margin-right: 2%;}

#Back{   
    margin-left: 2% !important!;
    margin-top: 1%;}      
}

li {
    font-size: 9pt !important;
}

}

/*

.g {
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.33, rgb(14,173,173)), color-stop(0.67, rgb(0,255,255)));
background-image: -moz-linear-gradient(center bottom, rgb(14,173,173) 33%, rgb(0,255,255) 67% );
padding: 2px;
}


        filter: blur(5px);
        -webkit-filter: blur(5px);
        -moz-filter: blur(5px);
        -o-filter: blur(5px);
        -ms-filter: blur(5px);
    margin: -5px -10px -10px -5px;



input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    background-color: #e1e1e1;
    border: 4px solid #e1e1e1;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px hsla(0,0%,100%,.8),
                0 0 0 1px hsla(0,0%,0%,.6),
                0 2px 3px hsla(0,0%,0%,.6),
                0 4px 3px hsla(0,0%,0%,.4),
                0 6px 6px hsla(0,0%,0%,.2),
                0 10px 6px hsla(0,0%,0%,.2);
    width: 10px;
    height: 10px;
    cursor: crosshair;  
    margin-right: 1%;      
}   

input[type="radio"]:checked + label {
    background: grey;
    border: 4px solid #e1e1e1;
    cursor: crosshair;    
}*/