/* Import Fonts */
@import url(//fonts.googleapis.com/css?family=Alegreya+Sans+SC:900);

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html, button, input, select, textarea {color: #222;}
html {font-size: 1em; line-height: 1.4;}
html, body {height: 100%;}

.main-container {min-height: 100%;/* equal to footer height */margin-bottom: -125px;}
.main-container:after {content: ""; display: block;}
.footer-container, .main-container:after {/* .push must be the same height as footer */height: 105px;}

::-moz-selection {background: #b3d4fc; text-shadow: none; }
::selection {background: #b3d4fc; text-shadow: none; }

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video {vertical-align: middle; }
fieldset {border: 0; margin: 0; padding: 0; }
textarea {resize: vertical; }
.browsehappy {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }


body {font: 16px/26px Helvetica, Helvetica Neue, Arial; }
.wrapper {width: 90%; margin: 0 5%; }

/*  ALL: Theme */
.header-container {border-bottom: 20px solid #3333; }
.footer-container, .main aside {border-top: 20px solid #333; }
.header-container, .footer-container, .main aside {background: #222; }
.title {color: white; }

/* MOBILE: Menu */
nav ul {margin: 0; padding: 0; }
nav a {display: block; margin-bottom: 10px; padding: 15px 0; text-align: center; text-decoration: none; font-weight: bold; color: white;background: #333;-webkit-transition: background-color 500ms ease; -moz-transition: background-color 500ms ease;-o-transition: background-color 500ms ease; transition: background-color 500ms ease;color: #fff;text-shadow: 1px 2px 1px rgb(255 0 0 / 93%);}
nav a:hover, nav a:visited {color: white !important; }
nav a:hover {background-color:#006604 !important;}

/* MOBILE: Main */
.main {padding: 30px 0; }
.main article h1 {font-size: 2em; }
.main aside {color: white; padding: 0px 5% 10px; }
.footer-container footer {color: white; padding: 20px 0; }

/* ALL: IE Fixes */
.ie7 .title {padding-top: 20px; }

/*  Custom styles */
.heroLogo{margin:10px auto; display:block; width:200px;height:50px;}
.lCircle, .mCircle, .sCircle{ display:block; z-index:0;-webkit-transition: margin-top 500ms ease; -moz-transition: margin-top 500ms ease;-o-transition: margin-top 500ms ease; transition: margin-top 500ms ease;}
.heroLogo h2{z-index:1; font-family: 'Alegreya Sans SC', sans-serif; font-size:36px; font-weight:800; position:absolute; float:left; margin-left:30px; margin-top:20px;}
.lCircle{ width:40px; height:40px; display:block; border-radius:20px; background-color:#FF0000; float:left;}
.sCircle{ width:20px; height:20px; display:block; border-radius:20px; background-color:orange; float:left;}
.mCircle{ width:30px; height:30px; display:block; border-radius:20px; background-color:green; float:left;}
.heroLogo:hover > .lCircle{margin-top:-2px;}
.heroLogo:hover > .mCircle{margin-top:-5px;}
.heroLogo:hover > .sCircle {margin-top:-8px;}
p a, li a{color:#000;text-decoration:none;text-shadow: 1px 2px 1px rgba(255, 0, 0, 0.35);-webkit-transition: color 500ms ease; -moz-transition: color 500ms ease;-o-transition: color 500ms ease; transition: color 500ms ease;}
p a:hover, li a:hover{color:#F00;text-shadow:none;}
.aside p a, .aside h3 a{color:#FFF;text-shadow: 2px 2px 1px rgba(255, 0, 0, 0.55);font-weight:bold;text-decoration:none;-webkit-transition: color 500ms ease; -moz-transition: color 500ms ease;-o-transition: color 500ms ease; transition: color 500ms ease;}
.aside p a:hover, .aside h3 a:hover{color:#F00;text-shadow:none;}
.promptList{padding-left:0;}
.promptList li{list-style:none;}
table{border:1px #222 solid;-webkit-box-shadow: 0 5px 10px #aaa; -moz-box-shadow: 0 5px 10px #aaa; box-shadow: 0 5px 10px #aaa;}
table td{border:1px #222 solid;padding:5px;font-size:.9em;}
table tr td:first-child {white-space: nowrap;}
table tr{-webkit-transition: background-color 500ms ease; -moz-transition: background-color 500ms ease;-o-transition: background-color 500ms ease; transition: background-color 500ms ease;}
table tr:nth-of-type(even){background-color:#FAFAFA;}
table tr:nth-of-type(odd){background-color:#E4E4E4;}
table tr:hover{background-color:#C9C9C9}
.footer-container a{color:#FFF;-webkit-transition: color 500ms ease; -moz-transition: color 500ms ease;-o-transition: color 500ms ease; transition: color 500ms ease;}
.footer-container a:hover{color:#F00;}
.copyText{float:left;}
.twitterBird{float:left;}

/* Media Queries */
@media only screen and (min-width: 480px) {

/* INTERMEDIATE: Menu */
    nav a {float: left; width: 18%; margin: 0 1.7%; padding: 25px 2%; margin-bottom: 0;background: #222;-webkit-transition: background-color 500ms ease; -moz-transition: background-color 500ms ease;-o-transition: background-color 500ms ease; transition: background-color 500ms ease;color: #fff;text-shadow: 1px 2px 1px rgb(255 0 0 / 93%);}
    nav li:first-child a {margin-left: 0; }
    nav li:last-child a {margin-right: 0; }
/*  INTERMEDIATE: IE Fixes */
    nav ul li {display: inline; }
    .oldie nav a {margin: 0 0.7%; }
    .twitterBird{margin-left:10px;}
}

@media only screen and (min-width: 768px) { /*WIDE SETTINGS*/
    .header-container, .main aside {-webkit-box-shadow: 0 5px 10px #aaa; -moz-box-shadow: 0 5px 10px #aaa; box-shadow: 0 5px 10px #aaa; }
    .title {float: left; }
    nav {float: right; width: 45%; }
    .main article {float: left; width: 64%; }
    .main aside {float: right; width: 23%; }
    .main article.noaside {float: left; width: 100%; }
    .twitterBird{float:right;margin-left:10px;}
    table td{border:1px #222 solid;padding:10px;font-size:1em;}
}

@media only screen and (min-width: 1140px) {  /* MAXIMAL WIDTH */
    .wrapper {width: 1026px; /* 1140px - 10% for margins */ margin: 0 auto; }
}

/*  Helper classes */
.ir {background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before {content: ""; display: block; width: 0; height: 150%; }
.hidden {display: none !important; visibility: hidden; }
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible {visibility: hidden; }
.clearfix:before, .clearfix:after {content: " "; display: table; }
.clearfix:after {clear: both; }
.clearfix {*zoom: 1; }

/* Print styles */
@media print {
    * {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a, a:visited {text-decoration: underline; }
    a[href]:after {content: " (" attr(href) ")"; }
    abbr[title]:after {content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""; }
    pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
    thead {display: table-header-group; }
    tr, img {page-break-inside: avoid; }
    img {max-width: 100% !important; }
    @page {margin: 0.5cm; }
    p, h2, h3 {orphans: 3; widows: 3; }
    h2, h3 {page-break-after: avoid; }
}