app.css

/* Fonts */
@font-face {
     font-family: 'StateFaceRegular';
     src: url('../fonts/stateface-regular-webfont.eot');
     src: url('../fonts/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/stateface-regular-webfont.woff') format('woff'),
          url('../fonts/stateface-regular-webfont.ttf') format('truetype'),
          url('../fonts/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
     font-weight: normal;
}

/* General */
h2 { font-size: 1.3em; margin-bottom: 3px; }
h3 { font: bold 1.1em Arial, Helvetica, sans-serif; color: #333; }
h5 { font: bold 14px Arial, Helvetica, sans-serif; color: #333; margin-bottom: 3px; }

#electris-skinny h2,
#electris h2,
#incoming h2,
#backchannel h2,
#live-blog h2,
.pres-results h5,
.results-row h2 {
	font: normal 20px/1.35em Georgia, serif;
	border-top: 3px solid #000;
	padding-top: 6px;
	margin-bottom: 12px;
	text-transform: none;
}
a.btn { color: #fff; cursor: pointer; }

.modal { z-index: 2132; }
.modal-backdrop { z-index: 2122; }
.modal-header { background-color: #f1f1f1; border-radius: 4px 4px 0 0; }
.modal-header h3 { font: normal 20px Georgia, serif; }
.modal-header .close { margin-top: -3px; }
.modal-body { -webkit-overflow-scrolling: touch; }
.modal .modal-col { width: 48%; float: left; margin-left: 4%; }
.modal .modal-col:first-child { margin-left: 0; }


/* CLEARFIXES */
#header-promos:after,
#electris:after,
#electris-skinny:after,
.states:after,
.buckets:after,
.tossups:after,
.candidate:after,
.pres-results li:after,
#memetracker .posts:after,
.results-row:after,
.results-group:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}


/* THINGS WE DON'T WANT TEXT HIGHLIGHTING ON */
.tossups li,
.state, .state i
.histogram li
#tabs li a {
	-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


/* MAIN HEADER */
.navbar { margin-bottom: 1px; }
#big-header {
/*	background: #151515 url('../img/bg-election-night.jpg') no-repeat top left; */
/*	background: #151515 url('../img/bg-election-night-stickers.jpg') no-repeat top left; */
/*	background: #151515 url('../img/bg-election-night-voters.jpg') no-repeat top left; */
	background: #151515 url('../img/bg-election-night-celebration.jpg') no-repeat top left;
	margin-left: 0;
	padding-top: 12px;
}
#header {
	margin-left: 0;
	height: 285px;
	color:white;
	position: relative;
}
#header h1 {
	text-indent: -9999px;
	background: url('../img/hd-election-night.png') no-repeat;
	height: 56px;
	margin: 41px 7px 7px 7px;
}
#header a { color: #fff; font-weight: bold; }
#header-promos {
	padding: 15px 0 15px 15px;
	color: #999;
	clear: both;
	position: absolute; bottom: 0; left: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #333;
	border-color: rgba(51, 51, 51, .8);
	text-shadow: 0 0 10px #000;
}
#header-promos .promo h3 { font-size: 14px; margin: 0 0 4px 0; }
#header-promos .promo p { font-size: 12px; line-height: 17px; margin: 0; }
#header-promos .promo p.links { margin-top: 1px; color: #666; }
#header-promos .promo p a { display: inline-block; padding: 0 5px; }
#header-promos .promo p a:first-child { padding-left: 0; }


