#container { min-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 { width: 960px; height: 65px; }
#logo { width: 172px; height: 49px; position: absolute; left: -3px; top: 8px; }
#logo a { width: 172px; height: 49px; background: url(../img/logo.png) left top no-repeat; }
#header-prediction { width: 300px; height: 40px; padding: 25px 0 0 0; text-align: center; overflow: hidden; position: absolute; left: 330px; top: 0; }
#header-prediction a {
margin-top: 10px;
padding: 6px 14px 18px 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;
}
#header-prediction a:focus,
#header-prediction a:hover {
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: 22px; }
#header-support form { height: 30px; margin: 0 25px 0 0; float: left; position: relative; }
#header-support 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 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 form input.submit {
width: 22px;
height: 22px;
padding: 0;
background: url(../img/header_search_icon.png?_1) 0 0 no-repeat;
position: absolute; right: 4px; top: 4px;
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
#header-support form.active input.submit {
background-position: 0 -22px;
}
#header-support div.user { margin: 4px 0 1px 0; float: left; position: relative; }
#header-support div.user p { font-size: 12px; line-height: 25px; text-align: right; display: block; }
#header-support div.user.logged-in p { min-width: 105px; }
#header-support div.user p a { color: #999; }
#header-support div.user.logged-in p a { cursor: default; }
#header-support div.user.logged-out p a:hover { color: #fff; text-shadow: 0 0 2px #444; }
#header-support ul li { padding: 0; margin: 0; font-size: 12px; line-height: 25px; text-align: right; }
#header-support ul li a { color: #fff; display: block; }
#header-support ul li a:hover { color: #fff; }
#header-support ul li.default span { display: none; }
html.js #header-support ul { padding: 7px 0 7px 0; background: #3d3d3d; display: none; position: absolute; left: -10px; top: -7px; 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; cursor: default; }
html.js #header-support ul li.option a { padding: 3px 10px; }
html.js #header-support ul li.option a:hover { background: #e45b00 url(../img/header_user_icon.png) left 9px no-repeat; 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 > div { width: 960px; }
#content-header div.tabs { padding: 25px 0 0 0; text-align: center; }
#content-header div.tabs ul { display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; }
#content-header div.tabs ul li { padding: 0 25px 0 16px; background: url(../img/content-header_tabs_flash.png) right 6px no-repeat; float: left; }
#content-header div.tabs ul li.first { padding-left: 0; }
#content-header div.tabs ul li.last { padding-right: 0; background: 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 {
padding: 4px 8px 4px 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,
#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; font-weight: bold; line-height: 15px; color: #fff; background: #b6b6b6; display: inline; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#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/content-header_tabs_hint_bg.png) left center no-repeat; }
#content { width: 960px; }
div.messages div.container { width: 880px; padding: 0 40px; }
form.normal div { padding: 10px 0; margin: 0; line-height: 22px; position: relative; }
form.normal div label { width: 120px; padding: 4px 0; font-size: 15px; font-weight: bold; float: left; display: block; }
form.normal div label.hint { font-size: 11px; font-weight: normal; }
form.normal div input.text { width: 224px; float: left; }
form.normal div.buttons { padding: 10px 120px 0 120px; }
form.normal div.buttons input.submit { width: 240px; }
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; line-height: 22px; position: relative; }
form.right div label { width: 240px; padding: 4px 0; font-size: 15px; font-weight: bold; float: left; display: block; }
form.right div label.hint { font-size: 11px; font-weight: normal; }
form.right div input.text { width: 224px; 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 { display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; }
div.topics ul li { float: left; }
div.topics ul li a {
padding: 3px 8px;
margin: 0 1px;
font-size: 13px;
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 80px 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: 0; margin: 0; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 25px; text-align: left; position: absolute; left: 368px; 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/error_bg.png) left center no-repeat; }
#footer { width: 960px; padding: 10px 0 60px 0; }
/* TODO template: width: 120px; */
#footer div.language { width: 240px; float: left; position: relative; }
#footer div.language p { display: none; }
html.js #footer div.language p { margin: 0; font-size: 12px; line-height: 25px; display: block; }
html.js #footer div.language p a { color: #999; cursor: default; }
#footer div.language ul li { padding: 0; margin: 0; font-size: 12px; line-height: 25px; }
#footer div.language ul li a { width: 150px; color: #fff; display: block; }
#footer div.language ul li a:hover { color: #fff; }
#footer div.language ul li span { display: none; }
html.js #footer div.language ul { padding: 7px 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 { width: auto; padding: 3px 10px; }
html.js #footer div.language ul li.option a:hover { background: #e45b00 url(../img/footer_language_icon.png) right 9px no-repeat; text-shadow: none; }
#footer div.template { width: 120px; float: left; }
#footer div.template p { margin: 0; font-size: 12px; line-height: 25px; color: #999; }
#footer div.template ul li { padding: 0; margin: 0; font-size: 12px; line-height: 25px; }
#footer div.template ul li a { color: #999; display: block; }
#footer div.template ul li a:hover { color: #fff; }
#footer nav { width: 600px; float: left; overflow: hidden; }
#footer nav ul { float: left; }
#footer nav ul.about { width: 175px; }
#footer nav ul.legal { width: 175px; }
#footer nav ul.social { width: 250px; }
#footer nav ul li { margin: 0; }
#footer nav ul li a { width: 150px; font-size: 12px; line-height: 25px; 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/footer_tumblr_icon.png) 0 3px no-repeat; }
#footer nav ul li.blog a:hover { background-position: 0 -22px; }
#footer nav ul li.twitter a { padding: 0 0 0 25px; background: url(../img/footer_twitter_icon.png) 0 3px no-repeat; }
#footer nav ul li.twitter a:hover { background-position: 0 -22px; }
#footer nav ul li.facebook a { padding: 0 0 0 25px; background: url(../img/footer_facebook_icon.png) 0 3px no-repeat; }
#footer nav ul li.facebook a:hover { background-position: 0 -22px; }
#footer div.copyright { width: 120px; float: left; }
#footer div.copyright p { font-size: 12px; color: #999; line-height: 25px; text-align: right; }
/*
Dialog
*/
#dialog-bg { background: #000; position: absolute; left: 0; top: 0; overflow: hidden; display: none; }
#dialog { margin: 100px 0 20px 0; 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 50px 25px 50px; 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: 24px; font-style: italic; line-height: 30px; text-align: center; }
#dialog div.header a.close { width: 40px; height: 40px; background: url(../img/close_icon.png) 0 0 repeat; position: absolute; right: 0; top: 0; }
#dialog div.header a.close:hover { background-position: 0 -40px; }
#dialog div.content form.normal div { padding: 10px 0; line-height: 22px; position: relative; }
#dialog div.content form.normal div label { width: 120px; padding: 4px 0; font-size: 15px; font-weight: bold; float: left; display: block; }
#dialog div.content form.normal div input.text { width: 224px; float: left; }
#dialog div.content 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 120px; }
#dialog.login div.dialog-login form.normal div.buttons span.hint { line-height: 30px; }
#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 p { 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-hint div.dialog-prediction-hint p.hint { line-height: 15px; }
#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 p.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: 480px; padding: 80px 240px 80px 240px; }
body.static p { margin: 0 0 1.5em 0; font-size: 15px; line-height: 24px; }
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; }
/*
Home
*/
body.home #content-header { background: #f1f1f1 url(../img/content-header_home_bg.png) center bottom repeat-x; }
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; font-style: italic; line-height: 38px; color: #808080; text-align: center; }
body.home #content-header div.intro div.button { position: absolute; right: 0; bottom: -51px; }
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/content-header_home_tabs_bg.png) 688px bottom no-repeat; position: static; }
body.home #content-header div.tabs ul li.active span { background: url(../img/content-header_arrow.png) bottom center no-repeat; }
body.home #content { padding: 0; background: url(../img/content_home_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.main div.prediction div.text { font-size: 28px; line-height: 38px; }
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: 24px; font-weight: bold; font-style: italic; line-height: 32px; }
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.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 { padding: 0 0 0 32px; background: url(../img/sidebar_facebook_icon.png?_1) left center no-repeat; }
body.home div.sidebar div.facebook div.like-box { width: 230px; height: 230px; overflow: hidden; }
body.home div.sidebar div.facebook div.like-box iframe { width: 242px; height: 258px; margin: -1px -6px -27px -6px; }
body.home div.sidebar div.comments h2 { padding: 0 0 0 32px; background: url(../img/sidebar_comments_icon.png?_1) left center no-repeat; }
body.home div.sidebar div.comments ul { margin-bottom: -20px; }
body.home div.sidebar div.comments ul li { width: 230px; margin: 0 0 20px 0; overflow: hidden; }
body.home div.sidebar div.comments ul li span.text { font-family: "Noto Serif", Georgia, serif; font-size: 15px; font-style: italic; line-height: 22px; color: #666; }
body.home div.sidebar div.comments ul li span.text a { color: #666; }
body.home div.sidebar div.comments ul li span.text a:hover { color: #e45b00; }
body.home div.sidebar div.comments ul li span.date { font-size: 11px; color: #999; }
body.home div.sidebar div.tweets h2 { padding: 0 0 0 32px; background: url(../img/sidebar_tweets_icon.png?_1) left center no-repeat; }
body.home div.sidebar div.tweets ul { margin-bottom: -20px; }
body.home div.sidebar div.tweets ul li { width: 230px; margin: 0 0 20px 0; overflow: hidden; }
body.home div.sidebar div.tweets ul li span.text { font-family: "Noto Serif", Georgia, serif; font-size: 15px; font-style: italic; line-height: 22px; color: #666; }
body.home div.sidebar div.tweets ul li span.text a { color: #666; }
body.home div.sidebar div.tweets ul li span.text a:hover { color: #e45b00; }
body.home div.sidebar div.tweets ul li span.date { font-size: 11px; color: #999; }
body.home div.sidebar div.blog-posts h2 { padding: 0 0 0 32px; background: url(../img/sidebar_blog-posts_icon.png?_1) left center no-repeat; }
body.home div.sidebar div.blog-posts ul { margin-bottom: -20px; }
body.home div.sidebar div.blog-posts ul li { width: 230px; margin: 0 0 20px 0; overflow: hidden; }
body.home div.sidebar div.blog-posts ul li span.text { font-family: "Noto Serif", Georgia, serif; font-size: 15px; font-style: italic; line-height: 22px; color: #666; }
body.home div.sidebar div.blog-posts ul li span.text a { color: #666; }
body.home div.sidebar div.blog-posts ul li span.text a:hover { color: #e45b00; }
body.home div.sidebar div.blog-posts ul li span.date { font-size: 11px; color: #999; }
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: 28px; font-style: italic; line-height: 43px; 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 { padding: 4px 0; font-family: "Noto Serif", Georgia, serif; font-size: 28px; font-weight: bold; font-style: italic; line-height: 38px; 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/search_icon.png) 0 0 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: 0 -32px; }
body.search #content { width: 800px; padding: 40px 80px 80px 80px; }
/*
About
*/
body.about div.person { width: 200px; margin: 1.25em 0 2em 0; }
body.about div.person.mb { float: left; }
body.about div.person.mt { float: right; margin-right: 30px; }
body.about div.person div.image { margin: 0 0 0.75em 0; }
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/person_twitter_icon.png) left center no-repeat; }
body.about div.person p.contact a.mail { padding: 0 0 0 25px; background: url(../img/person_mail_icon.png) left center 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: 280px; 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 span.hint { width: 120px; padding: 4px 0; text-align: right; float: left; display: block; }
body.login div.login div.buttons label { width: auto; }
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 #form-login-twitter { margin: -60px 0 5px 0; }
body.login div.signup div.buttons { padding-top: 0; }
/*
Signup
*/
body.signup div.signup div.option { padding: 2px 0 2px 120px; }
body.signup div.signup div.option label.hint { width: 360px; padding: 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: 230px; }
body.signup-welcome div.buttons-container form #form-prediction-new-button { width: 230px; }
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: 230px; }
/*
Prediction New
*/
body.prediction-new #content { width: 480px; padding: 55px 240px 80px 240px; }
body.prediction-new h1 { display: none; }
body.prediction-new form div.label { width: 225px; float: left; }
body.prediction-new form div.label h2 { margin: 0; font-family: "Noto Serif", Georgia, serif; font-size: 20px; font-weight: normal; font-style: italic; line-height: 28px; color: #999; }
body.prediction-new form div.topic div.label h2 { line-height: 32px; }
body.prediction-new form div.input { width: 255px; font-family: "Noto Serif", Georgia, serif; font-size: 20px; font-weight: normal; font-style: italic; line-height: 28px; color: #999; float: left; position: relative; }
body.prediction-new form div.hint p { font-size: 11px; }
body.prediction-new form div.hint p span.hint { line-height: 15px; }
body.prediction-new form div.input label span.radio,
body.prediction-new form div.input label span.checkbox { width: 26px; height: 26px; margin: 0 0.2em 0 0; line-height: 20px; background: #fff; vertical-align: text-bottom; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.5); box-shadow: 0 0 3px 0 rgba(0,0,0,0.5); }
body.prediction-new form div.input label span.state { width: 20px; height: 20px; margin: 3px; background: #e5e5e5; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
body.prediction-new form div.input label.checked { color: #000; }
body.prediction-new form div.input label.checked span.state { background: #e45b00 url(../img/prediction-new_input_icons.png) 0 0 no-repeat; }
body.prediction-new form div.input label.checked span.radio span.state { background-position: 0 0; }
body.prediction-new form div.input label.checked span.checkbox span.state { background-position: -20px 0; }
body.prediction-new form div.input label span.select { height: 32px; font-size: 15px; line-height: 18px; background: #fff; vertical-align: text-bottom; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.5); box-shadow: 0 0 3px 0 rgba(0,0,0,0.5); }
body.prediction-new form div.input label span.select span.option { height: 18px; padding: 4px 30px 4px 10px; margin: 3px; background: #e5e5e5 url(../img/prediction-new_select_arrow.png) right 11px no-repeat; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
body.prediction-new form div.input label span.select:hover span.option { background-position: right -19px; }
body.prediction-new form div.input label.selected span.select span.option { color: #000; }
body.prediction-new form div.input div.layer { padding: 5px 5px 5px 5px; background: #fff; font-size: 15px; line-height: 18px; text-align: left; vertical-align: middle; position: absolute; left: -2px; top: -2px; z-index: 2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); }
body.prediction-new form div.input div.layer ul { padding: 4px 5px 4px 5px; background: #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
body.prediction-new form div.input div.layer ul li a { padding: 0 25px 5px 5px; display: block; }
body.prediction-new form div.input div.layer ul li.last a { padding-bottom: 0; }
body.prediction-new form div.user { margin: 0 0 10px 0; font-family: "Noto Serif", Georgia, serif; font-size: 24px; font-style: italic; line-height: 32px; }
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: 32px; padding: 10px 0 8px 0; margin: 0 0 0 0.3em; font-weight: bold; display: block; float: left; }
body.prediction-new form div.user span.text { height: 32px; padding: 10px 0 8px 0; margin: 0 0 0 0.3em; color: #999; display: block; float: left; }
body.prediction-new form div.time-text { width: 526px; height: 261px; margin: 0 -23px 40px -23px; background: url(../img/prediction-new_input_bg.png?_1) left top no-repeat; position: relative; }
body.prediction-new.logged-out form div.time-text { background-image: url(../img/prediction-new_input_guest_bg.png?_1); }
body.prediction-new form div.time { width: 440px; text-align: center; position: absolute; left: 43px; top: 39px; }
body.prediction-new form div.time span.select span.text { padding: 0 5px 0 0; }
body.prediction-new form div.time span.select span.icon { padding: 0 10px 0 10px; background: url(../img/prediction-new_select_arrow.png) 6px 12px no-repeat; }
body.prediction-new form div.time span.select:hover span.icon { background-position: 6px -18px; }
body.prediction-new form div.time ul.layer { padding: 6px 7px 6px 7px; font-family: "Noto Serif", Georgia, serif; font-size: 24px; font-style: italic; line-height: 28px; background: #e8e8e8; text-align: left; vertical-align: middle; position: absolute; left: -2px; top: -2px; z-index: 2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); }
body.prediction-new form div.time ul.layer li a { padding: 0 25px 6px 5px; display: block; }
body.prediction-new form div.time ul.layer li.last a { padding-bottom: 0; }
body.prediction-new form div.time span.input { padding: 4px 5px 4px 10px; font-family: "Noto Serif", Georgia, serif; font-size: 24px; font-style: italic; line-height: 28px; background: #e8e8e8; vertical-align: middle; display: inline-block; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; }
body.prediction-new form div.time input { width: 40px; margin: 0 2px; padding: 4px 10px; font-family: "Noto Serif", Georgia, serif; font-size: 24px; font-style: italic; line-height: 28px; text-align: center; background: #e8e8e8; vertical-align: middle; }
body.prediction-new form div.time img { vertical-align: bottom; position: absolute; right: -20px; top: 7px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; }
body.prediction-new form div.time p.error { width: 250px; left: 470px; top: 5px; }
body.prediction-new form div.text { width: 440px; position: absolute; left: 43px; top: 83px; }
body.prediction-new form div.text textarea { width: 440px; padding: 0; height: 128px; font-family: "Noto Serif", Georgia, serif; font-size: 24px; font-style: italic; line-height: 32px; text-align: center; border: 0; resize: none; overflow-x: hidden; overflow-y: auto; }
body.prediction-new form div.text div.textarea-limit p { right: -20px; bottom: -34px; }
body.prediction-new form div.text p.error { width: 250px; left: 470px; top: 3px; }
body.prediction-new form #moment-of-truth { width: 440px; position: absolute; left: 43px; top: 230px; }
body.prediction-new form #moment-of-truth p { font-size: 12px; color: #999; text-align: center; }
body.prediction-new form div.type { margin: 0 0 35px 0; }
body.prediction-new form div.type input { vertical-align: baseline; }
body.prediction-new form div.type #prediction-new-type-public { margin: 0 20px 0 0; }
body.prediction-new form div.type p.error { width: 250px; left: 265px; top: 1px; }
body.prediction-new form div.input div.layer.topic { top: -94px; }
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 { color: #999; }
body.prediction-new form div.topic p.error { width: 250px; left: 265px; 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 input { vertical-align: baseline; }
body.prediction-new form div.provider #prediction-new-option_twitter_new { margin: 0 20px 0 0; }
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: 230px; }
#ui-datepicker-div { font-size: 12px; margin: -28px 0 0 46px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); box-shadow: 0 0 3px 0 rgba(0,0,0,0.25); }
#ui-datepicker-div select { padding: 2px; margin: 0 5px; background: #fff; }
.ui-widget { font-family: Arial, sans-serif; font-size: inherit; }
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button { font-family: Arial, sans-serif; font-size: inherit; }
.ui-widget-header { background: #f2f2f2; border: 0; }
.ui-widget-content { border-color: #c5c5c5; }
.ui-corner-all { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.ui-datepicker .ui-datepicker-header { padding: 4px 0; }
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { top: 5px; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: auto; }
#ui-timepicker-div-formpredictionnewdatetimepicker { margin: 10px 0 0 0; overflow: hidden; }
.ui-timepicker-div dl { margin: 0; overflow: hidden; }
.ui-timepicker-div dl dt { width: 56px; padding: 0 0 0 8px; margin: 0 0 8px 0; font-size: 12px; line-height: 15px; color: #999; float: left; }
.ui-timepicker-div dl dd { width: 131px; padding: 0 9px 0 0; margin: 0 0 8px 0; float: right; }
#ui_tpicker_time_label_formpredictionnewdatetimepicker { font-weight: bold; color: #000; }
#ui_tpicker_time_formpredictionnewdatetimepicker { font-weight: bold; color: #000; }
.ui-timepicker-div dl dd.ui_tpicker_hour { margin: 2px 0 6px 0; }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { font-weight: bold; color: #fff; background: #e45b00; border: 1px solid #e45b00; }
.ui_tpicker_time { font-size: 12px; line-height: 15px; color: #999; }
.ui_tpicker_minute,
.ui_tpicker_second,
.ui_tpicker_millisec { display: none; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-datepicker table { font-size: 12px; }
.ui-datepicker-current { display: none; }
.ui-datepicker .ui-datepicker-buttonpane { padding: 0; margin: 0 9px 8px 0; border: 0; overflow: hidden; }
.ui-datepicker .ui-datepicker-buttonpane button { margin: 0; }
/*
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 { overflow: hidden; }
body.prediction div.meta ul li { margin: 0 25px 0 0; font-size: 11px; font-weight: bold; line-height: 18px; color: #c5c5c5; float: left; }
body.prediction div.meta ul li.created { padding: 0 0 0 16px; background: url(../img/prediction_created_icon.png) left center no-repeat; }
body.prediction div.meta ul li.date.active span.clock { margin: 0 3px 0 0; }
body.prediction div.meta ul li.date.expired { padding: 0 0 0 16px; background: url(../img/prediction_expired_icon.png) left center no-repeat; }
body.prediction div.meta ul li.views { padding: 0 0 0 25px; background: url(../img/prediction_views_icon.png) left center no-repeat; }
body.prediction div.meta ul li.votes { padding: 0 0 0 16px; background: url(../img/prediction_votes_icon.png) left center no-repeat; }
body.prediction div.meta ul li.comments { padding: 0 0 0 25px; background: url(../img/prediction_comments_icon.png) left center 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;
font-weight: bold;
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: #fbfbfb url(../img/button_share_icon.png) 0 center no-repeat;
}
body.prediction div.share input.submit.share.twitter:hover {
color: #28b1de;
background: #fff url(../img/button_share_icon.png) -150px center no-repeat;
}
body.prediction div.share input.submit.share.twitter:focus,
body.prediction div.share input.submit.share.twitter:active {
color: #d0f7ff;
background: #1ca0d0 url(../img/button_share_icon.png) -300px center no-repeat;
border-color: #147091;
}
body.prediction div.share input.submit.share.facebook {
color: #c5c5c5;
background: #fbfbfb url(../img/button_share_icon.png) -450px center no-repeat;
}
body.prediction div.share input.submit.share.facebook:hover {
color: #3c5a98;
background: #fff url(../img/button_share_icon.png) -600px center no-repeat;
}
body.prediction div.share input.submit.share.facebook:focus,
body.prediction div.share input.submit.share.facebook:active {
color: #cbe1fc;
background: #334e87 url(../img/button_share_icon.png) -750px center no-repeat;
border-color: #213257;
}
body.prediction div.share input.submit.share.google {
color: #c5c5c5;
background: #fbfbfb url(../img/button_share_icon.png) -900px center no-repeat;
}
body.prediction div.share input.submit.share.google:hover {
color: #db5841;
background: #fff url(../img/button_share_icon.png) -1050px center no-repeat;
}
body.prediction div.share input.submit.share.google:focus,
body.prediction div.share input.submit.share.google:active {
color: #fff;
background: #db5841 url(../img/button_share_icon.png) -1200px center no-repeat;
border-color: #a64331;
}
body.prediction.private div.share input.submit.share.friends {
padding-left: 16px;
color: #c5c5c5;
background: #fbfbfb url(../img/button_share_icon.png) -1350px center no-repeat;
}
body.prediction.private div.share input.submit.share.friends:hover {
color: #e45b00;
background: #fff url(../img/button_share_icon.png) -1500px center no-repeat;
}
body.prediction.private div.share input.submit.share.friends:focus,
body.prediction.private div.share input.submit.share.friends:active {
color: #fff;
background: #d65600 url(../img/button_share_icon.png) -1650px center no-repeat;
border-color: #a24100;
}
body.prediction.public div.share input.submit.share.friends {
color: #c5c5c5;
background: #fbfbfb url(../img/button_share_icon.png) -450px center no-repeat;
}
body.prediction.public div.share input.submit.share.friends:hover {
color: #3c5a98;
background: #fff url(../img/button_share_icon.png) -600px center no-repeat;
}
body.prediction.public div.share input.submit.share.friends:focus,
body.prediction.public div.share input.submit.share.friends:active {
color: #cbe1fc;
background: #334e87 url(../img/button_share_icon.png) -750px center no-repeat;
border-color: #213257;
}
body.prediction div.container-invite { background: #f1f1f1 url(../img/prediction_invite_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_invite_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: 24px; font-weight: normal; font-style: italic; line-height: 32px; 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: 340px; padding-top: 8px; padding-bottom: 8px; font-family: "Noto Serif", Georgia, serif; font-size: 20px; font-weight: normal; font-style: italic; line-height: 24px; 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/close_icon.png) 0 0 repeat; position: absolute; right: 0; top: 0; }
body.prediction div.invite a.close:hover { background-position: 0 -40px; }
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) left top no-repeat; overflow: hidden; }
body.prediction div.reactions-show a { padding: 0 1em; font-size: 11px; line-height: 21px; 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_reactions_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 div.title h2 { margin: 0 0 0.75em 0; font-family: "Noto Serif", Georgia, serif; font-size: 24px; font-weight: normal; font-style: italic; line-height: 32px; }
body.prediction div.reactions div.title h2.agrees { width: 300px; padding: 35px 0 0 0; margin: 0 0 0 5px; background: url(../img/prediction_reactions_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_reactions_arrow.png) 258px 0 no-repeat; float: right; }
body.prediction div.reactions div.comment-new { width: 600px; padding: 35px 5px 0 5px; margin: 25px 0 0 0; background: url(../img/prediction_reactions_comment-new_bg.png) center top no-repeat; }
body.prediction div.reactions div.comment-new.agree div.user { height: 56px; }
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: 480px; }
body.prediction div.reactions div.comment-new div.user div.content div.info span.user { font-size: 24px; font-weight: bold; line-height: 32px; }
body.prediction div.reactions div.comment-new div.user div.content div.text { font-family: "Noto Serif", Georgia, serif; font-size: 14px; font-style: italic; line-height: 21px; color: #999; }
body.prediction div.reactions div.comment-new div.user div.content div.text form { vertical-align: bottom; display: inline-block; *display: inline; *zoom: 1; }
body.prediction div.reactions div.comment-new.agree div.user div.content div.text form { padding: 0 0 0 1em; }
body.prediction div.reactions div.comment-new.disagree div.user div.content div.text form { padding: 0 1em 0 0; }
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: 506px; margin: 0 -3px 0 -3px; }
body.prediction div.reactions div.comment-new.agree #form-comment-new div.textarea { padding: 0 100px 0 0; }
body.prediction div.reactions div.comment-new.disagree #form-comment-new div.textarea { padding: 0 0 0 100px; }
body.prediction div.reactions div.comment-new #form-comment-new div.header { width: 506px; height: 19px; margin: 5px 0 0 0; }
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: 506px; background: url(../img/prediction_comment_main_bg.png) left top repeat-y; position: relative; }
body.prediction div.reactions div.comment-new #form-comment-new div.footer { width: 506px; height: 13px; margin: 0 0 8px 0; }
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: url(../img/prediction_comment_agree_header_footer_bg.png) left top no-repeat; }
body.prediction div.reactions div.comment-new.agree #form-comment-new div.footer { background: url(../img/prediction_comment_agree_header_footer_bg.png) left bottom no-repeat; }
body.prediction div.reactions div.comment-new.disagree #form-comment-new div.header { background: url(../img/prediction_comment_disagree_header_footer_bg.png) left top no-repeat; }
body.prediction div.reactions div.comment-new.disagree #form-comment-new div.footer { background: url(../img/prediction_comment_disagree_header_footer_bg.png) left bottom no-repeat; }
body.prediction div.reactions div.comment-new #form-comment-new textarea { width: 460px; padding: 0; margin: 0 23px 0 23px; height: 22px; font-family: "Noto Serif", Georgia, serif; font-size: 15px; font-style: italic; line-height: 22px; border: 0; resize: none; overflow-x: hidden; overflow-y: auto; }
textarea.autosizeCommentNewText { 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: 23px; 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 100px 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 { margin: 0 0 5em 0; }
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/prediction_reactions_change_bg.png) center top no-repeat; }
body.prediction div.reactions div.votes-comments li.expired { padding-top: 25px; margin-top: 15px; background: url(../img/prediction_reactions_expired_bg.png) center top no-repeat; }
body.prediction div.reactions div.votes-comments li.prediction { padding-top: 25px; margin-top: 15px; background: url(../img/prediction_reactions_expired_bg.png) center top no-repeat; }
body.prediction div.reactions div.votes-comments li.first { padding-top: 25px; margin-top: 15px; 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 { padding-top: 5px; padding-bottom: 5px; width: 20px; }
body.prediction div.reactions div.votes-comments li.vote div.content { padding-top: 5px; padding-bottom: 5px; width: 480px; }
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 { padding-top: 20px; padding-bottom: 20px; width: 50px; }
body.prediction div.reactions div.votes-comments li.comment div.content { padding-top: 20px; padding-bottom: 20px; width: 480px; }
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; 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: 14px; font-style: italic; line-height: 21px; }
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/close_icon.png) 0 0 repeat; position: absolute; right: 0; top: 0; }
body.prediction div.reactions a.close:hover { background-position: 0 -40px; }
/*
Users
*/
body.users #content { width: 480px; padding: 80px 240px 80px 240px; }
body.users div.users ul { width: 480px; }
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/content-header_user_icons.png) 0 0 no-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 0; }
body.user #content-header div.user p.location a:hover { background-position: 0 -16px; }
body.user #content-header div.user p.website { left: 0; top: 15px; }
body.user #content-header div.user p.website a { background-position: 0 -32px; }
body.user #content-header div.user p.website a:hover { background-position: 0 -48px; }
body.user #content { width: 800px; padding: 40px 80px 80px 80px; }
/*
User Settings
*/
body.user.settings #content { width: 480px; padding: 40px 240px 80px 240px; }
body.user.settings div.text p { margin: 0 0 1.5em 0; font-size: 15px; line-height: 22px; }
body.user.settings form.normal { margin: 0 0 2.5em 0; }
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; }
body.user.settings form.normal div.image p.hint { margin: 0 0 0 120px; font-size: 11px; font-weight: normal; color: #999; }
body.user.settings form.options { margin: 0 0 2.5em 0; }
body.user.settings form.options div { line-height: 25px; }
body.user.settings form.options div label { display: block; }
body.user.settings form.options div label.disabled { color: #999; cursor: default; }
body.user.settings form.options div label input { vertical-align: baseline; }
body.user.settings form.options div.group { margin: 0 0 2em 0; }
body.user.settings form.options div.group div.button { margin: 0.5em 0 0.75em 0; }
body.user.settings form.options div.buttons { text-align: left; }
body.user.settings form.options div.buttons input.submit { width: 240px; }
/*
Guest Options
*/
body.guest.options form.options { margin: 0 0 2.5em 0; }
body.guest.options form.options div { line-height: 25px; }
body.guest.options form.options div label { display: block; }
body.guest.options form.options div label input { vertical-align: baseline; }
body.guest.options form.options div.group { margin: 0 0 2em 0; }
body.guest.options form.options div.group div.button { margin: 0.5em 0 0.75em 0; }
body.guest.options form.options div.buttons { text-align: left; }
body.guest.options form.options div.buttons input.submit { width: 240px; }
/*
Votes
*/
body.votes #content-header div.header h1 { padding: 1.75em 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: 24px; font-style: italic; line-height: 32px; 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.vote div.text { font-family: "Noto Serif", Georgia, serif; font-size: 24px; font-style: italic; line-height: 32px; text-align: center; }
body.votes div.vote div.text a { color: #999; }
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; background: url(../img/votes_flash.png) center 8px no-repeat; }
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; }
/*
Device
*/
#container-template-hint { display: none; }
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
#container-template-hint { padding: 10px; background: #fff; display: block; }
}