* {
	/* http:/paulirish.com/2012/box-sizing-border-box-ftw/ */
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
      box-sizing: border-box; }
/* ================================================================================================== 
   HTML5 RESET
   ================================================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, 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 { 
    vertical-align:baseline;
    border:0;
    outline:none;
    }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
    }
ol, ul { 
    list-style:none;
    overflow:hidden;
    }
/* ================================================================================================== 
   MEDIA - Fluid Images - Video (Inspired by Fernando Monteiro) http://www.newaeonweb.com.br
   ================================================================================================== */
figure { 
    margin:0;
    }
img, object, embed, video {
    /* Fluid images */
    max-width:100%;
    border:0;
    }
img {
    height:auto;
    } 
svg:not(:root) { 
    /* Correct IE9 overflow */
    overflow:hidden;
    }
/* ================================================================================================== 
   IMPORT FONT
   ================================================================================================== */	
/*
This CSS resource incorporates links to font software which is
the valuable copyrighted property of WebType LLC, The Font Bureau,
Ascender Corporation and/or their suppliers. You may not
attempt to copy, install, redistribute, convert, modify or reverse
engineer this font software. Please contact WebType with any
questions: http://www.webtype.com
*/
/*
@font-face syntax based on Fontspring @font-face syntax.
*/
@font-face {
	font-family: Popular;
	src: url("http://apps.startribune.com/fonts/popular/regular/851caebd-2961-4fd9-a500-2b38452b1ec9-2.eot?") format("embedded-opentype"),
		 url("http://apps.startribune.com/fonts/popular/regular/851caebd-2961-4fd9-a500-2b38452b1ec9-3.woff") format("woff"),
		 url("http://apps.startribune.com/fonts/popular/regular/851caebd-2961-4fd9-a500-2b38452b1ec9-1.ttf") format("truetype"),
		 url("http://apps.startribune.com/fonts/popular/regular/851caebd-2961-4fd9-a500-2b38452b1ec9-4.svg#web") format("svg");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: Popular-medium;
	src: url("http://apps.startribune.com/fonts/popular/medium/96c3bd87-fed5-419d-a1cf-d947b17d6ab7-2.eot?") format("embedded-opentype"),
		 url("http://apps.startribune.com/fonts/popular/medium/96c3bd87-fed5-419d-a1cf-d947b17d6ab7-3.woff") format("woff"),
		 url("http://apps.startribune.com/fonts/popular/medium/96c3bd87-fed5-419d-a1cf-d947b17d6ab7-1.ttf") format("truetype"),
		 url("http://apps.startribune.com/fonts/popular/medium/96c3bd87-fed5-419d-a1cf-d947b17d6ab7-4.svg#web") format("svg");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: Popular-bold;
	src: url("http://apps.startribune.com/fonts/popular/bold/9a23c9ca-82fe-417a-9070-5f5daeaf6214-2.eot?") format("embedded-opentype"),
	url("http://apps.startribune.com/fonts/popular/bold/9a23c9ca-82fe-417a-9070-5f5daeaf6214-3.woff") format("woff"),
	url("http://apps.startribune.com/fonts/popular/bold/9a23c9ca-82fe-417a-9070-5f5daeaf6214-1.ttf") format("truetype"),
	url("http://apps.startribune.com/fonts/popular/bold/9a23c9ca-82fe-417a-9070-5f5daeaf6214-4.svg#web") format("svg");
	font-style: normal;
	font-weight: bold;
}
/* ================================================================================================== 
   EDIT THESE
   ================================================================================================== */
