/* This is the style sheet for Terence Chan Photography */

@font-face {
        font-family: 'Comfortaa';
        src: url('ComfortaaRegular.eot');
        src: local('Comfortaa'),
             local('Comfortaa Regular'),
             local('Comfortaa-Regular'),
             local('Comfortaa_Regular'),
             local('ComfortaaRegular'),
             url('ComfortaaRegular.ttf') format('truetype');
             font-weight: normal;
             font-style: normal;}
@font-face {
        font-family: 'Comfortaa';
        src: local('Comfortaa'),
             local('Comfortaa Bold'),
             local('Comfortaa-Bold'),
             local('Comfortaa_Bold'),
             local('ComfortaaBold'),
             url('ComfortaaBold.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;}

@font-face {
        font-family: 'Gentium Book Basic';
        src: url('GenBkBasR.eot');
        src: local('Gentium Book Basic'),
             local('Gentium Book Basic Regular'),
             local('GentiumBookBasic-Regular'),
             local('Gentium Basic'),
             local('Gentium Basic Regular'),
             local('GentiumBasic-Regular'),
             url('GenBkBasR.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;}
@font-face {
        font-family: 'Gentium Book Basic';
        src: local('Gentium Book Basic'),
             local('Gentium Book Basic Italic'),
             local('GentiumBookBasic-Italic'),
             local('Gentium Basic'),
             local('Gentium Basic Italic'),
             local('GentiumBasic-Italic'),
             url('GenBkBasI.ttf') format('truetype');
        font-style: italic;
        font-weight: normal;}
@font-face {
        font-family: 'Gentium Book Basic';
        src: local('Gentium Book Basic')
             local('Gentium Book Basic Bold'),
             local('GentiumBookBasic-Bold'),
             local('Gentium Basic'),
             local('Gentium Basic Bold'),
             local('GentiumBasic-Bold'),
             url('GenBkBasB.ttf') format('truetype');
        font-weight: bold;
        font-style: normal;}

body {
   padding-left: 17.0em;
   padding-right: 0.5em;
   font-style : normal; 
   font-variant : normal; 
   font-weight : normal; 
   font-size : 83.5%;  /* base font size */
   /* This should be about 10pt on most browsers using 'medium' sized text */
   font-family: "Comfortaa", "Futura Lt BT", "URW Gothic L", Helvetica, Verdana, Arial, sans-serif; 
   line-height : 1.3;
   color: #000099;
   background-color:  #e6e6fa;  /* lavender */
}

table {
   font-style : normal; 
   font-variant : normal; 
   font-weight : normal; 
   font-size : 1.2em; 
   font-family: "Comfortaa", "Futura Lt BT", "URW Gothic L", Helvetica, Verdana, Arial, sans-serif; 
   background-color: #e6e6fa;  /* lavender */
}

form {
   font-style : normal;
   font-variant : normal;
   font-weight : normal;
   font-size : 1.2em;
   font-family: "Comfortaa", "Futura Lt BT", "URW Gothic L", Helvetica, Verdana, Arial, sans-serif;
   background-color: #e6e6fa;  /* lavender */
}


hr {
}

h5 {
   margin-top : 1em; 
   margin-bottom : 0.5em; 
   font-style : normal; 
   font-variant : normal; 
   font-weight : normal; 
   font-size : 1.2em; 
   font-family : "Comfortaa", "Futura Lt BT", "URW Gothic L", Helvetica, Verdana, Arial, sans-serif; 
   color : #9400d3;  /* dark violet */ 
}

h4 {
   margin-top : 1em; 
   margin-bottom : 0.5em; 
   font-style : normal; 
   font-variant : normal; 
   font-weight : normal; 
   font-size : 1.4em; 
   font-family : "Comfortaa", "Futura Lt BT", "URW Gothic L", Helvetica, Verdana, Arial, sans-serif; 
   color : #9400d3;  /* dark violet */
}

h3 {
   margin-top : 1em; 
   margin-bottom : 0.5em; 
   font-style : normal; 
   font-variant : normal; 
   font-weight : normal; 
   font-size : 1.6em; 
   font-family : "Comfortaa", "Futura Lt BT", "URW Gothic L", Helvetica, Verdana, Arial, sans-serif; 
   color : #9400d3;  /* dark violet */
}

h2 {
   font-style : normal; 
   font-variant : normal; 
   font-weight : normal; 
   font-size : 1.8em; 
   font-family : "Comfortaa", "Futura Lt BT", "URW Gothic L", Helvetica, Verdana, Arial, sans-serif; 
   color : #9400d3;  /* dark violet */
}

h1 {
   margin-top : 0.3em; 
   margin-bottom : 0.3em; 
   font-style : normal; 
   font-variant : normal; 
   font-weight : normal; 
   font-size : 2.0em; 
   font-family : "Comfortaa", "Futura Lt BT", "URW Gothic L", Helvetica, Verdana, Arial, sans-serif; 
   color : #9400d3;  /* dark violet */
}

a {
  text-decoration: underline;
}

:link {
  color : #0000ff; 
}

:visited {
   color : #850000; 
}

:hover {
  background: #ffccff;
}

:active {
   color: red;
}
  
div.header {
   background: #e6e6fa;
}

div.header h1 {
  color: #9400d3; 
  background: #e6e6fa; 
}

div.seriftext {
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  font-size : 1.2em;
  font-family: "Gentium Book Basic", "Gentium Basic", "Bitstream Vera Serif", Georgia, "Times New Roman", serif;
}

div.sstext {
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  font-size : 1.2em;
}

div.navbar {
  position: absolute;
  overflow: auto;
  top: 0em;
  left: 0em;
  width: 13em;
  height: 35em;
  font-style : normal; 
  font-variant : normal; 
  font-weight : normal; 
  font-size : 14px; 
  font-family: "Comfortaa", "Futura Lt BT", "URW Gothic L", Helvetica, Verdana, Arial, sans-serif; 
  color: #0066ff; 
  background-color: #e6e6fa;
  padding: 1em 0em;
  margin: 0em;
}   

div.navbar h2 {
   margin-left: 0.5em;
   margin-right: 0em; 
   margin-top : 0.5em; 
   margin-bottom : 0.5em; 
   font-style : normal; 
   font-variant : normal; 
   font-weight : normal; 
   font-size : 140%; 
   font-family : "Comfortaa", "Futura Lt BT", "URW Gothic L", Helvetica, Verdana, Arial, sans-serif; 
   color : #ff0000; 
 }

div.navbar h4 {
   margin-left: 1em;
   margin-right: 0em; 
   margin-top : 0.5em; 
   margin-bottom : 0.5em; 
   font-style : normal; 
   font-variant : normal; 
   font-weight : normal; 
   font-size : 110%; 
   font-family : "Comfortaa", "Futura Lt BT", "URW Gothic L", Helvetica, Verdana, Arial, sans-serif; 
   color : #ff0000; 
 }

div.navbar ul {
  list-style-type: none;
  padding: 0;
  margin-left : 2em;
  margin-right : 0em; 
  margin-top : 0em; 
  margin-bottom : 0em; 
}

div.navbar li {
    background: #e6e6fa;
    margin: 0.2em 0em;
    padding: 0.0em 0.0em;
}

div.navbar a {
  text-decoration: none;
  color: #0066ff;
}

div.navbar a:link {
  color: #0000ff;
  font-size: 100%;
}

div.navbar a:visited {
  color: #850000;
  font-size: 100%;
}

div.navbar a:hover {
  background: #ffccff;
}

div.navbar a:active {
  color: red;
}

body>div.navbar {position: fixed}