/* RESULTS GROUPINGS (TOPLINE) */
.results-row {
	margin-top: 10px;
	background-color: #fff;
	margin-bottom: 6px;
}
.results-group {
	position: relative;
	font: 10px/1.25em Arial, Helvetica, sans-serif;
	color: #555; text-transform: uppercase;
}
.results-group h2 { color: #333; margin-bottom: 3px; }
.results-group h2 span { font: 11px Arial, Helvetica, sans-serif; color: #666; padding-left: 5px; }
.results-group h2 span a { color: #666; }
.results-group h3 {
	text-transform: none;
	font-size: 14px;
	padding-top: 6px;
	margin-bottom: 6px;
}
.results-group .blue { width: 45%; float: left; border-top: 1px solid #CCC; }
.results-group .red { width: 45%; float: right; border-top: 1px solid #CCC; }
.results-group .winner h3 strong {
	background: url('../img/ico-checkmark-sm.png') no-repeat right 2px;
	padding-right: 18px;
}


#pres-header .blue { background: url('../img/silo-obama-45.png') no-repeat left 6px; }
#pres-header .red  { background: url('../img/silo-romney-45.png') no-repeat left 6px; }
#pres-header .wrapper { margin-left: 50px; }
#pres-header i { font-style: normal; display: none; }

.results-group .total { text-align: center; width: 45%; float: left; }
.results-group .total span {
	display: block;
	font-size: 22px; line-height: 24px;
}
.results-group .blue .total span { color: #3d7fa6; }
.results-group .red .total span { color: #a23520; }

.results-group .towin {
	line-height: 11px;
	text-align: center;
	width: 45%; float: right;
}
.results-group .towin span {
	display: block;
	font-size: 15px; line-height: 21px;
	background-color: #F7E39B; color: #77631B;
	border-radius: 4px;
	margin-bottom: 3px;
}


/* TABS (FOR TABLET/MOBILE) */
#tabs { display:none; }
#tabs .nav-tabs {
	background: #3b3b3b; /* Old browsers */
	background: -moz-linear-gradient(top,  #3b3b3b 0%, #1e1e1e 50%, #000000 51%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(50%,#1e1e1e), color-stop(51%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3b3b3b 0%,#1e1e1e 50%,#000000 51%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3b3b3b 0%,#1e1e1e 50%,#000000 51%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3b3b3b 0%,#1e1e1e 50%,#000000 51%,#000000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3b3b3b 0%,#1e1e1e 50%,#000000 51%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	padding: 2px 5px 4px 5px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#tabs .nav-tabs li {
	width: 33%; text-align: center;
}
.nav-tabs > li > a {
	color: #fff;
	padding: 12px 0;
	display: block;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	font-size: 12px; line-height: 12px;
	border: 1px solid #333;
	background: #121212; /* Old browsers */
	border-radius: 4px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
	background: #8e8e8e; /* Old browsers */
	background: -moz-linear-gradient(top,  #8e8e8e 0%, #575757 50%, #414141 51%, #444444 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e8e8e), color-stop(50%,#575757), color-stop(51%,#414141), color-stop(100%,#444444)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8e8e8e 0%,#575757 50%,#414141 51%,#444444 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8e8e8e 0%,#575757 50%,#414141 51%,#444444 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8e8e8e 0%,#575757 50%,#414141 51%,#444444 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8e8e8e 0%,#575757 50%,#414141 51%,#444444 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	border: 1px solid #333;
	color: #fff;
}
.nav-tabs > li#tab2 > a { padding: 6px 0; }
.nav-tabs > li > a:hover,
.nav-tabs > li > a:active {
	color: #fff;
	cursor: pointer;
	border: 1px solid #333;
	background: #121212; /* Old browsers */
}


/* Presidential results */
#incoming { margin-top:20px; }
.pres-results { margin-bottom: 24px; }
#electris .pres-results { margin-bottom: 0; height: 620px; overflow: auto; }
.pres-results h5 { margin-bottom: 3px; }
.pres-results .results { position: relative; }
.pres-results .results ul, #closing-modal ul { margin: 0 0 18px 0; padding: 0; list-style: none; }
.pres-results li:after, #closing-modal li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.pres-results .results li, #closing-modal li { padding-bottom: 1%; font-size: 12px; color: #454545; }
.pres-results .results li.hdr { padding: 0; }
.pres-results .results li.hdr,
.pres-results .pres-closing strong, #closing-modal strong {
	font-weight: normal; font-size: 10px; text-transform: uppercase; color: #666;
}
.pres-results .results li.hdr span { padding: 0; }
.pres-results b, #closing-modal b {
	font: normal 1em StateFaceRegular;
    text-align: center;
    display: inline-block;
    width:1em;
    margin-right: 4px;
    height:1em;
}
.pres-results .st, #closing-modal .st {
	white-space: nowrap;
	padding-top: 3px;
	width: 28%;
	margin-right: 1%;
	float: left;
}
.pres-results .blue,
.pres-results .red {
	text-align: center;
	background-color: #f1f1f1;
	width: 28%;
	float: left;
	padding: 3px 0;
}
.pres-results .blue { margin-right: 1%; }
.pres-results .hdr .blue, .pres-results .hdr .red { background: transparent; }
.pres-results .blue.winner { font-weight: bold; color: #fff; background-color: #3d7fa6; }
.pres-results .red.winner { font-weight: bold; color: #fff; background-color: #a23520; }
.pres-results .precincts {
	color: #666;
	font-size: 10px;
	line-height: 11px;
	white-space: normal;
	padding-top: 2px;
	width: 10%;
	float: left;
	margin-left: 3%;
}
.pres-results .note {
	display: block;
	clear: both;
	color: #666;
	font-size: 11px;
	line-height: 1.2em;
	padding-top: 6px;
}

.pres-results .pres-watching { margin-bottom: 6px; }

.pres-results .pres-closing { padding-bottom: 0; margin-bottom: 0; }
.pres-results .pres-closing strong, #closing-modal strong { display: block; }
.pres-results .pres-closing .st, #closing-modal .st { display: inline; width: auto; float: none; padding: 0; color: #454545; }
.pres-results .pres-closing li, #closing-modal li { margin-bottom: .7em; }
.show-poll-closings { display: block; margin: 0 auto 18px auto; }
#incoming .pres-closing .show-poll-closings { position: absolute; top: 10px; right: 0; margin: 0; }

#closing-modal li { padding-left: 100px; padding-top: 18px;  border-top: 1px dotted #CCC; }
#closing-modal li:first-child { border: none; padding-top: 0; }
#closing-modal li strong { margin-left: -100px; width: 90px; display: inline-block; font-size: 12px; }

.pres-watching { display: none; }
.pres-closing { display: none; }
.pres-called { display: none; }


/* Electris */
#electris-skinny { margin-top: 20px; }
#electris {
	margin-top: 20px; display: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#electris:after,
#electris-skinny:after,
.states:after,
.buckets:after,
.candidate:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.states { font-size: 20px; position: relative; }
#electris-skinny .states { font-size: 17px; }
.candidate { width: 48%; }
.candidate.blue { float: left; }
.candidate.red { float: right; }
.candidate.blue .bucket { float: right; }
#electris-skinny .candidate.blue .bucket { float: left; }
.candidate.blue .combos { float: left; }
.candidate.red .bucket { float: left; }
#electris-skinny .candidate.red .bucket { float: right; }
.candidate.red .combos { float: right; }

.buckets { position: relative; }
.bucket { width: 10em; overflow:hidden; }
#electris-skinny .bucket { background-color: #f1f1f1; }

.state {
    z-index: 100;
}

@-webkit-keyframes fall {
    0% { margin-top:26em; }
    100% { margin-top:0; clear:none; }
}
@-moz-keyframes fall {
    0% { margin-top:26em; }
    100% { margin-top:0; clear:none; }
}

.state.fall {
    -webkit-animation: fall 13s steps(26, end);
    -moz-animation: fall 13s steps(26, end);
}

.state.fallfast {
    -webkit-animation: fall 2s steps(26, end);
    -moz-animation: fall 2s steps(26, end);
}

.state i {
    float:left;
    font-family:StateFaceRegular;
    font-style:normal;
    text-align: center;

    width:18px;
    height:18px;
    margin-right:2px;
    margin-bottom:2px;

    overflow: hidden;
    background-color: #f7e39b;
    color: #77631b;
	border-radius: 3px;
}
#electris-skinny .state i {
	width: 15px; height: 15px;
	font-size: .9em; line-height: .9em;
}

.no-touch .state:hover,
.no-touch .state:hover i,
.no-touch .state:hover i span { cursor: default; }
.no-touch .state:hover i { color: #fff; }

.state i span { font-size:.7em; }
.state.call-d i { background-color: #3d7fa6; color: #A8D5EF; }
.state.call-r i { background-color: #a23520; color: #ECA395; }

.line {
	height: 1px;
	background-color: #B39429;
    position:absolute;
    z-index:100;
    width: 100%;
    text-align:right;
    line-height:0;
}

.line b {
    display: block;
    text-align: center;
    background-color: #FFF;
    text-indent: -9999px;
    background: url('../img/270-line-767.png') no-repeat center center;
    height: 33px;
    margin-top: -7px;
}

.bucket {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.bucket .state i {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.bucket-header {
	border-top: 1px solid #ccc;
	overflow: hidden;
	height: 3em;
	position: relative;
}

.bucket-header h3 {
	padding-top: 17px;
	font: normal normal 18px Arial, sans-serif;
	color: #333;
	white-space: nowrap;
}
.red .bucket-header h3 { text-align: right; }
.bucket-header h3 i, .bucket-header h3 b {
	font-weight: bold; font-style: normal;
}

.bucket-header p {
	font-size: 12px;
	margin-bottom: 0;
	color: #666;
	margin-left: 50px;
}

.vote-tallies { width: 10em; position: absolute; top: 10px; }
.blue .vote-tallies { right: 0; }
.red .vote-tallies { left; 0; }
.vote-tallies .electoral { width: 50%; float: left; }
.vote-tallies .needed { width: 50%; float: right; }

.vote-tallies .bignum {
	display: block;
	width: 50%;
	height: .75em;
	overflow: hidden;
	text-align: center;
	background-color: #eee;
	float: left;
	margin-right: 3%;
	padding: .5em 0;
	font-size: 20px;
	border-radius: 3px;
	font-weight: normal;
}

.vote-tallies .needed .bignum { background-color: #f7e39b; color: #77631b; }
.red .vote-tallies .electoral .bignum { background-color: #a23520; color: #fff; }
.blue .vote-tallies .electoral .bignum { background-color: #3d7fa6; color: #fff; }
.blue .vote-tallies .electoral { float: right; }
.blue .vote-tallies .bignum { float: right; margin-right: 0; margin-left: 3%; }

.vote-tallies span {
	display: block;
	width: 47%;
	float: left;
	color: #666;
	font-size: 11px;
	line-height: 1.2em;
	padding-top: 12px;
	text-transform: uppercase;
}
.blue .vote-tallies span { text-align: right; }
.red .vote-tallies span { text-align: left; }
.winner .bucket-header { border-color: #B39429; }

.winner .bucket-header h3 {
	color: #B39429;
	padding-right: 25px; display: inline-block;
	background: url('../img/ico-checkmark.png') no-repeat right 20px;
}

.winner.red .bucket-header h3 {
	padding-left: 25px; padding-right: 0; float: right;
	background: url('../img/ico-checkmark.png') no-repeat left 20px;
}

/* Combos */
.combos { width: 6em; }
.combos p.robotext { font-size: 12px; line-height: 16px; height: 72px; overflow: hidden; color: #666; }
.combos p.robotext strong { color: #333; }
.combos p.robotext a { font-weight: bold; }
.combos ul { list-style: none; margin: 0; padding: 0; }
.combos li { margin: 0 0 3px 0; padding: 0; text-indent: 0; }
.combos b {
	font-weight: normal;
	font-family: StateFaceRegular;
    display: inline-block;
}
.combos .histogram {
	margin: 6px 0 18px 0;
}
.histogram h4 {
	font: 13px Arial, Helvetica, sans-serif;
	margin: 0;
	color: #333;
	background-color: #fff;
	border: 1px solid #dadada;
	position: relative;
	z-index: 98;
/*	height: 31px; */
	height: 22px;
	overflow: hidden;
	border-radius: 4px;
	white-space: nowrap;
}
.histogram h4 strong { font-weight: normal; color: #999; }
.histogram .active h4 strong { font-weight: bold; color: #333; }
.no-touch .histogram .active h4:hover { cursor: pointer; text-decoration: underline; }
.histogram .title {
/*	padding: 9px 12px 0 12px; */
	padding: 5px 12px 0 12px;
	font-size: 12px;
	display: block;
	z-index: 100;
}
.histogram .bar {
	display: block;
	width: 100%;
/*	height: 33px;
	margin-top: -25px; */
	height: 24px;
	margin-top: -20px;
	z-index: 99;
	background: #ccc;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ddd), to(#aaa));
	background-image: -webkit-linear-gradient(top, #ddd, #aaa);
	background-image: -o-linear-gradient(top, #ddd, #aaa);
	background-image: linear-gradient(to bottom, #ddd, #aaa);
	background-image: -moz-linear-gradient(top, #ddd, #aaa);
	border-radius: 4px;
}

.combos button { display: block; margin: 9px auto 0 auto; }

/* Combinations */
#combinations-modal { width: 80%; left: 10%; top: 10%; margin: 0; }
#combinations-modal b {
	font-weight: normal;
	font-family: StateFaceRegular;
    display: inline-block;
}
#combinations-modal p.robotext { font-size: 12px; color: #666; margin: 0 0 12px 0; }
#combinations-modal p.robotext strong { color: #333; }
#combinations-modal h4 {
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 0; padding-top: 10px;
	color: #333;
	width: 15%; float: left;
}
#combinations-modal h4 span {
	display: block;
	color: #999;
	font-size: 11px;
	margin-top: 3px;
	font-weight: normal;
}
#combinations-modal h4 a { font-size: 11px; font-weight: normal; color: #666; }
#combinations-modal ul { list-style: none; margin: 0; padding: 0; font-size: 12px; width: 100%; }
#combinations-modal ul li { margin: 0 0 1px 0; clear: left; height: 1%; overflow: hidden; border-top: 3px solid #ccc; }
#combinations-modal ul li ul { width: 80%; float: right; }
#combinations-modal ul li ul li { margin: 0; padding: 9px 9px; color: #999; width: auto; clear: none; border: none; border-top: 1px solid #ddd; }
#combinations-modal ul li ul li:nth-child(2n) { background-color: #f7f7f7; }
#combinations-modal ul li ul li:first-child { border: none; }
#combinations-modal ul strong { white-space: nowrap; color: #555; }

/* Tossups */
.combos .tossups {
	margin: 6px 0 18px 0;
}
.tossups li {
	float: left;
	width: 31%;
	margin: 0 2% 2% 0;
}
.tossups li div {
	padding: 6px 0;
	text-align: center;
	text-shadow: 1px 3px 1px rgba(255, 255, 255, 0.4);
	color: #B39429;
	font-weight: bold;
    font-size: 18px;
	overflow: hidden;
	background: #f7e39b;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FBF1CD), to(#f4db82));
	background-image: -webkit-linear-gradient(top, #FBF1CD, #f4db82);
	background-image: -o-linear-gradient(top, #FBF1CD, #f4db82);
	background-image: linear-gradient(to bottom, #FBF1CD, #f4db82);
	background-image: -moz-linear-gradient(top, #FBF1CD, #f4db82);
	background-repeat: repeat-x;
	border: 1px solid #f4db82;
	*border: 0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #faeab2 #f4db82 #e5bf57;
	border-bottom-color: #e5bf57;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FBF1CD', endColorstr='#f4db82', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.15);
	        box-shadow: inset 0 3px 0 rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.15);
}
.tossups li.active div,
.no-touch .tossups li.active:hover div {
	background: #B39429;
	text-shadow: 0 1px 1px rgba(179, 148, 41, 0.75);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E5BF57), to(#B39429));
	background-image: -webkit-linear-gradient(top, #E5BF57, #B39429);
	background-image: -o-linear-gradient(top, #E5BF57, #B39429);
	background-image: linear-gradient(to bottom, #E5BF57, #B39429);
	background-image: -moz-linear-gradient(top, #E5BF57, #B39429);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#E5BF57', endColorstr='#B39429', GradientType=0);
	border-color: #E5BF57;
	border-bottom-color: #B39429;
}
.tossups li.taken div,
.no-touch .tossups li.taken:hover div {
	background: #FBF1CD;
	background-image: none;
	color: #f5dc81;
}
.tossups li.taken, .tossups li.taken span,
.tossups li.taken i { color: #f5dc81; }
.no-touch .tossups li:hover div {
	cursor: pointer;
	text-shadow: 0 1px 1px rgba(229, 191, 87, 0.75);
	background: #E5BF57;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5dc81), to(#E5BF57));
	background-image: -webkit-linear-gradient(top, #f5dc81, #E5BF57);
	background-image: -o-linear-gradient(top, #f5dc81, #E5BF57);
	background-image: linear-gradient(to bottom, #f5dc81, #E5BF57);
	background-image: -moz-linear-gradient(top, #f5dc81, #E5BF57);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5dc81', endColorstr='#E5BF57', GradientType=0);
	border-color: #faeab2 #f7e39b #e5bf57;
	border-top-color: #f5dc81;
	color: #fff;
}
.no-touch .tossups li.active:hover div,
.no-touch .tossups li.active:hover span,
.no-touch .tossups li.active:hover i {
	color: #FBF1CD;
}
.no-touch .tossups li.taken:hover div,
.no-touch .tossups li.taken:hover span,
.no-touch .tossups li.taken:hover i {
	color: #E5BF57;
}

.no-touch .tossups li:hover span,
.tossups li.active div,
.tossups li.active span,
.no-touch .tossups li:hover i,
.tossups li.active i,
.tossups li.active i {
	color: #fff;
}
.tossups .abbr { display: none; }
.tossups .full { display: inline; }
.tossups b {
	font: normal 1em StateFaceRegular;
    text-align: center;
    display: inline-block;
    width: 1.2em;
    height:1em;
}
.tossups i { display: none; font-size: 11px; height: 11px; font-weight: normal; font-style: normal; color: #77631B; line-height: 12px; }
.tossups span { font: normal 11px Arial, Helvetica, sans-serif; text-align: left; color: #77631b; height: 11px; display: block; text-align: center; }

.touch-device .tossups b { background: url('../img/ajax-loader.png') no-repeat center -9999px; }
.touch-device .tossups .spinner b { text-indent: -9999px; background-position: center center; }


/* WIDE MODE */
#wide-message {
	display: none;
	padding: 10px;
	margin-bottom: 18px;
	border-radius: 4px;
	font-weight: bold;
	color: #77631B;
	background: #f7e39b;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7e39b), to(#f4db82));
	background-image: -webkit-linear-gradient(top, #f7e39b, #f4db82);
	background-image: -o-linear-gradient(top, #f7e39b, #f4db82);
	background-image: linear-gradient(to bottom, #f7e39b, #f4db82);
	background-image: -moz-linear-gradient(top, #f7e39b, #f4db82);
	background-repeat: repeat-x;
	border: 1px solid #f4db82;
	*border: 0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #faeab2 #f4db82 #e5bf57;
	border-bottom-color: #e5bf57;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FBF1CD', endColorstr='#f4db82', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	height: 35px;
}
body.wide-mode #wide-message { display: block; }
#wide-button, #skinny-button {
	background: #876c11;
	text-shadow: 0 1px 1px rgba(179, 148, 41, 0.75);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b8932e), to(#876c11));
	background-image: -webkit-linear-gradient(top, #b8932e, #876c11);
	background-image: -o-linear-gradient(top, #b8932e, #876c11);
	background-image: linear-gradient(to bottom, #b8932e, #876c11);
	background-image: -moz-linear-gradient(top, #b8932e, #876c11);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#b8932e', endColorstr='#876c11', GradientType=0);
	border-color: #b8932e;
	border-bottom-color: #876c11;
	-webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.15);
	        box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.35), 0 1px 2px rgba(0, 0, 0, 0.15);
}
#wide-button {
	display: inline-block; float: right;
	margin-top: -5px; margin-left: 10px;
	width: 100px;
}
#skinny-button { position: absolute; top: 10px; right: 0; }


/* ALERTS */
.electris-alert {
    display: none;
	position: absolute; top: 20%; left: 20%; width: 60%;
	z-index: 2100;
	background: #565656;
	background: rgba(69,69,69,.9);
	text-align: center;
	font-size: 12px;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	border: 1px solid #ccc;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.electris-alert .alert-wrapper { padding: 15px; }
.electris-alert.blue { background: #28556F; }
.electris-alert.red { background: #6C2315; }
.electris-alert strong { display: block; font-size: 18px; margin: 6px 0; }
.electris-alert b {
	font: normal 50px/50px StateFaceRegular;
    text-align: center;
    display: block;
}
#electris-skinny .electris-alert.blue, #electris .electris-alert.blue { background: rgba(40,85,111,.9); }
#electris-skinny .electris-alert.red, #electris .electris-alert.red { background: rgba(108,35,21,.9); }
#electris-skinny h3 { padding: 0; margin: -10px 0 15px 0; font-weight: normal; color: #999; font-size: 13px; }

.electris-alert .early-alert-info {
    text-align: left;
    font-size: 1.4em;
    line-height: 1.3em;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
.electris-alert .early-alert-info a {
    color: #fff;
    text-decoration: underline;
}
.electris-alert .early-alert-info img {
    margin-top: 15px;
    margin-bottom: 5px;
}

/* Memetracker */
#backchannel { margin-top:20px; float:left; }
#memehead { margin-bottom: 9px; }
#backchannel #memehead h2 { margin-bottom: 3px; }
#memehead h3 { padding: 0; margin: 0; font-weight: normal; color: #999; font-size: 13px; }
#memetracker .post:first-child { border-top: none; }
#memetracker .post { border-top: 1px dotted #ccc; padding: 10px 0; clear:both; display: none; }
#memetracker .post a { color: #000; font: 13px/1.2em Arial }
#memetracker .post.quote a { font-size: 20px; font-family: Georgia, serif; }
#memetracker p { font: 13px/1.2em Arial }
#memetracker .themedia { float: left; margin-right: 10px; margin-bottom: 10px; }
#memetracker .tstamp { font: 12px Arial; color: #999; }
#memetracker p.more { padding: 10px 0 0 0; border-top: 1px dotted #CCC; font-size: 12px; text-align: right; }
#memetracker p.more a { color: #333; font-weight: bold; background: transparent url(http://media.npr.org/chrome/news/ico-more-sm.gif) no-repeat scroll right center; padding: 0 10px 0 0; }


/* LIVE BLOG / "RIVER OF NEWS" */
#live-blog { margin-top:20px; float:right; }
#live-blog h2 span { font: normal 13px/1 Helvetica,Arial, sans-serif; color: #999; }
#live-blog .post { background-color: #f1f1f1; margin-bottom: 6px; padding: 15px; }
#live-blog .sticky { background-color: #FFF; border: 1px dotted #999; }
#live-blog p { font: 15px/1.35em Arial, Helvetica, sans-serif; color: #555; margin: 0; }
#live-blog .sticky p { font-color: #333; font-weight: bold; }
#live-blog p.tstamp, #live-blog .sticky p.tstamp { font-size: 12px; color: #999; margin-bottom: 3px; font-weight: normal; }
#live-blog p a { color: #000; font-weight: bold; }
#live-blog p a:hover, #live-blog a:hover .more { color: #36C; text-decoration: none; cursor: pointer; }
#live-blog .more { white-space: nowrap; font-weight: normal; font-size: .85em; padding-left: .5em; }
#live-blog a .more { color: #666; }
#live-blog-more { display: block; }


/* audio player */
#audio {
	color: #FFF;
	background: #272727; background: rgba(10,10,10,.8);
	border-width: 1px; border-style: solid; border-color: #333; border-color: rgba(51,51,51,.8);
	padding:4px 0 0 0; margin: 0 0 15px 10px;
	font-family:Arial,sans-serif;
	display:none;
}
#audio #jwplayer_wrapper { float:left; margin: 0 10px 4px 4px; }
#audio #audio-htmlstream { display:none; height: 0; }
#audio #audio-htmlcontrol { display:none; background-image: url(../img/playButtonOver.png); height:41px; width:41px; float:left; margin: 0 10px 4px 4px; }
#audio.playing #audio-htmlcontrol { background-image: url(../img/pauseButtonOver.png)}
#audio #audio-feedback {
	background-repeat: no-repeat;
	background-image: url(../img/eq-none.gif);
	background-color: #222;
	background-color: rgba(51,51,51,.8);
	background-position: 5px;
	padding:4px 0 0 55px;
	height:14px;
	clear:left;
	font-size:12px;
	color:#666;
	line-height:11px;
}
#audio.playing #audio-feedback { background-image: url(../img/eq2.gif); background-repeat: no-repeat; background-position: 5px; }
#audio #audio-feedback #audio-feedback-message { display:none; }
#audio.playing #audio-feedback #audio-feedback-message { display:inline; }
#audio #audio-feedback #audio-feedback-buffering { display:none; }
#audio.buffering #audio-feedback #audio-feedback-buffering { display:inline; }
#audio #audio-title { font-size:12px; line-height:18px; color:#999; }
#audio #audio-prompt { font-size:16px; line-height:22px; font-weight:bold; }
#comingsoon { position:relative; background: url('../img/coming-soon-bg-wide.png') no-repeat right bottom; height:62px; margin:55px 0 15px -12px; float:left; display:none; }
#comingsoon b { position:absolute; top:0; left:0; display:block; width:12px; height:6px; overflow:hidden; background: url('../img/coming-soon-upper-tab.png') no-repeat right bottom; }
#comingsoon .message { font:bold 12px Arial; text-transform:uppercase; color:#FFF; padding:20px 35px 0 30px; }

body.audio #audio { display:block; }
body.no-audio #audio { display:none; }
body.comingsoon #comingsoon { display:block; }
body.not-coming #comingsoon { display:none; }

body.audio.comingsoon #comingsoon { margin: -12px 0 0 0; position: absolute; top: 0; left: 0; height: auto; }
body.audio.comingsoon #comingsoon b { display: none; }
body.audio.comingsoon #comingsoon .message { padding-left: 15px; padding-top: 12px; padding-bottom: 12px; }
body.audio.comingsoon #audio #audio-feedback { clear: none; margin-top: 5px; }

body.audio.not-coming {}

body.no-audio.comingsoon {}
body.no-audio.comingsoon #comingsoon { margin-top: 0; }
body.no-audio.comingsoon #comingsoon .message { padding-top: 27px; }


/* STICKY HEADER */
#results-bar.affix { top:0; z-index:2112; }
#results-bar.affix #small-header {
	position: relative;
	height: 36px;
	display:block;
	padding: 0 10px;
	color:white;
	background: #2C2C2C;
	background-image: -moz-linear-gradient(top,#333,#222);
	background-image: -ms-linear-gradient(top,#333,#222);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#333),to(#222));
	background-image: -webkit-linear-gradient(top,#333,#222);
	background-image: -o-linear-gradient(top,#333,#222);
	background-image: linear-gradient(top,#333,#222);
}
#small-header { display:none; }
#results-bar.affix #small-header h1 {
	text-indent: -9999px;
	background: url('../img/hd-sticky.png') no-repeat left -1px;
	height: 36px; width: 291px; overflow: hidden;
	margin: 0;
}
#results-bar.affix div.results-row {
	border-bottom: 2px solid #CCC;
	margin: 0 20px;
}
#results-bar.affix .results-row h2 {
	border-top: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #333;
	padding: 6px 0 3px 0;
	border-bottom: 1px solid #CCC;
}
#results-bar.affix .results-row h2 span { font-size: 11px; text-transform: none; }
#results-bar.affix .results-group { padding-bottom: 4px; font-size: 11px; }
#results-bar.affix .results-group h3 {
	font-size: 12px;
	margin: 0 0 3px 0;
	color: #555;
	padding-top: 0;
}
#results-bar.affix .results-group .blue,
#results-bar.affix .results-group .red { border: none; }
#results-bar.affix #pres-header { margin-left: 0; }
#results-bar.affix #pres-header .blue, #results-bar.affix #pres-header .red { background: none; }
#results-bar.affix #pres-header .wrapper { margin-left: 0; }
#results-bar.affix .results-group .total,
#results-bar.affix .results-group .towin { width: auto; float: none; text-align: left; margin-bottom: 3px; }
#results-bar.affix .results-group .total span {
	display: inline-block;
	font-size: 12px; line-height: 16px;
	color: #fff;
	width: 40px;
	text-align: center;
	border-radius: 4px;
}
#results-bar.affix .results-group .blue .total span { background-color: #3D7FA6; }
#results-bar.affix .results-group .red .total span { background-color: #A23520; }
#results-bar.affix .results-group .towin span {
	display: inline-block;
	font-size: 11px; line-height: 13px;
	width: 40px;
	text-align: center;
}
/* Add some padding to the next visible div when the
   results bar is pulled out of the document flow */
#results-bar.affix ~ #creamy-filling { padding-top:120px; font-size: 14px; }

#results-bar .electris-alert {
	position: static; top: auto; left: auto; width: auto;
	text-align: left;
	font-size: 12px;
	line-height: 12px;
	margin: 0;
	clear: both;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	height: auto;
	z-index: auto;
}
#results-bar .electris-alert .alert-wrapper { padding: 10px; }
#results-bar .electris-alert strong,
#results-bar .electris-alert b {
	display: inline;
	font-size: 12px;
	line-height: 12px;
	margin: 0;
}
#results-bar .alert-outer,
#results-bar.affix-top .alert-outer {
	display: none;
}
#results-bar.affix .alert-outer {
	display: block;
}

/* REPLAY MENU */
.remote {
    background-color: #E0E0E0;
    padding: 6px 1%;
    border-radius: 4px;
    margin-top: 10px;
    float: left;
    width: 98%;
}
.remote .time {
    text-align:center;
    font-weight: bold;
    color: #333;
    display:inline-block;
    font-size: 12px;
    background-color: #fff;
    padding: 3px;
    margin: 0 30px 0 0;
    width: 140px;
    border: 1px solid #bababa;
}
.remote .btn { white-space: normal; }
.remote .active {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #7598C9;
  *background-color: #7598C9;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9db6dc), to(#7598C9));
  background-image: -webkit-linear-gradient(top, #9db6dc, #7598C9);
  background-image: -o-linear-gradient(top, #9db6dc, #7598C9);
  background-image: linear-gradient(to bottom, #9db6dc, #7598C9);
  background-image: -moz-linear-gradient(top, #9db6dc, #7598C9);
  background-repeat: repeat-x;
  border-color: #9db6dc #7598C9 #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#9db6dc', endColorstr='#7598C9', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.remote .active:hover,
.remote .active:active,
.remote .active.active,
.remote .active.disabled,
.remote .active[disabled] {
  color: #ffffff;
  background-color: #7598C9;
  *background-color: #7598C9;
}
.remote .hidden {
    display:none;
}
.remote .toggle-wrap {
	float: right;
	margin-left: 20px;
}
.remote .toggle-wrap h4 {
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #555;
    margin: 8px 10px 0 0;
    display: inline-block;
    float: left;
}
.remote .toggle {
    border-radius: 4px;
    background-color: #999;
    height: 28px;
    display: inline-block;
    width: 70px;
    float: left;
    cursor:pointer;
    margin-top:-1px;
}
.remote #toggle8bit {
    width: 10px;
    height: 20px;
    float: left;
}
.remote .toggle-label-off,
.remote .toggle .toggle-label-on {
    color: #fff;
    font-size: 13px;
    padding: 6px;
    float: right;
    display: block;
}
.remote .toggle .toggle-label-on {
    float: left;
    display: none;
}
.remote .toggle.on { background-color: #eb3e17; margin-top:-2px; }
.remote .toggle.on #toggle8bit { float: right; }
.remote .toggle.on .toggle-label-off { display: none; }
.remote .toggle.on .toggle-label-on { display: block; }

.remote .replay { width:160px; }


/* Media queries */
@media (min-width: 768px) {
	#bigbox { min-width: 300px; }
}
@media (min-width: 1200px) {
    #results-bar.affix #small-header { width: 1150px; }
    #results-bar.affix div.results-row { margin-left: 30px; margin-right: 0; }
	#pres-header i { display: inline; }

	#wide-message { height: auto; }
	#wide-button { width: auto; }

	#electris .pres-results { height: 693px; }

	.states { font-size: 23px; }
	.combos { width: 7.5em; }
    .state i {
        width:21px;
        height:21px;
        margin-right:2px;
        margin-bottom:2px;
    }
	#electris-skinny .states { font-size: 20px; }
	#electris-skinny .state i { width: 18px; height: 18px; font-size: .9em; line-height: .9em; }

	.histogram h4 { height: 22px; }
	.histogram .title { padding: 5px 12px 0 12px; font-size: 12px; }
	.histogram .bar { height: 24px; margin-top: -20px; }
	.bucket-header h3 { font-size: 18px; padding-top: 21px; }
	.vote-tallies { top: 10px; }
	.vote-tallies .bignum { font-size: 24px; }
	.vote-tallies span { padding-top: 16px; }
	.tossups span { text-align: left; display: inline-block; }

	.remote { left:-65px; }
}
@media (min-width: 980px) and (max-width: 1199px) {
    #results-bar.affix #small-header { width: 920px; }
}
@media (max-width: 979px) {
	#audio { margin-right: 10px; width: 50%; }
	body.audio.not-coming #header h1 { margin-top: 0; }

	#header-promos {
		padding: 15px;
		position: static; bottom: auto; left: auto;
		background: #333; background: rgba(0,0,0,0.5);
	}

	.tossups i { display: block; }
	#electris .bucket { width: 100%; margin-bottom: 18px; float: none; }
	#electris .state i { width:9%; margin-right:1%; margin-bottom:1px; }

	.bucket-header, .blue .bucket-header, .red .bucket-header {
		height: 4em;
		background-position: left 9px;
	}
	.bucket-header h3, .blue .bucket-header h3, .red .bucket-header h3 {
		font-size: 16px;
		padding-top: 9px;
		text-align: left;
		margin-bottom: 6px;
	}
	.blue.winner .bucket-header h3 { background-position: right 8px; }
	.red.winner .bucket-header h3 { padding-right: 25px; padding-left: 0; float: none; background: url('../img/ico-checkmark.png') no-repeat right 8px; }
	.vote-tallies, .blue .vote-tallies, .red .vote-tallies {
		position: static; top: auto; right: auto; left: auto; width: auto;
		margin-top: 3px;
	}
	.winner.blue .vote-tallies, .winner.red .vote-tallies { margin-top: 2px; }
	.vote-tallies .bignum { font-size: 18px; }
	.blue .vote-tallies .electoral { float: left; }
	.blue .vote-tallies .bignum { float: left; margin-right: 3%; margin-left: 0; }
	.blue .vote-tallies span { text-align: left; }

	.combos { width: auto; height: auto; border: none; }

    .electris-alert .early-alert-info {
        font-size: 1.2em;
        margin: 0 0 10px 0;
    }
    .electris-alert .early-alert-info img {
        display: none;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
	#header { width: 100%; height: auto; }

	#bigbox { display: none; }

	#main-header, #header-title { width: 724px; }
    #results-bar.affix #small-header { width: 704px; }

    #pres-header .blue, #pres-header .red { background: none; }
    #pres-header .wrapper { margin-left: 0; }

	#electris .pres-results { height: 1330px; }

	.states { font-size: 20px; }
    .state i {
        width:19px;
        height:19px;
        margin-right:1px;
        margin-bottom:1px;
    }

	.bucket-header { height: 4em; }
	.tossups li div { height: 43px; overflow: hidden; }
	.combos .explainer p { height: 52px; font-size: 13px; }

    #electris-skinny .candidate { width: 47%; max-width: 130px; }
    #electris-skinny .bucket { width: 100%; }
	#electris-skinny .states { font-size: 10px; }
	#electris-skinny .state i {
        text-indent: -9999px;
        width:9%;
        margin-right:1%;
        margin-bottom:1px;
        height:9px;
	}
}

@media (max-width: 767px) {
	#big-header { margin: 0 -20px 0 -20px; padding: 0; }
	#header { margin: 0; padding: 10px 0 0 0; height: auto; }
	#header h1 { margin-top: 0; }
	#bigbox { display: none; }

	#header h1 { margin-bottom: 0; }
	#audio { width: auto; }
	body.audio.comingsoon #comingsoon { width: 100%; margin: 0; }
	body.comingsoon.audio #header h1 { margin-top: 41px; }

	.results-group { margin-bottom: 18px; }
	#pres-header i { display: inline; }

	#wide-message { height: auto; }
	#wide-button { width: auto; }

    #the-stuff { margin-top:0; }
    #ad { display:none; }
    #comingsoon { margin-top:45px; }
    #results-bar.affix { position:static; }

	#electris .pres-results { height: auto; }

	#results-bar.affix ~ #creamy-filling { padding-top:0; }
	.results-group h2 span { font-size: 13px; font-weight: bold; }

    #tabs { display:block; margin-top:20px; }
    .tab-pane { display:none; }
    .tab-pane.active { display:block; }
	#tabs .nav-tabs { margin: 0 -20px 0 -20px; padding: 2px 10px 4px 10px; }

	.bucket-header, .blue .bucket-header, .red .bucket-header {
		height: 8em;
	}

	#electris { margin-left: 0; margin-top: 18px; }
	#electris-skinny .candidate.blue .bucket,
	#electris-skinny .candidate.red .bucket { float: none; width: 100%; }
	#electris-skinny .states, .states { font-size: 10px; }
    #electris-skinny .state i,
    .state i {
        text-indent: -9999px;
        width:9%;
        margin-right:1%;
        margin-bottom:1px;
        height:9px;
    }

    .candidate.blue .combos, .candidate.red .combos { float: none; margin-bottom: 30px; }

	.line b {background: url('../img/270-line-767.png') no-repeat center center; height: 42px;margin-top: -10px;}

	#combinations-modal h4 { width: auto; float: none; margin-bottom: 6px; }
	#combinations-modal ul li ul { width: auto; float: none; }
	#combinations-modal ul li ul li { padding-left: 12px; }
	#combinations-modal ul li ul li:first-child { border-top: 1px solid #ddd; }

	.tossups li div { height: 43px; overflow: hidden; }
}
@media (max-width: 480px) {
	#big-header { margin: 0 -10px 0 -10px; }
	#small-header { display: none; }

	#header h1 {
		text-indent: -9999px;
		background: url('../img/hd-election-night-mobile.png') no-repeat;
		height: 45px;
		margin: 0 7px 7px 7px;
	}

	#header-promos { padding: 15px; }

	.results-group h2 span { font-size: 13px; font-weight: bold; }
	.results-group h2 span a { color: #000; }
	.results-group h2 span a:hover { color: #36c; }
	#pres-header i { font-style: normal; display: none; }

	#tabs .nav-tabs { margin: 0 -10px 0 -10px; padding: 2px 5px 4px 5px; }

	#wide-message { height: 35px; }
	#wide-button { width: 100px; }

	.state i {
        text-indent: -9999px;
        width:9%;
        margin-right:1%;
        min-width:13px;
    }
    .bucket-header h3 i { display: none; }
	.vote-tallies .bignum, .red .vote-tallies .bignum, .blue .vote-tallies .bignum,
	.vote-tallies span, .red .vote-tallies span, .blue .vote-tallies span {
		float: none; text-align: center;
	}
	.vote-tallies .bignum {
		width: auto; font-size: 14px; float: none; padding-top: 0;
	}
	.vote-tallies span {
		width: auto; float: none; margin-top: 0; text-align: center; padding-top: 3px;
	}

    #electris-skinny h3 { font-size: 10px; }

	#closing-modal li { padding-left: 0; padding-top: 12px; }
	#closing-modal li:first-child { border: none; padding-top: 0; }
	#closing-modal li strong { margin-left: 0; width: auto; display: block; font-size: 11px; }

	.modal .modal-col { width: auto; float: none; margin-bottom: 30px; margin-left: 0; }
	.modal-header .close { margin-top: -10px; }

	#comingsoon { background: none; background-color: #e31c1c; }
	body.audio.comingsoon #comingsoon .message { font-size: 9px; padding-left: 15px; padding-top: 6px; padding-bottom: 6px; }

	.remote .btn { font-size: 14px; padding: 10px; display: block; margin-bottom: 6px; }
	.remote .replay { width: auto; }
	.remote .toggle-wrap .btn { font-size: 12px; padding: 3px 9px; display: inline-block; margin-bottom: 0; }
	.remote .time { display: block; width: auto; margin-right: 0; margin-bottom: 12px; font-size: 14px; padding: 10px; }
	.remote .toggle-wrap { float: right; clear: both; margin-top: 6px; margin-left: 0; }
	.remote:after, .remote .toggle-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
}