/*
font-size: [0-9]+px; line-height: [0-9]+px;

font-size: 11px; line-height: 14px;
font-size: 11px; line-height: 15px;
font-size: 12px; line-height: 15px;
font-size: 13px; line-height: 18px;
font-size: 15px; line-height: 22px;
font-size: 18px; line-height: 28px;

> h1, h2, h3
font-size: 22px; line-height: 30px;
font-size: 18px; line-height: 25px;
font-size: 15px; line-height: 22px;

> input, button
font-size: 17px; line-height: 20px;
// TODO a.button for BP 320

> header, footer
font-size: 13px; line-height: 28px;

> body.prediction-new
font-size: 15px; line-height: 20px;
font-size: 15px; line-height: 28px;
font-size: 20px; line-height: 26px;

> div.prediction div.info
font-size: 13px; line-height: 20px;
font-size: 12px; line-height: 20px;

> div.prediction div.text
font-size: 36px; line-height: 48px;
font-size: 28px; line-height: 36px;
font-size: 24px; line-height: 32px;
font-size: 18px; line-height: 24px;
font-size: 15px; line-height: 20px;

> body.home #content-header div.intro h1
font-size: 74px; line-height: 90px;
font-size: 50px; line-height: 60px;

> body.home #content-header div.intro p
font-size: 28px; line-height: 36px;
*/

