@charset "UTF-8";
/* Capo basic reset/normalization styles Based on HTML5 Boilerplate 3.0: h5bp.com/css
*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, nav, section { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]), [hidden] { display: none; }

body { margin: 0; }

::selection { text-shadow: none !important; }

a:hover, a:active { outline: 0; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; display: block; font-family: Georgia, serif; font-style: italic; }

button, input, select, textarea { font-family: sans-serif; }

a { text-decoration: none; }

iframe, hr, img, fieldset, legend { border: 0; }

abbr[title] { border-bottom: 1px dotted; cursor: help; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 1.5em; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff6; color: #000; font-style: italic; font-weight: bold; }

address { font-style: normal; }

/* ============================================================================= Lists ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 1.5em; }

dd { margin: 0 0 0 1.5em; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* ============================================================================= Embedded content ========================================================================== */
img { vertical-align: middle; width: 100%; }

img.noscale, .noscale img { width: auto; }

/* ============================================================================= Figures ========================================================================== */
figure { margin: 0; }

/* ============================================================================= Forms ========================================================================== */
form, fieldset, button, input, select, textarea { margin: 0; }

fieldset, legend { padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

legend { white-space: normal; }

/* Define consistent vertical alignment display in all browsers
button, input, select, textarea { font-size: 100%; vertical-align: baseline; }
*/
/* Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) */
button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/* Re-set default cursor for disabled elements */
button[disabled], input[disabled] { cursor: default; }

/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 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-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/* Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* ============================================================================= Tables ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
table td { vertical-align: top; }

/* ==|== non-semantic helper classes ======================================= */
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hide { display: none !important; visibility: hidden; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.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 { /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Contain floats: h5bp.com/q */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.debug { background: #ffc; }

.clear { clear: both; margin: 0; }

hr.clear { visibility: hidden; }

.right { float: right; }

img.right, figure.right { margin-left: 1em; }

.left { float: left; }

img.left, figure.left { margin-right: 1em; }

.ellipse { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }

/* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */
@media print { /* Black prints faster: h5bp.com/s */
  * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  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; } }
/********************************************* Capo typography is defined by a handful of variables which create a 10 px baseline grid and size various typographic elements appropriately to remain on that grid.
 This file also defines variables that can be used for consistent margins, padding and gutters:
 - @gutter: for columns between content. 20px - @halfGutter: for padding in boxes, etc. Half of gutter. - @defaultMargin: For consistently setting top and bottom margins while staying on the baseline grid. Note: you can use multiples ( @defaultMargin * 2 );
**********************************************/
html, button, input, select, textarea { font-family: "Helvetica", "Calibri", "Lucida Sans Unicode", "Arial Unicode MS", Verdana, Arial, sans-serif; }

button, input, select, textarea { font-size: 100%; }

html { font-size: .875em; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

.small-text, sub, sup, table td, dl.specs, .boxedform .helptext, #searchForm span, .counter, .signature, p.source-org, .story_detail .shirttail, #comment-list article header, #comment-list article footer, .markdown .markItUpHeader ul li, a.new, small { font-size: 12px; line-height: 15px; font-size: 0.75rem; line-height: 0.9375rem; }

.sub-text, q, label, [role=complementary], table, dl, section.list ul dt, section.list ul dd, section.list dl dt, section.list dl dd, .grid, .pager, .pager li.next, .pager li.prev, .remote-tabs-nav, .tabbed > ul, .boxedform p.required label, blockquote, .content-body #top_assets .tabbed > ul, header[role=banner] nav, #content figure figcaption, header[role=banner] nav [role=menu] > li ul li, footer[role=contentinfo] nav [role=menu] > li ul li, #searchForm #q, time, .errorlist, #top_stories_hold #more_featured p, p.author, .story_detail .dateline { font-size: 13px; font-size: 0.9285rem; line-height: 20px; line-height: 1.428rem; }

.body-text, .split div[role=complementary], #top_stories_hold article + article p, body { font-size: 14px; font-size: 1em; line-height: 20px; line-height: 1.428rem; }

.x-small-header, h5, .breakout-text, .breakout, .messages > li, .messages .message { font-size: 16px; font-size: 1.142857rem; }

.larger-line-height, .small-header, .hero, .kicker, table caption, #top_stories_hold article + article h1, h4, .medium-header, #top_stories_hold #more_featured h1, #more_articles h1, h2.overline, h3, .large-header, h2, .remote-tabs-nav, .tabbed > ul { line-height: 30px; line-height: 2.1426rem; }

.small-header, .hero, .kicker, table caption, #top_stories_hold article + article h1, h4 { font-size: 18px; font-size: 1.2857rem; }

.medium-header, #top_stories_hold #more_featured h1, #more_articles h1, h2.overline, h3 { font-size: 21px; font-size: 1.2857rem; }

.large-header, h2 { font-size: 24px; font-size: 1.7142rem; }

.xl-header, h1 { font-size: 32px; line-height: 40px; font-size: 2.2857rem; line-height: 2.8571rem; }

.super-text, .hero h1, #content div[role=main] > h1, #content div[role=main] > article > h1, #content div[role=main] > header > h1, #content #forum_categories h1 { font-size: 48px; line-height: 60px; font-size: 3.42857rem; line-height: 4.2857rem; }

.margin-top { margin-top: 20px; }

.margin-bottom, #content p, #content ol, #content ul, dl, header[role=banner] nav [role=menu] > li, footer[role=contentinfo] nav [role=menu] > li { margin-bottom: 20px; }

.margin-top-bottom, blockquote, q { margin: 20px 0; }

.margin-sides { margin: 0 20px; }

.margin-all { margin: 20px 20px; }

.pad-top { padding-top: 10px; }

.pad-bottom, #content figure figcaption { padding-bottom: 10px; }

.pad-top-bottom, .story_detail .shirttail, header[role=banner] .site-name h2 { padding: 10px 0; }

.pad-sides, header[role=banner] [role=menu] > li { padding: 0 10px; }

.pad-all, label { padding: 10px 10px; }

/*
h1, h2, h3, h4 { font-family: 'OpenSansSemibold'; }



.bold-text { font-family: 'OpenSansSemiBold'; }
.unbold-text { font-family: 'OpenSansRegular'; }
.light-text { font-family: 'OpenSansLight'; }

b, strong { .bold-text;
}

p + p,
p + div,
p + h2,
p + h3 { margin-top: @defaultMargin;
}
p + p.small-text { margin: 0.875em 0 0.25em;
}
p + p.super-text { margin-top:0; }
.sidebar-wrapper { font-size: .9em;}

*/
pre, code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; }

sub, sup { line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 0; }

#content p + h2, #content p + h3 { margin-top: 40px; }

.meta { color: #888888; }

.kicker { text-transform: uppercase; }

@media (min-width: 780px) { div[role=main], div[role=complementary] { display: inline-block; vertical-align: top; } }

@media (min-width: 780px) { div[role=main] { width: 67%; } }

@media (min-width: 780px) { div[role=complementary] { width: 32.2%; padding-left: 20px; } }
@media (min-width: 1220px) { div[role=complementary] { padding-left: 40px; } }

.wide div[role=main] { width: 100%; }
.wide div[role=complementary] { display: none; }

.split div[role=main], .split div[role=complementary] { width: 49.8%; }

@media (min-width: 780px) { .reverse div[role=main] { float: right; } }
@media (min-width: 780px) { .reverse div[role=complementary] { float: left; padding-left: 0; padding-right: 20px; } }
@media (min-width: 1220px) { .reverse div[role=complementary] { padding-right: 40px; } }

.navicon { font-size: 1.5rem; letter-spacing: -0.33em; display: block; width: 3em; color: #f9f9f9; text-align: center; }
.navicon:before { content: "≡"; width: .33em; overflow: hidden; display: inline-block; color: #ececec; vertical-align: top; }
.navicon, .navicon:before { height: 1.5em; line-height: 1.5em; }

table { width: 99.9%; margin: 1em 0; }
table caption { border-bottom: 1px solid #ececec; color: #2b2b2b; text-align: left; font-weight: bold; text-transform: uppercase; padding: 0 0 0.5em; }
table th { font-weight: bold; border-bottom: 2px solid #2b2b2b; text-align: left; }
table td { padding: 10px 5px; border-bottom: 1px solid #aaaaaa; }
table td.num { text-align: right; }
table col.highlight { background: #f9f9f9; font-weight: bold; }
table.striped tbody tr:nth-child(even) { background: #ececec; }

ul.fancy li, ol.fancy li { margin-bottom: .25em; padding-bottom: .25em; border-bottom: 1px solid #f9f9f9; }

ul.fancy { list-style: none; padding-left: 0; }

dl.specs { max-width: 300px; }
dl dt { float: left; display: block; font-weight: bold; clear: left; margin: 0; padding: 0.5em 0 0; color: #888888; border-top: 1px dotted #aaaaaa; width: 30%; }
dl dd { padding: 0.5em 20px 1em; margin-left: 30%; min-height: 2em; border-left: 1px solid #aaaaaa; }
dl dt + dd { border-top: 1px dotted #aaaaaa; }

section.list > ul { list-style: none; margin: 0; }
section.list > div, section.list > ul > li { display: table; width: 100%; }
section.list > div > *, section.list > ul > li > * { display: table-cell; border-bottom: 1px solid #aaaaaa; padding: 0.5em 0; min-height: 60px; }
section.list > div .third, section.list > ul > li .third { width: 33%; }
section.list > div .third .url-selector, section.list > ul > li .third .url-selector { width: 100%; }
section.list ul figure, section.list dl figure { width: 50px; max-height: 50px; overflow: hidden; }
section.list ul dt, section.list ul dd, section.list dl dt, section.list dl dd { min-height: 60px; }

/****** GRIDDED CONTENT *******************************
*  Gridded content. Can have 1-6 columns. 3 is default.
*  Children can be any element: div, li, section, whatever.
*  usage:  foo class="columned"
*  or   :  foo class="columned four-col"
*  Note: on small screens multiple columns will be reset to a more appropriate width.
*  Includes support for "auto" which sets the number of columns 
*  according to available sensible width. 
*  'Auto' should be considered experimental and used with caution.
*******************************************************/
.columned { margin: 0; padding: 0; list-style: none; position: relative; padding-right: 0 !important; }
.columned > * { position: relative; display: inline-block; vertical-align: top; padding-right: 20px; margin-right: -4px; *zoom: 1; *display: inline; }
@media (max-width: 779px) { .columned > * { display: block; width: auto; } }
@media (min-width: 780px) { .columned > * { width: 33%; } }
.columned.divided > * { border-left: 1px solid #aaaaaa; padding-left: 20px; }
.columned.divided > *:first-child { border-left: 0; padding-left: 0; }
.columned.one-col > * { width: auto; clear: none; }
.columned.two-col > * { width: 50%; }
@media (max-width: 779px) { .columned.four-col > * { width: 49%; } }
@media (min-width: 780px) { .columned.four-col > * { width: 25%; } }
.columned.five-col > * { width: 20%; }
.columned.six-col > * { width: 16.5%; }
@media (max-width: 779px) { .columned.auto > * { width: auto; } }
@media (min-width: 780px) { .columned.auto > * { width: 49%; } }
@media (min-width: 980px) { .columned.auto > * { width: 33.0%; } }
@media (min-width: 1220px) { .columned.auto > * { width: 19.9%; } }
.columned.phi > *:nth-child(odd) { width: 64.8%; }
.columned.phi > *:nth-child(even) { width: 35.19%; }
@media (min-width: 1220px) { .columned.phi > *:nth-child(even) { padding-left: 40px; } }
.columned.phi.reverse > *:nth-child(odd) { width: 38.19%; }
.columned.phi.reverse > *:nth-child(even) { width: 61.8%; }
@media (min-width: 1220px) { .columned.phi.reverse > *:nth-child(even) { padding-left: 0; padding-right: 40px; } }

.grid figure { width: 32%; margin-bottom: 1em; }
.grid small.meta { display: block; }
.grid > * { padding: 0 20px 1.5em 0; }

.pager { background: #f9f9f9; color: #2b2b2b; border-radius: .5em; min-height: 2em; margin: 0; list-style: none; padding: 0; margin-bottom: 1em; text-align: center; }
.pager li { width: 40%; display: inline-block; padding: 0 2%; line-height: 2em; }
.pager li span, .pager li a { color: #111111; }
.pager li span:hover, .pager li a:hover { color: #d56312; }
.pager li.next, .pager li.prev { width: 29%; margin-top: 2px; }
.pager li.next { float: right; text-align: right; margin-left: -100%; }
.pager li.next a:before { float: right; content: "►"; padding-left: 5px; padding-top: 2px; }
.pager li.prev { float: left; text-align: left; margin-right: -100%; }
.pager li.prev a:before { float: left; content: "◀"; padding-right: 5px; }
.pager li.next a:before, .pager li.prev a:after { display: inline-block; }
.pager.prev-next li.next, .pager.prev-next li.prev { width: 49%; float: none; margin: 0; }
.pager.prev-next li > a { display: block; padding: 0.5em 0; }

.button-bar { padding: 0; }
.button-bar.divided { padding-right: 0; }
.button-bar.divided a { margin: 1px 0; font-size: 95%; border-left: 1px solid lightgrey; padding: 0 0.5rem; }
.button-bar.divided *:first-child { border-left: 0; padding-left: 0.5rem; }
.button-bar.divided *:last-child { padding-right: 0.5rem; }

.button, button, input[type="submit"], .button-bar { position: relative; font-size: 1rem; text-align: center; margin: 0.5rem; padding: 0 0.5em 1px; line-height: 2rem; border-radius: 4px; background-color: #ececec; background: lightgrey none; background: none, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, lightgrey)); /* Chrome, Safari 4+ */ background: none, -moz-gradient(center top, #ececec 0%, lightgrey 100%); background: none, -webkit-linear-gradient(top, #ececec 0%, lightgrey); /* Chrome 10+, Safari 5.1+ */ background: none, -moz-linear-gradient(center top, #ececec 0%, lightgrey 100%); /* FF 3.6+ */ background: none, -ms-linear-gradient(top, #ececec 0%, lightgrey 100%); /* IE 10+ */ background: none, -o-linear-gradient(top, #ececec 0%, lightgrey 100%); /* Opera 11.10+ */ background: none, linear-gradient(top, #ececec 0%, lightgrey 100%); /* W3C */ border: 1px solid #e0e0e0; border: 1px solid 0; box-shadow: inset 0px 0 3px #f2f2f2, 0px 0 3px rgba(0, 0, 0, 0.4); }
.button, .button a, button, button a, input[type="submit"], input[type="submit"] a, .button-bar, .button-bar a { text-decoration: none; color: #2b2b2b; min-width: 2rem; display: inline-block; }
.button:focus, .button a:focus, button:focus, button a:focus, input[type="submit"]:focus, input[type="submit"] a:focus, .button-bar:focus, .button-bar a:focus { outline: none; }
.button:after, button:after, input[type="submit"]:after, .button-bar:after { content: ""; display: block; position: absolute; top: -0.33333rem; left: -0.33333rem; bottom: -0.33333rem; right: -0.33333rem; z-index: -1; border-radius: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); border-top: 1px solid rgba(0, 0, 0, 0.05); box-shadow: inset 0px 0.25em 1em rgba(0, 0, 0, 0.1); }
.button:active:after, button:active:after, input[type="submit"]:active:after, .button-bar:active:after { background: -moz-radial-gradient(center, ellipse cover, #f5b78b 0%, transparent 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f5b78b), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #f5b78b 0%, transparent 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #f5b78b 0%, transparent 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #f5b78b 0%, transparent 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #f5b78b 0%, transparent 100%); /* W3C */ }
.button.thinline, button.thinline, input[type="submit"].thinline, .button-bar.thinline { font-size: 0.8rem; line-height: 1.5rem; }
.button.icon-text, button.icon-text, input[type="submit"].icon-text, .button-bar.icon-text { padding: 0 1em; }
.button.icon-text:before, button.icon-text:before, input[type="submit"].icon-text:before, .button-bar.icon-text:before { padding-right: .5em; }
.button .sub-button, button .sub-button, input[type="submit"] .sub-button, .button-bar .sub-button { border-radius: 1rem; border-top: 1px solid #b9b9b9; border-bottom: 1px solid white; background: #b9b9b9; color: black; font-size: 0.8rem; line-height: 1.25rem; position: relative; top: -0.125rem; margin-right: 2px; padding: 0 0.5rem; min-width: 1rem; }
.button .sub-button:first-child, button .sub-button:first-child, input[type="submit"] .sub-button:first-child, .button-bar .sub-button:first-child { margin-left: 1rem; }
.button .sub-button:hover, button .sub-button:hover, input[type="submit"] .sub-button:hover, .button-bar .sub-button:hover { background: #5e5e5e; color: white; }
.button.sub-nav, button.sub-nav, input[type="submit"].sub-nav, .button-bar.sub-nav { min-width: 10em; text-align: left; }
.button.sub-nav li, button.sub-nav li, input[type="submit"].sub-nav li, .button-bar.sub-nav li { list-style: none; margin: 0; padding: inherit 0.5em; }
.button.sub-nav ul, button.sub-nav ul, input[type="submit"].sub-nav ul, .button-bar.sub-nav ul { display: none; font-size: 0.75rem; line-height: 1.5rem; border-top: 1px solid lightgrey; }
.button.sub-nav .divide-left, button.sub-nav .divide-left, input[type="submit"].sub-nav .divide-left, .button-bar.sub-nav .divide-left { float: right; }
.button.sub-nav .divide-right, button.sub-nav .divide-right, input[type="submit"].sub-nav .divide-right, .button-bar.sub-nav .divide-right { float: left; }
.button.sub-nav:hover ul, button.sub-nav:hover ul, input[type="submit"].sub-nav:hover ul, .button-bar.sub-nav:hover ul { display: block; }
.button .divide-left, .button .divide-right, button .divide-left, button .divide-right, input[type="submit"] .divide-left, input[type="submit"] .divide-right, .button-bar .divide-left, .button-bar .divide-right { display: inline-block; }
.button .divide-left, button .divide-left, input[type="submit"] .divide-left, .button-bar .divide-left { border-left: 1px solid lightgrey; padding-left: 0.5rem; margin-left: 0.25rem; float: right; }
.button .divide-right, button .divide-right, input[type="submit"] .divide-right, .button-bar .divide-right { border-right: 1px solid lightgrey; padding-right: 0.5rem; margin-right: 0.5rem; float: left; }

.button:active, button:active, input[type="submit"]:active, .button-bar > a:active { box-shadow: inset 0px -1px 0 #f2f2f2; /*@if $use_shadows == false { background-color: $button-lowlight
}*/ background: #c6c6c6 none; background: none, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #c6c6c6)); /* Chrome, Safari 4+ */ background: none, -moz-gradient(center top, #e0e0e0 0%, #c6c6c6 100%); background: none, -webkit-linear-gradient(top, #e0e0e0 0%, #c6c6c6); /* Chrome 10+, Safari 5.1+ */ background: none, -moz-linear-gradient(center top, #e0e0e0 0%, #c6c6c6 100%); /* FF 3.6+ */ background: none, -ms-linear-gradient(top, #e0e0e0 0%, #c6c6c6 100%); /* IE 10+ */ background: none, -o-linear-gradient(top, #e0e0e0 0%, #c6c6c6 100%); /* Opera 11.10+ */ background: none, linear-gradient(top, #e0e0e0 0%, #c6c6c6 100%); /* W3C */ }
.button:active else, button:active else, input[type="submit"]:active else, .button-bar > a:active else { box-shadow: inset 0px 1px 0 #f2f2f2, 0px 1px 0 rgba(0, 0, 0, 0.4); }
.button:hover, button:hover, input[type="submit"]:hover, .button-bar > a:hover { color: #5e5e5e; }

.button-bar > a:active { box-shadow: inset 0px -1px 0 #f2f2f2; background: #b9b9b9 none; background: none, -webkit-gradient(linear, left top, left bottom, color-stop(0%, lightgrey), color-stop(100%, #b9b9b9)); /* Chrome, Safari 4+ */ background: none, -moz-gradient(center top, lightgrey 0%, #b9b9b9 100%); background: none, -webkit-linear-gradient(top, lightgrey 0%, #b9b9b9); /* Chrome 10+, Safari 5.1+ */ background: none, -moz-linear-gradient(center top, lightgrey 0%, #b9b9b9 100%); /* FF 3.6+ */ background: none, -ms-linear-gradient(top, lightgrey 0%, #b9b9b9 100%); /* IE 10+ */ background: none, -o-linear-gradient(top, lightgrey 0%, #b9b9b9 100%); /* Opera 11.10+ */ background: none, linear-gradient(top, lightgrey 0%, #b9b9b9 100%); /* W3C */ }
.button-bar > a:active else { box-shadow: inset 0px 1px 0 #f2f2f2, 0px 1px 0 rgba(0, 0, 0, 0.4); }

.remote-tabs-nav { width: auto; float: none; min-height: 2em; padding: 0; margin: 0; clear: both; border-bottom: 1px solid #aaaaaa; }
.remote-tabs-nav > li { position: relative; text-align: center; text-shadow: 0 1px 1px white; padding: 0 1em; line-height: 2em; border-radius: 0.5em 0.5em 0 0; border: solid #aaaaaa; border-width: 1px 1px 0; display: inline-block; background: #f9f9f9 url(../../img/site/texture-overlay.png); filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; }
.remote-tabs-nav > li, .remote-tabs-nav > li a { color: #888888; }
.remote-tabs-nav li.active { box-shadow: inset 0px 1px 2px white, 0px -2px 3px rgba(0, 0, 0, 0.4); top: 1px; padding-bottom: 1px; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }
.remote-tabs-nav li.active, .remote-tabs-nav li.active a { color: #111111; }

.tabbed > * { display: none; position: relative; z-index: 1; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.tabbed > *.activeTab, .tabbed > ul { display: block; }
.tabbed > ul { width: auto; float: none; min-height: 2em; padding: 0; margin: 0; clear: both; border-bottom: 1px solid #aaaaaa; }
.tabbed > ul > li { position: relative; text-align: center; text-shadow: 0 1px 1px white; padding: 0 1em; line-height: 2em; border-radius: 0.5em 0.5em 0 0; border: solid #aaaaaa; border-width: 1px 1px 0; display: inline-block; background: #f9f9f9 url(../../img/site/texture-overlay.png); filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; }
.tabbed > ul > li, .tabbed > ul > li a { color: #888888; }
.tabbed > ul li.active { box-shadow: inset 0px 1px 2px white, 0px -2px 3px rgba(0, 0, 0, 0.4); top: 1px; padding-bottom: 1px; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }
.tabbed > ul li.active, .tabbed > ul li.active a { color: #111111; }

/* CALENDARS AND DATE HANDLING *************************/
.hcal_tables .outOfRange, .hcal_tables .notInMonth { opacity: 0.4; }
.hcal_tables table tr td { background: transparent; font-weight: normal; padding: 0; }
.hcal_tables thead th { text-align: center; }
.hcal_tables td .calDayLabel { padding: 0.25em; text-align: center; border-radius: 1em; display: block; color: #111111; }
.hcal_tables td.has_events .calDayLabel { font-weight: bold; }
.hcal_tables td.calDayToday .calDayLabel { background: #d56312; }

#small-calendar .events, #small-calendar .longDays, #small-calendar .calEventDesc { display: none; }
#small-calendar table { font-size: 85%; }
#small-calendar table td.has_events .calDayLabel { background: #aaaaaa; }
#small-calendar table td.has_events .events { position: relative; }
#small-calendar table td:hover .events { display: block; position: absolute; z-index: 1000; background: #f9f9f9; border: 1px solid #d56312; width: 180px; margin-left: -90px; font-size: 10px; padding: 2px 4px; text-align: left; border-collapse: separate; }

#big-calendar .abbrDays, #big-calendar .datebox, #big-calendar .eventDetails { display: none; }
#big-calendar td { border: 1px solid #ececec; height: 90px; width: 14.2857%; padding: 0 0.5em 0.5em; }
#big-calendar td .calDayLabel { float: right; margin-left: 0.25em; }
#big-calendar td .event { font-size: 70%; }
#big-calendar td .event:hover .eventDetails { background: #f9f9f9; border-collapse: separate; border: 1px solid #d56312; display: block; font-size: 10px; padding: 2px 4px; position: absolute; text-align: left; width: 180px; z-index: 1000; }

.event_times { clear: left; float: left; width: 70px; }
.event_times .datebox + .hide + .datebox { border-left: 0; }

.datebox { background: #aaaaaa; border: 1px solid #b7b7b7; float: left; position: relative; text-align: center; width: 70px; }
.datebox span { display: block; color: #2b2b2b; line-height: 1em; }
.datebox .d, .datebox .mo, .datebox .w { font-size: 10px; }
.datebox .w, .datebox .mo { text-shadow: none; text-transform: uppercase; }
.datebox .w, .datebox .d { font-weight: bold; }
.datebox .w { background: #2b2b2b; color: #f9f9f9; }
.datebox .d { font-size: 2.5em; padding-left: 10px; text-align: center; }
.datebox .mo { position: absolute; width: 4em; left: -1em; bottom: 2em; text-align: left; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

.event_info { margin: 0 0 2em 90px; }
.event_info h2, .event_info h3, .event_info p { margin: 0; }
.event_info .org { display: inline; padding-right: 1em; }

/* this is old...
.boxedform { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0, 0)), to(rgba(0,0,0, .1))); background: -moz-linear-gradient(50% 50% 270deg,rgba(0,0,0, 0), rgba(0,0,0, .1)); > h2 {padding:0 10px;} p {border-bottom:1px dotted @accent; padding:.5em 0; margin-bottom:0; clear:left} label {float:left; padding: 10px; font-size:12px; font-weight:bold; width:32%} label.nofloat {float:none; width:100%} input[type=text], input[type=password], textarea {width:67%; border-radius:5px; border:1px solid #444; padding:5px 10px} .submithold {text-align:center;} .helptext {color:@inverse_alt; font-size:80%; display:block; margin-left:33%}
}
*/
.boxedform { -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; border: 1px solid #aaaaaa; margin-bottom: 1em; }
.boxedform > h2 { padding: 0.5em 10px 0; color: #a64d0e; font-weight: bold; text-transform: uppercase; }
.boxedform label { color: #888888; font-weight: bold; padding: 10px; }
.boxedform label.nofloat { float: none; width: 100%; }
.boxedform .breakout { margin: 0 10px; }
.boxedform p { border-bottom: 1px dotted #aaaaaa; padding: 0.5em 0; margin-bottom: 0; clear: left; }
.boxedform p label { float: left; width: 30%; }
.boxedform p label + * { width: 68%; }
.boxedform p input[type=text], .boxedform p input[type=password], .boxedform p textarea { -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; border: 1px solid #aaaaaa; padding: 5px 10px; background: #f9f9f9; }
.boxedform p input[type=text]:active, .boxedform p input[type=text]:focus, .boxedform p input[type=password]:active, .boxedform p input[type=password]:focus, .boxedform p textarea:active, .boxedform p textarea:focus { color: #111111; }
.boxedform p.required label { color: #d56312; }
.boxedform > ul { clear: left; margin: 0; padding: 0; }
.boxedform > ul li { list-style: none; display: inline-block; vertical-align: top; }
@media (min-width: 780px) { .boxedform > ul li { width: 32%; } }
.boxedform > ul li label { font-weight: normal; }
.boxedform .helptext { color: #888888; display: block; margin-left: 31%; }
.boxedform.has-fieldsets { border: 0; }
.boxedform.has-fieldsets fieldset { -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; border: 1px solid #aaaaaa; margin-bottom: 1em; }
.boxedform.has-fieldsets fieldset legend { padding: 0.5em 10px 0; color: #a64d0e; font-weight: bold; text-transform: uppercase; }

.submithold, p.submit { text-align: center; border-bottom: 0; }

::-webkit-input-placeholder { color: #888888; }

:-ms-input-placeholder { color: #888888; }

::-moz-placeholder { color: #888888; }

@font-face { font-family: 'capo_fontello'; src: url("/static/fonts/capo_icons_5.eot?69466803"); src: url("/static/fonts/capo_icons_5.eot?69466803#iefix") format("embedded-opentype"), url("/static/fonts/capo_icons_5.woff?69466803") format("woff"), url("/static/fonts/capo_icons_5.ttf?69466803") format("truetype"), url("/static/fonts/capo_icons_5.svg?69466803#capo_fontello") format("svg"); }

@font-face { font-family: 'emoticons'; src: url("/static/fonts/emoticons/emoticons.eot"); src: url("/static/fonts/emoticons/emoticons.eot?#iefix") format("embedded-opentype"), url("/static/fonts/emoticons/emoticons.woff") format("woff"), url("/static/fonts/emoticons/emoticons.ttf") format("truetype"), url("/static/fonts/emoticons/emoticons.svg#emoticons") format("svg"); }

[class^="icon-"]:before, [class*=" icon-"]:before, [class^="emoticon-"]:before, [class*=" emoticon-"]:before { font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; padding-right: 0.33em; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'capo_fontello'; }

.icon-add:before, .icon-edit:before { color: #ffdc59; }

.icon-add:before { content: '\2b'; }

/* '+' */
.icon-audio:before { content: '🔊'; }

.icon-bold:before { content: '\e0ce'; }

/* '' */
.icon-cal:before { content: '📅'; }

.icon-check:before { content: '☑'; font-size: 120%; }

.icon-cog:before { content: '⚙'; font-size: 120%; }

.icon-delete:before { content: '❌'; }

.icon-edit:before { content: '✎'; }

.icon-facebook:before { content: '\f09a'; }

/* '' */
.icon-grid:before { content: '\e800'; }

/* '' */
.icon-heart-empty:before { content: '\2661'; }

/* '♡' */
.icon-italic:before { content: '\e086'; }

/* '' */
.icon-list:before { content: '\e782'; }

/* '' */
.icon-ul:before { content: '\f0ca'; }

/* '' */
.icon-ol:before { content: '\f0cb'; }

/* '' */
.icon-list-details:before { content: '\e003'; }

/* '' */
.icon-map:before { content: '📍'; }

.icon-menu:before { content: '\2630'; }

/* '☰' */
.icon-menu-large:before { content: '\f0c9'; }

/* '' */
.icon-photo:before { content: '📷'; }

.icon-camera:before { content: '📷'; }

/* '\1f4f7' */
.icon-picture:before { content: '🌄'; }

/* '\1f304' */
.icon-comment:before { content: '\e718'; }

.icon-quote:before { content: '\e718'; }

.icon-thumb-list:before { content: '\e801'; }

/* '' */
.icon-twitter:before { content: '\f099'; }

/* '' */
.icon-user-1:before { content: '\e802'; }

/* '' */
.icon-lock:before { content: '\1f512'; }

.icon-unlock:before { content: '\1f513'; }

.icon-link:before { content: '\1f517'; }

.icon-video:before { content: '🎬'; }

/* '\1f3ac' */
.icon-sticky:before { content: '\1F4CC'; }

[class^="emoticon-"]:before, [class*=" emoticon-"]:before { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; background: #ef8b44; color: #f9f9f9; font-family: 'emoticons'; font-size: 0.667em; line-height: 1.5em; min-width: 1.5em; margin: 0 0.125em; padding: 0.25em 0.33em; text-align: center; text-shadow: none; }

.emoticon-happy:before { content: '\e800'; }

/* '' */
.emoticon-unhappy:before { content: '\e802'; }

/* '' */
.emoticon-sleep:before { content: '\e803'; }

/* '' */
.emoticon-thumbsup:before { content: '\e804'; }

/* '' */
.emoticon-devil:before { content: '\e805'; }

/* '' */
.emoticon-surprised:before { content: '\e806'; }

/* '' */
.emoticon-tongue:before { content: '\e807'; }

/* '' */
.emoticon-coffee:before { content: '\e808'; }

/* '' */
.emoticon-cool:before { content: '\e809'; }

/* '' */
.emoticon-sunglasses:before { content: '\e809'; }

/* '' */
.emoticon-displeased:before { content: '\e80a'; }

/* '' */
.emoticon-beer:before { content: '\e80b'; }

/* '' */
.emoticon-grin:before { content: '\e80c'; }

/* '' */
.emoticon-angry:before { content: '\e80d'; }

/* '' */
.emoticon-saint:before { content: '\e80e'; }

/* '' */
.emoticon-cry:before { content: '\e80f'; }

/* '' */
.emoticon-shoot:before { content: '\e810'; }

/* '' */
.emoticon-laugh:before { content: '\e812'; }

/* '' */
.emoticon-wink2:before { content: '\e813'; }

/* '' */
.button-bar { padding: 0; }
.button-bar.divided { padding-right: 0; }
.button-bar.divided a { margin: 1px 0; font-size: 95%; border-left: 1px solid lightgrey; padding: 0 0.5rem; }
.button-bar.divided *:first-child { border-left: 0; padding-left: 0.5rem; }
.button-bar.divided *:last-child { padding-right: 0.5rem; }

.button, button, input[type="submit"], .button-bar { position: relative; font-size: 1rem; text-align: center; margin: 0.5rem; padding: 0 0.5em 1px; line-height: 2rem; border-radius: 4px; background-color: #ececec; background: lightgrey none; background: none, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, lightgrey)); /* Chrome, Safari 4+ */ background: none, -moz-gradient(center top, #ececec 0%, lightgrey 100%); background: none, -webkit-linear-gradient(top, #ececec 0%, lightgrey); /* Chrome 10+, Safari 5.1+ */ background: none, -moz-linear-gradient(center top, #ececec 0%, lightgrey 100%); /* FF 3.6+ */ background: none, -ms-linear-gradient(top, #ececec 0%, lightgrey 100%); /* IE 10+ */ background: none, -o-linear-gradient(top, #ececec 0%, lightgrey 100%); /* Opera 11.10+ */ background: none, linear-gradient(top, #ececec 0%, lightgrey 100%); /* W3C */ border: 1px solid #e0e0e0; border: 1px solid 0; box-shadow: inset 0px 0 3px #f2f2f2, 0px 0 3px rgba(0, 0, 0, 0.4); }
.button, .button a, button, button a, input[type="submit"], input[type="submit"] a, .button-bar, .button-bar a { text-decoration: none; color: #2b2b2b; min-width: 2rem; display: inline-block; }
.button:focus, .button a:focus, button:focus, button a:focus, input[type="submit"]:focus, input[type="submit"] a:focus, .button-bar:focus, .button-bar a:focus { outline: none; }
.button:after, button:after, input[type="submit"]:after, .button-bar:after { content: ""; display: block; position: absolute; top: -0.33333rem; left: -0.33333rem; bottom: -0.33333rem; right: -0.33333rem; z-index: -1; border-radius: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); border-top: 1px solid rgba(0, 0, 0, 0.05); box-shadow: inset 0px 0.25em 1em rgba(0, 0, 0, 0.1); }
.button:active:after, button:active:after, input[type="submit"]:active:after, .button-bar:active:after { background: -moz-radial-gradient(center, ellipse cover, #f5b78b 0%, transparent 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f5b78b), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #f5b78b 0%, transparent 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #f5b78b 0%, transparent 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #f5b78b 0%, transparent 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #f5b78b 0%, transparent 100%); /* W3C */ }
.button.thinline, button.thinline, input[type="submit"].thinline, .button-bar.thinline { font-size: 0.8rem; line-height: 1.5rem; }
.button.icon-text, button.icon-text, input[type="submit"].icon-text, .button-bar.icon-text { padding: 0 1em; }
.button.icon-text:before, button.icon-text:before, input[type="submit"].icon-text:before, .button-bar.icon-text:before { padding-right: .5em; }
.button .sub-button, button .sub-button, input[type="submit"] .sub-button, .button-bar .sub-button { border-radius: 1rem; border-top: 1px solid #b9b9b9; border-bottom: 1px solid white; background: #b9b9b9; color: black; font-size: 0.8rem; line-height: 1.25rem; position: relative; top: -0.125rem; margin-right: 2px; padding: 0 0.5rem; min-width: 1rem; }
.button .sub-button:first-child, button .sub-button:first-child, input[type="submit"] .sub-button:first-child, .button-bar .sub-button:first-child { margin-left: 1rem; }
.button .sub-button:hover, button .sub-button:hover, input[type="submit"] .sub-button:hover, .button-bar .sub-button:hover { background: #5e5e5e; color: white; }
.button.sub-nav, button.sub-nav, input[type="submit"].sub-nav, .button-bar.sub-nav { min-width: 10em; text-align: left; }
.button.sub-nav li, button.sub-nav li, input[type="submit"].sub-nav li, .button-bar.sub-nav li { list-style: none; margin: 0; padding: inherit 0.5em; }
.button.sub-nav ul, button.sub-nav ul, input[type="submit"].sub-nav ul, .button-bar.sub-nav ul { display: none; font-size: 0.75rem; line-height: 1.5rem; border-top: 1px solid lightgrey; }
.button.sub-nav .divide-left, button.sub-nav .divide-left, input[type="submit"].sub-nav .divide-left, .button-bar.sub-nav .divide-left { float: right; }
.button.sub-nav .divide-right, button.sub-nav .divide-right, input[type="submit"].sub-nav .divide-right, .button-bar.sub-nav .divide-right { float: left; }
.button.sub-nav:hover ul, button.sub-nav:hover ul, input[type="submit"].sub-nav:hover ul, .button-bar.sub-nav:hover ul { display: block; }
.button .divide-left, .button .divide-right, button .divide-left, button .divide-right, input[type="submit"] .divide-left, input[type="submit"] .divide-right, .button-bar .divide-left, .button-bar .divide-right { display: inline-block; }
.button .divide-left, button .divide-left, input[type="submit"] .divide-left, .button-bar .divide-left { border-left: 1px solid lightgrey; padding-left: 0.5rem; margin-left: 0.25rem; float: right; }
.button .divide-right, button .divide-right, input[type="submit"] .divide-right, .button-bar .divide-right { border-right: 1px solid lightgrey; padding-right: 0.5rem; margin-right: 0.5rem; float: left; }

.button:active, button:active, input[type="submit"]:active, .button-bar > a:active { box-shadow: inset 0px -1px 0 #f2f2f2; /*@if $use_shadows == false { background-color: $button-lowlight
}*/ background: #c6c6c6 none; background: none, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #c6c6c6)); /* Chrome, Safari 4+ */ background: none, -moz-gradient(center top, #e0e0e0 0%, #c6c6c6 100%); background: none, -webkit-linear-gradient(top, #e0e0e0 0%, #c6c6c6); /* Chrome 10+, Safari 5.1+ */ background: none, -moz-linear-gradient(center top, #e0e0e0 0%, #c6c6c6 100%); /* FF 3.6+ */ background: none, -ms-linear-gradient(top, #e0e0e0 0%, #c6c6c6 100%); /* IE 10+ */ background: none, -o-linear-gradient(top, #e0e0e0 0%, #c6c6c6 100%); /* Opera 11.10+ */ background: none, linear-gradient(top, #e0e0e0 0%, #c6c6c6 100%); /* W3C */ }
.button:active else, button:active else, input[type="submit"]:active else, .button-bar > a:active else { box-shadow: inset 0px 1px 0 #f2f2f2, 0px 1px 0 rgba(0, 0, 0, 0.4); }
.button:hover, button:hover, input[type="submit"]:hover, .button-bar > a:hover { color: #5e5e5e; }

.button-bar > a:active { box-shadow: inset 0px -1px 0 #f2f2f2; background: #b9b9b9 none; background: none, -webkit-gradient(linear, left top, left bottom, color-stop(0%, lightgrey), color-stop(100%, #b9b9b9)); /* Chrome, Safari 4+ */ background: none, -moz-gradient(center top, lightgrey 0%, #b9b9b9 100%); background: none, -webkit-linear-gradient(top, lightgrey 0%, #b9b9b9); /* Chrome 10+, Safari 5.1+ */ background: none, -moz-linear-gradient(center top, lightgrey 0%, #b9b9b9 100%); /* FF 3.6+ */ background: none, -ms-linear-gradient(top, lightgrey 0%, #b9b9b9 100%); /* IE 10+ */ background: none, -o-linear-gradient(top, lightgrey 0%, #b9b9b9 100%); /* Opera 11.10+ */ background: none, linear-gradient(top, lightgrey 0%, #b9b9b9 100%); /* W3C */ }
.button-bar > a:active else { box-shadow: inset 0px 1px 0 #f2f2f2, 0px 1px 0 rgba(0, 0, 0, 0.4); }

/********************************************* Capo typography is defined by a handful of variables which create a 10 px baseline grid and size various typographic elements appropriately to remain on that grid.
 This file also defines variables that can be used for consistent margins, padding and gutters:
 - @gutter: for columns between content. 20px - @halfGutter: for padding in boxes, etc. Half of gutter. - @defaultMargin: For consistently setting top and bottom margins while staying on the baseline grid. Note: you can use multiples ( @defaultMargin * 2 );
**********************************************/
html, button, input, select, textarea { font-family: "Helvetica", "Calibri", "Lucida Sans Unicode", "Arial Unicode MS", Verdana, Arial, sans-serif; }

button, input, select, textarea { font-size: 100%; }

html { font-size: .875em; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

.small-text, sub, sup, table td, dl.specs, .boxedform .helptext, #searchForm span, .counter, .signature, p.source-org, .story_detail .shirttail, #comment-list article header, #comment-list article footer, .markdown .markItUpHeader ul li, a.new, small { font-size: 12px; line-height: 15px; font-size: 0.75rem; line-height: 0.9375rem; }

.sub-text, q, label, [role=complementary], table, dl, section.list ul dt, section.list ul dd, section.list dl dt, section.list dl dd, .grid, .pager, .pager li.next, .pager li.prev, .remote-tabs-nav, .tabbed > ul, .boxedform p.required label, blockquote, .content-body #top_assets .tabbed > ul, header[role=banner] nav, #content figure figcaption, header[role=banner] nav [role=menu] > li ul li, footer[role=contentinfo] nav [role=menu] > li ul li, #searchForm #q, time, .errorlist, #top_stories_hold #more_featured p, p.author, .story_detail .dateline { font-size: 13px; font-size: 0.9285rem; line-height: 20px; line-height: 1.428rem; }

.body-text, .split div[role=complementary], #top_stories_hold article + article p, body { font-size: 14px; font-size: 1em; line-height: 20px; line-height: 1.428rem; }

.x-small-header, h5, .breakout-text, .breakout, .messages > li, .messages .message { font-size: 16px; font-size: 1.142857rem; }

.larger-line-height, .small-header, .hero, .kicker, table caption, #top_stories_hold article + article h1, h4, .medium-header, #top_stories_hold #more_featured h1, #more_articles h1, h2.overline, h3, .large-header, h2, .remote-tabs-nav, .tabbed > ul { line-height: 30px; line-height: 2.1426rem; }

.small-header, .hero, .kicker, table caption, #top_stories_hold article + article h1, h4 { font-size: 18px; font-size: 1.2857rem; }

.medium-header, #top_stories_hold #more_featured h1, #more_articles h1, h2.overline, h3 { font-size: 21px; font-size: 1.2857rem; }

.large-header, h2 { font-size: 24px; font-size: 1.7142rem; }

.xl-header, h1 { font-size: 32px; line-height: 40px; font-size: 2.2857rem; line-height: 2.8571rem; }

.super-text, .hero h1, #content div[role=main] > h1, #content div[role=main] > article > h1, #content div[role=main] > header > h1, #content #forum_categories h1 { font-size: 48px; line-height: 60px; font-size: 3.42857rem; line-height: 4.2857rem; }

.margin-top { margin-top: 20px; }

.margin-bottom, #content p, #content ol, #content ul, dl, header[role=banner] nav [role=menu] > li, footer[role=contentinfo] nav [role=menu] > li { margin-bottom: 20px; }

.margin-top-bottom, blockquote, q { margin: 20px 0; }

.margin-sides { margin: 0 20px; }

.margin-all { margin: 20px 20px; }

.pad-top { padding-top: 10px; }

.pad-bottom, #content figure figcaption { padding-bottom: 10px; }

.pad-top-bottom, .story_detail .shirttail, header[role=banner] .site-name h2 { padding: 10px 0; }

.pad-sides, header[role=banner] [role=menu] > li { padding: 0 10px; }

.pad-all, label { padding: 10px 10px; }

/*
h1, h2, h3, h4 { font-family: 'OpenSansSemibold'; }



.bold-text { font-family: 'OpenSansSemiBold'; }
.unbold-text { font-family: 'OpenSansRegular'; }
.light-text { font-family: 'OpenSansLight'; }

b, strong { .bold-text;
}

p + p,
p + div,
p + h2,
p + h3 { margin-top: @defaultMargin;
}
p + p.small-text { margin: 0.875em 0 0.25em;
}
p + p.super-text { margin-top:0; }
.sidebar-wrapper { font-size: .9em;}

*/
pre, code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; }

sub, sup { line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 0; }

#content p + h2, #content p + h3 { margin-top: 40px; }

.meta { color: #888888; }

.kicker { text-transform: uppercase; }

hr.fancy { border: 0; content: ""; display: block; clear: both; height: 5px; background: rgba(255, 255, 255, 0.2); border-radius: 6px; -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4); box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.5); }

.hero { position: relative; z-index: 10; padding: 2em 0 0; }

.kicker { margin-bottom: .25em; color: #2b2b2b; }
.kicker a { color: #2b2b2b; }
.kicker a:hover { color: #d56312; }

.hero .boxedform { background: lightgrey url(../../img/site/texture-overlay.png); background: url(../../img/site/texture-overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, lightgrey)); /* Chrome, Safari 4+ */ background: url(../../img/site/texture-overlay.png), -moz-gradient(center top, #ececec 0%, lightgrey 100%); background: url(../../img/site/texture-overlay.png), -webkit-linear-gradient(top, #ececec 0%, lightgrey); /* Chrome 10+, Safari 5.1+ */ background: url(../../img/site/texture-overlay.png), -moz-linear-gradient(center top, #ececec 0%, lightgrey 100%); /* FF 3.6+ */ background: url(../../img/site/texture-overlay.png), -ms-linear-gradient(top, #ececec 0%, lightgrey 100%); /* IE 10+ */ background: url(../../img/site/texture-overlay.png), -o-linear-gradient(top, #ececec 0%, lightgrey 100%); /* Opera 11.10+ */ background: url(../../img/site/texture-overlay.png), linear-gradient(top, #ececec 0%, lightgrey 100%); /* W3C */ }
.hero .boxedform label, .hero .boxedform legend, .hero .boxedform h2 { padding-left: 20px; }
.hero .boxedform input[type=text], .hero .boxedform input[type=password], .hero .boxedform textarea { width: 67%; }

blockquote, q { *zoom: 1; padding-left: 20px; color: #888888; display: block; border-left: 4px solid #aaaaaa; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; display: table; }
blockquote:after, q:after { clear: both; }
blockquote footer, q footer { font-style: italic; }
blockquote img, q img { max-width: 30% !important; }

.content-body .datebox { margin-right: 1em; }
@media (min-width: 780px) { .content-body { width: 365px; float: left; } }
@media (min-width: 980px) { .content-body { width: 460px; } }
@media (min-width: 1220px) { .content-body { width: 540px; } }
@media (min-width: 1220px) { .content-body { width: 620px; } }
@media (min-width: 1600px) { .content-body { width: 800px; } }
.content-body #top_assets { position: relative; z-index: 100; border-bottom: 2px solid #ececec; padding-bottom: .25em; }
.content-body #top_assets ul.sociallinks { margin: 0; border-bottom: 0; }
@media (min-width: 780px) { .content-body #top_assets { width: 230px; float: right; margin: 0 -160px 1em 20px; }
  .content-body #top_assets blockquote { display: block; } }
@media (min-width: 980px) { .content-body #top_assets { width: 380px; margin-right: -160px; } }
@media (min-width: 1220px) { .content-body #top_assets { width: 460px; } }
@media (min-width: 1600px) { .content-body #top_assets { width: 540px; margin-right: -240px; } }
.content-body #top_assets .tabbed > ul { text-align: right; list-style: none; margin: 0; background: transparent; }
.content-body #top_assets .tabbed > ul > li { background: transparent; padding: 0; }
.content-body #top_assets .tabbed > ul > li a { background: #2b2b2b; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; color: #f9f9f9; padding: 0.25em 0.5em; text-shadow: none; }
.content-body #top_assets .tabbed > ul > li.active { border: 0; }
.content-body #top_assets .tabbed > ul > li.active a { background: #d56312; }
.content-body #top_assets .tabbed > ul .preview { position: absolute; width: 6em; top: -65px; margin-left: -4em; display: none; min-height: 50px; background: #d56312; color: #f9f9f9; line-height: 50px; text-align: center; text-shadow: none; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 4px black; -moz-box-shadow: 0 0 4px black; box-shadow: 0 0 4px black; }
.content-body #top_assets .tabbed > ul .preview img { border-color: #d56312; }
.content-body #top_assets .tabbed > ul .preview:before { display: inline-block; z-index: 1000; content: ' '; height: 0; position: absolute; width: 0; border: 7px solid transparent; border-top-color: #d56312; top: 100%; left: 35px; -webkit-box-shadow: 0 0 4px black; -moz-box-shadow: 0 0 4px black; box-shadow: 0 0 4px black; }
.content-body #top_assets blockquote { display: none; font: 1.33em Georgia, serif; border-top: 2px solid #ececec; margin: 0.25em 0; }
.content-body #top_assets blockquote em { display: inline-block; float: right; padding-top: .67em; font: 13px "Helvetica", "Calibri", "Lucida Sans Unicode", "Arial Unicode MS", Verdana, Arial, sans-serif; text-align: right; color: #2b2b2b; }
.content-body #top_assets blockquote em:before { content: '— '; }
.content-body #top_assets object, .content-body #top_assets video { width: 100%; }

/*
#more_assets {float:right; @include breakpoint(s) { width:180px; } @include breakpoint(m) { width:220px; } @include breakpoint(l) { width:380px; }
}
*/
html { background: #f9f9f9 url(../../img/site/texture-overlay.png); }

body { font-family: "Helvetica", "Calibri", "Lucida Sans Unicode", "Arial Unicode MS", Verdana, Arial, sans-serif; color: #111111; height: 100%; margin-top: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

select, input, textarea { color: #2b2b2b; }

a { color: #a64d0e; }
a:link { -webkit-tap-highlight-color: #a64d0e; }
a:hover { color: #d56312; }

h1, h2, h3 { font-weight: normal; }

::-moz-selection { background: #2b2b2b; color: #ececec; }

::selection { background: #2b2b2b; color: #ececec; }

/**************************** Structure ******************************/
@media (max-width: 779px) { .constrain { margin: 0 20px; width: auto; } }
@media (min-width: 780px) { .constrain { margin: 0 auto; width: 760px; } }
@media (min-width: 980px) { .constrain { width: 940px; } }
@media (min-width: 1220px) { .constrain { width: 1180px; } }
@media (min-width: 1600px) { .constrain { width: 1560px; } }

body:after { display: none; }
@media (max-width: 779px) { body:after { content: 'x-small'; } }
@media (min-width: 780px) { body:after { content: 'small'; } }
@media (min-width: 980px) { body:after { content: 'medium'; } }
@media (min-width: 1220px) { body:after { content: 'large'; } }
@media (min-width: 1600px) { body:after { content: 'x-large'; } }

body.collapsed header[role=banner] { -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); position: fixed; z-index: 1000; }
body.collapsed header[role=banner] .site-name h1 { max-width: 200px; }
body.collapsed header[role=banner] .site-name h2 { display: none; }
@media (max-width: 779px) { body.collapsed header[role=banner] #main_menu { display: none; } }
@media (min-width: 780px) { body.collapsed header[role=banner] #main_menu ul { height: 0; overflow: hidden; margin: 0; } }

header[role=banner] { -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); background: #a64d0e url(../../img/site/texture-overlay.png); background: url(../../img/site/texture-overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d56312), color-stop(100%, #a64d0e)); /* Chrome, Safari 4+ */ background: url(../../img/site/texture-overlay.png), -moz-gradient(center top, #d56312 0%, #a64d0e 100%); background: url(../../img/site/texture-overlay.png), -webkit-linear-gradient(top, #d56312 0%, #a64d0e); /* Chrome 10+, Safari 5.1+ */ background: url(../../img/site/texture-overlay.png), -moz-linear-gradient(center top, #d56312 0%, #a64d0e 100%); /* FF 3.6+ */ background: url(../../img/site/texture-overlay.png), -ms-linear-gradient(top, #d56312 0%, #a64d0e 100%); /* IE 10+ */ background: url(../../img/site/texture-overlay.png), -o-linear-gradient(top, #d56312 0%, #a64d0e 100%); /* Opera 11.10+ */ background: url(../../img/site/texture-overlay.png), linear-gradient(top, #d56312 0%, #a64d0e 100%); /* W3C */ top: 0; width: 100%; z-index: 100; padding: 10px 0; min-height: 60px; border-bottom: 2px solid #d56312; }
header[role=banner], header[role=banner] * { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header[role=banner] .site-name, header[role=banner] nav { display: block; }
header[role=banner] .site-name { color: #111111; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); padding-right: 20px; }
@media (max-width: 779px) { header[role=banner] .site-name { padding-left: 20px; } }
header[role=banner] .site-name a { color: #f9f9f9; }
header[role=banner] .site-name h1, header[role=banner] .site-name h2 { margin: 0; }
header[role=banner] .site-name h1 { float: left; width: 32%; }
header[role=banner] > div .navicon { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: right; font-weight: bold; border: 1px inset #d56312; color: #f9f9f9; margin-right: 20px; }
@media (min-width: 780px) { header[role=banner] > div .navicon { padding: 0.5em auto; } }
header[role=banner] > div .navicon.activated { background: #a64d0e; }
header[role=banner] nav { position: relative; }
@media (min-width: 780px) { header[role=banner] nav { margin-left: 31%; } }

#content { text-shadow: 1px 1px 2px #f9f9f9; }
@media (min-width: 780px) { #content { padding: 0 2em; } }
@media (min-width: 980px) { #content { padding: 0; } }
#content figure img { border: 1px solid #a64d0e; }
#content figure figcaption { color: #2b2b2b; font-weight: normal; }
#content figure figcaption .author { display: block; text-align: right; font: 9px "Helvetica", "Calibri", "Lucida Sans Unicode", "Arial Unicode MS", Verdana, Arial, sans-serif; text-transform: uppercase; margin: -1.5em 0.5em 0 0; }
#content figure figcaption p { margin: 0; }
#content div[role=main] { padding-bottom: 1em; }
#content div[role=main] p, #content div[role=main] ul, #content div[role=main] ol, #content div[role=main] dl, #content div[role=main] table { margin-bottom: 1em; }

header[role=banner], footer[role=contentinfo] { clear: both; }
header[role=banner] nav ul, footer[role=contentinfo] nav ul { margin: 0; }
header[role=banner] nav [role=menu] > li, footer[role=contentinfo] nav [role=menu] > li { font-weight: bold; }
header[role=banner] nav [role=menu] > li ul li, footer[role=contentinfo] nav [role=menu] > li ul li { font-weight: normal; }
header[role=banner] nav .button, footer[role=contentinfo] nav .button { margin: 0; }

@media (max-width: 779px) { header[role=banner] nav ul { display: none; } }

footer[role=contentinfo] { -webkit-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.3); padding: 1em 0; border-top: 2px solid #d56312; }

#searchForm { text-align: right; }
#searchForm select { width: 120px; }
#searchForm #q { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #2b2b2b; padding: 3px; margin-right: -8px; width: 140px; }
#searchForm span { color: #2b2b2b; }

/************************ COMMON CLASSES AND ELEMENTS ********************/
time { color: #2b2b2b; display: block; }

.block { display: block; }

.breakout { -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; display: block; border: 1px solid #afafaf; background: #aaaaaa; padding: 1em; margin: 0.5em 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); }

.diminish, .toxic { filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; }
.diminish:hover, .toxic:hover { filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }

.counter { -webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; border-radius: 1.5em; background: rgba(249, 249, 249, 0.9); border: 1px solid #aaaaaa; line-height: 1.5em; padding: .25em; text-align: center; display: inline-block; min-width: 2em; font-weight: normal; color: #2b2b2b; }
.counter.left { margin-right: 0.5em; }

.avatar { width: 80px; display: block; border: 1px solid #aaaaaa; }

a .avatar:hover { border-color: #d56312; }

.errorlist { background: #c63314; list-style: none; padding: 0.25em 1em; margin: 0; font-weight: bold; }

.messages { margin: 0 0 1em; padding: 0; list-style: none; }
.messages > li, .messages .message { border: 1px solid; padding: 0.25em 1em; background: #111111; color: #aaaaaa; text-shadow: 1px 1px 0 #444444; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.messages > li:before, .messages .message:before { font-size: 1.5em; }
.messages > li a, .messages .message a { color: #f9f9f9; }
.messages .message h4 { margin: 0; }
.messages .error { color: #c63314; }
.messages .error:before { content: '\2639'; }
.messages .debug, .messages .warning { background: #ffdc59; }
.messages .debug:before, .messages .warning:before { content: '\26A0'; }
.messages .info { color: #1F21BF; }
.messages .info:before { content: 'ℹ'; }
.messages .success { color: #0F8C35; }
.messages .success:before { content: '\263A'; }

.signature { border-bottom: 1px solid #aaaaaa; text-align: right; }

/********************* CONTENT SECTION FRONTS *****************************/
#top_stories_hold a { color: #111111; }
#top_stories_hold a:hover, #top_stories_hold a:active { color: #a64d0e; }
@media (min-width: 780px) { #top_stories_hold #lead_item figure.vertical { width: 57%; }
  #top_stories_hold #lead_item figure.vertical figcaption { display: none; }
  #top_stories_hold #lead_item figure { float: right; margin: 0 0 1em 20px; } }
@media (min-width: 1220px) { #top_stories_hold #lead_item { width: 450px; float: left; } }
@media (min-width: 1600px) { #top_stories_hold #lead_item { width: 700px; } }
#top_stories_hold article + article { border-top: 2px solid #ececec; margin-top: 1em; }
#top_stories_hold article + article h1, #top_stories_hold article + article p { font-weight: normal; }
#top_stories_hold #more_featured img { width: 110px; }
@media (min-width: 780px) { #top_stories_hold #more_featured article { display: inline-block; padding: 0.5em 10px 0 0; border-top: 1px solid #2b2b2b; width: 49.5%; vertical-align: top; } }
@media (min-width: 1220px) { #top_stories_hold #more_featured { width: 300px; float: right; }
  #top_stories_hold #more_featured article { display: block; width: auto; padding-right: 0; clear: right; }
  #top_stories_hold #more_featured article:first-child { border: 0; } }

#more_articles figure { width: 32%; }

/**************************** STORY PAGES  *********************************/
p.vcard { line-height: 1em; }

p.author { font-weight: bold; margin: 0; text-transform: uppercase; }

p.source-org { font-family: Georgia, serif; }

h2.overline { margin-bottom: 0; }

.sociallinks { border: solid #ececec; border-width: 2px 0; padding: 0.25em 0; }
.sociallinks li { list-style: none; display: inline-block; padding: 0 0.5em; margin: 0; font-size: 70%; width: 24%; }
.sociallinks li#social_fb { width: 48%; }
.sociallinks img { border: 0; width: 24px; padding-right: 2px; }
.sociallinks iframe { border: none; overflow: hidden; width: 90px; height: 21px; margin-bottom: -0.67em; }
.sociallinks a { color: #2b2b2b; font-weight: bold; }

.section_front article > a { color: #111111; }
.section_front article > a:hover { color: #bd5810; }

.story_detail .dateline { font-weight: bold; margin-top: 0.45em; }
.story_detail .dateline:after { content: '|'; color: #2b2b2b; padding: 0 0.5em; font-weight: normal; }
.story_detail object, .story_detail video { width: 100%; }
.story_detail .shirttail { color: #2b2b2b; border-top: 2px solid #ececec; margin: 0; }

/******************** GALLERIES **********************/
#gallery_thumbs_hold { display: none; width: 100%; overflow: hidden; height: 70px; position: relative; }
#gallery_thumbs_hold li { height: 65px; width: 65px; margin: 0 5px 0.5em 0; border: 1px solid #111111; }
#gallery_thumbs_hold li.current { border-color: #d56312; border-width: 4px; }
#gallery_thumbs_hold li img { border: 0; }

#gallery_slides_hold figure.vertical { text-align: center; }
#gallery_slides_hold figcaption { display: none; }

#gallery_info .sociallinks li { width: auto; }

/******************** user posts and comments **********/
#comment-list article { clear: both; position: relative; margin-bottom: 2em; }
#comment-list article header { letter-spacing: 1px; padding-left: .5em; margin-bottom: 1em; border-bottom: 1px solid #aaaaaa; color: #d56312; }
@media (min-width: 780px) { #comment-list article header { padding-left: 100px; } }
#comment-list article header time { float: right; margin-left: 0.5em; }
#comment-list article header .counter { float: right; margin-left: 0.5em; }
#comment-list article header a[rel=author] { font-weight: bold; }
#comment-list article .avatar { display: none; }
@media (min-width: 780px) { #comment-list article .avatar { margin-left: -100px; float: left; display: block; } }
#comment-list article .profile_preview { margin: 0; position: absolute; top: 0; left: 100px; padding: 0 1em; z-index: 200; width: 200px; font-weight: normal; background: #f9f9f9; border: 1px solid #888888; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 780px) { #comment-list article .post { margin: 0 0 0 100px; min-height: 40px; } }
#comment-list article .post p { clear: right; }
#comment-list article .post figure, #comment-list article .post p > img, #comment-list article .post figure > img { width: auto; float: right; clear: right; margin: 0 0 1em 20px; max-width: 320px; }
@media (min-width: 980px) { #comment-list article .post figure, #comment-list article .post p > img, #comment-list article .post figure > img { max-width: 540px; } }
#comment-list article .post figure:after, #comment-list article .post p > img:after, #comment-list article .post figure > img:after { content: ' '; display: block; clear: both; }
#comment-list article .post figure.smiley, #comment-list article .post p > img.smiley, #comment-list article .post figure > img.smiley { margin: 0; float: none; border: 0; display: inline; width: auto; }
#comment-list article .post figure p:last-child, #comment-list article .post p > img p:last-child, #comment-list article .post figure > img p:last-child { margin-bottom: 0; }
#comment-list article .post figure:first-child + p { clear: none; }
#comment-list article .post figure:after, #comment-list article .post p > img:after { *zoom: 1; }
#comment-list article .post figure:after:before, #comment-list article .post figure:after:after, #comment-list article .post p > img:after:before, #comment-list article .post p > img:after:after { content: ""; display: table; }
#comment-list article .post figure:after:after, #comment-list article .post p > img:after:after { clear: both; }
#comment-list article .postcontrols a[href*="/downvote/"]:hover, #comment-list article .postcontrols a[href*="/downvote/"]:active, #comment-list article .post-voting a[href*="/downvote/"]:hover, #comment-list article .post-voting a[href*="/downvote/"]:active { background: #660000; }
#comment-list article .postcontrols a[href*="/upvote/"]:hover, #comment-list article .postcontrols a[href*="/upvote/"]:active, #comment-list article .post-voting a[href*="/upvote/"]:hover, #comment-list article .post-voting a[href*="/upvote/"]:active { background: #006600; }
#comment-list article .postcontrols { position: absolute; right: 0; z-index: 100; }
@media (min-width: 980px) { #comment-list article .post-voting { margin-left: 45%; } }
#comment-list article.toxic .avatar, #comment-list article.toxic .post, #comment-list article.toxic .postcontrols li.icon-quote { display: none; }
#comment-list article.toxic .toxic-message { cursor: pointer; }
#comment-list article.toxic .toxic-message:before { content: "☢"; }

#reply textarea { width: 100%; }

.markdown { margin: 0 0.5em; }
.markdown .markItUpHeader ul { padding: 0; margin: 0; position: relative; }
.markdown .markItUpHeader ul li { position: relative; font-size: 1rem; text-align: center; margin: 0.5rem; padding: 0 0.5em 1px; line-height: 2rem; border-radius: 4px; background-color: #ececec; background: lightgrey none; background: none, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, lightgrey)); /* Chrome, Safari 4+ */ background: none, -moz-gradient(center top, #ececec 0%, lightgrey 100%); background: none, -webkit-linear-gradient(top, #ececec 0%, lightgrey); /* Chrome 10+, Safari 5.1+ */ background: none, -moz-linear-gradient(center top, #ececec 0%, lightgrey 100%); /* FF 3.6+ */ background: none, -ms-linear-gradient(top, #ececec 0%, lightgrey 100%); /* IE 10+ */ background: none, -o-linear-gradient(top, #ececec 0%, lightgrey 100%); /* Opera 11.10+ */ background: none, linear-gradient(top, #ececec 0%, lightgrey 100%); /* W3C */ border: 1px solid #e0e0e0; border: 1px solid 0; box-shadow: inset 0px 0 3px #f2f2f2, 0px 0 3px rgba(0, 0, 0, 0.4); margin: 0; vertical-align: top; }
.markdown .markItUpHeader ul li, .markdown .markItUpHeader ul li a { text-decoration: none; color: #2b2b2b; min-width: 2rem; display: inline-block; }
.markdown .markItUpHeader ul li:focus, .markdown .markItUpHeader ul li a:focus { outline: none; }
.markdown .markItUpHeader ul li:after { content: ""; display: block; position: absolute; top: -0.33333rem; left: -0.33333rem; bottom: -0.33333rem; right: -0.33333rem; z-index: -1; border-radius: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); border-top: 1px solid rgba(0, 0, 0, 0.05); box-shadow: inset 0px 0.25em 1em rgba(0, 0, 0, 0.1); }
.markdown .markItUpHeader ul li:active:after { background: -moz-radial-gradient(center, ellipse cover, #f5b78b 0%, transparent 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f5b78b), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #f5b78b 0%, transparent 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #f5b78b 0%, transparent 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #f5b78b 0%, transparent 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #f5b78b 0%, transparent 100%); /* W3C */ }
.markdown .markItUpHeader ul li.thinline { font-size: 0.8rem; line-height: 1.5rem; }
.markdown .markItUpHeader ul li.icon-text { padding: 0 1em; }
.markdown .markItUpHeader ul li.icon-text:before { padding-right: .5em; }
.markdown .markItUpHeader ul li .sub-button { border-radius: 1rem; border-top: 1px solid #b9b9b9; border-bottom: 1px solid white; background: #b9b9b9; color: black; font-size: 0.8rem; line-height: 1.25rem; position: relative; top: -0.125rem; margin-right: 2px; padding: 0 0.5rem; min-width: 1rem; }
.markdown .markItUpHeader ul li .sub-button:first-child { margin-left: 1rem; }
.markdown .markItUpHeader ul li .sub-button:hover { background: #5e5e5e; color: white; }
.markdown .markItUpHeader ul li.sub-nav { min-width: 10em; text-align: left; }
.markdown .markItUpHeader ul li.sub-nav li { list-style: none; margin: 0; padding: inherit 0.5em; }
.markdown .markItUpHeader ul li.sub-nav ul { display: none; font-size: 0.75rem; line-height: 1.5rem; border-top: 1px solid lightgrey; }
.markdown .markItUpHeader ul li.sub-nav .divide-left { float: right; }
.markdown .markItUpHeader ul li.sub-nav .divide-right { float: left; }
.markdown .markItUpHeader ul li.sub-nav:hover ul { display: block; }
.markdown .markItUpHeader ul li .divide-left, .markdown .markItUpHeader ul li .divide-right { display: inline-block; }
.markdown .markItUpHeader ul li .divide-left { border-left: 1px solid lightgrey; padding-left: 0.5rem; margin-left: 0.25rem; float: right; }
.markdown .markItUpHeader ul li .divide-right { border-right: 1px solid lightgrey; padding-right: 0.5rem; margin-right: 0.5rem; float: left; }
.markdown .markItUpHeader ul li.markItUpSeparator, .markdown .markItUpHeader ul li a { display: none; }
.markdown .markItUpHeader ul li.sub-nav { position: absolute; max-width: 7.5em; }

.new { border-left: 4px solid #d56312; }

a.new { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; background: #d56312; border: 1px inset #aaaaaa; text-shadow: none; color: #111111; }

body { backgound-image: url(../../img/site/texture-overlay.png); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

header[role=banner], footer[role=contentinfo] { -moz-background-size: cover; background-size: cover; }
header[role=banner] > div, footer[role=contentinfo] > div { position: relative; }
header[role=banner] > div .navicon, footer[role=contentinfo] > div .navicon { background: #d56312; position: relative; z-index: 1000; }
@media (min-width: 780px) { header[role=banner] > div .navicon, footer[role=contentinfo] > div .navicon { position: absolute; bottom: -2em; right: 0; background: #ececec url(../../img/site/texture-overlay.png); color: #111111; border-width: 0 2px 2px; border-radius: 0 0 5px 5px; display: block; padding: 0 1em 0.5em; } }

header[role=banner] .site-name h1 { max-width: 335px; }
header[role=banner] .site-name h2 { display: none; }
@media (min-width: 780px) { header[role=banner] .site-name h2 { display: block; } }
header[role=banner] [role=menu] > li { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid transparent; }
header[role=banner] [role=menu] > li a { color: #f9f9f9; }
header[role=banner] [role=menu] > li:hover { background: rgba(249, 249, 249, 0.9); border-color: #ececec; }
header[role=banner] [role=menu] > li:hover a { color: #a64d0e; }

@media (min-width: 780px) { #content { background-repeat: no-repeat; } }

#herotext { padding-right: 20px; }
@media (min-width: 1220px) { #herotext { padding-right: 20%; } }
@media (min-width: 980px) { #herotext { padding-right: 30%; } }
@media (min-width: 780px) { #herotext { padding-right: 40%; } }

.sponsors { font-size: .8em; }
.sponsors img { background: #fff; border: 1px inset #ececec; padding: 3px; max-width: 150px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
@media (min-width: 780px) { .sponsors img { width: 60%; } }

#footer { background-position: bottom right; }
