/*  MOBILE-FIRST */
body { background: #000; color: #C3D4BC; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif sans-serif; font-size: 16px; line-height: 1.5em; cursor: url(../images/crosshair.png)23 23, auto; }
/* links */
a, a:visited, area { color: #66CC00; text-decoration: none; cursor: url(../images/crosshair2.png)23 23, auto; }
area:hover, area:active, area:focus, a:hover, a:active, a:focus { color: #99FF00; text-decoration: none; cursor: url(../images/crosshair2.png)23 23, auto; }
#main { background-image: url(../images/buzz/bgfade.jpg); background-repeat: repeat-x; background-position: top; }
p { margin: 0 0 .8em 0; }
h1, h2 { line-height: 1.2em; font-weight: normal; color: #99FF00; margin: 0 0 0.15em 0; }
h2 { color: #fff; }
h4, .heading2 { font-variant: small-caps; font-weight: normal; color: #fff; }
.smalltext { font-size: .86em; line-height: 1.5em; }
.bigtext { font-size: 1.4em; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.block { display: block; background: #003300; padding: 4px; margin: 10px 0; }
/*colors*/
.ltgreen, .subhead, .price { color: #99FF00; } /*a hover links */
.green { color: #66CC00; } /*a links*/
.mdgreen { color: #009900; }
.dkgreen { color: #006600; }
.olive { color: #669900; }
.dkrgreen { color: #003300; }
.red { color: #f00; }
/* IMAGES */
img { max-width: 100%; height: auto; }
img.bordered { border: 1px solid #3f3f3f; }
.banners img { height: 60px; width: 468px; margin-bottom: 20px; }
/*Required for jquery.rwdImageMaps responsive image maps */
img[usemap] { border: none; width: auto; height: auto; max-width: 100%; }
/* STRUCTURE */   
.wrapper { width: 92%; margin: 0 auto; }
#page-header { color: #99FF00; padding: 20px 0; margin: 30px auto;  text-align: center; background: rgba(51,153,51,.5); text-shadow: 2px 2px 2px #000; }
article { margin: 20px 0; }
.vertical-padding { padding: 20px 0; }
.vertical-padding10 { padding: 10px 0; }
.top-padding { padding-top: 30px; }
.bottom-padding { padding-bottom: 20px; }
/*Mobile Grid*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin-bottom: 20px; }
.grid_6 .grid_6 { width: 46.666666666667%; float: left; }
/* Contain floats */ 
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ammend article and divs */		
.lined { border-bottom: 1px solid #900; padding-top: 10px; padding-bottom: 16px; }

/* CUSTOM CURSOR */
input [type="image"] { cursor: url(../images/crosshair2.png)23 23, auto; }
input [type="image"]:hover, input[type="image"]:active, input[type="image"]:focus { cursor: url(../images/crosshair.png)23 23, auto; }
/* FORMS */
input[type="submit"], a.button { font-family: Arial, Helvetica, sans-serif; font-size: .9em; line-height: 1em; color: #99FF00; text-shadow: 1px 1px 1px #000; text-decoration: none; background: -webkit-linear-gradient(#006600, #009900); background: -moz-linear-gradient(#006600, #009900); background: -ms-linear-gradient(#006600, #009900); background: -o-linear-gradient(#006600, #009900); background: linear-gradient(#006600, #009900); background-color: #009900; border: 1px solid #003300; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; display: inline-block; padding: 7px 10px 6px 10px; margin-bottom: 10px; text-wrap: none; white-space: nowrap; -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.75); box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.75); cursor: url(../images/crosshair2.png)23 23, auto; }
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus, a.button:hover, a.button:active, a.button:focus { background: -webkit-linear-gradient(#009900, #66CC00); background: -moz-linear-gradient(#009900, #66CC00); background: -ms-linear-gradient(#009900, #66CC00); background: -o-linear-gradient(#009900, #66CC00); background: linear-gradient(#009900, #66CC00); background-color: #66CC00; border: 1px solid #009900; color: #fff; cursor: url(../images/crosshair.png)23 23, auto; }
select { margin-bottom: 6px; }
.hide { display: none; opacity: 0; }
footer { color: #99FF00; background: #003300; padding: 20px 0; text-align: center; text-shadow: 1px 1px 1px #000; }
footer a { display: inline-block; padding: 10px; height: 30px; }

/* FLEX HACK make short pages span the height of the window.  */
@media only screen and (min-height: 700px) {
body { display: flex; flex-direction: column; height: 100%; }
section { min-height: 80vh; flex: 1; overflow: auto; }
}

/* TABLET applies to print media as well as screen */
@media all and (min-width: 959px) {
.wrapper { max-width: 960px; }
.contain { max-width: 620px; margin: 0 auto; }
/* FULL SCREEN GRID */
.grid_1 { width: 5%; }
.grid_2 { width: 13.333333333333%; }
.grid_3 { width: 21.666666666667%; }
.grid_4 { width: 30%; }
.grid_4.alpha, .grid_4.omega { width: 33.334%; }
.grid_5 { width: 38.333333333333%; }
.grid_6 { width: 46.666666666667%; }
.grid_6.alpha, .grid_6.omega { width: 48.333333333332%; }
.grid_7 { width: 55%; }
.grid_7.alpha, .grid_7.omega { width: 58.33%; }
.grid_8 { width: 63.333333333333%; }
.grid_8.alpha, .grid_8.omega { width: 63.334%; }
.grid_9 { width: 71.666666666667%; }
.grid_10 { width: 80%; }
.grid_11 { width: 88.333333333333%; }
.grid_12 { width: 96.666666666667%; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin-left: 1.6666666666667%; margin-right: 1.6666666666667%; float: left; margin-bottom: 0px; }
.alpha { margin-left: 0px; }
.omega { margin-right: 0; float: right; }
.fltlft { float: left; }
.fltrt { float: right; }
.copyright { float: left; clear: none; margin-left: 10px; }
}

/* DESKTOP - FIXED HEADER */
@media only screen and (min-width: 1025px) {
/* make space for fixed header */
section, footer { position: relative; top: 149px; }
/* avoid anchors from being covered by header */
a.top { position: relative; top: -160px; display: block; height: 0; width: 0; }
}

/* PRINT STYLESHEET */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: none; }
a[href]:after, abbr[title]:after, .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: " "; }  /* Don't show links for images */
blockquote { border: 1px solid #999; page-break-inside: avoid; }
img { page-break-inside: avoid; max-width: 100% !important; }
@page {
margin: 0.5cm;
}
p, h2, h3 { orphans: 3; widows: 3; }
h1, h2, h3 { page-break-after: avoid; }
footer { page-break-before: avoid; }
}
