/* ---------------------------
Navigation menu based on Eric Meyers' Tabbed Navbar:
http://css.maxdesign.com.au/listamatic/horizontal05.htm

Images and content are licensed under a CC-BY-SA 2.5 License:
http://creativecommons.org/licenses/by-sa/2.5/
--------------------------- */

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

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #EE435D;
  font-family: Verdana, sans-serif;
  font-size: 0.8em;
}

img {
  border: none;
}

a {
  text-decoration: none;
}

p {
  margin: 0.5em 0 1em 0;
}

.title {
  border-bottom: 1px dashed #353A3A;
}

.notice {
  font-weight: bold;
  font-size: 1.2em;
}

.flick {
  color: #3993FF;
}

.flickr {
  color: #FF1C92;
}

/* -------- Page -------- */
/* -------- Header -------- */
#header {
  background: url("../img/red-banner.jpg") no-repeat top right, linear-gradient(0deg, rgb(176,0,0) 50%, rgb(156,8,6) 75%), #EE435D;
  height: 130px;
  margin: 0;
  overflow: hidden; 
  padding: 0;
  position: relative; 
}

#header h2 a {
  color: #B0E05E;
  font-family: Georgia, Times, serif;
  font-size: 1.6em;
  font-weight: bold;
  margin-left: 0.6em;
}

#header h3 {
  color: #F5F8DF;
  font-family: Georgia, Times, serif;
  font-size: 1.2em;
  margin-left: 3em;
  margin-top: -0.4em;
}

/* -------- Navigation -------- */
#nav {
  position: absolute;
    left: 0; 
    top: 100px;
  /* hide-from-IE5/Mac hack \*/
    top: auto; 
    bottom: 0;
  /* end hack */
  width: 100%;
  overflow: hidden;
}

#navlist {
  border-bottom: 1px solid #353A3A;
  margin-left: 0;
  padding: 3px 0;
}

#navlist li {
  display: inline;
  list-style: none; 
  margin: 0;
  padding: 0;
}

#navlist li a {
  background: #B0E05E;
  border: 1px solid #353A3A;
  border-bottom: none;
  color: #353A3A;
  font-family: Georgia, Times, serif;
  font-size: 1.1em;  
  margin-left: 3px;
  padding: 3px 0.5em;
  position: relative;
}

#navlist li a:hover {
  background: #8EC8ED;
}

#navlist li a#current {
  background: #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
}

/* -------- Content -------- */
#content {
  background-color: #F5F5F5;
  padding: 0.5em 1em;
}

#content a:link {
  color: #353A3A;
  border-bottom: 1px dashed #EE435D;
}

#content a:visited {
  color: #353A3A;
  border-bottom: 1px dashed #353A3A;
}

#content a:hover, #content a:active {
  color: #EE435D;
}

#content .imgwrap img {
  border-bottom: 0px;
  clear: left;
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

#content h1 {
  color: #EE435D;
  font-family: Georgia, Times, serif;
  font-size: 2em;
  margin: 1em 0 0.5em; 
  padding: 0.25em 0;
}

#content h2 {
  color: #EE435D;
  font-family: Georgia, Times, serif;
  font-size: 1.8em;
  margin: 1em 0 0.33em;
  padding: 0.25em 0;
}

#content h3 {
  color: #EE435D;
  font-family: Georgia, Times, serif;
  font-size: 1.6em;
  margin: 0.5em 0 0.25em;
  padding: 0.125em 0;
}

#content h4 {
  color: #EE435D;
  font-family: Georgia, Times, serif;
  font-size: 1.4em;
  margin: 0.5em 0 0;
}

#content h5 {
  color: #EE435D;
  font-family: Georgia, Times, serif;
  font-size: 1.2em;
  margin: 0.5em 0 0;
}

#content h6 {
  color: #EE435D;
  font-family: Georgia, Times, serif;
  font-size: 1em;
  margin: 0.5em 0 0;
}

#content pre {
  background-color: #F5F8DF;
  font-size: 1.1em;
  padding: 0.5em 1em;
}

#content code {
  font-size: 1.1em;
}

#content ul {
  list-style: none;
  padding: 0.5em 1em;
}

#content li {
  padding: 0.1em;
}

#photo {
  text-align: center;
}

#prev {
  padding-right: 100px;
}

#next {
  padding-left: 100px;
}

/* -------- Footer Navigation -------- */
#footernav {
  background-color: #F5F5F5;
  border-top: 1px dashed #353A3A;
  padding: 0.5em 1em;
}

#footernav ul li {
  display: inline;
  list-style: none;
}

#footernav ul li a {
  font-family: Georgia, Times, serif;
  font-size: 1.1em;
}

#footernav ul li a:link {
  color: #353A3A;
  border-bottom: 1px dashed #EE435D;
}

#footernav ul li a:visited {
  color: #353A3A;
  border-bottom: 1px dashed #353A3A;
}

#footernav ul li a:hover, #footernav ul li a:active {
  color: #EE435D;
}

/* -------- Footer -------- */
#footer {
  background-color: #F5F5F5;
  border-bottom: 1px solid #353A3A;
  font-size: 0.8em;
  padding: 0.5em 1em;
}