/* **********************************************
* Screen Stylesheet for site
************************************************/



/* 
    Document   : screen
    Created on : December 8, 2012, 10:47:42 AM
    Author     : Quinn Walker
    Description:
        Styles for screen media
*/


/* Table of Content
==================================================
  #Reset & Basics
  #Basic Styles
  #Typography
  #Site Styles
  #Links
  #Lists
  #Images
  #Buttons
  #Forms
  #Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }
body {
  line-height: 1; }
ol, ul {
  list-style: none; }
blockquote, q {
  quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Reset Box Model to border box */
*{
  box-sizing: border-box;
}

/* #Basics Styles
================================================== */
body{
  background-color: #fff;
  color: #303030;
  font: 400 16px/1.5 Inder, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased; /* For webkit browsers */
}

p, ul, ol {
  margin-top: 0;
  line-height: 1.5;
}

th{
  font-weight: bold;
}

b{
  font-weight: bold;
}

/* #Typography
================================================== */
/*Compound rule for all headings*/
h1, h2, h3, h4, h5, h6{
  font-family: 'Arbutus Slab', Georgia, 'Times New Roman', serif;
  font-weight: normal;
  line-height: 1.5;
}
h1{font-size: 200%;}
h2{font-size: 175%;}
h3{font-size: 150%;}
h4{font-size: 120%;}
h5{font-size: 110%;}
h6{font-size: 100%;}

/* #Site Styles
================================================== */
#page-section {
}

#page-header {
}

#page-header #logo {
  margin: 0;
}

#page-header a{
  overflow: hidden;
}

#page-header h1 {
  letter-spacing: -1px;
  text-shadow: #808080 -3px 1px 2px;
}

#page-header #tools{
  text-align: right;
  font-size: .9rem;
  line-height: 3;
}

#page-header #tools a{
  display: inline-block;
}

nav#page-nav{
  margin: 10px 0; 
}

nav#page-nav ul{
  overflow: hidden; 
  background-color: #000;
  font-size: 80%;
  border-bottom: 4px solid #9F0;
}

nav#page-nav li{
  margin-bottom:0; 
  float:left;
  width: 9%; 
  text-transform:uppercase; 
  overflow:hidden;
}

nav#page-nav li a{
  color: #fff;
  display: block; 
  padding: 10px 5px; 
  text-align: center; 
  text-decoration: none;
}

#page-content {
}


#page-footer{
  font-size: .8em;
  margin-top: 20px;
}

#page-footer p{
  margin-bottom: 0;
  line-height: 1;
}

/* #Links
================================================== */
a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}



/* #Images
================================================== */
img.border {
  border: 6px solid #E1F1F6;
}

img.alignleft {
  float: left;
  margin-right: 25px;
}

img.alignright {
  float: right;
}

img.aligncenter {
  margin: 0px auto;
}

/* #Form and form elements
================================================== */

#page-content fieldset{
  border: 0;
}

#page-content label, 
#page-content input, 
#page-content textarea{
  display: block;
}

#page-content input:required,
#page-content select:required{
  background-color: rgba(255, 255, 0, .3);
}

#page-content  .radiogroup label{
  float: none;
  width: 2em;
  margin-right: .5em;
}
/* Hide the country name in the admin view */
#page-content table td a>span{
  position: absolute;
  left: -2000px;
}
 
#page-content table td{
  padding: 0 5px;
}

#signin input:focus {
  background-color: rgba(255, 255, 0, .3);
}

.nolist{
  list-style: none;
}

.horizontal{
  display: inline;
  padding: 5px;
}

.noticeme{
  font-weight: bold;
  color: #f00;
}

.error{
  color: #f00;
  font-size: 100%;
  font-style: italic;
}

/* Styles the email error boxes in the registration form */
#msgbox{
  visibility: hidden;
}

#msgbox.emailerror{
  padding:3px;
  color:#ff0000;
  font-weight:bold;
  visibility: visible;
  font-size: 80%;
}

.codeerror,
.isoerror{
  padding:3px;
  color:#ff0000;
  font-weight:bold;
  visibility: visible;
  font-size: 80%;
}


/* Quann's custom css */
#logo{
   width: auto; 
}

h1{
    color: #006537;
}