/*
 Description: The main Typography and Layout CSS for the website.
 Version: 1.0
 Author: Brad Clarkston
 Author URI: http://bradclarkston.com/
 Date: 04.29.2014
-------------------------------------------------------------- */

/* light green: #bfda67 - green: #8d9c5c - red: #993333 - blue: #7ea4b4 */

/* 0. reset.css
-------------------------------------------------------------- */
html {margin:0;padding:0;border:0}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1.5;background:#fff}
table {border-collapse:separate;border-spacing:0}
caption, th, td {text-align:left; font-weight:700; float:none !important}
table, th, td {vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after {content:''}
blockquote, q {quotes:"" ""}
a img {border:none}
:focus {outline:0}

/* 1. General Page Styles
-------------------------------------------------------------- */

/* Default font settings (16px) */
html {font-size:100.01%}
body {font:14px/20px #333 'Droid Sans', Helvetica, Arial, sans-serif}

/* Headings */
h1,h2,h3,h4,h5,h6 {font-weight: 400; color:#000}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}
h1 {font:3.5em/1}
h2 {font-size:2em; margin-bottom:.75em}
h3 {font:1.5em/1em}
h4 {font:1.2em/1.25em}
h5 {font-size:1em; font-weight:700}
h6 {font-size:1em}

/* Text elements as classes */
.blockquote {margin:1.5em; color:#666; font-style:italic}
.strong {font-weight:700}
.em {font-style:italic}
.pre {font-family:monospace, serif; font-size: 1em; color:#00F; white-space: pre-wrap}
.hr {border:solid #000; border-width:1px 0 0; clear:both; height:0;}
.code {font-family:Consolas, "Liberation Mono", Courier, monospace; font-weight:700; color:#910b0e}
.large {font: 2.5em/1.2em; margin-bottom:1.25em}
.small {font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.highlight {background:#ff0}
.center {text-align:center}
.left {float:left; width:300px;}
.right {float:right; width:300px;}
.clear {clear:both}
.padL-1 {padding-left:10px;}
.padL-2 {padding-left:20px;}
.float-l {float: left}
.float-r {float: right; width:25%}
.float-r2 {float: right; width:13%}
.bb {border:1px solid}
.logo {padding:20px}
.logo2 {position:fixed; top:480px; left:953px;}
q:before, q:after {content: ""; }
.s::before,.s::after {font-weight:700}
.text-red {color:#993333}


/* 2. Content Containers
-------------------------------------------------------------- */
.header {width:1000px; margin:0 auto; text-align:left; padding-top:20px}
.container {margin:20px;}
.footer {}

/* 3. Navigation Menu Styles 
-------------------------------------------------------------- */
a:link, a:visited, a:active {text-decoration:none; background:transparent}
a:hover {text-decoration:underline }
.nav {font:1.3em/1.5em Georgia, Times, serif; padding-left:30px}
.box-shadow-menu {position: relative; padding-left:1.25em}
.box-shadow-menu:before {content:""; position:absolute; left:0; top:0.25em; width:1em; height:0.15em; background:black; box-shadow:0 0.25em 0 0 black, 0 0.5em 0 0 black}