/*------------------------------------------------------------------------------
 * stylesheet.css - stylesheet for Andrew Danner's Web Site
 *
 * Modified from David Finlayson (U. Washington) site
 *-----------------------------------------------------------------------------*/

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #323232;
	background-color: #c6cfdc;
  margin: 0;
  padding: 0;
  border: 0;
}

h1 {
	font-weight: normal;
	font-size: 2.5em;
	color: #003366;
	line-height: 1.5ex;
	margin: 0ex 0em 1ex 0em;
}

h2 {
	font-weight: normal;
	font-size: 2.0em;
	color: #003366;
	margin: 1ex 0em 1ex 0em;
}

a {
  text-decoration: none;
  font-weight: bold;
}

a:link   {color: #003366;}
a:visited {color: #003366;}
a:hover {text-decoration: underline;}

tt {
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

kbd {
  font-weight: bold;
}
code {
  font-weight: bold;
}

.TagLine {
	font-size: 1.2em;
	font-style: italic;
	background-color:#eee;
  margin: 1.5ex 0em 1.5ex 0em;
  padding: .5ex 0em .5ex 2em;
  border-width: 1px 0px;
	border-color: black;
	border-style: solid;
	clear: left;
}

.caption {
  font-size: 0.9em;
}

.key { font-weight: bold }

div.Announce{
	background: #ffff66;
	padding: 1%;
}

/*  Google syntax highlighting pretty print */
pre.prettyprint {
  padding: 5px;
}

/* turn syntax hightlighting off for entire pre tag*/
pre.prettyprint.nocode {
  color: #fff;
}

/* temporarily turn off syntax highlighting inside
   pre tag with <span class="nocode"> */
pre.prettyprint span.nocode {
  color: #fff;
}

/* highlight user input in blue */
pre.prettyprint kbd {
  color: #9cf;
}

/* Old style code formatting * /

pre#code {
  font-weight: bold;
  font-family: Andale Mono, MS Courier New, monospace;
}

.code {
    font-weight: bold;
    font-family: Andale Mono, MS Courier New, monospace;
}

.code .orange { color: orange; }
.code .red { color: red; }
.code .green { color: green; }
.code .blue { color: blue; }
.code .purple { color: purple; }


/* Primary wrapper, header, and content divs */

#Wrapper {
  width: 800px;
  background: #ffffff;
  padding: 0;
  border: 0;
  margin-left:auto;
  margin-right:auto;
}

#Wrapper.lab{
  width: 850px;
}

#HeaderLarge{
   font-size: 1.1em;
   line-height: 1.2em;
   margin: 2ex 1.5em 2ex 1.5em;
   padding: 1ex 0em 0ex 0em;
}

#HeaderSmall{
   font-size: 1.1em;
   line-height: 1.2em;
   margin: 1ex 0.5em 1ex 0.5em;
   border:0; padding:10px; width:100%;
}

#HeadImgLg {
  background: url(images/yellowstone.jpg) 0 0 repeat scroll;
  border:0; margin:0; width:100%;
  background-size: cover;
}

#HeadImgMed {
  background: url(images/alaska_med.jpg) 0 0 no-repeat scroll;
  border:0; margin:0; width:100%;
  background-size: cover;

}

#HeadImgSm{
  background: url(images/alaska_small.jpg) 0 0 no-repeat scroll;
  border:0; margin:0; width:100%;
  background-size: cover;
}

#Content {
	margin: 0ex 1em 2ex 1em;
	padding: 1ex 1em 1ex 1em;
}

#Content p {
   margin: 2ex 0em 0ex 0em;
}

#Footer {
	background-color: #eee;
	text-align: center;
	font-size: 0.8em;
  margin: 2ex 0em 2ex 0em;
  padding: 1ex 0em 1ex 0em;
	border-width: 1px 0px;
	border-color: black;
	border-style: solid;
  width: 100%;
	clear: left;
}

#Footer img {
   clear: left;
   border: none;
}

/* Navigation Bar */

.navigation {
    height: 100%; /* 100% Full-height */
    width: 15%; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #003366; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    /* top right bottom left padding */
    padding: 150px 10px 0px 10px;
}

.navigation a {
    padding: 8px 8px 8px 32px;
    font-size: 1.2em;
    color: white;
    display: block;
    text-transform:uppercase;
    text-align:center;
    border: 0 solid white;
    border-width: 0 0 3px 0px;
}
.navigation a:visited { color: white; }
.navigation a:hover { color: white; }


a.coming-soon  {
    display:none;
}