/* noto-serif-italic - latin */
@font-face {
	font-family: 'Noto Serif';
	font-style: italic;
	font-weight: 400;
	src: url('../font/noto-serif-v6-latin-italic.eot'); /* IE9 Compat Modes */
	src: local('Noto Serif Italic'), local('NotoSerif-Italic'),
		url('../font/noto-serif-v6-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../font/noto-serif-v6-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../font/noto-serif-v6-latin-italic.woff') format('woff'), /* Modern Browsers */
		url('../font/noto-serif-v6-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../font/noto-serif-v6-latin-italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
}
/* noto-serif-700italic - latin */
@font-face {
	font-family: 'Noto Serif';
	font-style: italic;
	font-weight: 700;
	src: url('../font/noto-serif-v6-latin-700italic.eot'); /* IE9 Compat Modes */
	src: local('Noto Serif Bold Italic'), local('NotoSerif-BoldItalic'),
		url('../font/noto-serif-v6-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../font/noto-serif-v6-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('../font/noto-serif-v6-latin-700italic.woff') format('woff'), /* Modern Browsers */
		url('../font/noto-serif-v6-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../font/noto-serif-v6-latin-700italic.svg#NotoSerif') format('svg'); /* Legacy iOS */
}

/*
Normalize
*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: Arial, sans-serif; color: #000; -webkit-font-smoothing: antialiased; }
body { margin: 0; font-size: 13px; line-height: 18px; }

::-moz-selection { background: #e45b00; color: #fff; text-shadow: none; }
::selection { background: #e45b00; color: #fff; text-shadow: none; }

a { color: #000; text-decoration: none; }
a:focus { outline: 0; }
a:hover { color: #e45b00; outline: 0; }
a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #000; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
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; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.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 { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*
Custom
*/

html	{ background: #2c2c2c url(../img/background.jpg) center top repeat; }
body	{ background: #2c2c2c url(../img/background.jpg) center top repeat; position: relative; }

h1		{ margin: 0 0 0.75em 0; font-family: "Noto Serif", Georgia, serif; font-size: 22px; line-height: 30px; font-weight: bold; font-style: italic; }
h2		{ margin: 0 0 0.25em 0; font-size: 18px; line-height: 25px; font-weight: bold; }
h3		{ margin: 0; font-size: 15px; line-height: 22px; font-weight: bold; }

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

p		{ margin: 0; }

a,
input,
select	{
	-webkit-transition-property: color, background-color, text-shadow;
	-moz-transition-property: color, background-color, text-shadow;
	-o-transition-property: color, background-color, text-shadow;
	transition-property: color, background-color, text-shadow;
	-webkit-transition-duration: 0.15s;
	-moz-transition-duration: 0.15s;
	-o-transition-duration: 0.15s;
	transition-duration: 0.15s;
}

a.button,
input.submit,
#content-header div.tabs ul li span a	{
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

input		{ padding: 2px; font-size: 17px; line-height: 20px; border: 0; outline: none; display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
textarea	{ padding: 2px; font-size: 17px; line-height: 20px; border: 0; outline: none; display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
select		{ padding: 2px; font-size: 17px; line-height: 20px; border: 0; outline: none; display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
select		{ padding: 4px 7px; color: #333; background: #ededed; border: 1px solid #ccc; -webkit-box-shadow: inset 0 0 2px 0 #999; -moz-box-shadow: inset 0 0 2px 0 #999; box-shadow: inset 0 0 2px 0 #999; }

input.radio,
input.checkbox		{ margin-right: 2px; }
input.text,
#header input.text,
#dialog input.text			{ padding: 4px 7px; font-family: Arial, sans-serif; font-style: normal; color: #333; background: #ededed; border: 1px solid #ccc; -webkit-box-shadow: inset 0 0 2px 0 #999; -moz-box-shadow: inset 0 0 2px 0 #999; box-shadow: inset 0 0 2px 0 #999; }
input.text.filled,
input.text:focus
#header input.text.filled,
#header input.text:focus,
#dialog input.text.filled,
#dialog input.text:focus	{ color: #333; background: #fff; -webkit-box-shadow: inset 0 0 1px 0 #aaa; -moz-box-shadow: inset 0 0 1px 0 #aaa; box-shadow: inset 0 0 1px 0 #aaa; }
input.text.hint,
#header input.text.hint,
#dialog input.text.hint		{ color: #999; background: #ededed; -webkit-box-shadow: inset 0 0 2px 0 #999; -moz-box-shadow: inset 0 0 2px 0 #999; box-shadow: inset 0 0 2px 0 #999; }
input.submit			{ cursor: pointer; }
input.submit.large		{
	padding: 5px 12px;
	color: #fff;
	background: #e45b00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e45b00), to(#cc4700));
	background-image: -webkit-linear-gradient(top, #e45b00, #cc4700);
	background-image: -moz-linear-gradient(top, #e45b00, #cc4700);
	background-image: -ms-linear-gradient(top, #e45b00, #cc4700);
	background-image: -o-linear-gradient(top, #e45b00, #cc4700);
	background-image: linear-gradient(top, #e45b00, #cc4700);
	-webkit-box-shadow: 0 0 4px 0 #ccc, 0 0 4px 0 #ccc; -moz-box-shadow: 0 0 4px 0 #ccc, 0 0 4px 0 #ccc; box-shadow: 0 0 4px 0 #ccc, 0 0 4px 0 #ccc;
}
input.submit.large:hover	{
	background: #d85100;
	-webkit-box-shadow: 0 0 2px 0 #ccc, 0 0 2px 0 #ccc; -moz-box-shadow: 0 0 2px 0 #ccc, 0 0 2px 0 #ccc; box-shadow: 0 0 2px 0 #ccc, 0 0 2px 0 #ccc;
}
input.submit.large:focus,
input.submit.large:active	{
	color: #eee;
	background: #cf4c00;
	-webkit-box-shadow: inset 0 0 4px 1px #444; -moz-box-shadow: inset 0 0 4px 1px #444; box-shadow: inset 0 0 4px 1px #444;
}
input.submit.large.twitter	{
	padding-left: 38px;
	background: #28b1de url(../img/sprite.png?_8) 5px -195px no-repeat;
	background: url(../img/sprite.png?_8) 5px -195px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#28b1de), to(#0c89bd));
	background: url(../img/sprite.png?_8) 5px -195px no-repeat, -webkit-linear-gradient(top, #28b1de, #0c89bd);
	background: url(../img/sprite.png?_8) 5px -195px no-repeat, -moz-linear-gradient(top, #28b1de, #0c89bd);
	background: url(../img/sprite.png?_8) 5px -195px no-repeat, -ms-linear-gradient(top, #28b1de, #0c89bd);
	background: url(../img/sprite.png?_8) 5px -195px no-repeat, -o-linear-gradient(top, #28b1de, #0c89bd);
	background: url(../img/sprite.png?_8) 5px -195px no-repeat, linear-gradient(top, #28b1de, #0c89bd);
}
input.submit.large.twitter:hover	{
	background: #1ca0d0 url(../img/sprite.png?_8) 5px -195px no-repeat;
}
input.submit.large.twitter:focus,
input.submit.large.twitter:active	{
	background: #1696c4 url(../img/sprite.png?_8) -295px -195px no-repeat;
}
input.submit.large.facebook	{
	padding-left: 38px;
	background: #3c5a98 url(../img/sprite.png?_8) 5px -235px no-repeat;
	background: url(../img/sprite.png?_8) 5px -235px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#4164a8), to(#294275));
	background: url(../img/sprite.png?_8) 5px -235px no-repeat, -webkit-linear-gradient(top, #4164a8, #294275);
	background: url(../img/sprite.png?_8) 5px -235px no-repeat, -moz-linear-gradient(top, #4164a8, #294275);
	background: url(../img/sprite.png?_8) 5px -235px no-repeat, -ms-linear-gradient(top, #4164a8, #294275);
	background: url(../img/sprite.png?_8) 5px -235px no-repeat, -o-linear-gradient(top, #4164a8, #294275);
	background: url(../img/sprite.png?_8) 5px -235px no-repeat, linear-gradient(top, #4164a8, #294275);
}
input.submit.large.facebook:hover	{
	background: #334e87 url(../img/sprite.png?_8) 5px -235px no-repeat;
}
input.submit.large.facebook:focus,
input.submit.large.facebook:active	{
	background: #2f487f url(../img/sprite.png?_8) -295px -235px no-repeat;
}
input.submit.small	{
	padding: 2px 10px;
	font-size: 13px; line-height: 18px;
	font-weight: normal;
	color: #999;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
}
input.submit.small:hover	{
	color: #fff;
	background: #e45b00;
	border-color: #e45b00;
}
input.submit.small:focus,
input.submit.small:active,	{
	color: #eee;
	background: #cc4700;
	border-color: #8c3100;
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.5); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.5); box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.5);
}
input.submit.disabled,
input.submit.disabled:hover,
input.submit.disabled:focus,
input.submit.disabled:active	{
	color: #999;
	background: #eee;
	border-color: #eee;
	cursor: default;
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
}

textarea.hint	{ color: #999; }

a.button			{ cursor: pointer; }
a.button.large	{
	padding: 5px 12px;
	font-size: 17px; line-height: 20px;
	color: #fff;
	background: #e45b00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e45b00), to(#cc4700));
	background-image: -webkit-linear-gradient(top, #e45b00, #cc4700);
	background-image: -moz-linear-gradient(top, #e45b00, #cc4700);
	background-image: -ms-linear-gradient(top, #e45b00, #cc4700);
	background-image: -o-linear-gradient(top, #e45b00, #cc4700);
	background-image: linear-gradient(top, #e45b00, #cc4700);
	display: inline-block; *display: inline; *zoom: 1;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0 0 4px 0 #ccc, 0 0 4px 0 #ccc; -moz-box-shadow: 0 0 4px 0 #ccc, 0 0 4px 0 #ccc; box-shadow: 0 0 4px 0 #ccc, 0 0 4px 0 #ccc;
}
a.button.large:hover	{
	background: #d85100;
	-webkit-box-shadow: 0 0 2px 0 #ccc, 0 0 2px 0 #ccc; -moz-box-shadow: 0 0 2px 0 #ccc, 0 0 2px 0 #ccc; box-shadow: 0 0 2px 0 #ccc, 0 0 2px 0 #ccc;
}
a.button.large:focus,
a.button.large:active	{
	color: #eee;
	background: #cf4c00;
	-webkit-box-shadow: inset 0 0 4px 1px #444; -moz-box-shadow: inset 0 0 4px 1px #444; box-shadow: inset 0 0 4px 1px #444;
}
a.button.small	{
	padding: 2px 10px;
	font-size: 13px; line-height: 18px;
	color: #999;
	background: #fff;
	border: 1px solid #ccc;
	display: inline-block; *display: inline; *zoom: 1;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
}
a.button.small:hover	{
	color: #fff;
	background: #e45b00;
	border-color: #e45b00;
}
a.button.small:focus,
a.button.small:active	{
	color: #eee;
	background: #cc4700;
	border-color: #8c3100;
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.5); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.5); box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.5);
}
a.button.disabled,
a.button.disabled:hover,
a.button.disabled:focus,
a.button.disabled:active	{
	color: #999;
	background: #eee;
	border-color: #eee;
	cursor: default;
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
}

span.user				{ font-family: "Noto Serif", Georgia, serif; font-style: italic; color: #000; white-space: nowrap; }
span.user.anonymized	{ color: #999; }
span.user img			{ margin: 0 1px -1px 0; vertical-align: text-bottom; }
img.image-200	{ width: 200px; height: 200px; }
img.image-80	{ width: 80px; height: 80px; }
img.image-50	{ width: 50px; height: 50px; }
img.image-20	{ width: 20px; height: 20px; }
img.image-16	{ width: 16px; height: 16px; }

span.hint			{ font-size: 11px; line-height: 14px; font-weight: normal; color: #999; }
span.hint a			{ color: #999; text-decoration: underline; }
span.hint a:focus,
span.hint a:hover	{ color: #e45b00; }

span.clock			{ width: 18px; height: 18px; background: url(../img/clock.png?_8) 0 0 no-repeat; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }

div.textarea-limit p		{ font-size: 12px; line-height: 15px; color: #ccc; position: absolute; }
div.textarea-limit p.warn-1	{ color: #e45b00; }
div.textarea-limit p.warn-2	{ color: #e32d00; }
div.textarea-limit p.warn-3	{ color: #e30000; }

#container-main		{ background: #fff url(../img/container-main_bg.png) center top repeat; position: relative; z-index: 1; -webkit-box-shadow: 0 0 12px 3px #000; -moz-box-shadow: 0 0 12px 3px #000; box-shadow: 0 0 12px 3px #000; }

#header		{ margin: 0 auto; position: relative; }
#header span.user	{ font-family: Arial, sans-serif; font-style: normal; }

#container-content	{ position: relative; overflow: hidden; }

#content-header > div	{ margin: 0 auto; position: relative; }

#content	{ margin: 0 auto; overflow: hidden; }

#content-footer > div > div	{ margin: 0 auto; overflow: hidden; }

div.messages				{ position: relative; overflow: hidden; }
div.messages.error			{
	background: #ea402a;
	background-image: -webkit-gradient(linear, left 80%, left 100%, from(#ea402a), to(#8c2719));
	background-image: -webkit-linear-gradient(top, #ea402a 80%, #8c2719 100%);
	background-image: -moz-linear-gradient(top, #ea402a 80%, #8c2719 100%);
	background-image: -ms-linear-gradient(top, #ea402a 80%, #8c2719 100%);
	background-image: -o-linear-gradient(top, #ea402a 80%, #8c2719 100%);
	background-image: linear-gradient(top, #ea402a 80%, #8c2719 100%);
}
div.messages.success		{
	background: #7ebb6a;
	background-image: -webkit-gradient(linear, left 80%, left 100%, from(#7ebb6a), to(#4d7340));
	background-image: -webkit-linear-gradient(top, #7ebb6a 80%, #4d7340 100%);
	background-image: -moz-linear-gradient(top, #7ebb6a 80%, #4d7340 100%);
	background-image: -ms-linear-gradient(top, #7ebb6a 80%, #4d7340 100%);
	background-image: -o-linear-gradient(top, #7ebb6a 80%, #4d7340 100%);
	background-image: linear-gradient(top, #7ebb6a 80%, #4d7340 100%);
}
div.messages.notice			{
	background: #999999;
	background-image: -webkit-gradient(linear, left 80%, left 100%, from(#999), to(#555));
	background-image: -webkit-linear-gradient(top, #999 80%, #555 100%);
	background-image: -moz-linear-gradient(top, #999 80%, #555 100%);
	background-image: -ms-linear-gradient(top, #999 80%, #555 100%);
	background-image: -o-linear-gradient(top, #999 80%, #555 100%);
	background-image: linear-gradient(top, #999 80%, #555 100%);
}
div.messages div.container	{ margin: 0 auto; }
div.messages li				{ padding: 0; margin: 0; }
div.messages li p			{ padding: 6px 0 7px 0; margin: 0; font-size: 15px; line-height: 22px; text-align: center; color: #fff; }
div.messages a.close		{ width: 40px; height: 35px; background: url(../img/sprite.png?_8) -80px -273px repeat; position: absolute; right: 0; top: 0; }

div.prediction									{ margin: 0 auto 5em auto; }
div.predictions li:last-child div.prediction	{ margin-bottom: 0; }
div.predictions div.pagination					{ margin: 5em 0 0 0; }
div.prediction.prediction-single				{ margin-bottom: 3em; }
div.prediction div.info							{ margin: 0 0 1em 0; font-size: 13px; line-height: 20px; color: #999; text-align: center; }
div.prediction div.info span.user a				{ color: #333; }
div.prediction div.info span.user a:hover		{ color: #e45b00; }
div.prediction div.info span.text				{ white-space: nowrap; }
div.prediction div.text							{ margin: 0 0 0.5em 0; font-family: "Noto Serif", Georgia, serif; font-size: 36px; line-height: 48px; font-style: italic; text-align: center; position: relative; }
div.prediction div.text a						{ display: block; }
body.prediction div.prediction div.text a		{ text-decoration: underline; display: inline; }
div.prediction div.text span.quote.open			{ padding: 0 0.15em 0 0; }
div.prediction div.text span.quote.close		{ padding: 0 0 0 0.15em; }
div.prediction.prediction-time div.text span.prediction,
div.prediction.prediction-time div.text span.prediction a	{
	color: transparent;
	text-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
	-webkit-transition-property: text-shadow;
	-moz-transition-property: text-shadow;
	-o-transition-property: text-shadow;
	transition-property: text-shadow;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
}
div.prediction.prediction-time div.text span.time	{ font-size: 28px; line-height: 36px; display: block; position: absolute; }
div.prediction div.vote					{ height: 26px; text-align: center; }
div.prediction div.vote span.flash		{ width: 9px; height: 26px; padding: 0 0.5em; background: url(../img/sprite.png?_8) -510px -270px repeat; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }
div.prediction div.vote a.button								{ height: 26px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; }
div.prediction div.vote a.button span							{ background: url(../img/sprite_vote_button.png) 0 0 no-repeat; display: block; float: left; overflow: hidden; cursor: pointer; }
div.prediction div.vote a.button span.text						{ height: 15px; color: #999; text-align: center; }
div.prediction div.vote a.button span.tip						{ width: 12px; height: 26px; text-indent: -999em; }
div.prediction div.vote a.button:hover span.text				{ color: #fff; }
div.prediction div.vote a.button:active span.text				{ color: #fff; }
div.prediction div.vote a.button.agreed span.text				{ color: #7ebb6a; }
div.prediction div.vote a.button.disagreed span.text			{ color: #ea402a; }
div.prediction div.vote a.button.agreed:hover span.text			{ color: #fff; }
div.prediction div.vote a.button.disagreed:hover span.text		{ color: #fff; }
div.prediction div.vote a.button.agrees							{ font-size: 11px; line-height: 15px; }
div.prediction div.vote a.button.agrees span.text				{ padding: 6px 0 5px 8px; background-position: 0 -150px; }
div.prediction div.vote a.button.agrees span.tip				{ width: 12px; background-position: -188px -150px; }
div.prediction div.vote a.button.agrees:hover span.text			{ background-position: 0 -180px; }
div.prediction div.vote a.button.agrees:hover span.tip			{ background-position: -188px -180px; }
div.prediction div.vote a.button.agrees:active span.text		{ background-position: 0 -210px; }
div.prediction div.vote a.button.agrees:active span.tip			{ background-position: -188px -210px; }
div.prediction div.vote a.button.disagrees						{ font-size: 11px; line-height: 15px; }
div.prediction div.vote a.button.disagrees span.text			{ padding: 6px 0 5px 12px; background-position: 0 -240px; }
div.prediction div.vote a.button.disagrees span.tip				{ width: 8px; background-position: -192px -240px; }
div.prediction div.vote a.button.disagrees:hover span.text		{ background-position: 0 -270px; }
div.prediction div.vote a.button.disagrees:hover span.tip		{ background-position: -192px -270px; }
div.prediction div.vote a.button.disagrees:active span.text		{ background-position: 0 -300px; }
div.prediction div.vote a.button.disagrees:active span.tip		{ background-position: -192px -300px; }
div.prediction div.vote form			{ vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }
div.prediction div.vote form div		{ vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }
div.prediction div.vote form.agree		{ padding: 0 0 0 0.25em; }
div.prediction div.vote form.agree input.submit.small:hover		{ background: #7ebb6a; border-color: #7ebb6a; }
div.prediction div.vote form.agree input.submit.small:focus,
div.prediction div.vote form.agree input.submit.small:active	{ background: #73ac60; border-color: #4d7340; }
div.prediction div.vote form.agree input.submit.disabled:hover,
div.prediction div.vote form.agree input.submit.disabled:focus,
div.prediction div.vote form.agree input.submit.disabled:active	{ background: #eee; border-color: #eee; }
div.prediction div.vote form.disagree	{ padding: 0 0.25em 0 0; }
div.prediction div.vote form.disagree input.submit.small:hover	{ background: #ea402a; border-color: #ea402a; }
div.prediction div.vote form.disagree input.submit.small:focus,
div.prediction div.vote form.disagree input.submit.small:active	{ background: #d93c26; border-color: #8c2719; }
div.prediction div.vote form.disagree input.submit.disabled:hover,
div.prediction div.vote form.disagree input.submit.disabled:focus,
div.prediction div.vote form.disagree input.submit.disabled:active	{ background: #eee; border-color: #eee; }

#footer		{ margin: 0 auto; text-shadow: 0 0 5px #000; }

body:after	{ content: '1000'; display: none; }

#container	{ min-width: 960px; }

.wrapper	{ width: 960px; }

html.lt-ie8 #container-main		{ width: 100%; position: static; z-index: auto; }
html.lt-ie8 #container-content	{ width: 100%; position: static; z-index: auto; }

#header		{ height: 65px; }

#logo		{ width: 172px; height: 49px; position: absolute; left: -3px; top: 8px; }
#logo a		{ width: 172px; height: 49px; background: url(../img/sprite.png?_8) 0 0 no-repeat; }

#header-prediction		{ width: 300px; height: 35px; margin: 0 0 0 -150px; text-align: center; position: absolute; left: 50%; bottom: 0; }
#header-prediction a	{
	margin-top: 5px;
	padding: 6px 14px 11px 14px;
	font-weight: bold;
	color: #fff;
	background: #e45b00;
	background-image: -webkit-gradient(linear, left 0, left 32px, from(#e45b00), to(#cd4800));
	background-image: -webkit-linear-gradient(top, #e45b00 0, #cd4800 32px);
	background-image: -moz-linear-gradient(top, #e45b00 0, #cd4800 32px);
	background-image: -ms-linear-gradient(top, #e45b00 0, #cd4800 32px);
	background-image: -o-linear-gradient(top, #e45b00 0, #cd4800 32px);
	background-image: linear-gradient(top, #e45b00 0, #cd4800 32px);
	border-top: 1px solid #f0a370; border-right: 1px solid #bd4600; border-bottom: 1px solid #000; border-left: 1px solid #bd4600;
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
	-webkit-transition-property: margin-top;
	-moz-transition-property: margin-top;
	-o-transition-property: margin-top;
	transition-property: margin-top;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
}
#header-prediction a:focus,
#header-prediction a:hover	{
	margin-top: 0;
	background: #ff7700;
	background-image: -webkit-gradient(linear, left 0, left 32px, from(#ff7700), to(#c14200));
	background-image: -webkit-linear-gradient(top, #ff7700 0, #c14200 32px);
	background-image: -moz-linear-gradient(top, #ff7700 0, #c14200 32px);
	background-image: -ms-linear-gradient(top, #ff7700 0, #c14200 32px);
	background-image: -o-linear-gradient(top, #ff7700 0, #c14200 32px);
	background-image: linear-gradient(top, #ff7700 0, #c14200 32px);
	border-top: 1px solid #ffb270;
	-webkit-box-shadow: 0 0 6px 1px #d95700; -moz-box-shadow: 0 0 6px 1px #d95700; box-shadow: 0 0 6px 1px #d95700;
}

#header-support					{ height: 30px; text-shadow: 0 0 5px #000; position: absolute; right: 0; top: 23px; }
#header-support div.search		{ height: 30px; margin: 0 25px 0 0; float: left; }
#header-support div.search form	{ height: 30px; position: relative; display: block; }
#header-support div.search form input.text	{
	width: 80px;
	padding: 4px 28px 4px 6px;
	color: #666666;
	background: #1e1e1e;
	border: 1px solid #141414;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-box-shadow: inset 0 0 4px 0 #141414; -moz-box-shadow: inset 0 0 4px 0 #141414; box-shadow: inset 0 0 4px 0 #141414;
}
#header-support div.search form input.text:focus	{
	color: #333;
	background: #fff;
	border: 1px solid #999;
	-webkit-box-shadow: inset 0 0 4px 0 #999; -moz-box-shadow: inset 0 0 4px 0 #999; box-shadow: inset 0 0 4px 0 #999;
}
#header-support div.search form input.submit	{
	width: 22px;
	height: 22px;
	padding: 0;
	background: url(../img/sprite.png?_8) -214px -64px no-repeat;
	position: absolute; right: 4px; top: 4px;
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
#header-support div.search form.active input.submit	{
	background-position: -264px -64px;
}
#header-support div.search p			{ width: 30px; height: 30px; display: none; }
#header-support div.search p a			{ width: 30px; height: 30px; background: url(../img/sprite.png?_8) -110px -60px no-repeat; }
#header-support div.search p a:hover	{ background-position: -160px -60px }

#header-support div.user				{ margin: 1px 0 1px 0; float: left; position: relative; }
#header-support div.user img.image-20	{ width: 28px; height: 28px; }
#header-support div.user p				{ margin: 0; text-align: right; display: block; }
#header-support div.user.logged-in p	{ min-width: 105px; }
#header-support div.user p a			{ height: 28px; font-size: 13px; line-height: 28px; color: #999; display: block; }
#header-support div.user.logged-out p a:hover	{ color: #fff; text-shadow: 0 0 2px #444; }
#header-support span.user img			{ vertical-align: top; }
#header-support ul li					{ padding: 0; margin: 0; font-size: 13px; line-height: 28px; text-align: right; }
#header-support ul li a					{ height: 28px; color: #fff; white-space: nowrap; display: block; }
#header-support ul li a:hover			{ color: #fff; }
#header-support ul li.default span		{ display: none; }
html.js #header-support ul				{ padding: 5px 0 5px 0; background: #3d3d3d; display: none; position: absolute; right: -10px; top: -5px; z-index: 2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); }
html.js #header-support ul.active		{ display: block; }
html.js #header-support ul li.default span		{ min-width: 105px; padding: 0 10px 3px 10px; color: #fff; text-align: right; display: block; }
html.js #header-support ul li.option a			{ padding: 3px 10px; background: url(../img/sprite.png?_8) -999px -999px no-repeat; }
html.js #header-support ul li.option a:hover	{ background-color: #e45b00; background-position: -400px -98px; text-shadow: none; }
html.js #header-support ul li.option a span.votes	{
	padding: 2px 4px 1px 4px;
	margin: 0 2px 0 0;
	color: #fff;
	background: #e45b00;
	text-shadow: none;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
html.js #header-support ul li.option a:hover span.votes	{
	color: #e45b00;
	background: #fff;
}

#content-header		{ background: #f1f1f1 url(../img/content-header_bg.png) center bottom repeat-x; }

#content-header div.tabs						{ height: 70px; text-align: center; position: relative; overflow: hidden; }
#content-header div.tabs ul						{ height: 70px; vertical-align: bottom; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; }
#content-header div.tabs ul li					{ padding: 25px 24px 0 15px; background: url(../img/sprite.png?_8) right -13px no-repeat; float: left; }
#content-header div.tabs ul li.first			{ padding-left: 20px; }
#content-header div.tabs ul li.last				{ padding-right: 20px; background-image: none; }
#content-header div.tabs ul li span				{ height: 45px; display: block; }
#content-header div.tabs ul li.active span		{ background: url(../img/content-header_arrow.png) bottom center no-repeat; }
#content-header div.tabs ul li span a			{
	font-size: 13px; line-height: 18px;
	padding: 3px 8px 3px 8px;
	font-weight: bold;
	display: block;
}
#content-header div.tabs ul li.hint span a		{ padding-right: 2px; overflow: hidden; }
#content-header div.tabs ul li span a:hover		{ color: #000; }
html.no-touch #content-header div.tabs ul li span a:hover,
#content-header div.tabs ul li.active span a	{ color: #e45b00; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.65); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.65); box-shadow: 0 0 4px 0 rgba(0,0,0,0.65); }
#content-header div.tabs ul li span a span.hint			{ height: auto; padding: 2px 6px 1px 6px; margin: 0 0 0 10px; font-size: 12px; line-height: 15px; font-weight: bold; color: #fff; background: #b6b6b6; display: inline; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
html.no-touch #content-header div.tabs ul li span a:hover span.hint,
#content-header div.tabs ul li.active span a span.hint	{ padding: 5px 5px 5px 12px; margin: 0 1px 0 4px; color: #999; background: url(../img/sprite.png?_8) -130px -270px no-repeat; }
#content-header div.tabs div.gradient			{ display: none; }

div.messages div.container	{ width: 880px; padding: 0 40px; }

form label.checkbox input,
form label.checkbox span.text	{ vertical-align: middle; }

form label.checkbox						{ padding-left: 20px; display: block; position: relative; }
form label.checkbox span.input			{ display: block; position: absolute; left: 0; top: 1px; }
form label.checkbox span.input input	{ cursor: pointer; }

form.normal div					{ padding: 10px 0; margin: 0; position: relative; }
form.normal div label			{ width: 115px; margin: 5px 0; font-size: 13px; line-height: 18px; font-weight: bold; float: left; display: block; }
form.normal div label.hint		{ line-height: 18px; font-weight: normal; }
form.normal div label.hint a	{ text-decoration: underline; }
form.normal div input.text		{ width: 214px; float: left; }
form.normal div.buttons			{ padding: 10px 115px 0 115px; }
form.normal div.buttons input.submit	{ width: 230px; }

form.normal.compact div label		{ width: 140px; }
form.normal.compact div input.text	{ width: 184px; float: left; }
form.normal.compact div.buttons	{ padding-right: 140px; padding-left: 140px; }
form.normal.compact div.buttons input.submit	{ width: 200px; }

form.right div				{ padding: 10px 0; margin: 0; position: relative; }
form.right div label		{ width: 230px; margin: 5px 0; font-size: 13px; line-height: 18px; font-weight: bold; float: left; display: block; }
form.right div label.hint	{ line-height: 18px; font-weight: normal; }
form.right div input.text	{ width: 214px; float: left; }
form.right div.buttons		{ padding: 10px 0 0 0; text-align: right; }

div.topics					{ margin: -15px 0 50px 0; text-align: center; }
div.topics ul				{ vertical-align: bottom; display: inline-block; *display: inline; *zoom: 1; }
div.topics ul li			{ float: left; }
div.topics ul li a	{
	padding: 2px 8px;
	margin: 0 1px;
	font-size: 13px; line-height: 18px;
	color: #999;
	border: 1px solid transparent;
	display: inline-block; *display: inline; *zoom: 1;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
div.topics ul li a:hover	{
	color: #000;
}
div.topics ul li a.active	{
	color: #000;
	background: #fff;
	border-color: #ccc;
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
}

div.prediction-delete		{ margin: 0 0 5em 0; text-align: center; }

div.buttons-container			{ text-align: center; }
div.buttons-container form		{ display: inline-block; *display: inline; *zoom: 1; }

div.pagination p	{ text-align: center; }
div.pagination p a	{ padding: 0.5em 0.75em; display: inline-block; *display: inline; *zoom: 1; }
div.pagination p a.active	{ font-weight: bold; }

form p.error,
body.static form p.error		{ width: 320px; padding: 4px 0 5px 0; margin: 0; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; font-style: normal; text-align: left; position: absolute; left: 353px; top: 13px; }
form.compact p.error			{ left: 348px; }
form.normal div.option p.error	{ top: 0; }
form p.error span				{ padding: 5px 10px 5px 14px; color: #fff; background: url(../img/sprite.png?_8) -180px -270px no-repeat; }

#footer								{ padding: 10px 0 60px 0; position: relative; }
#footer div.language				{ position: absolute; left: 0; top: 10px; }
#footer div.language p				{ display: none; }
html.js #footer div.language p		{ margin: 0; display: block; }
html.js #footer div.language p a	{ font-size: 13px; line-height: 28px; color: #999; display: block; cursor: default; }
#footer div.language ul li			{ padding: 0; margin: 0; font-size: 13px; line-height: 28px; }
#footer div.language ul li a		{ color: #fff; white-space: nowrap; display: block; }
#footer div.language ul li a:hover	{ color: #fff; }
#footer div.language ul li span		{ white-space: nowrap; display: none; }
html.js #footer div.language ul		{ padding: 5px 0 5px 0; background: #3d3d3d; display: none; position: absolute; left: -10px; bottom: -5px; z-index: 2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); }
html.js #footer div.language ul.active	{ display: block; }
html.js #footer div.language ul li.default span		{ padding: 3px 10px 0 10px; color: #fff; display: block; cursor: default; }
html.js #footer div.language ul li.option a			{ padding: 3px 10px; background: url(../img/sprite.png?_8) -999px -999px no-repeat; }
html.js #footer div.language ul li.option a:hover	{ background-color: #e45b00; background-position: right -128px; text-shadow: none; }
#footer nav							{ width: 540px; margin: 0 180px 0 240px; overflow: hidden; }
#footer nav ul						{ width: 180px; float: left; }
#footer nav ul li a					{ width: 155px; font-size: 13px; line-height: 28px; color: #999; display: block; }
#footer nav ul li a:hover			{ color: #fff; text-shadow: 0 0 2px #444; }
#footer nav ul li.blog a			{ padding: 0 0 0 25px; background: url(../img/sprite.png?_8) 0 -102px no-repeat; }
#footer nav ul li.blog a:hover		{ background-position: -200px -102px; }
#footer nav ul li.twitter a			{ padding: 0 0 0 25px; background: url(../img/sprite.png?_8) 0 -132px no-repeat; }
#footer nav ul li.twitter a:hover	{ background-position: -200px -132px; }
#footer nav ul li.facebook a		{ padding: 0 0 0 25px; background: url(../img/sprite.png?_8) 0 -162px no-repeat; }
#footer nav ul li.facebook a:hover	{ background-position: -200px -162px; }
#footer div.copyright				{ position: absolute; right: 0; top: 10px; }
#footer div.copyright p				{ margin: 0; font-size: 13px; line-height: 28px; color: #999; text-align: right; }

/*
Dialog
*/

#dialog-bg			{ width: 100%; background: #000; position: absolute; left: 0; top: 0; overflow: hidden; display: none; }
#dialog				{ width: 460px; margin: 100px 0 20px -230px; position: absolute; left: 50%; top: 0; display: none; }
#dialog-bg.opened	{ display: block; z-index: 3; }
#dialog.opened		{ display: block; z-index: 4; }

#dialog div.outer		{ padding: 10px; background: #2c2c2c url(../img/background.jpg) center top repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 10px 0 #000; -moz-box-shadow: 0 0 10px 0 #000; box-shadow: 0 0 10px 0 #000; }
#dialog div.inner		{ padding: 25px 40px; background: #fff url(../img/container-main_bg.png) center top repeat; position: relative; }
#dialog div.header h2				{ margin: 0 0 0.75em 0; font-family: "Noto Serif", Georgia, serif; font-size: 22px; line-height: 30px; font-style: italic; text-align: center; }
#dialog div.header a.close			{ width: 40px; height: 40px; background: url(../img/sprite.png?_8) 0 -270px repeat; position: absolute; right: 0; top: 0; }
#dialog div.header a.close:hover	{ background-position: -40px -270px; }

#dialog form.normal div input.text	{ width: 229px; }
#dialog form.normal div.buttons		{ padding: 10px 0 0 0; }

#dialog.login div.dialog-login				{ margin: 0 0 30px 0; }
#dialog.login div.dialog-login form.normal div.buttons				{ padding: 10px 0 0 115px; }
#dialog.login div.dialog-login form.normal div.buttons span.hint	{ line-height: 30px; display: block; float: left; }
#dialog.login div.dialog-login form.normal div.buttons input.submit	{ width: auto; float: right; }
#dialog.login div.dialog-provider			{ padding: 25px 0 0 0; margin: 0 0 30px 0; text-align: center; background: url(../img/dialog_login_provider_line_bg.png) left top repeat-x; }
#dialog.login div.dialog-provider form		{ vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }
#dialog.login div.dialog-provider form #dialog-form-login-twitter-button	{ width: 170px; margin: 0 10px 0 0; }
#dialog.login div.dialog-provider form #dialog-form-login-facebook-button	{ width: 170px; margin: 0 0 0 10px; }
#dialog.login div.dialog-signup				{ text-align: center; }
#dialog-form-login-proxy					{ display: none; }
#dialog.login #dialog-form-login-proxy		{ display: block; }

#dialog.prediction-delete div.dialog-prediction-delete p			{ margin: 0 0 1em 0; font-size: 15px; line-height: 22px; text-align: center; }
#dialog.prediction-delete div.dialog-prediction-delete p a			{ text-decoration: underline; }
#dialog.prediction-delete div.dialog-prediction-delete div.buttons	{ text-align: center; }

#dialog.anonymize div.header						{ padding: 94px 0 0 0; background: url(../img/anoninja_popup.png) 137px top no-repeat; }
#dialog.anonymize div.dialog-anonymize p			{ margin: 0 0 1em 0; font-size: 15px; line-height: 22px; text-align: center; }
#dialog.anonymize div.dialog-anonymize p a			{ text-decoration: underline; }
#dialog.anonymize div.dialog-anonymize div.buttons	{ text-align: center; }

#dialog.prediction-hint div.dialog-prediction-hint p	{ margin: 0 0 1em 0; font-size: 15px; line-height: 22px; }

#dialog.prediction-private-vote div.dialog-prediction-private-vote div			{ position: relative; }
#dialog.prediction-private-vote div.dialog-prediction-private-vote div.username	{ margin: 0 0 20px 0; }
#dialog.prediction-private-vote div.dialog-prediction-private-vote div.email	{ margin: 0 0 20px 0; }
#dialog.prediction-private-vote div.dialog-prediction-private-vote div.buttons	{ text-align: center; }
#dialog.prediction-private-vote div.dialog-prediction-private-vote p.label		{ margin: 0 0 0.5em 0; font-size: 15px; line-height: 22px; }
#dialog.prediction-private-vote div.dialog-prediction-private-vote div.hint		{ margin: 3px 0 0 0; }
#dialog.prediction-private-vote div.dialog-prediction-private-vote p.error		{ text-align: left; left: 378px; top: 32px; }
#dialog.prediction-private-vote div.dialog-prediction-private-vote input.text	{ width: 354px; }
#dialog.prediction-private-vote div.dialog-prediction-private-vote input.submit	{ width: 230px; }

#dialog.dialog-flag div.dialog-flag p		{ margin: 0 0 1em 0; font-size: 15px; line-height: 22px; text-align: center; }

/*
Static
*/

body.static #content	{ width: 460px; padding: 80px 250px 80px 250px; }
body.static p			{ margin: 0 0 1.5em 0; font-size: 15px; line-height: 22px; }
body.static p.last		{ margin-bottom: 0; }
body.static p a			{ color: #887f71; text-decoration: none; }
body.static p a:hover	{ color: #e45b00; }

/*
Error
*/

body.error h1			{ text-align: center; }
body.error p.message	{ text-align: center; }
body.error p.image		{ margin: 2em 0 0 0; }
body.error p.image img	{ width: 460px; height: 257px; }

/*
Home
*/

body.home #content-header		{ background-image: url(../img/content-header_home_bg.png); }

body.home #content-header div.intro		{ padding: 25px 0 0 0; overflow: visible; }
body.home #content-header div.intro h1	{ margin: 0 0 15px 0; font-size: 74px; line-height: 90px; text-align: center; text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff; }
body.home #content-header div.intro p	{ font-family: "Noto Serif", Georgia, serif; font-size: 28px; line-height: 36px; font-style: italic; color: #808080; text-align: center; }
body.home #content-header div.intro div.button	{ position: absolute; right: 0; bottom: -51px; z-index: 1; }
body.home #content-header div.intro div.button a.button.large	{
	width: 206px;
	background: #5d5d5d;
	text-align: center;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5d5d5d), to(#323232));
	background-image: -webkit-linear-gradient(top, #5d5d5d, #323232);
	background-image: -moz-linear-gradient(top, #5d5d5d, #323232);
	background-image: -ms-linear-gradient(top, #5d5d5d, #323232);
	background-image: -o-linear-gradient(top, #5d5d5d, #323232);
	background-image: linear-gradient(top, #5d5d5d, #323232);
	-webkit-box-shadow: 0 0 8px 0 #fff, 0 0 8px 0 #fff; -moz-box-shadow: 0 0 8px 0 #fff, 0 0 8px 0 #fff; box-shadow: 0 0 8px 0 #fff, 0 0 8px 0 #fff;
}
body.home #content-header div.intro div.button a.button.large:hover	{
	background: #323232;
	-webkit-box-shadow: 0 0 8px 0 #fff, 0 0 8px 0 #fff; -moz-box-shadow: 0 0 8px 0 #fff, 0 0 8px 0 #fff; box-shadow: 0 0 8px 0 #fff, 0 0 8px 0 #fff;
}
body.home #content-header div.intro div.button a.button.large:focus,
body.home #content-header div.intro div.button a.button.large:active	{
	background: #2A2A2A;
	-webkit-box-shadow: 0 0 5px 0 #fff, 0 0 5px 0 #fff; -moz-box-shadow: 0 0 5px 0 #fff, 0 0 5px 0 #fff; box-shadow: 0 0 5px 0 #fff, 0 0 5px 0 #fff;
}
body.home #content-header div.tabs	{ width: 640px; padding-right: 320px; background: url(../img/home_content-header_tabs_bg.png) 688px bottom no-repeat; }

body.home #content	{ padding: 0; background: url(../img/home_content_bg.png) center top repeat-y; overflow: visible; }

body.home div.main	{ width: 640px; padding: 40px 0 80px 0; float: left; overflow: hidden; }

body.home div.sidebar	{ width: 230px; padding: 40px 0 80px 0; float: right; }
body.home div.sidebar div.box	{ margin: 0 0 4em 0; }
body.home div.sidebar div.box h2						{ margin: 0 0 0.5em 0; font-family: "Noto Serif", Georgia, serif; font-size: 22px; line-height: 30px; font-weight: bold; font-style: italic; }
body.home div.sidebar div.box h2.sprite					{ padding: 0 0 0 32px; background: url(../img/sprite.png?_8) 0 0 no-repeat; }
body.home div.sidebar div.box form div					{ margin: 0 0 0.75em 0; }
body.home div.sidebar div.box form input.text			{ width: 214px; }
body.home div.sidebar div.box form input.submit.large	{ width: 230px; }
body.home div.sidebar div.box p.button					{ margin: 1.5em 0 0.75em 0; }
body.home div.sidebar div.login	{ margin: 0 0 1.5em 0; }
body.home div.sidebar div.login input.text					{ background: #ededed 7px center no-repeat; }
body.home.de div.sidebar div.login #form-login-username		{ background-image: url(../img/sidebar_login_username_bg_de.png); }
body.home.en div.sidebar div.login #form-login-username		{ background-image: url(../img/sidebar_login_username_bg_en.png); }
body.home div.sidebar div.login #form-login-username.filled,
body.home div.sidebar div.login #form-login-username:focus	{ background: #fff; }
body.home.de div.sidebar div.login #form-login-password		{ background-image: url(../img/sidebar_login_password_bg_de.png); }
body.home.en div.sidebar div.login #form-login-password		{ background-image: url(../img/sidebar_login_password_bg_en.png); }
body.home div.sidebar div.login #form-login-password.filled,
body.home div.sidebar div.login #form-login-password:focus	{ background: #fff; }
body.home div.sidebar div.login div.reset-password		{ margin: 0; }
body.home div.sidebar div.login div.reset-password p	{ text-align: right; }
body.home div.sidebar div.signup	{ margin: 0 0 1.5em 0; }
body.home div.sidebar div.votes h2 a	{
	padding: 1px 10px;
	margin: 0 2px;
	color: #fff;
	background: #e45b00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e45b00), to(#cc4700));
	background-image: -webkit-linear-gradient(top, #e45b00, #cc4700);
	background-image: -moz-linear-gradient(top, #e45b00, #cc4700);
	background-image: -ms-linear-gradient(top, #e45b00, #cc4700);
	background-image: -o-linear-gradient(top, #e45b00, #cc4700);
	background-image: linear-gradient(top, #e45b00, #cc4700);
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0 0 4px 0 #ccc, 0 0 4px 0 #ccc; -moz-box-shadow: 0 0 4px 0 #ccc, 0 0 4px 0 #ccc; box-shadow: 0 0 4px 0 #ccc, 0 0 4px 0 #ccc;
}
body.home div.sidebar div.list ul						{ margin-bottom: -20px; }
body.home div.sidebar div.list ul li					{ width: 230px; margin: 0 0 20px 0; overflow: hidden; }
body.home div.sidebar div.list ul li span.date			{ font-size: 11px; line-height: 14px; color: #999; }
body.home div.sidebar div.list ul li span.text			{ font-family: "Noto Serif", Georgia, serif; font-size: 15px; line-height: 22px; font-style: italic; color: #666; }
body.home div.sidebar div.list ul li span.text a		{ color: #666; }
body.home div.sidebar div.list ul li span.text a:hover	{ color: #e45b00; }
body.home div.sidebar div.votes ul									{ margin-bottom: -10px; }
body.home div.sidebar div.votes li									{ margin: 0 0 10px 0; color: #999; white-space: nowrap; }
body.home div.sidebar div.votes div.buttons-container				{ margin: 1.5em 0 0 0; }
body.home div.sidebar div.votes div.buttons-container div.buttons	{ margin: 0; }
body.home div.sidebar div.facebook h2.sprite						{ background-position: 0 -390px; }
body.home div.sidebar div.facebook div.like-box						{ width: 210px; height: 300px; overflow: hidden; }
body.home div.sidebar div.facebook div.like-box iframe				{ width: 292px; height: 338px; margin: -10px 0 0 -10px; }
body.home div.sidebar div.comments h2.sprite						{ background-position: 0 -420px; }
body.home div.sidebar div.tweets h2.sprite							{ background-position: -300px -390px; }
body.home div.sidebar div.tweets div.tweets-box						{ width: 230px; height: 350px; overflow: hidden; }
body.home div.sidebar div.blog-posts h2.sprite						{ background-position: -300px -420px; }

body.home div.sidebar div.users ul									{ width: 240px; margin-bottom: -10px; }
body.home div.sidebar div.users ul li								{ width: 50px; height: 50px; margin: 0 10px 10px 0; float: left; }
body.home div.sidebar div.users ul li span.user						{ width: 50px; height: 50px; display: block; }

body.home div.bottom	{ width: 960px; height: 3px; margin: 0 auto; background: url(../img/home_bottom_bg.png) center bottom no-repeat; }

/*
Search
*/

body.search #content-header div.search			{ padding: 25px 0 25px 0; text-align: center; }
body.search #content-header div.search p		{ font-family: "Noto Serif", Georgia, serif; font-size: 22px; line-height: 30px; font-style: italic; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }
body.search #content-header div.search form		{ margin: 0 0 0 0.5em; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }
body.search #content-header div.search form input.text	{ width: 320px; padding: 4px 0; font-family: "Noto Serif", Georgia, serif; font-size: 22px; line-height: 30px; font-weight: bold; font-style: italic; color: #000; background: none; border: 0; border-bottom: 2px dotted #666; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
body.search #content-header div.search form input.submit	{
	width: 32px;
	height: 32px;
	padding: 0;
	background: url(../img/sprite.png?_8) -9px -59px no-repeat;
	text-indent: -999em;
	display: inline-block; *display: inline; *zoom: 1;
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
body.search #content-header div.search form input.submit:hover	{ background-position: -59px -59px; }

body.search #content	{ width: 800px; padding: 40px 80px 80px 80px; }

/*
About
*/

body.about div.person		{ width: 200px; margin: 1.25em 0 0 0; }
body.about div.person.mb	{ float: left; margin-right: 40px; }
body.about div.person.mt	{ float: left; }
body.about div.person div.image		{ margin: 0 0 0.75em 0; }
body.about div.person div.image img	{ width: 200px; height: 200px; vertical-align: bottom; }
body.about div.person h3			{ margin-bottom: 3px; }
body.about div.person p.position	{ margin: 0 0 0.5em 0; }
body.about div.person p.contact		{ color: #666; }
body.about div.person p.contact a	{ color: #887f71; text-decoration: none; }
body.about div.person p.contact a:hover	{ color: #e45b00; }
body.about div.person p.contact a.twitter	{ padding: 0 0 0 25px; background: url(../img/sprite.png?_8) 0 -491px no-repeat; }
body.about div.person p.contact a.mail		{ padding: 0 0 0 25px; background: url(../img/sprite.png?_8) -300px -491px no-repeat; }

/*
Contact
*/

body.contact div.address	{ margin: 0 0 2em 0; overflow: hidden; }
body.contact div.address p.address-left		{ width: 200px; float: left; }
body.contact div.address p.address-right	{ width: 260px; float: left; }
body.contact div.press-kit	{ margin: 0 0 5em 0; }
body.contact div.press-kit div.press-kit-image	{ margin: 0 0 0 20px; float: right; }

/*
Login
*/

body.login div.login							{ margin: 0 0 3em 0; }
body.login div.login div.password span.hint		{ width: 115px; padding: 8px 0; text-align: right; float: left; display: block; }
body.login div.login div.buttons label			{ width: auto; }
body.login div.login form label.checkbox span.input	{ top: 0; }
body.login div.login div.buttons input.submit	{ width: auto; float: right; }

body.login div.provider							{ margin: 0 0 3em 0; }
body.login div.provider div.buttons				{ padding-top: 0; }
body.login div.provider #form-login-twitter		{ margin: -45px 0 15px 0; }

body.login div.signup							{ margin: 0 0 1em 0; }
body.login div.signup div.buttons				{ padding-top: 0; }

/*
Signup
*/

body.signup div.signup							{ margin: 0 0 3em 0; }
body.signup div.signup div.option				{ padding: 2px 0 2px 115px; }
body.signup div.signup div.option label.hint	{ width: 210px; }

body.signup div.provider							{ margin: 0 0 1em 0; }
body.signup div.provider div.buttons				{ padding-top: 0; }
body.signup div.provider #form-login-twitter		{ margin: -45px 0 15px 0; }

/*
Signup Welcome
*/

body.signup-welcome div.buttons-container form.prediction-new	{ float: left; }
body.signup-welcome div.buttons-container form.profile-edit		{ float: right; }
body.signup-welcome div.buttons-container form #form-profile-edit-button	{ width: 220px; }
body.signup-welcome div.buttons-container form #form-prediction-new-button	{ width: 220px; }

body.signup-welcome div.provider			{ margin: 3.5em 0 0 0; }
body.signup-welcome div.provider h1			{ margin: 0 0 0.25em 0; }
body.signup-welcome div.provider p			{ margin: 0 0 1em 0; }
body.signup-welcome div.provider form input	{ width: 220px; }

/*
Prediction New
*/

body.prediction-new #content	{ width: 460px; padding: 60px 250px 80px 250px; }
body.prediction-new h1			{ display: none; }

body.prediction-new form select,
body.prediction-new form input.text				{ font-family: "Noto Serif", Georgia, serif; font-style: italic; color: #999; background-color: #e8e8e8; background-repeat: no-repeat; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
body.prediction-new form select option			{ color: #000; }
body.prediction-new form select option.default	{ color: #999; }

body.prediction-new form div.label,
body.prediction-new form div.label h2,
body.prediction-new form div.input label,
body.prediction-new form div.input input,
body.prediction-new form div.input select,
body.prediction-new form div.input span.text	{ height: 28px; font-family: "Noto Serif", Georgia, serif; font-size: 18px; line-height: 28px; font-weight: normal; font-style: italic; vertical-align: text-bottom; display: inline-block; *display: inline; *zoom: 1; }

body.prediction-new form div.label		{ width: 200px; padding: 0 0 0 10px; float: left; }
body.prediction-new form div.label h2	{ margin: 0; color: #999; }
body.prediction-new form div.input		{ width: 250px; color: #999; float: left; position: relative; }
body.prediction-new form div.input label,
body.prediction-new form div.input input	{ cursor: pointer; }
body.prediction-new form div.input label.checked,
body.prediction-new form div.input label.selected select	{ color: #000; }
body.prediction-new form div.hint		{ padding: 0 0 0 10px; }

body.prediction-new form div.user					{ padding: 0 0 0 23px; margin: 0 0 10px 0; font-family: "Noto Serif", Georgia, serif; font-size: 22px; line-height: 30px; font-style: italic; }
body.prediction-new form div.user span.user-image	{ width: 50px; height: 50px; font-weight: bold; display: block; float: left; }
body.prediction-new form div.user span.user-name	{ height: 30px; padding: 10px 0 10px 0; margin: 0 0 0 0.3em; font-weight: bold; display: block; float: left; }
body.prediction-new form div.user span.text			{ height: 30px; padding: 10px 0 10px 0; margin: 0 0 0 0.3em; color: #999; display: block; float: left; }

body.prediction-new form div.time-text				{ width: 460px; margin: 0 auto 40px auto; position: relative; }
body.prediction-new form div.time-text div.header	{ width: 460px; height: 25px; background: url(../img/sprite_prediction-new_input_header_footer.png?_8) 0 0 no-repeat; }
body.prediction-new form div.time-text div.main		{ width: 460px; height: 205px; background: url(../img/sprite_prediction-new_input_main.png?_8) 0 0 repeat-y; }
body.prediction-new form div.time-text.calendar div.main	{ height: 243px; }
body.prediction-new form div.time-text div.footer	{ width: 460px; height: 10px; background: url(../img/sprite_prediction-new_input_header_footer.png?_8) 0 -25px no-repeat; }
body.prediction-new.logged-out form div.time-text div.header	{ background-position: -780px 0; }
body.prediction-new.logged-out form div.time-text div.main		{ background-position: -780px 0; }
body.prediction-new.logged-out form div.time-text div.footer	{ background-position: -780px -25px; }

body.prediction-new form div.time					{ width: 460px; text-align: center; position: absolute; left: 0; top: 39px; }
body.prediction-new form div.time select			{ height: 34px; padding: 4px 10px; font-size: 20px; line-height: 26px; color: #000; background-position: right -534px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }
body.prediction-new form div.time select:focus		{ background-position: right -574px; }
body.prediction-new form div.time input				{ width: 40px; height: 26px; margin: 0 2px; padding: 4px 10px; font-size: 20px; line-height: 26px; color: #000; text-align: center; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }
body.prediction-new form div.time p.error				{ width: 250px; left: 437px; top: 5px; }

body.prediction-new form div.text						{ width: 440px; position: absolute; left: 10px; top: 83px; }
body.prediction-new form div.text textarea				{ width: 440px; height: 104px; padding: 0; font-family: "Noto Serif", Georgia, serif; font-size: 20px; line-height: 26px; font-style: italic; text-align: center; border: 0; resize: none; overflow-x: hidden; overflow-y: auto; }
body.prediction-new form div.text div.textarea-limit p	{ right: 5px; top: 127px; }
body.prediction-new form div.text p.error				{ width: 250px; left: 437px; top: 3px; }

body.prediction-new form #moment-of-truth				{ width: 360px; position: absolute; left: 50px; top: 210px; }
body.prediction-new form #moment-of-truth p				{ font-size: 12px; line-height: 15px; color: #999; text-align: center; }

body.prediction-new form #calendar						{ width: 30px; height: 30px; position: absolute; left: 10px; top: 200px; }
body.prediction-new form #calendar a.open				{ width: 30px; height: 30px; background: url(../img/sprite.png?_8) -285px -555px no-repeat; display: block; }
body.prediction-new form #calendar a.open:hover			{ background-position: -285px -595px; }

body.prediction-new form #calendar-layer				{ width: 460px; text-align: center; position: absolute; left: -10px; top: 35px; }
body.prediction-new form #calendar-layer select			{ margin: 0 5px; color: #000; background-position: right -538px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }
body.prediction-new form #calendar-layer select:focus	{ background-position: right -578px; }

body.prediction-new form div.type						{ margin: 0 0 35px 0; }
body.prediction-new form div.type #prediction-new-type-public	{ margin: 0 20px 0 0; }
body.prediction-new form div.type span.text				{ margin: 0 0 0 0.25em; }
body.prediction-new form div.type p.error				{ width: 250px; left: 237px; top: 1px; }

body.prediction-new form div.topic						{ margin: 0 0 35px 0; display: none; }
body.prediction-new form.type.type-public div.topic		{ display: block; }
body.prediction-new form div.topic select				{ height: 28px; padding: 3px 7px; font-size: 18px; line-height: 22px; }
body.prediction-new form div.topic p.error				{ width: 250px; left: 237px; top: 1px; }

body.prediction-new form div.provider					{ margin: 0 0 35px 0; display: none; }
body.prediction-new form.type.type-public div.provider	{ display: block; }
body.prediction-new form div.provider div.input label	{ padding-left: 0; }
body.prediction-new form div.provider #prediction-new-option_twitter_new	{ margin: 0 20px 0 0; }
body.prediction-new form div.provider span.text			{ margin: 0 0 0 0.25em; }

body.prediction-new form div.button						{ text-align: right; display: none; }
body.prediction-new form.type div.button				{ display: block; }
body.prediction-new form div.button input.submit		{ width: 250px; }

/*
Prediction
*/

body.prediction #content		{ width: 800px; padding: 80px 80px 0 80px; }
body.prediction h1				{ display: none; }

body.prediction div.meta		{ position: absolute; left: 25px; top: 20px; }
body.prediction div.meta ul		{ vertical-align: bottom; display: inline-block; *display: inline; *zoom: 1; }
body.prediction div.meta ul li	{ margin: 0 25px 0 0; font-size: 11px; line-height: 14px; font-weight: bold; color: #c5c5c5; float: left; }
body.prediction div.meta ul li.created			{ padding: 3px 0 3px 16px; background: url(../img/sprite.png?_8) 0 -510px no-repeat; }
body.prediction div.meta ul li.date.active		{ padding: 3px 0 3px 0; }
body.prediction div.meta ul li.date.active span.clock	{ margin: -2px 3px 0 0; }
body.prediction div.meta ul li.date.expired		{ padding: 3px 0 3px 16px; background: url(../img/sprite.png?_8) -200px -510px no-repeat; }
body.prediction div.meta ul li.views			{ padding: 3px 0 3px 25px; background: url(../img/sprite.png?_8) -400px -510px no-repeat; }
body.prediction div.meta ul li.votes			{ padding: 3px 0 3px 16px; background: url(../img/sprite.png?_8) 0 -530px no-repeat; }
body.prediction div.meta ul li.comments			{ padding: 3px 0 3px 25px; background: url(../img/sprite.png?_8) -200px -530px no-repeat; }

body.prediction div.share		{ position: absolute; right: 25px; top: 20px; }
body.prediction div.share form	{ display: inline-block; *display: inline; *zoom: 1; }
body.prediction div.share form.twitter			{ margin: 0 10px 0 0; }
body.prediction div.share form.facebook			{ margin: 0 10px 0 0; }
body.prediction div.share input.submit.share	{
	padding: 2px 6px 2px 20px;
	font-size: 11px; line-height: 14px;
	font-weight: bold;
	background: url(../img/sprite.png?_8) 0 0 no-repeat;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.25); box-shadow: 0 0 2px 0 rgba(0,0,0,0.25);
}
body.prediction div.share input.submit.share:focus,
body.prediction div.share input.submit.share:active	{
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.5); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.5); box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.5);
}
body.prediction div.share input.submit.share.twitter				{ color: #c5c5c5; background-color: #fbfbfb; background-position: 0 -310px; }
body.prediction div.share input.submit.share.twitter:hover			{ color: #28b1de; background-color: #ffffff; background-position: -150px -310px; }
body.prediction div.share input.submit.share.twitter:focus,
body.prediction div.share input.submit.share.twitter:active			{ color: #d0f7ff; background-color: #1ca0d0; background-position: -300px -310px; border-color: #147091; }
body.prediction div.share input.submit.share.facebook				{ color: #c5c5c5; background-color: #fbfbfb; background-position: 0 -330px; }
body.prediction div.share input.submit.share.facebook:hover			{ color: #3c5a98; background-color: #ffffff; background-position: -150px -330px; }
body.prediction div.share input.submit.share.facebook:focus,
body.prediction div.share input.submit.share.facebook:active		{ color: #cbe1fc; background-color: #334e87; background-position: -300px -330px; border-color: #213257; }
body.prediction div.share input.submit.share.google					{ color: #c5c5c5; background-color: #fbfbfb; background-position: 0 -350px; }
body.prediction div.share input.submit.share.google:hover			{ color: #db5841; background-color: #ffffff; background-position: -150px -350px; }
body.prediction div.share input.submit.share.google:focus,
body.prediction div.share input.submit.share.google:active			{ color: #ffffff; background-color: #db5841; background-position: -300px -350px; border-color: #a64331; }
body.prediction.public div.share input.submit.share.friends			{ color: #c5c5c5; background-color: #fbfbfb; background-position: 0 -330px; }
body.prediction.public div.share input.submit.share.friends:hover	{ color: #3c5a98; background-color: #ffffff; background-position: -150px -330px; }
body.prediction.public div.share input.submit.share.friends:focus,
body.prediction.public div.share input.submit.share.friends:active	{ color: #cbe1fc; background-color: #334e87; background-position: -300px -330px; border-color: #213257; }
body.prediction.private div.share input.submit.share.friends		{ padding-left: 16px; color: #c5c5c5; background-color: #fbfbfb; background-position: 0 -370px; }
body.prediction.private div.share input.submit.share.friends:hover	{ color: #e45b00; background-color: #ffffff; background-position: -150px -370px; }
body.prediction.private div.share input.submit.share.friends:focus,
body.prediction.private div.share input.submit.share.friends:active	{ color: #ffffff; background-color: #d65600; background-position: -300px -370px; border-color: #a24100; }

body.prediction div.container-invite			{ background: #f1f1f1 url(../img/prediction_container_bg.png) center top repeat-x; position: relative; }
body.prediction div.container-invite			{ display: none; }
body.prediction.invite div.container-invite		{ display: block; }
body.prediction div.invite						{ width: 800px; padding: 25px 0 5em 0; margin: 0 auto; background: url(../img/prediction_container_arrow.png) center top no-repeat; overflow: hidden; }
body.prediction div.invite h2					{ margin: 0 0 0.25em 0; font-family: "Noto Serif", Georgia, serif; font-size: 22px; line-height: 30px; font-weight: normal; font-style: italic; text-align: center; }
body.prediction div.invite p					{ margin: 0 0 0.75em 0; text-align: center; }
body.prediction div.invite p.text				{ font-size: 15px; line-height: 22px; }
body.prediction div.invite p.link				{ font-size: 15px; line-height: 22px; }
body.prediction div.invite p.link input.text	{ width: 320px; padding-top: 8px; padding-bottom: 8px; font-family: "Noto Serif", Georgia, serif; font-weight: normal; font-style: italic; text-align: center; background: #fff; -webkit-box-shadow: 0 0 2px 0 #999; -moz-box-shadow: 0 0 2px 0 #999; box-shadow: 0 0 2px 0 #999; }
body.prediction div.invite p.email				{ margin: 0; }
body.prediction div.invite form					{ margin: 1.25em 0 0 0; }
body.prediction div.invite form div.buttons		{ text-align: center; }
body.prediction div.invite a.close				{ width: 40px; height: 40px; background: url(../img/sprite.png?_8) 0 -270px repeat; position: absolute; right: 0; top: 0; }
body.prediction div.invite a.close:hover		{ background-position: -40px -270px; }

body.prediction div.container-reactions-show	{ background: url(../img/prediction_reactions-show_line_bg.png) center top repeat-x; position: relative; display: block; }
body.prediction.owner div.container-reactions-show,
body.prediction.voted div.container-reactions-show,
body.prediction.expired div.container-reactions-show,
body.prediction.invite div.container-reactions-show	{ display: none; }
body.prediction div.reactions-show				{ width: 610px; padding: 0 0 100px 0; margin: 0 auto; text-align: center; background: url(../img/prediction_reactions-show_arrows_bg.png?_2) left top no-repeat; overflow: hidden; }
body.prediction div.reactions-show a			{ padding: 3px 1em; font-size: 11px; line-height: 14px; color: #999; background: #dcdcdc; border: 1px solid #b5b5b5; display: inline-block; *display: inline; *zoom: 1; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.25); -moz-box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.25); box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.25); }
body.prediction div.reactions-show a:hover		{ color: #333; }

body.prediction div.container-reactions			{ background: #f1f1f1 url(../img/prediction_container_bg.png) center top repeat-x; position: relative; display: none; }
body.prediction.owner div.container-reactions,
body.prediction.voted div.container-reactions,
body.prediction.expired div.container-reactions	{ display: block; }
body.prediction.invite div.container-reactions	{ display: none; }
body.prediction div.reactions					{ width: 610px; margin: 0 auto; overflow: hidden; }

body.prediction div.reactions h2						{ display: none; }
body.prediction div.reactions.agrees h2.agrees,
body.prediction div.reactions.disagrees h2.disagrees	{ display: block; }
body.prediction div.reactions div.title					{ height: 65px; }
body.prediction div.reactions div.title h2				{ margin: 0 0 0.75em 0; font-family: "Noto Serif", Georgia, serif; font-size: 22px; line-height: 30px; font-weight: normal; font-style: italic; }
body.prediction div.reactions div.title h2.agrees		{ width: 300px; padding: 35px 0 0 0; margin: 0 0 0 5px; background: url(../img/prediction_container_arrow.png) 8px 0 no-repeat; float: left; }
body.prediction div.reactions div.title h2.disagrees	{ width: 300px; padding: 35px 0 0 0; margin: 0 5px 0 0; text-align: right; background: url(../img/prediction_container_arrow.png) 258px 0 no-repeat; float: right; }

body.prediction div.reactions div.comment-new			{ width: 600px; padding: 35px 5px 0 5px; }
body.prediction div.reactions.agrees div.comment-new,
body.prediction div.reactions.disagrees div.comment-new	{ margin-top: 25px; background: url(../img/sprite_prediction_reactions_bg.png) 0 top no-repeat; }
body.prediction div.reactions div.comment-new span.text	{ white-space: nowrap; }
body.prediction.owner div.reactions div.comment-new span.text	{ white-space: normal; }

body.prediction div.reactions div.comment-new.agree div.user div.image					{ float: left; }
body.prediction div.reactions div.comment-new.agree div.user div.content				{ float: left; }
body.prediction div.reactions div.comment-new.agree div.user div.content div.info		{ text-align: left; }
body.prediction div.reactions div.comment-new.agree div.user div.content div.text		{ text-align: left; }
body.prediction div.reactions div.comment-new.disagree div.user div.image				{ float: right; }
body.prediction div.reactions div.comment-new.disagree div.user div.content				{ float: right; }
body.prediction div.reactions div.comment-new.disagree div.user div.content div.info	{ text-align: right; }
body.prediction div.reactions div.comment-new.disagree div.user div.content div.text	{ text-align: right; }

body.prediction div.reactions div.comment-new div.user div.image				{ width: 50px; }
body.prediction div.reactions div.comment-new.agree div.user div.image			{ padding: 0 15px 0 0; }
body.prediction div.reactions div.comment-new.disagree div.user div.image		{ padding: 0 0 0 15px; }
body.prediction div.reactions div.comment-new div.user div.content				{ width: 535px; }
body.prediction div.reactions div.comment-new div.user div.content div.info span.user	{ font-size: 22px; line-height: 30px; font-weight: bold; }
body.prediction div.reactions div.comment-new div.user div.content div.text		{ font-family: "Noto Serif", Georgia, serif; font-size: 13px; line-height: 18px; font-style: italic; color: #999; }
body.prediction div.reactions div.comment-new div.user div.content div.text span.text		{ vertical-align: middle; }
body.prediction div.reactions div.comment-new div.user div.content div.text form			{ vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }
body.prediction div.reactions div.comment-new.agree div.user div.content div.text span.text	{ padding: 0 1em 0 0; }
body.prediction div.reactions div.comment-new.disagree div.user div.content div.text form	{ padding: 0 0 0 1em; }
body.prediction div.reactions div.comment-new div.user div.content div.text form div		{ vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }
body.prediction div.reactions div.comment-new div.user div.content div.text input.submit.small:hover	{ background: #ea402a; border-color: #ea402a; }
body.prediction div.reactions div.comment-new div.user div.content div.text input.submit.small:focus,
body.prediction div.reactions div.comment-new div.user div.content div.text input.submit.small:active	{ background: #d93c26; border-color: #8c2719; }

body.prediction div.reactions div.comment-new #form-comment-new div.textarea			{ width: 450px; margin: 0 -3px 0 -3px; }
body.prediction div.reactions div.comment-new.agree #form-comment-new div.textarea		{ padding: 0 156px 0 0; }
body.prediction div.reactions div.comment-new.disagree #form-comment-new div.textarea	{ padding: 0 0 0 156px; }
body.prediction div.reactions div.comment-new #form-comment-new div.header				{ width: 450px; height: 19px; margin: 5px 0 0 0; background: url(../img/sprite_prediction_comment_header_footer.png?_8) 0 0 no-repeat; }
body.prediction div.reactions div.comment-new #form-comment-new.active div.header		{ height: 25px; }
body.prediction div.reactions div.comment-new #form-comment-new div.main				{ width: 450px; background: url(../img/sprite_prediction_comment_main.png?_8) 0 0 repeat-y; position: relative; }
body.prediction div.reactions div.comment-new #form-comment-new div.footer				{ width: 450px; height: 13px; margin: 0 0 8px 0; background: url(../img/sprite_prediction_comment_header_footer.png?_8) 0 0 no-repeat; }
body.prediction div.reactions div.comment-new #form-comment-new.active div.footer		{ height: 25px; }
body.prediction div.reactions div.comment-new.agree #form-comment-new div.header			{ background-position: 0 0; }
body.prediction div.reactions div.comment-new.agree #form-comment-new div.footer			{ background-position: 0 -37px; }
body.prediction div.reactions div.comment-new.agree #form-comment-new.active div.footer		{ background-position: 0 -25px; }
body.prediction div.reactions div.comment-new.disagree #form-comment-new div.header			{ background-position: 0 -50px; }
body.prediction div.reactions div.comment-new.disagree #form-comment-new div.footer			{ background-position: 0 -87px; }
body.prediction div.reactions div.comment-new.disagree #form-comment-new.active div.footer	{ background-position: 0 -75px; }
body.prediction div.reactions div.comment-new #form-comment-new textarea				{ width: 420px; padding: 0; margin: 0 20px 0 20px; height: 22px; font-family: "Noto Serif", Georgia, serif; font-size: 15px; line-height: 22px; font-style: italic; border: 0; resize: none; overflow-x: hidden; overflow-y: auto; }
textarea.autosizeCommentNewText															{ font-size: 15px; line-height: 22px; }
body.prediction div.reactions div.comment-new #form-comment-new textarea.hint			{ color: #ccc; }
body.prediction div.reactions div.comment-new #form-comment-new div.textarea-limit p	{ right: 20px; bottom: -17px; display: none; }
body.prediction div.reactions div.comment-new #form-comment-new.active div.textarea-limit p	{ display: block; }

body.prediction div.reactions div.comment-new #form-comment-new div.button				{ display: none; }
body.prediction div.reactions div.comment-new #form-comment-new.active div.button		{ display: block; }
body.prediction div.reactions div.comment-new.agree #form-comment-new div.button		{ padding: 0 156px 0 0; text-align: right; }
body.prediction div.reactions div.comment-new.disagree #form-comment-new div.button		{ text-align: right; }

body.prediction div.reactions div.votes-comments				{ padding: 10px 0 0 0; margin: 0 0 5em 0; }
body.prediction div.reactions.agrees div.votes-comments,
body.prediction div.reactions.disagrees div.votes-comments,
body.prediction div.reactions.comments div.votes-comments		{ margin-top: 25px; background: url(../img/sprite_prediction_reactions_bg.png) 0 top no-repeat; }
body.prediction div.reactions.agrees.comment-new div.votes-comments,
body.prediction div.reactions.disagrees.comment-new div.votes-comments,
body.prediction div.reactions.comments.comment-new div.votes-comments	{ background: url(../img/sprite_prediction_reactions_bg.png) -610px top no-repeat; }
body.prediction div.reactions div.votes-comments span.text		{ white-space: nowrap; }
body.prediction div.reactions div.votes-comments li				{ width: 545px; }
body.prediction div.reactions div.votes-comments li.agree		{ padding-left: 5px; padding-right: 60px; }
body.prediction div.reactions div.votes-comments li.disagree	{ padding-left: 60px; padding-right: 5px; }
body.prediction div.reactions div.votes-comments li.change		{ padding-top: 25px; margin-top: 15px; background: url(../img/sprite_prediction_reactions_bg.png) -610px top no-repeat; }
body.prediction div.reactions div.votes-comments li.expired		{ padding-top: 25px; margin-top: 15px; background: url(../img/sprite_prediction_reactions_bg.png) -1220px top no-repeat; }
body.prediction div.reactions div.votes-comments li.prediction	{ padding-top: 25px; margin-top: 15px; background: url(../img/sprite_prediction_reactions_bg.png) -1220px top no-repeat; }
body.prediction div.reactions div.votes-comments li.first		{ padding-top: 15px; margin-top: 0; background: none; }

body.prediction div.reactions div.votes-comments li.agree div.image					{ float: left; }
body.prediction div.reactions div.votes-comments li.agree div.content				{ float: left; }
body.prediction div.reactions div.votes-comments li.agree div.content div.info		{ text-align: left; }
body.prediction div.reactions div.votes-comments li.agree div.content div.text		{ text-align: left; }
body.prediction div.reactions div.votes-comments li.disagree div.image				{ float: right; }
body.prediction div.reactions div.votes-comments li.disagree div.content			{ float: right; }
body.prediction div.reactions div.votes-comments li.disagree div.content div.info	{ text-align: right; }
body.prediction div.reactions div.votes-comments li.disagree div.content div.text	{ text-align: right; }

body.prediction div.reactions div.votes-comments li.vote div.image				{ width: 20px; padding-top: 5px; padding-bottom: 5px; }
body.prediction div.reactions div.votes-comments li.vote div.content			{ width: 480px; padding-top: 5px; padding-bottom: 5px; }
body.prediction div.reactions div.votes-comments li.vote div.content div.info	{ color: #999; }
body.prediction div.reactions div.votes-comments li.agree.vote div.image		{ padding-left: 30px; padding-right: 15px; }
body.prediction div.reactions div.votes-comments li.disagree.vote div.image		{ padding-left: 15px; padding-right: 30px; }

body.prediction div.reactions div.votes-comments li.comment div.image				{ width: 50px; padding-top: 20px; padding-bottom: 20px; }
body.prediction div.reactions div.votes-comments li.comment div.content				{ width: 480px; padding-top: 20px; padding-bottom: 20px; }
body.prediction div.reactions div.votes-comments li.comment div.content div.info	{ color: #999; }
body.prediction div.reactions div.votes-comments li.comment div.content div.info span.user	{ font-size: 15px; line-height: 22px; font-weight: bold; }
body.prediction div.reactions div.votes-comments li.comment div.content div.text	{ margin: 0.5em 0 0 0; font-family: "Noto Serif", Georgia, serif; font-size: 13px; line-height: 18px; font-style: italic; }
body.prediction div.reactions div.votes-comments li.comment div.content div.text a	{ text-decoration: underline; }
body.prediction div.reactions div.votes-comments li.agree.comment div.image			{ padding-right: 15px; }
body.prediction div.reactions div.votes-comments li.disagree.comment div.image		{ padding-left: 15px; }

body.prediction div.reactions div.votes-comments li.moment-of-truth				{ width: 610px; text-align: center; }
body.prediction div.reactions div.votes-comments li.moment-of-truth div.text	{ font-family: "Noto Serif", Georgia, serif; font-style: italic; }
body.prediction div.reactions div.votes-comments li.moment-of-truth div.date	{ color: #999; }

body.prediction div.reactions div.votes-comments li.prediction	{ width: 610px; padding-top: 35px; color: #999; text-align: center; }

body.prediction div.reactions a.close		{ width: 40px; height: 40px; background: url(../img/sprite.png?_8) 0 -270px repeat; position: absolute; right: 0; top: 0; }
body.prediction div.reactions a.close:hover	{ background-position: -40px -270px; }

/*
Users
*/

body.users #content			{ width: 460px; padding: 80px 250px 80px 250px; }
body.users div.users ul		{ width: 460px; }
body.users div.users ul li	{ width: 50px; height: 50px; margin: 0 10px 10px 0; float: left; }
body.users div.users ul li span.user	{ width: 50px; height: 50px; display: block; }

/*
User
*/

body.user #content-header div.user h1					{ margin: 1em 0 0 0; text-align: center; font-weight: normal; }
body.user #content-header div.user h1 span.user			{ padding: 0 0 0 0.25em; font-weight: bold; }
body.user #content-header div.user p					{ position: absolute; }
body.user #content-header div.user p a					{ color: #999; padding: 0 0 0 20px; background: url(../img/sprite.png?_8) 0 0 repeat; }
body.user #content-header div.user p a:hover			{ color: #e45b00; }
body.user #content-header div.user p.location			{ right: 0; top: 15px; }
body.user #content-header div.user p.location a			{ background-position: 0 -450px; }
body.user #content-header div.user p.location a:hover	{ background-position: 0 -470px; }
body.user #content-header div.user p.website			{ left: 0; top: 15px; }
body.user #content-header div.user p.website a			{ background-position: -300px -450px; }
body.user #content-header div.user p.website a:hover	{ background-position: -300px -470px; }

body.user #content	{ width: 800px; padding: 40px 80px 80px 80px; }

/*
User Settings
*/

body.user.settings #content		{ width: 460px; padding: 40px 250px 80px 250px; }
body.user.settings div.text p	{ margin: 0 0 1.5em 0; font-size: 15px; line-height: 22px; }

body.user.settings form.normal div.image	{ padding-top: 0; }
body.user.settings form.normal div.image div.delete-image	{ padding-top: 0; }
body.user.settings form.normal div.image div.delete-image span.hint	{ margin: 0 0 0 0.5em; }
body.user.settings form.normal div.image input	{ margin: 3px 0; font-size: 13px; line-height: 18px; }
body.user.settings form.normal div.image div.hint	{ padding: 0; margin: 0 0 0 115px; }

body.user.settings div.delete-account	{ margin: 2em 0 0 0; }
body.user.settings div.reset-password	{ margin: 2em 0 0 0; }

form.options							{ margin: 0 0 2em 0; }
form.options div label.disabled			{ color: #999; cursor: default; }
form.options div.group					{ margin-bottom: 2em; }
form.options div.group div.option		{ padding: 5px 0 5px 0; }
form.options div.group div.button		{ margin: 0.5em 0 0.75em 0; }
form.options div.buttons				{ text-align: left; }
form.options div.buttons input.submit	{ width: 230px; }

/*
Votes
*/

body.votes #content-header div.header h1			{ padding: 25px 0 0 0; margin: 0; text-align: center; }
body.votes #content-header div.header h1 span.votes	{
	padding: 1px 10px;
	margin: 0 2px;
	color: #fff;
	background: #e45b00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e45b00), to(#cc4700));
	background-image: -webkit-linear-gradient(top, #e45b00, #cc4700);
	background-image: -moz-linear-gradient(top, #e45b00, #cc4700);
	background-image: -ms-linear-gradient(top, #e45b00, #cc4700);
	background-image: -o-linear-gradient(top, #e45b00, #cc4700);
	background-image: linear-gradient(top, #e45b00, #cc4700);
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0 0 8px 0 #fff, 0 0 8px 0 #fff; -moz-box-shadow: 0 0 8px 0 #fff, 0 0 8px 0 #fff; box-shadow: 0 0 8px 0 #fff, 0 0 8px 0 #fff;
}
body.votes #content-header div.header p					{ padding: 0.25em 0 1.25em 0; font-family: "Noto Serif", Georgia, serif; font-size: 22px; line-height: 30px; font-style: italic; text-align: center; background: url(../img/content-header_arrow.png) bottom center no-repeat; }
body.votes #content-header div.header form.button		{ position: absolute; right: 0; top: 15px; }

body.votes #content	{ width: 800px; padding: 40px 80px 80px 80px; }

body.votes div.vote								{ margin: 0 auto 5em auto; }
body.votes div.votes li:last-child div.vote		{ margin-bottom: 0; }
body.votes div.votes div.pagination				{ margin: 5em 0 0 0; }
body.votes div.vote div.text					{ font-family: "Noto Serif", Georgia, serif; font-size: 22px; line-height: 30px; font-style: italic; text-align: center; }
body.votes div.vote div.text a:hover			{ color: #e45b00; }
body.votes div.vote div.text span.quote.open	{ padding: 0 0.15em 0 0; }
body.votes div.vote div.text span.quote.close	{ padding: 0 0 0 0.15em; }
body.votes div.vote div.votes					{ width: 800px; padding: 20px 0 0 0; position: relative; }
body.votes div.vote div.agrees					{ width: 365px; float: left; }
body.votes div.vote div.disagrees				{ width: 365px; float: right; }
body.votes div.vote div.votes ul li				{ width: 50px; height: 50px; }
body.votes div.vote div.votes ul li span.user	{ width: 50px; height: 50px; display: block; }
body.votes div.vote div.votes p					{ margin: 0 0 20px 0; color: #999; }
body.votes div.vote div.agrees ul li			{ margin: 0 0 10px 10px; float: right; }
body.votes div.vote div.disagrees ul li			{ margin: 0 10px 10px 0; float: left; }
body.votes div.vote div.agrees p				{ text-align: right; }
body.votes div.vote div.disagrees p				{ text-align: left; }
body.votes div.vote div.votes span.flash		{ width: 38px; height: 46px; margin: 0 0 0 -19px; background: url(../img/sprite.png?_8) 0 -590px repeat; display: block; position: absolute; left: 50%; top: 8px; }

/*
Breakpoint 1000px (1000 - ...)
*/

@media only screen and (min-width: 1000px) {
body.home div.main div.prediction div.text	{ font-size: 28px; line-height: 36px; }
}

/*
Breakpoint 700px (700 - 999)
*/

@media only screen and (max-width: 999px) {
body:after	{ content: '700'; }

form p.error,
body.static form p.error	{ width: auto; padding: 3px 0 0 0; font-size: 11px; line-height: 14px; position: static; clear: both; }
form p.error span			{ padding: 0; color: #ea402a; background: none; }

form.normal p.error,
body.static form.normal p.error	{ padding-left: 115px; }
form.compact p.error,
body.static form.compact p.error	{ padding-left: 140px; }

body.prediction-new form p.error,
div.option p.error	{ display: none; }

label.hint.error,
label.hint.error a	{ color: #ea402a; }
input.text.error,
#dialog input.text.error	{ border-color: #ea402a; }

div.prediction div.text	{ font-size: 28px; line-height: 36px; }
div.prediction.prediction-time div.text span.time	{ font-size: 24px; line-height: 32px; }

.wrapper	{ width: 100%; }

div.messages div.container	{ width: 560px; }

#container				{ min-width: 480px; }

#container-header		{ padding: 0 15px; }
#header-prediction a	{ margin-top: 0; padding-bottom: 11px; }

#header-support div.search		{ margin-right: 20px; }
#header-support div.search form	{ display: none; }
#header-support div.search p	{ display: block; }

#header-support div.user.logged-in p	{ min-width: 0; }

body.home #content-header		{ background-image: url(../img/content-header_bg.png); }

#content-header div.tabs						{ height: 65px; }
#content-header div.tabs ul						{ height: 65px; }
#content-header div.tabs ul li					{ padding: 20px 18px 0 9px; background-position: right -18px; }
#content-header div.tabs ul li span a			{ padding: 3px 6px 3px 6px; }
#content-header div.tabs ul li.hint span a		{ padding-right: 6px; }
#content-header div.tabs ul li span a span.hint	{ display: none; }
#content-header div.tabs div.gradient			{ width: 20px; height: 65px; background: url(../img/content-header_tabs_gradient_bg.png) 0 0 no-repeat; position: absolute; top: 0; display: block; }
#content-header div.tabs div.gradient.left		{ background-position: 0 0; left: 0; }
#content-header div.tabs div.gradient.right		{ background-position: -30px 0; right: 0; }

#container-footer	{ padding: 0 15px; }
#footer				{ padding: 50px 0 20px; }
#footer nav			{ padding: 0 0 0 60px; margin: 0 auto; }

#dialog		{ margin-top: 20px; }

body.static #content			{ padding: 40px 0 60px 0; }
body.home div.main				{ padding: 40px 0 60px 0; }
body.search #content			{ width: 640px; padding: 40px 0 60px 0; }
body.prediction-new #content	{ padding: 60px 0 60px 0; }
body.prediction #content		{ width: 640px; padding: 80px 0 0 0; }
body.user #content				{ width: 640px; padding: 40px 0 60px 0; }
body.user.settings #content		{ padding: 40px 0 60px 0; }
body.votes #content				{ width: 640px; padding: 40px 0 60px 0; }

body.home #content-header div.intro		{ padding-top: 15px; }
body.home #content-header div.intro h1	{ margin: 0; font-size: 50px; line-height: 60px; }
body.home #content-header div.intro p	{ display: none; }
body.home #content-header div.intro div.button	{ display: none; }
body.home #content-header div.tabs	{ width: 100%; padding-right: 0; background: none; }
body.home #content		{ background: none; }
body.home div.main		{ margin: 0 auto; float: none; }
body.home div.sidebar	{ display: none; }
body.home div.bottom	{ display: none; }

body.prediction-new form div.time-text.error div.header	{ background-image: url(../img/sprite_prediction-new_input_header_footer_error.png?_8); }
body.prediction-new form div.time-text.error div.main	{ background-image: url(../img/sprite_prediction-new_input_main_error.png?_8); }
body.prediction-new form div.time-text.error div.footer	{ background-image: url(../img/sprite_prediction-new_input_header_footer_error.png?_8); }

body.prediction-new form div.time p.error	{ display: none; }

body.prediction-new form select.error,
body.prediction-new form input.error,
body.prediction-new form div.time select.error,
body.prediction-new form div.time input.error,
body.prediction-new form div.input label.selected select.error	{ color: #fff; background-color: #ea402a; }

body.prediction div.meta ul li.date		{ margin-right: 0; }
body.prediction div.meta ul li.views	{ display: none; }
body.prediction div.meta ul li.votes	{ display: none; }
body.prediction div.meta ul li.comments	{ display: none; }

body.prediction div.invite				{ width: 640px; }

body.user #content-header div.user p.location	{ right: 10px; }
body.user #content-header div.user p.website	{ left: 10px; }

body.votes div.vote div.votes		{ width: 640px; }
body.votes div.vote div.agrees		{ width: 285px; }
body.votes div.vote div.disagrees	{ width: 285px; }

#uvTab	{ display: none !important; }
}

/*
Breakpoint 480px (480 - 699)
*/

@media only screen and (max-width: 699px) {
body:after	{ content: '480'; }

div.prediction div.text	{ font-size: 24px; line-height: 32px; }
div.prediction.prediction-time div.text span.time	{ font-size: 18px; line-height: 24px; }

div.messages div.container	{ width: 400px; }

div.prediction					{ margin-bottom: 4em; }
div.predictions div.pagination	{ margin-top: 4em; }

#header		{ height: 95px; }

#logo		{ width: 140px; height: 40px; }
#logo a		{ width: 140px; height: 40px; background-position: -200px 0; }

#header-prediction		{ width: 260px; height: 32px; margin: 0 0 0 -130px; }
#header-prediction a	{ padding-top: 5px; padding-bottom: 7px; font-size: 15px; line-height: 22px; }
#header-support			{ top: 20px; }

#footer nav				{ width: 360px; }
#footer nav ul.social	{ clear: both; }

div.topics	{ display: none; }

div.prediction-delete	{ margin-bottom: 4em; }

body.static #content			{ padding: 30px 0 50px 0; }
body.home div.main				{ width: 460px; padding: 30px 0 50px 0; }
body.search #content			{ width: 460px; padding: 30px 0 50px 0; }
body.prediction-new #content	{ padding: 30px 0 50px 0; }
body.prediction #content		{ width: 460px; padding: 60px 0 0 0; }
body.user #content				{ width: 460px; padding: 30px 0 50px 0; }
body.user.settings #content		{ padding: 30px 0 50px 0; }
body.votes #content				{ width: 460px; padding: 30px 0 50px 0; }

body.home #content-header div.intro	{ display: none; }
body.home div.main	{ width: 460px; }

body.search #content-header div.search		{ padding: 20px 0 20px 0; }
body.search #content-header div.search form input.text	{ width: 180px; }

body.prediction div.meta	{ width: 100%; text-align: center; left: 0; }

body.prediction div.share	{ display: none; }

body.prediction div.invite			{ width: 460px; padding-bottom: 4em; }
body.prediction div.invite p.text	{ font-size: 13px; line-height: 18px; }
body.prediction div.invite p.link	{ font-size: 13px; line-height: 18px; }

body.prediction div.reactions-show										{ width: 460px; padding: 0 0 80px 0; background-image: url(../img/prediction_reactions-show_arrows_bg_480.png?_2); }
body.prediction div.reactions											{ width: 460px; }
body.prediction div.reactions div.title h2.agrees						{ width: 225px; background-position: 8px 0; }
body.prediction div.reactions div.title h2.disagrees					{ width: 225px; background-position: 183px 0; }
body.prediction div.reactions div.comment-new							{ width: 450px; }
body.prediction div.reactions div.comment-new div.user div.content		{ width: 385px; }
body.prediction div.reactions div.comment-new.agree #form-comment-new div.textarea		{ padding: 0 6px 0 0; }
body.prediction div.reactions div.comment-new.disagree #form-comment-new div.textarea	{ padding: 0 0 0 6px; }
body.prediction div.reactions div.comment-new.agree #form-comment-new div.button		{ padding: 0 6px 0 0; }

body.prediction div.reactions div.votes-comments						{ margin-bottom: 4em; }
body.prediction div.reactions div.votes-comments li						{ width: 420px; }
body.prediction div.reactions div.votes-comments li.agree				{ padding-right: 35px; }
body.prediction div.reactions div.votes-comments li.disagree			{ padding-left: 35px; }
body.prediction div.reactions div.votes-comments li.vote div.content	{ width: 355px; }
body.prediction div.reactions div.votes-comments li.comment div.content	{ width: 355px; }
body.prediction div.reactions div.votes-comments li.moment-of-truth		{ width: 460px; }
body.prediction div.reactions div.votes-comments li.prediction			{ width: 460px; }

body.prediction div.reactions.disagrees div.comment-new,
body.prediction div.reactions.comments div.votes-comments		{ background-position: -75px top; }
body.prediction div.reactions.comments.comment-new div.votes-comments,
body.prediction div.reactions div.votes-comments li.change		{ background-position: -685px top; }
body.prediction div.reactions div.votes-comments li.expired,
body.prediction div.reactions div.votes-comments li.prediction	{ background-position: -1295px top; }

body.user #content-header div.user h1	{ font-size: 18px; line-height: 25px; }

body.votes div.vote					{ margin-bottom: 4em; }
body.votes div.votes div.pagination	{ margin-top: 4em; }
body.votes div.vote div.votes		{ width: 460px; }
body.votes div.vote div.agrees		{ width: 195px; }
body.votes div.vote div.disagrees	{ width: 195px; }
}

/*
Breakpoint 320px (320 - 479)
*/

@media only screen and (max-width: 479px) {
body:after	{ content: '320'; }

body	{ font-size: 12px; line-height: 16px; }

h1		{ font-size: 18px; line-height: 25px; text-align: center; }
h2		{ font-size: 15px; line-height: 22px; }
h3		{ font-size: 13px; line-height: 18px; }

img.image-50	{ width: 30px; height: 30px; }

form.normal p.error,
body.static form.normal p.error	{ padding-left: 0; }
form.compact p.error,
body.static form.compact p.error	{ padding-left: 0; }

div.textarea-limit p	{ font-size: 11px; line-height: 14px; }

div.prediction div.info	{ font-size: 12px; line-height: 20px; }
div.prediction div.info span.text					{ display: none; }
body.prediction div.prediction div.info span.text	{ display: inline; }
div.prediction div.text	{ font-size: 18px; line-height: 24px; }
div.prediction.prediction-time div.text span.time	{ font-size: 15px; line-height: 20px; }

div.messages div.container	{ width: 240px; }
div.messages li p			{ font-size: 13px; line-height: 18px; }
div.messages a.close		{ height: 31px; background-position: -80px -275px; }

form.normal					{ width: 240px; margin-left: auto; margin-right: auto; }
form.normal div				{ padding: 5px 0; }
form.normal div label		{ width: 240px; font-size: 12px; line-height: 15px; float: none; }
form.normal div label.hint	{ line-height: 15px; }
form.normal div input.text,
form.normal div input.file	{ width: 224px; float: none; }
form.normal div.buttons		{ padding: 10px 0 0 0; text-align: center; }
form.normal div.buttons input.submit	{ width: 240px; }

form.normal.compact div label		{ width: 240px; }
form.normal.compact div input.text	{ width: 224px; float: none; }
form.normal.compact div.buttons		{ padding-right: 0; padding-left: 0; text-align: center; }
form.normal.compact div.buttons input.submit	{ width: 240px; }

form.right					{ width: 240px; margin-left: auto; margin-right: auto; }
form.right div label		{ width: 240px; font-size: 12px; line-height: 15px; float: none; }
form.right div label.hint	{ line-height: 15px; font-weight: normal; }
form.right div input.text	{ width: 224px; float: none; }
form.right div.buttons		{ text-align: center; }

div.prediction					{ margin-bottom: 3em; }
div.predictions div.pagination	{ margin-top: 3em; }

#container		{ min-width: 320px; }

#header-prediction			{ margin: 0 0 0 -134px; }
#header-support div.search	{ margin-right: 0; position: absolute; right: -5px; bottom: -42px; }

#footer nav			{ width: 180px; padding: 0; margin: 0; }
#footer nav ul		{ float: none; }

div.prediction-delete	{ margin-bottom: 3em; }

#dialog					{ width: 300px; margin-left: -150px; }

#dialog div.outer		{ padding: 10px; }
#dialog div.inner		{ padding: 15px 20px; }
#dialog div.header h2	{ font-size: 18px; line-height: 25px; }

#dialog.login div.dialog-login form.normal div.buttons	{ padding: 10px 0 0 0; }
#dialog.login div.dialog-provider form #dialog-form-login-twitter-button	{ width: 240px; margin: 0 0 10px 0; }
#dialog.login div.dialog-provider form #dialog-form-login-facebook-button	{ width: 240px; margin: 0; }

#dialog.prediction-delete div.dialog-prediction-delete p	{ font-size: 13px; line-height: 18px; }

#dialog.anonymize div.header				{ padding: 0; background: none; }
#dialog.anonymize div.dialog-anonymize p	{ font-size: 13px; line-height: 18px; }

#dialog.prediction-hint div.dialog-prediction-hint p	{ font-size: 13px; line-height: 18px; }

#dialog.prediction-private-vote div.dialog-prediction-private-vote p.label		{ font-size: 13px; line-height: 18px; }
#dialog.prediction-private-vote div.dialog-prediction-private-vote input.text	{ width: 224px; }
#dialog.prediction-private-vote div.dialog-prediction-private-vote input.submit	{ width: 240px; }

#dialog.dialog-flag div.dialog-flag p		{ font-size: 13px; line-height: 18px; }

body.static #content			{ width: 240px; padding: 25px 0 50px 0; }
body.home div.main				{ width: 300px; padding: 25px 0 50px 0; }
body.search #content			{ width: 300px; padding: 25px 0 50px 0; }
body.prediction-new #content	{ width: 300px; padding: 20px 0 50px 0; }
body.prediction #content		{ width: 300px; padding: 60px 0 0 0; }
body.user #content				{ width: 300px; padding: 25px 0 50px 0; }
body.user.settings #content		{ width: 240px; padding: 25px 0 50px 0; }
body.votes #content				{ width: 300px; padding: 25px 0 50px 0; }

body.static p	{ font-size: 13px; line-height: 18px; }

body.error p.image img	{ width: 300px; height: 168px; }

body.home div.main	{ width: 300px; }

body.search #content-header div.search		{ padding: 15px 0 15px 0; }
body.search #content-header div.search p	{ font-size: 18px; line-height: 25px; }
body.search #content-header div.search form input.text	{ width: 100px; font-size: 18px; line-height: 25px; }

body.about div.person		{ width: 140px; }
body.about div.person.mb	{ margin: 0.5em 0 0.5em 0; }
body.about div.person div.image img	{ width: 140px; height: 140px; }

body.contact div.address p.address-left		{ width: 240px; margin-bottom: 0; }
body.contact div.address p.address-right	{ width: 240px; }

body.login div.login							{ margin-top: -5px; }
body.login div.login div.password span.hint		{ width: auto; text-align: left; float: none; }
body.login div.login div.buttons				{ padding-top: 0; }
body.login div.login div.buttons label			{ margin-bottom: 15px; text-align: left; }
body.login div.login div.buttons input.submit	{ width: 240px; float: none; }

body.login div.provider #form-login-twitter		{ margin: 0 auto 15px auto; }

body.signup div.signup							{ margin-top: -5px; }
body.signup div.signup div.option				{ padding: 5px 0 5px 0; }
body.signup div.signup div.option label.hint	{ width: 220px; }

body.signup div.provider #form-login-twitter	{ margin: 0 auto 15px auto; }

body.signup-welcome div.buttons-container form.prediction-new	{ margin: 0 0 15px 0; float: none; display: block; }
body.signup-welcome div.buttons-container form.profile-edit		{ float: none; display: block; }
body.signup-welcome div.buttons-container form #form-profile-edit-button	{ width: 240px; }
body.signup-welcome div.buttons-container form #form-prediction-new-button	{ width: 240px; }

body.signup-welcome div.provider form input			{ width: 240px; }
body.signup-welcome div.provider form div.buttons	{ text-align: center; }

body.prediction-new form div.label,
body.prediction-new form div.label h2,
body.prediction-new form div.input label,
body.prediction-new form div.input input,
body.prediction-new form div.input select,
body.prediction-new form div.input span.text	{ font-size: 15px; line-height: 28px; }

body.prediction-new form div.label		{ width: 300px; padding: 0; margin: 0 0 0.5em 0; text-align: center; float: none; }
body.prediction-new form div.input		{ width: 300px; margin: 0 0 0.5em 0; text-align: center; float: none; }
body.prediction-new form div.hint		{ padding: 0; text-align: center; }

body.prediction-new form div.user					{ margin-bottom: 5px; font-size: 15px; line-height: 22px; }
body.prediction-new form div.user span.user-image	{ width: 30px; height: 30px; }
body.prediction-new form div.user span.user-name	{ height: 22px; padding: 4px 0; }
body.prediction-new form div.user span.text			{ height: 22px; padding: 4px 0; }

body.prediction-new form div.time-text				{ width: 300px; margin-bottom: 20px; }
body.prediction-new form div.time-text div.header	{ width: 300px; background-position: -470px 0; }
body.prediction-new form div.time-text div.main		{ width: 300px; height: 157px; background-position: -470px 0; }
body.prediction-new form div.time-text.calendar div.main	{ height: 193px; }
body.prediction-new form div.time-text div.footer	{ width: 300px; background-position: -470px -25px; }
body.prediction-new.logged-out form div.time-text div.header	{ background-position: -1250px 0; }
body.prediction-new.logged-out form div.time-text div.main		{ background-position: -1250px 0; }
body.prediction-new.logged-out form div.time-text div.footer	{ background-position: -1250px -25px; }

body.prediction-new form div.time					{ width: 300px; top: 34px; }
body.prediction-new form div.time select			{ height: 28px; padding: 4px 6px; font-size: 15px; line-height: 20px; background-position: right -538px; }
body.prediction-new form div.time select:focus		{ background-position: right -578px; }
body.prediction-new form div.time input				{ width: 30px; height: 20px; padding: 4px 6px; font-size: 15px; line-height: 20px; }

body.prediction-new form div.text						{ width: 280px; top: 72px; }
body.prediction-new form div.text textarea				{ width: 280px; height: 80px; font-size: 15px; line-height: 20px; }
body.prediction-new form div.text div.textarea-limit p	{ top: 91px; }

body.prediction-new form #moment-of-truth				{ width: 220px; left: 40px; top: 163px; }
body.prediction-new form #moment-of-truth p				{ font-size: 11px; line-height: 14px; }

body.prediction-new form #calendar						{ top: 152px; }

body.prediction-new form #calendar-layer				{ width: 300px; }
body.prediction-new form #calendar-layer select			{ height: 26px; padding: 3px 5px; margin: 3px 2px; font-size: 15px; line-height: 20px; }

body.prediction-new form div.type						{ margin: 0 0 20px 0; }
body.prediction-new form div.type input					{ font-size: 15px; line-height: 28px; }

body.prediction-new form div.topic						{ margin: 0 0 20px 0; }
body.prediction-new form div.topic select				{ height: 28px; padding: 4px 6px; font-size: 15px; line-height: 20px; }

body.prediction-new form div.provider					{ margin: 0 0 20px 0; }
body.prediction-new form div.provider input				{ font-size: 15px; line-height: 28px; }

body.prediction-new form div.button						{ text-align: center; }
body.prediction-new form div.button input.submit		{ width: 240px; }

body.prediction div.invite		{ width: 300px; padding-bottom: 3em; }
body.prediction div.invite h2	{ font-size: 18px; line-height: 25px; }
body.prediction div.invite p.link input.text	{ width: 264px; padding-top: 6px; padding-bottom: 6px; }

body.prediction div.reactions-show										{ width: 300px; padding: 0 0 60px 0; background-image: url(../img/prediction_reactions-show_arrows_bg_320.png?_2); }
body.prediction div.reactions											{ width: 300px; }
body.prediction div.reactions div.title									{ height: 57px; }
body.prediction div.reactions div.title h2								{ font-size: 15px; line-height: 22px; }
body.prediction div.reactions div.title h2.agrees						{ width: 145px; background-position: 28px 0; }
body.prediction div.reactions div.title h2.disagrees					{ width: 145px; background-position: 83px 0; }
body.prediction div.reactions div.comment-new							{ width: 290px; }
body.prediction div.reactions div.comment-new div.user div.image		{ width: 30px; }
body.prediction div.reactions div.comment-new div.user div.content		{ width: 245px; }
body.prediction div.reactions div.comment-new div.user div.content div.info span.user	{ font-size: 15px; line-height: 22px;}
body.prediction div.reactions div.comment-new div.user div.content div.text span.text	{ margin: 0 0 0.5em 0; display: block; }
body.prediction div.reactions div.comment-new #form-comment-new div.textarea			{ width: 290px; }
body.prediction div.reactions div.comment-new.agree #form-comment-new div.textarea		{ padding: 0 6px 0 0; }
body.prediction div.reactions div.comment-new.disagree #form-comment-new div.textarea	{ padding: 0 0 0 6px; }
body.prediction div.reactions div.comment-new #form-comment-new div.header				{ width: 290px; }
body.prediction div.reactions div.comment-new #form-comment-new div.main				{ width: 290px; background-position: -460px 0; }
body.prediction div.reactions div.comment-new #form-comment-new div.footer				{ width: 290px; }
body.prediction div.reactions div.comment-new.agree #form-comment-new div.header			{ background-position: -460px 0; }
body.prediction div.reactions div.comment-new.agree #form-comment-new div.footer			{ background-position: -460px -37px; }
body.prediction div.reactions div.comment-new.agree #form-comment-new.active div.footer		{ background-position: -460px -25px; }
body.prediction div.reactions div.comment-new.disagree #form-comment-new div.header			{ background-position: -460px -50px; }
body.prediction div.reactions div.comment-new.disagree #form-comment-new div.footer			{ background-position: -460px -87px; }
body.prediction div.reactions div.comment-new.disagree #form-comment-new.active div.footer	{ background-position: -460px -75px; }
body.prediction div.reactions div.comment-new #form-comment-new textarea				{ width: 260px; height: 18px; font-size: 13px; line-height: 18px; }
textarea.autosizeCommentNewText															{ font-size: 13px; line-height: 18px; }
body.prediction div.reactions div.comment-new.agree #form-comment-new div.button		{ padding: 0 6px 0 0; }

body.prediction div.reactions div.votes-comments							{ margin-bottom: 3em; }
body.prediction div.reactions div.votes-comments li							{ width: 290px; }
body.prediction div.reactions div.votes-comments li.agree					{ padding-right: 5px; }
body.prediction div.reactions div.votes-comments li.disagree				{ padding-left: 5px; }
body.prediction div.reactions div.votes-comments li.agree.vote div.image	{ padding-left: 10px; padding-right: 15px; }
body.prediction div.reactions div.votes-comments li.disagree.vote div.image	{ padding-left: 15px; padding-right: 10px; }
body.prediction div.reactions div.votes-comments li.vote div.content		{ width: 245px; }
body.prediction div.reactions div.votes-comments li.comment div.image		{ width: 30px; }
body.prediction div.reactions div.votes-comments li.comment div.content		{ width: 245px; }
body.prediction div.reactions div.votes-comments li.comment div.content div.info span.user	{ font-size: 13px; line-height: 18px; }
body.prediction div.reactions div.votes-comments li.moment-of-truth			{ width: 300px; }
body.prediction div.reactions div.votes-comments li.prediction				{ width: 300px; }

body.prediction div.reactions.disagrees div.comment-new,
body.prediction div.reactions.comments div.votes-comments		{ background-position: -155px top; }
body.prediction div.reactions.comments.comment-new div.votes-comments,
body.prediction div.reactions div.votes-comments li.change		{ background-position: -765px top; }
body.prediction div.reactions div.votes-comments li.expired,
body.prediction div.reactions div.votes-comments li.prediction	{ background-position: -1375px top; }

body.user #content-header div.user		{ display: none; }
body.user #content-header div.user p	{ display: none; }

body.user.settings div.text p			{ font-size: 13px; line-height: 18px; }
body.user.settings form.normal div.image div.hint	{ margin: 0; }
body.user.settings div.delete-account	{ width: 240px; margin-left: auto; margin-right: auto; }
body.user.settings div.reset-password	{ width: 240px; margin-left: auto; margin-right: auto; }

form.options							{ width: 240px; margin-left: auto; margin-right: auto; }
form.options div.buttons input.submit,
form.options div.button input.submit	{ width: 240px; }

body.votes #content-header div.header p	{ font-size: 18px; line-height: 25px; }
body.votes div.vote						{ margin-bottom: 3em; }
body.votes div.votes div.pagination		{ margin-top: 3em; }
body.votes div.vote div.text			{ font-size: 18px; line-height: 25px; }
body.votes div.vote div.votes			{ width: 300px; }
body.votes div.vote div.agrees			{ width: 125px; }
body.votes div.vote div.disagrees		{ width: 125px; }
body.votes div.vote div.votes ul li				{ width: 30px; height: 30px; }
body.votes div.vote div.votes ul li span.user	{ width: 30px; height: 30px; }
}

/*
Webkit
*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
body.prediction-new form select,
body.prediction-new form input.text,
body.prediction-new form input.radio,
body.prediction-new form input.checkbox	{ -webkit-appearance: none; }

body.prediction-new form div.time select	{ padding-right: 24px; background-image: url(../img/sprite.png?_8); }

body.prediction-new form #calendar-layer select	{ padding-right: 24px; background-image: url(../img/sprite.png?_8); }

body.prediction-new form div.topic select	{ width: 140px; height: 34px; padding: 7px 12px; margin-top: -3px; font-size: 15px; line-height: 20px; background: url(../img/sprite.png?_8) -50px -553px no-repeat; }
body.prediction-new form div.topic select:focus	{ background-position: -50px -593px; }

body.prediction-new form input.radio		{ width: 28px; height: 28px; background: url(../img/sprite.png?_8) -200px -556px no-repeat; }
body.prediction-new form div.input label.checked input.radio	{ background-position: -200px -596px; }

body.prediction-new form input.checkbox		{ width: 28px; height: 28px; background: url(../img/sprite.png?_8) -240px -556px no-repeat; }
body.prediction-new form div.input label.checked input.checkbox	{ background-position: -240px -596px; }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and
	(max-width: 999px) {
body.prediction-new form div.topic select.error	{ background-position: -50px -633px; }
body.prediction-new form div.topic label.selected select.error { background-color: transparent; }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and
	(min--moz-device-pixel-ratio: 1.2),
	(-o-min-device-pixel-ratio: 6/5),
	(-webkit-min-device-pixel-ratio: 1.2),
	(min-device-pixel-ratio: 1.2),
	(min-resolution: 1.2) {
body.prediction-new form div.time select,
body.prediction-new form #calendar-layer select,
body.prediction-new form div.topic select,
body.prediction-new form input.radio,
body.prediction-new form input.checkbox	{ background-image: url(../img/sprite_retina.png?_8); background-size: 600px 700px; }
}

/*
Retina
*/

@media (min--moz-device-pixel-ratio: 1.2),
	(-o-min-device-pixel-ratio: 6/5),
	(-webkit-min-device-pixel-ratio: 1.2),
	(min-device-pixel-ratio: 1.2),
	(min-resolution: 1.2) {
.sprite				{ background-image: url(../img/sprite_retina.png?_8) !important; background-size: 600px 700px !important; }
form p.error span	{ background-image: url(../img/sprite_retina.png?_8); background-size: 600px 700px; }

span.clock			{ background-image: url(../img/clock_retina.png?_8); background-size: 18px 2160px; }

#content-header div.tabs ul li		{ background-image: url(../img/sprite_retina.png?_8); background-size: 600px 700px; }
#content-header div.tabs ul li.last	{ background-image: none; }

#content-header div.tabs ul li.active span a span.hint	{ background-image: url(../img/sprite_retina.png?_8); background-size: 600px 700px; }

input.submit.large.twitter	{
	background-image: url(../img/sprite_retina.png?_8);
	background-image: url(../img/sprite_retina.png?_8), -webkit-gradient(linear, left top, left bottom, from(#28b1de), to(#0c89bd));
	background-image: url(../img/sprite_retina.png?_8), -webkit-linear-gradient(top, #28b1de, #0c89bd);
	background-image: url(../img/sprite_retina.png?_8), -moz-linear-gradient(top, #28b1de, #0c89bd);
	background-image: url(../img/sprite_retina.png?_8), -ms-linear-gradient(top, #28b1de, #0c89bd);
	background-image: url(../img/sprite_retina.png?_8), -o-linear-gradient(top, #28b1de, #0c89bd);
	background-image: url(../img/sprite_retina.png?_8), linear-gradient(top, #28b1de, #0c89bd);
	background-size: 600px 700px !important;
}
input.submit.large.twitter:hover	{
	background-image: url(../img/sprite_retina.png?_8);
}
input.submit.large.twitter:focus,
input.submit.large.twitter:active	{
	background-image: url(../img/sprite_retina.png?_8);
}
input.submit.large.facebook	{
	background-image: url(../img/sprite_retina.png?_8);
	background-image: url(../img/sprite_retina.png?_8), -webkit-gradient(linear, left top, left bottom, from(#4164a8), to(#294275));
	background-image: url(../img/sprite_retina.png?_8), -webkit-linear-gradient(top, #4164a8, #294275);
	background-image: url(../img/sprite_retina.png?_8), -moz-linear-gradient(top, #4164a8, #294275);
	background-image: url(../img/sprite_retina.png?_8), -ms-linear-gradient(top, #4164a8, #294275);
	background-image: url(../img/sprite_retina.png?_8), -o-linear-gradient(top, #4164a8, #294275);
	background-image: url(../img/sprite_retina.png?_8), linear-gradient(top, #4164a8, #294275);
	background-size: 600px 700px !important;
}
input.submit.large.facebook:hover	{
	background-image: url(../img/sprite_retina.png?_8);
}
input.submit.large.facebook:focus,
input.submit.large.facebook:active	{
	background-image: url(../img/sprite_retina.png?_8);
}

div.prediction div.vote a.button span	{ background-image: url(../img/sprite_vote_button_retina.png?_8); background-size: 200px 330px; }

body.prediction-new form div.time-text div.header		{ background-image: url(../img/sprite_prediction-new_input_header_footer_retina.png?_8); background-size: 1560px 35px; }
body.prediction-new form div.time-text div.main			{ background-image: url(../img/sprite_prediction-new_input_main_retina.png?_8); background-size: 1560px 10px; }
body.prediction-new form div.time-text div.footer		{ background-image: url(../img/sprite_prediction-new_input_header_footer_retina.png?_8); background-size: 1560px 35px; }
body.prediction-new form div.time-text.error div.header	{ background-image: url(../img/sprite_prediction-new_input_header_footer_error_retina.png?_8); background-size: 1560px 35px; }
body.prediction-new form div.time-text.error div.main	{ background-image: url(../img/sprite_prediction-new_input_main_error_retina.png?_8); background-size: 1560px 10px; }
body.prediction-new form div.time-text.error div.footer	{ background-image: url(../img/sprite_prediction-new_input_header_footer_error_retina.png?_8); background-size: 1560px 35px; }

body.prediction div.reactions div.comment-new #form-comment-new div.header	{ background-image: url(../img/sprite_prediction_comment_header_footer_retina.png?_8); background-size: 760px 100px; }
body.prediction div.reactions div.comment-new #form-comment-new div.main	{ background-image: url(../img/sprite_prediction_comment_main_retina.png?_8); background-size: 760px 10px; }
body.prediction div.reactions div.comment-new #form-comment-new div.footer	{ background-image: url(../img/sprite_prediction_comment_header_footer_retina.png?_8); background-size: 760px 100px; }

body.prediction div.reactions.agrees div.comment-new,
body.prediction div.reactions.disagrees div.comment-new,
body.prediction div.reactions.agrees div.votes-comments,
body.prediction div.reactions.disagrees div.votes-comments,
body.prediction div.reactions.comments div.votes-comments,
body.prediction div.reactions.agrees.comment-new div.votes-comments,
body.prediction div.reactions.disagrees.comment-new div.votes-comments,
body.prediction div.reactions.comments.comment-new div.votes-comments,
body.prediction div.reactions div.votes-comments li.change,
body.prediction div.reactions div.votes-comments li.expired,
body.prediction div.reactions div.votes-comments li.prediction	{ background-image: url(../img/sprite_prediction_reactions_bg_retina.png?_8); background-size: 1830px 14px; }
body.prediction div.reactions div.votes-comments li.first		{ background: none; }
}

@media only screen and (max-width: 999px) and
	(min--moz-device-pixel-ratio: 1.2),
	(-o-min-device-pixel-ratio: 6/5),
	(-webkit-min-device-pixel-ratio: 1.2),
	(min-device-pixel-ratio: 1.2),
	(min-resolution: 1.2) {
form p.error span	{ background: none; }
}

/*
Print
*/

@media print {
	* { 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) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	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; }
}