/* css styles */
/* css styles */
body {
    font-family: sans-serif;
    font-size: 16px;  
    font-weight: 300; 
    background-color:  #ecf0f1;/* #353535 #1A1F1E; */
    color: #2c3e50;
    /* line-height: 1.5; */
    border-top: 10px solid #2f70a1; /* #93CCC6; */
}


code {
    font-family: 'Source Code Pro', monospace;
}


a:link { 
    color: #2f70a1; /* #93CCC6;  */
    text-decoration: none;
    border-bottom: 1px dotted #2f70a1;
}
a:visited { 
    color: #2f70a1; /* #105170; */
    text-decoration: none;
    border-bottom: 1px dotted #2f70a1;
}
a:hover { 
    color: #9ED5DD;/* #fff;  */
    text-decoration: none;
    border-bottom: 1px dotted #9ED5DD;
}
a:active { 
    color:#9ED5DD; 
    text-decoration: none;
    border-bottom: 1px dotted #9ED5DD;
}

a.is-icon {
    border-bottom: none;
}

a.boxlink {
    text-decoration: none;
    border: 2px solid #2f70a1;
    background-color: #2f70a1;
    color: #ecf0f1;
    border-radius: 5px;
    font-size: 1em;
    padding: 0px 5px;
    white-space: nowrap;
}

a.boxlink:hover {
    text-decoration: none;
    border: 2px solid #2f70a1;
    border-radius: 5px;
    color: #2f70a1;
    background-color: #ecf0f1;

}

h1,h2,h3,h4,h5,h6 {
    line-height: 1.2;
    color: #105170; /* #E3DFBA; */
    font-family: "Fira Sans", "Bitstream Vera Sans", helvetica, arial, sans-serif;
    font-weight: 400;
}

h3 {
    margin-bottom: 0.5em;
    font-size: 20px;  
}

h2 {
    /*margin-bottom: 0.5em;*/
    font-size: 24px;  
}

.category-name h2 {
    margin-top: 1em;
    border-bottom: 1px dotted #353535; /* #E3DFBA; */
    /* margin-bottom: em; */
    text-transform: uppercase;
    color: #105170/* #E3DFBA; */
    /* text-align: center; */
}

.category-name h3 {
    margin-top: 1em;
    border-bottom: 1px dotted #2c3e50; /* #E3DFBA; */
    /* margin-bottom: em; */
    text-transform: uppercase;
    /* font-size: smaller; */
    color: #2c3e50; /* #E3DFBA; */
    /* text-align: center; */
}

.image-cropper {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

ul {
    padding-left: 0;
}

li {
    margin-bottom: 0.25em;
    margin-top: 0.25em;
}

li ul li {
    padding: 0px;
    margin-top: 0;
    margin-bottom: 0;
}

li ul {
    margin-top: 1.5em;
    margin-left: 2em;
}


#picture {
    border: none;
}

#title {
    font-family: "Fira Sans", "Calibri", Verdana, sans-serif;
    font-weight: 100;
    text-align: center;
    margin: 5pt;
    font-size: 4em; 
}





.is-navbar-container 
{
    /* border-bottom: 1px solid #2f70a1; /\* #93CCC6; *\/ */
    /* text-align: center; */
    background-color: #1E466E;
    margin-bottom: 1.65em;
    font-size: 1.15em;
}

.is-navbar ul
{
    /* padding: 0; */
    /* margin: 0; */
    list-style-type: none;
    text-align: left;
    width: 100%;
    line-height: normal;
}

.is-navbar li { 
    display: inline;
    margin: 0;
    margin-right: 1px;
    vertical-align: bottom;
    list-style: none;
}

.is-navbar a:active { 
    background-color: #2f70a1; /* #93CCC6;  */
    color:  #ecf0f1; /* #1A1F1E;  */
    margin: 0;
}

.is-navbar a {
    text-decoration: none;
    color: #ecf0f1; /* #93CCC6; */
    padding: 0.2em 0.75em 0em 0.75em;
    margin: 0;
    border: none;
}

.is-navbar a:hover {
    background-color:  #2f70a1; /* #93CCC6; */
    color: #ecf0f1;
    text-decoration: underline;
}

.is-navbar #active a:hover {
    background-color:  #2f70a1; /* #93CCC6; */
    color: #ecf0f1;
}

#content {
    /* margin: auto; */
    padding-top: 20px;
    /* width: 780px; */
}

#content img {
    float: left;
    border: 0;
    margin-right: 3em;
    margin-bottom: 1em;
    max-width: 100%;
}


#content a img {
    padding: 3px;
}
#content a:hover img {
    border: 1px dotted #93CCC6;
    padding: 2px;
}


#email:before{
    content:"m.blackwell\40 rochester.edu"
}


