/* Layout */
header{
  background: PowderBlue;
  border: 0.0625em solid #000080;
  margin: auto;
  padding: 0.625em;
  height: 3.125em;
  width: 50em;
}

nav{
  background: SteelBlue;
  border: 0.0625em solid #000080;
  margin: auto;
  padding: 0.625em;
  height: 1.25em;
  width: 50em;  
  line-height: 0em;
}

section{
  background: #FFFFFF;
  border: 0.0625em solid #000080;
  padding: 0.625em;
  margin: auto;
  height: 27.625em;
  width: 50em;   
  overflow-y: auto;
}

.projectsbox{
  background: #FFFFFF;
  margin: auto;
  height: 25em;
  width: 42em;
  padding-left:0.625em;
  padding-right:0.625em;
}

.newsbox{
  background: AliceBlue;
  margin: auto;
  height: 2.5em;
  width: 42em;
  padding-left:0.625em;
  padding-right:0.625em;
  border: 0.1875em solid #000080;
  line-height: 1em;
}

footer{
  clear: both;
  background: PowderBlue;
  border: 0.0625em solid #000080;
  margin: auto;
  padding: 0.625em;
  height: 1.25em;
  width: 50em;
  line-height: 0em;
}
/*fonts*/

@font-face {
    font-family: 'Alegreya Sans SC', sans-serif;
    font-family: 'Carrois Gothic SC', sans-serif;
    font-family: 'Iceland', cursive;
}

/* styles */

  a:link    {color:orange;} /* unvisited link */
  a:visited {color:purple;} /* visited link */
  a:hover   {color:red;} /* mouse over link */
  a:active  {color:green;} /* selected link */

body{
  font-size: 150%;
  font: inherit;
  background: LightGray;
  background-image: url("../img/capitola.JPG");
}

h1 {
  color: #000066 ;
  font-family: 'Alegreya Sans SC', Helvetica, Arial; 
  vertical-align: middle;
  line-height: 0.5em;
}

h2, h3, h4, h5, h6 {
    color: #000066 ;
    font-family: 'Alegreya Sans SC', Helvetica, Arial; 
}

p {
    font-size: small; 
    color: black; 
    font-family: 'Carrois Gothic SC', Helvetica, Arial;
}

ul, li {
    font-size: small; 
    color: black; 
    font-family: 'Carrois Gothic SC', Helvetica, Arial;
}

#nav_font{
   font-size: large; 
   font-family: 'Carrois Gothic SC', Helvetica, Arial;
}

#img_center{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#logo_title{
  color: #000000 ;
  font-family: 'Alegreya Sans SC', Helvetica, Arial; 
  font-size: 32pt;
  font-weight: 900
}

.cheatsheet h4 {
  font-size: large;
  color: white; 
  background: navy;
  font-family: 'Alegreya Sans SC', Helvetica, Arial;
  font-weight: bold;
  text-indent:0.5em;
  line-height: 1.5em
}

.cheatsheet p {
  font-size: medium;
  color: navy; 
  background: LightSkyBlue;
  font-family: 'Iceland', Helvetica, Arial;
  font-weight: bold;
  text-indent:0.5em;
}

.cheatsheet strong {
  font-size: medium;
  color: black; 
  font-family: 'Carrois Gothic SC', Helvetica, Arial;
  text-indent:0.5em;
}