/* CSS Stylesheet voor website Fay Twan Tjoa fotografie

/* ------ Fonts ------ */
@import url(https://fonts.googleapis.com/css?family=Inconsolata);

@font-face {
    font-family: 'unnaregular';
    src: url('../fonts/Unna-Regular-webfont.eot');
    src: url('../fonts/Unna-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Unna-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Unna-Regular-webfont.woff') format('woff'),
         url('../fonts/Unna-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Unna-Regular-webfont.svg#unnaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ------ Global styles ------ */

/* HTML5 display rules, voor browsers die deze element nog niet kennen */
header, hgroup, section, footer, nav, menu, article, aside, figure, figcaption {
  display: block;
}

/* CSS reset */
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, span, em, strong, img, ol, ul, li, figure, canvas, th, td, tr, button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align:baseline;
  font: inherit;
}

html, body {
  background: #fff;
}

a {
  text-decoration: none;
  /*outline: 0;*/
}

ul {
  list-style: none;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}


/* ------ Basic layout styles ------ */
body {
  width: 960px;
  margin: 0 auto;
  margin-top: 25px;
  font-family: 'Inconsolata', Courier, monospace;
}

#pageHeader {
  /*height: 15px; De content de hoogte laten bepalen*/
}

#mainNav {
  float: right;
  padding-top: 15px;
  padding-right: 15px;
  /*font-family: 'unnaregular', Georgia, serif;*/
  /*border: 1px solid red;*/
}

#sidePane {
  clear: right;
  float: right;
  width: 140px;
  padding-top: 10px;
  padding-right: 15px;
}  

#content {
  float: left;
  width: 790px;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 15px;
}

#pageFooter {
  display: none;
}

@media only print {
  #mainNav ul, #sidePane {
    visibility: hidden;
  }
  #pageFooter {
    display: block;
    clear: both;
    padding-top: 15px;
    padding-left: 15px;
  }
}


/* ------ Content region styles ------ */

/*nav styles*/
#mainNav h1 {
  /*float: right;*/
  font-size: 32px;
  font-weight: bold;
}

#mainNav h2, #galleryNav h2 {
  display: none;
}

#mainNav li {
  float: right;
  font-family: 'unnaregular', Georgia, serif;
  font-size: .7em;
  margin-left: .5em;
}

#galleryNav li {
  float: right;
  clear: right;
  font-size: .7em;
}

#mainNav a {
  text-transform: uppercase;
  color: rgb(76, 67, 65);
}

#galleryNav a {
  color: rgb(76, 67, 65);
}

#mainNav a:hover, #galleryNav a:hover {
  color: rgb(219,126,64);
}

/*
#mainNav ul > ul > li > a {
  font-size: .8em;
  padding-left: 15px;
  text-transform: none;
  color: rgb(76, 67, 65);
}*/

#mainNav a.actief, #galleryNav a.actief {
  color: rgb(219,126,64);
}


/*article styles*/
article h1 {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: .8em;
}

article h2 {
  font-size: 1em;
  font-weight: bold;
  margin-top: .8em;
}

article p {
  font-size: .85em;
}

article p.citate {
  font-size: .6em;
}

#series div {
  padding-bottom: 15px;
}

#home figure, #series figure {
  color: #fff;
  text-align: center;
}

#home figure:hover, #series figure:hover {
  color: rgb(219,126,64);
}

#home a, #series a {
  color: rgb(76, 67, 65);
}

#exposure a {
  color: black;
  text-decoration: underline;
  text-decoration-style: dotted; 	
}


/*footer styles*/
#pageFooter {
  font-size: .75em;
}