#footer {
    margin: auto;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    padding-top: 2px;
    padding-bottom: 20px;
    /* width: 780px; */
    border-top: 1pt dotted #2f70a1;
    font-size: .75em;
    clear: left;
}

/* blockquote { */
/*     border-left: 3px solid #E3DFBA; */
/*     color: #fff; */
/*     padding: 10px; */
/* } */

/* blockquote p { */
/*     margin: 0; */
/* } */


.vcard {
    text-align: left;
    clear: none;
}

#sites {
    float: right;
    text-align: right;
}

.yearlist {
    width: 100%;
}

.is-name {
    font-weight: 800;
    letter-spacing: 1px;
}

.is-name a:link {
    text-decoration: none;
    border: 2px solid #ecf0f1;
    border-radius: 5px;
}
.is-name a:hover {
    text-decoration: none;
    color: #2f70a1;
    background-color: #ecf0f1;
    border: 2px solid ;
    border-radius: 5px;
}


.paperlist {
    color:  #2c3e50;/* #E3DFBA; */
    /* font-size: 1.25em; */
    font-family: "Fira Sans", "Calibri", Verdana, sans-serif;
    font-weight: 400;
    vertical-align: top;
}

.paperlist ul {
    list-style: none;
}

.paperlist li {
    margin-top: 0em;
    margin-bottom: 1.5em;
}

.project-title {
    /* border-bottom: 1px dotted #E3DFBA; */
    /* border-top: 1px solid #E3DFBA; */
    color:  #2c3e50;/* #E3DFBA; */
    padding: 0px;
    font-size: 1.25em;
    font-family: "Fira Sans", "Calibri", Verdana, sans-serif;
    width: 100%;
    margin-bottom: 10px;
}

.project-date {
    /* border-bottom: 1px dotted #E3DFBA; */
    /* border-top: 1px solid #E3DFBA; */
    color:  #2c3e50;/* #E3DFBA; */
    padding: 0px;
    font-size: 1.1em;
    width: 100%;
    margin-bottom: 10px;
}




.project {
    padding-bottom: 2em;
    margin-top: 10px;
}


.project img {
    padding-top: 10px;
}

.project li {
    margin: .2em;
}




.mac #title {
    font-family: 'Fira Sans', cursive;
    font-weight: 100;
}

.mac .front-header h3 {
    font-weight: 300;
}

.mac #content p {
    font-weight: 100;
}

.mac #navbar ul {
    font-weight: 300;
}

.recents {
    border-top: 1px dotted #E3DFBA;
    margin-top: 10em;
    padding-top: 1em;
    font-size: .9em;
}

ul#tweets {
    border-top: 1px dotted #E3DFBA;
    list-style-type: none;
}

ul#tweets li {
    border-bottom: 1px dotted #E3DFBA;
}

ul#tweets a[href*='YuiNishimura_/status'] {
    float: right;
    padding:0 0 .1em 1em;
    position:relative;
    border-bottom: none;
}

.post-nav a.next { 
    float: right;
}

button.btn {
  background-color: #2f70a1; /* Green */
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  height: 5%;
}

a.btn {
  background-color: #2f70a1; /* Green */
  border: none;
  color: white;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  width: 8%;
  height: 5%;
}


.card-body{ 
  border: none;
  width: 95%;
  background-color: #ecf0f1;
  padding-left: 25pt;
  padding-bottom: 15pt;
  font-size: 14px;  
  font-weight: 200; 
  color: #2c3e50;
}


@media (max-width: 780px) {
    .container {
        width: 100%;
    }
    .span-16 {
        /* width: 500px; */
        padding-right: 70px;
        padding-left: 70px;
    }
    .append-4 {
        padding-right: 0px;
    }
    /* .span-8 { */
    /*     width: 245px; */
    /* } */
    /* #navbar li { */
    /*     display: inline-table; */
        
    /* }     */
    /* #navbar li a { */
    /*     display: inline-block; */
    /*     width: 100px; */
    /* } */
    /* #navbar li {  */
    /*     padding: 0; */
    /* } */


}

@media (max-width: 600px) {
    .container {
        width: 300px;
    }
    .span-24 {
        width: 300px;
    }
    .span-8 {
        width: 300px;
    }
    .span-16 {
        width: 300px;
        padding-right: 0px;
        padding-left: 0px;
        
    }
    .span-12 {
        width: 300px;
    }
    #title {
        font-size: 2.5em; 
    }
    #navbar ul {
        font-size: 1.25em;   
        width: 300px;
    }
    #navbar li {
        display: inline-table;
        
    }    
    #navbar li a {
        display: inline-block;
        width: 90px;
    }
    #title {
        font-family: 'Raleway', cursive;
        font-weight: 400;
    }


}