body { font:0.75em/16px Arial, Helvetica, sans-serif;/* 12px Base Font Size */ background:#333; margin:0; padding:0; }
h1 { color:#E2C02B; font:bold 2.875em/100% Popular-bold,sans-serif; margin:0 0 0.75em 0; padding:0; }
p { color:#cdcdcd; font:normal 1.67em/1.3em Popular,sans-serif; margin:0 0 1.75em 0; }
a, a:visited {color:#E2C02B; text-decoration:none; }
a:hover {color:#E2C02B; text-decoration:underline; }
ul, li { margin:0; padding:0; }
#app_header_container, #app_breadcrumb_container { width:100%; background:#FFF; margin:0; padding:0; overflow:hidden; }
    #app_header_container { border-bottom:3px solid #333; margin:0; padding:1.75em 0; }
#app_header, #app_breadcrumb, #app_content { max-width:90em; text-align:left; margin:0 auto; overflow:hidden; }
#app_content { margin:2.5em auto; } 
#app_breadcrumb { padding:1.0834em 0; }
#app_breadcrumb a, #app_breadcrumb a:visited { color:#0B478D; text-decoration:none; }
    #app_breadcrumb a:hover { color:#0B478D; text-decoration:underline; }
#app_breadcrumb ul li { display:inline; color:#777; font-size:0.92em; font-weight:bold; padding-right:0.4167em; }
#app_breadcrumb ul li a { background:url("http://stmedia.startribune.com/designimages/grayArrow.gif") right no-repeat; padding-right:1.25em; }
.logo { max-width:14.5em; }
	html>body .logo img, html>body .left_col img, html>body .right_col img { height:auto; }
.left_col { float:left; width:68%; }
.right_col { float:right; width:30%; text-align:center; margin-left:2%; }
.app_promo { float:left; width:48%; text-align:center; margin:0; }
	.app_promo img { margin:0 0 1em 0; }
.app_promo + .app_promo { margin-left:4%; }
/* ================================================================================================== 
   MEDIA QUERIES 
   ================================================================================================== */
/* styles for 84px and up @ 12px(1em) */
/* The max-width declaration below blocks this from ever working */
@media only screen and (min-width: 7em) {
	#app_breadcrumb ul li { font-size:0.75em; }
	#app_header, #app_breadcrumb, #app_content { max-width:95%; text-align:left; margin:0 auto; overflow:hidden; }
	#app_content { margin:2.5em auto; }
	.left_col, .app_promo { float:none; width:100%; margin:0 auto; }
	.right_col { float:none; width:100%; margin:0 auto; }
	.app_promo + .app_promo { margin-left:0%; }
}
/* styles for 690px and up @ 12px(1em) */
/* The max-width declaration below blocks this from ever working */
@media only screen and (min-width: 57.5em) {
	#app_breadcrumb ul li { display:inline; color:#777; font-size:0.92em; font-weight:bold; padding-right:0.4167em; }
	#app_header, #app_breadcrumb, #app_content { max-width:95%; text-align:left; margin:0 auto; overflow:hidden; }
	#app_content { margin:2.5em auto; }
	.left_col { float:none; width:100%; margin:0 auto; }
	.app_promo { float:left; width:48%; text-align:center; margin:0; }
	.app_promo + .app_promo { margin-left:4%; }
}
/* styles for 720px and up @ 12px(1em) */
/* The max-width declaration below blocks this from ever working */
@media only screen and (min-width: 60em) {
	#app_breadcrumb ul li { display:inline; color:#777; font-size:0.92em; font-weight:bold; padding-right:0.4167em; }
	#app_header, #app_breadcrumb, #app_content { max-width:90em; text-align:left; margin:0 auto; overflow:hidden; }
	#app_content { margin:2.5em auto; }
	.left_col { float:left; width:68%; }
	.right_col { float:right; width:30%; text-align:center; margin-left:2%; }
	.app_promo { float:left; width:48%; text-align:center; margin:0; }
	.app_promo + .app_promo { margin-left:4%; }
}
/* styles for 960px and up @ 12px(1em) */
/* The max-width declaration below blocks this from ever working */
@media only screen and (min-width: 80em) {
	#app_breadcrumb ul li { display:inline; color:#777; font-size:0.92em; font-weight:bold; padding-right:0.4167em; }
	#app_header, #app_breadcrumb, #app_content { max-width:90em; text-align:left; margin:0 auto; overflow:hidden; }
	#app_content { margin:2.5em auto; }
	.left_col { float:left; width:68%; }
	.right_col { float:right; width:30%; text-align:center; margin-left:2%; }
	.app_promo { float:left; width:48%; text-align:center; margin:0; }
	.app_promo + .app_promo { margin-left:4%; }
}