/* BASE MOBILE-FIRST STYLES */	
body { background: #000; color: #999; font-family: "Times New Roman", Georgia, Times, serif; font-size: 1em; line-height: 1.5em; }
header { width: 100%; margin: 0 auto; padding: 0; border-bottom: 2px solid #333; }
.nav { font-size: 1.2em; z-index: 100; text-align: left; float:right; margin-top: -20px;}
.nav ul { list-style: none; }
.nav li { font-size: .9em; text-transform: uppercase; letter-spacing: 0.2em; display: inline-block; padding-left: 15px; }
.nav li a { color: #c00; text-decoration: none; }
.nav li a:hover, .nav li a:focus, .nav li a:active { color: #f00; text-decoration: none; }
p { font-size: 1em; margin: 0 0 .8em 0; }
h1 { color: #fff; margin: 0 0 .2em 0; line-height: 1.2em; }
h1.giant { font-size: 2em; color: #c00; margin: 0 0 .5em 0; }
.subhead { font-size: 1.2em; color: #fff; margin: .8em 0 0 0; }
h2 { color: #fff; }
.smalltext { font-size: .8em; margin: 0; }
h3 { color: #ccc; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
/* links */
a, a:visited { color: #c00; text-decoration: none; }
a:hover, a:active, a:focus { color: #f00; text-decoration: underline; }
/* IMAGES */
img { max-width: 100%; height: auto; }
.pad-top20 {padding-top: 20px;}
.bordered img { border: 1px solid #333; }
.bordered .buy img { border: 0; }
.buy { text-align: right; width: 130px; float: right; margin: 0 0 .2em 0; line-height: .9em; }
/* STRUCTURE */
.wrapper { width: 92%; margin: 0 auto; }
#content, aside { padding: 30px 0; }
article { margin: 20px 0; }
/*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; }
/* Contain floats */ 
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* TABLET to FULL SCREEN */
@media all and (min-width: 767px) {
.justify p { text-align: justify; }
.wrapper { max-width: 960px; margin: 0 auto; }
#content.wide-content { float: none; width: 100%; }
#content.content { float: left; width: 60%; }
aside { float: right; width: 35%; border-left: 1px solid #600; padding-left: 30px; }
/* GRID FULL SCREEN  */
.grid_1 { width: 5%; }
.grid_2 { width: 13.333333333333%; }
.grid_3 { width: 21.666666666667%; }
.grid_4 { width: 30%; }
.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, .logo { 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%; margin-bottom: 0px; float: left;}
.alpha { margin-left: 0; }
.omega { margin-right: 0; float: right; }
.fltlft { float: left; }
.fltrt { float: right; }
}

/* 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: always; }
}