@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
* { margin: 0; padding: 0; list-style: none; }
body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; background-color: #e5e5e5; color: #333; font-size: 62.5%; font-family: "Helvetica Neue", "Segoe WP", Helvetica, Arial, Roboto, sans-serif; line-height: 1; text-rendering: auto; position: relative; }
a { color: #466ea0; text-decoration: none; outline: none; }
b,
strong { font-weight: 600; }
img { border: 0; vertical-align: middle; }
img,
media,
object,
embed,
pre { max-width: 100%; height: auto !important; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	body #promos-nav { display: none; }
}
@media screen and (min-width:767px) {
	body.main #promos { height: 174px; }
	body.main #scroller { width: 1088px; height: 158px; }
	body.main #scroller li,
	body.main #scroller li img { width: 208px; height: 158px; }
	body.main #scroller span { font-size: 13px; }
	body.main .news-item .news-logo { width: 108px; height: 80px; }
	body.main .news-item .news-logo img { max-width: 108px; height: 80px !important; }
	body.main .news-item header,
	body.main .news-item footer,
	body.main .news-item p { margin-left: 120px; }
}
@media screen and (min-width:400px) {
	body.main .news-item h2,
	body.main .article h1 { padding-right: 32px; white-space: normal; }
	body.main .news-author { display: inline; }
	body.main #user-button .username,
	body.main .post-comment-bubble { display: inline-block; }
	body.main .news-item p { display: block; }
}
#admin-bar { font-weight: bold; padding: 10px 5px; background-color: #111; }
#admin-bar li { display: inline; margin-right: 6px; }
#admin-bar li.admin-link { float: right; margin-right: 0; }
#admin-bar li a { color: #aaa; }
#admin-bar li.active a { color: #fff; }
#header { text-align: right; color: #fff; overflow: hidden; position: relative; background-color: #2d3c4e; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNTQ2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDNjNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f546d), color-stop(100%, #2d3c4e)); background-image: -webkit-linear-gradient(top, #3f546d, #2d3c4e); background-image: linear-gradient(top, #3f546d, #2d3c4e); background-repeat: repeat-x; padding: 9px 10px; text-shadow: rgba(0,0,0,.5) 0 1px 0; font-size: 100%; box-shadow: inset rgba(255,255,255,.15) 0 1px 0, inset rgba(0,0,0,.25) 0 -1px 0, rgba(0,0,0,.15) 0 2px 6px; }
#header a { color: #fff; }
#branding { float: left; }
#branding a { display: block; height: 34px; width: 79px; background: url(/images/mobile/logo.png) no-repeat center center; background-size: 79px 34px; text-indent: -9999px; text-align: left; }
.presto #branding a { background: url(/images/mobile/logo_1x.png) no-repeat center center; }
#user-button,
#user-button .avatar,
#user-button .username { vertical-align: top; }
#user-button { display: inline-block; line-height: 34px; font-size: 13px; font-weight: 700; color: #fff; text-shadow: rgba(0,0,0,.5) 0 1px 1px; white-space: nowrap; }
#user-button .avatar { display: inline-block; border: 1px solid rgba(0,0,0,.3); border-radius: 4px; background-clip: padding-box; box-shadow: rgba(255,255,255,.15) 0 1px 0, inset rgba(255,255,255,.15) 0 1px 0; overflow: hidden; font-size: 0; line-height: 0; height: 32px; width: 32px; }
.touchpad #user-button .avatar,
.touchpad .icons > li { box-shadow: none !important; }
#user-button.active .avatar { background-color: rgba(0,0,0,.35); }
#user-button .avatar img { height: 32px; width: 32px; border-radius: 3px; }
#user-button .username { display: none; margin-left: 5px; }
#user-button .arrow { opacity: .75; border-color: #fff transparent transparent transparent; border-style: solid; border-width: 5px 5px 0 5px; height: 0; width: 0; display: inline-block; font-size: 0; line-height: 0; vertical-align: top; margin: 15px 0 0 5px; }
.search { background-color: #ccc; padding: 5px 10px; position: relative; border-top: 1px solid #ddd; border-bottom: 1px solid #bbb; }
.search-wrap { border-radius: 4px; border: 1px solid #bbb; box-shadow: rgba(255,255,255,.15) 0 1px 0, inset rgba(0,0,0,.15) 0 1px 2px; position: relative; background: #fff url(/images/mobile/search.png) no-repeat 6px 6px; background-size: 16px 16px; padding: 6px 6px 6px 28px; }
.presto .search-wrap { background: #fff url(/images/mobile/search_1x.png) no-repeat 6px 6px; }
.search input { color: rgba(0,0,0,.5); width: 100%; padding: 0; -webkit-appearance: none; display: block; height: 16px; line-height: 16px; font-size: 13px; border: 0; background: transparent; }
.icons { overflow: hidden; text-align: center; padding: 5px 0; }
.icons > li { border-radius: 4px; text-align: center; display: inline-block; width: 64px; height: 64px; margin: 5px; padding: 10px; background: rgba(255,255,255,.75); box-shadow: rgba(255,255,255,1) 0 1px 0, inset rgba(0,0,0,.15) 0 1px 0; }
.icons > li > a { display: block; font-size: 100%; line-height: 12px; width: 64px; height: 64px; font-weight: bold; color: #333; position: relative; }
.icons > li > a > var { position: absolute; top: 0; right: 0; color: #fff; font-style: normal; display: block; border-radius: 10px; line-height: 20px; font-size: 10px; min-width: 20px; background-color: #508c28; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5da22e), color-stop(100%, #508c28)); background-image: -webkit-linear-gradient(top, #5da22e, #508c28); background-image: linear-gradient(top, #5da22e, #508c28); box-shadow: rgba(0,0,0,.15) 0 1px 2px, inset rgba(255,255,255,.15) 0 1px 0; }
.icons .icon { display: block; width: 48px; height: 48px; margin: 0 auto 6px; opacity: .7; background-repeat: no-repeat; background-image: url(/images/mobile/icons.png); background-size: 576px 48px; background-position: -48px -48px; }
.presto .icons .icon { background-image: url(/images/mobile/icons_1x.png); }
.icon.news { background-position: 0 0; }
.icon.forums { background-position: -48px 0; }
.icon.blogs { background-position: -96px 0; }
.icon.gamr { background-position: -96px 0; }
.icon.register { background-position: -144px 0; }
.icon.login { background-position: -192px 0; }
.icon.contact { background-position: -240px 0; }
.icon.settings { background-position: -288px 0; }
.icon.messenger { background-position: -336px 0; }
.icon.newcontent { background-position: -384px 0; }
.icon.read { background-position: -432px 0; }
.icon.signout { background-position: -480px 0; }
.icon.notification { background-position: -528px 0; }
#content #menu,
#content.active #main { display: none; }
#content.active #menu { display: block; }
#promos { background: #222; border-bottom: 1px solid #111; clear: both; position: relative; overflow: hidden; height: 122px; }
#scroller { width: 758px; height: 106px; margin: 8px auto; }
#scroller ul { list-style: none; display: block; float: left; width: 100%; height: 100%; padding: 0; margin: 0; text-align: left; }
#scroller li { display: block; float: left; width: 142px; height: 106px; padding: 0 0 0 8px; }
#scroller li a { min-width: 142px; min-height: 106px; display: block; position: relative; }
#scroller li img { width: 142px; height: 106px; }
#scroller span { position: absolute; bottom: 0; display: block; left: 0; right: 0; padding: 8px; background: #111; color: #fff; font-size: 12px; line-height: 120%; }
#promos-nav { border-top: 1px solid #333; text-align: center; overflow: hidden; background: #222; color: rgba(255,255,255,.75); }
#prev,
#next { float: left; font-weight: 600; font-size: 100%; line-height: 100%; padding: 8px 12px; display: block; text-shadow: rgba(0,0,0,.5) 0 1px 0; }
#next { float: right; text-align: right; }
#indicator,
#indicator li { display: inline-block; }
#indicator li { text-indent: -9999px; width: 8px; height: 8px; border-radius: 4px; background-color: #fff; opacity: .15; overflow: hidden; margin: 8px 4px; box-shadow: rgba(0,0,0,.75) 0 -1px 0; }
#indicator li.active { opacity: .65; }
#filter { display: none; overflow: hidden; background-color: #333; }
#filter.active { display: block; }
#filter li a { border-top: 1px solid #444; border-bottom: 1px solid #222; font-weight: 600; font-size: 140%; display: block; padding: 12px 16px 12px 28px; color: #fff; text-shadow: rgba(0,0,0,.5) 0 1px 0; }
#filter .active a { border-top: 1px solid #333; border-bottom: 1px solid #111; background: #222 url(/images/mobile/check.png) no-repeat 8px center; background-size: 12px 10px; }
.presto #filter .active a { background: #222 url(/images/mobile/check_1x.png) no-repeat 8px center; }
#news,
.block { background: #f5f5f5; border-bottom: 1px solid #ddd; }
.news-header { background-color: #eee; padding: 10px; font-size: 13px; font-weight: 400; line-height: 150%; color: #666; background-clip: border-box; border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(0,0,0,.15); overflow: hidden; }
.news-header a { color: #666; }
.news-header h2 { font-size: 17px; font-weight: 400; float: left; line-height: 150%; }
.news-header h3 { font-size: 14px; font-weight: 400; line-height: 150%; float: left; }
.news-header > span,
.news-header > .add { float: right; font-size: 90%; line-height: 195%; display: inline-block; padding: 0 8px; background-color: #fff; background-clip: padding-box; box-shadow: rgba(255,255,255,.5) 0 1px 0; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.news-header > span.active { background-color: #ccc; box-shadow: inset rgba(0,0,0,.2) 0 2px 5px, rgba(255,255,255,.5) 0 1px 0; border: 1px solid rgba(0,0,0,.3); }
.news-header > .add { margin: -2px 0; }
.news-item { display: block; padding: 9px 10px; line-height: 160%; position: relative; clear: both; border-top: 1px solid #fff; border-bottom: 1px solid #e1e1e1; }
.presto .news-item { overflow: visible; overflow-x: inherit; }
.block .news-item:last-child { border-bottom: 0; }
.news-item .news-logo { float: left; margin-top: 1px; margin-right: 8px; width: 46px; height: 34px; text-align: center; position: relative; background: #fff; padding: 1px; display: block; vertical-align: middle; }
.news-logo * { vertical-align: middle; }
.news-logo > span { width: 0; display: inline-block; height: 100%; }
.news-item .news-logo img { max-width: 46px; height: 34px !important; width: auto; }
.news-item header,
.news-item footer,
.news-item p { margin-left: 58px; }
.news-item h2 { font-size: 18px; font-weight: 400; line-height: 22px; display: block; margin-top: -1px; margin-bottom: 2px; }
.presto .news-item h2 { white-space: normal; }
.news-item h2 a,
.article h1 a { color: #466ea0; -webkit-tap-highlight-color: rgba(0,0,0,.15); }
.news-item footer,
.article footer { font-weight: 400; color: #a5a5a5; font-size: 11px; line-height: 15px; }
.news-tag { text-transform: uppercase; font-weight: 600; }
.news-badge { margin-right: 5px; text-transform: uppercase; display: inline-block; color: #fff; padding: 0 5px; border-radius: 5px; font-weight: 700; font-size: 8px; line-height: 15px; box-shadow: rgba(255,255,255,.5) 0 1px 0; }
.news-item-editorial .news-badge,
.news-item-review .news-badge { background-color: #bb3433; }
.news-item-featured .news-badge { background-color: #f29134; }
.news-item-hot { color: #900; font-weight: 600; text-transform: uppercase; margin-left: 5px; }
.news-author { display: none; }
.article .news-author { display: inline; }
.post-comment-bubble { top: 14px; display: none; position: absolute; right: 8px; width: 28px; background-color: #e6e6e6; border-radius: 2px; color: #333; font-size: 12px; font-style: normal; font-weight: 600; line-height: 22px; text-align: center; }
.post-comment-bubble > span { border-color: #e6e6e6 transparent transparent transparent; border-style: solid; border-width: 5px; height: 0; width: 0; display: block; margin: 0 auto -10px; }
.post-comment-bubble-hot { color: #4C2533; background-color: #F0E3E6; }
.post-comment-bubble-hot > span { border-color: #F0E3E6 transparent transparent transparent; }
.news-item p { display: none; font-size: 13px; line-height: 150%; padding: 4px 0; }
.article-interact { margin-top: 15px; height: 24px; }
.article-interact > li { margin: 0 !important; padding: 0 !important; list-style: none; }
.article-interact > li { float: left; height: 24px; }
#article-interact-facebook iframe { border: none; overflow: hidden; width: 88px; height: 24px; margin-top: -2px; }
.article-content { padding: 15px 0; clear: both; }
.article-content p { font-size: 13px; line-height: 150%; margin-bottom: 20px; }
.article-content p:last-child { margin-bottom: 0; }
.article-content ul,
.article-content ol { line-height: 150%; margin-bottom: 10px; font-size: 13px; }
.article-content li { margin-left: 32px; line-height: 150%; list-style-type: disc !important; }
.article-content ol li { list-style-type: decimal !important; }
.article-content a { font-weight: 600; }
.article-meta-tags { color: #aaa; }
.post-tag { margin: 2px; text-transform: lowercase; display: inline-block; background-color: #eee; padding: 0 5px; border-radius: 5px; font-weight: 600; font-size: 10px; line-height: 14px; box-shadow: rgba(255,255,255,.5) 0 1px 0; }
.pagination { display: table; width: 100%; }
.pagination div { display: table-cell; width: 50%; text-align: center; padding: 8px; }
.pagination div a,
.button { border: 1px solid #bbb; background-color: #ccc; background-image: url(/images/mobile/g_w_50.svg); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,.5)), color-stop(100%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0)); background-repeat: repeat-x; text-align: center; display: block; padding: 10px; font-size: 14px; line-height: 100%; font-weight: 600; border-radius: 4px; color: #444; box-shadow: inset rgba(255,255,255,.1) 0 1px 0; white-space: nowrap; }
input.button { width: 100%; padding: 10px 0; }
.buttons { padding: 5px 10px; }
.buttons + .buttons { padding-top: 0; }
.recent { border-bottom: 1px solid #ddd; background: #f5f5f5; }
.list { font-size: 130%; color: #aaa; }
.list li { clear: both; border-top: 1px solid #fff; border-bottom: 1px solid #e1e1e1; }
.list li:last-child { border-bottom: 0; }
.list li > a { padding: 9px 10px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.list li.more { font-weight: 600; background: url(/images/mobile/arrow.png) no-repeat right center; background-size: 24px 13px; }
.presto .list li.more { background: url(/images/mobile/arrow_1x.png) no-repeat right center; }
.copyright { color: #666; clear: both; font-size: 12px; line-height: 150%; padding: 10px; text-align: center; }
.copyright a { font-weight: 600; }
.message { background-color: #fff; padding: 10px; font-size: 12px; line-height: 150%; border-bottom: 1px solid rgba(0,0,0,.15); }
.error { background-color: #f3dddd; color: #281b1b; }
.success { background-color: #f1f6ec; color: #3e4934; }
#article { background: #fff; border-bottom: 1px solid #ddd; padding: 10px; position: relative; }
#comments { background: #f5f5f5; border-bottom: 1px solid #ddd; }
.comment-textarea { background: #fff; border-bottom: 1px solid #ddd; padding: 5px 10px; }
.comment-textarea textarea { background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQIHWNgYAAAAAMAAU9ICq8AAAAASUVORK5CYII%3D); border: 0; width: 100%; height: 70px; color: #333; font-size: 13px; }
.comment { overflow: hidden; display: block; padding: 5px 10px; line-height: 150%; position: relative; clear: both; border-top: 1px solid #fff; border-bottom: 1px solid #e1e1e1; color: #aaa; font-size: 11px; }
.comment.child { padding-left: 40px; background: #fff; }
.comment-author { font-weight: 600; font-size: 13px; color: #333; }
.comment-time { margin-left: 5px; }
.comment-reply { font-weight: 600; float: right; color: #666; }
.comment-edit { font-weight: 600; float: right; color: #666; }
.comment-edit:after { content: '\b7'; margin: 0 5px; }
.comment-content { padding-top: 5px; color: #333; font-size: 12px; }
.comment-content p { margin-bottom: 18px; }
.comment-content p:last-child { margin-bottom: 0; }
.quote { border: 1px solid #ddd; background: #fff; margin-bottom: 5px; }
.quote-header { border-top: 1px solid #f5f5f5; background: #eee; padding: 2px 5px; font-weight: 600; color: #666; }
.quote-content { padding: 5px; }
.gallery-thumbs { padding: 5px; display: block; margin: 5px 0 !important; text-align: center }
.gallery-thumbs li { list-style: none !important; margin: 0 !important; padding: 5px; display: inline-block; text-align: center }
.gallery-thumb { margin: 0 !important; display: inline !important }
.form { padding: 5px; font-size: 12px; }
.field { padding: 5px; }
.field label { display: block; line-height: 20px; font-weight: 600; color: #333; }
.field select { font-size: 13px; width: 100%; border: 1px solid #bbb; }
.field .input,
.field input[type="text"],
.field input[type="password"],
.field input[type="email"],
.field textarea { font-size: 13px; width: 97%; border-radius: 4px; border: 1px solid #bbb; box-shadow: rgba(255,255,255,.15) 0 1px 0, inset rgba(0,0,0,.15) 0 1px 2px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQIHWNgYAAAAAMAAU9ICq8AAAAASUVORK5CYII%3D); padding: 5px; }
.field textarea { height: 100px; }
.field.checkbox label {  }
#special-steve { width: 728px; height: 90px; margin: 0 auto; }
/* Live Blog */
.news-item-islive { background-color: #E8F9DB; border-top-color: #f7fdf2; border-bottom-color: #d3e3c7; }
.liveblog { clear: both; margin: 10px 0; border: 1px solid #ddd; position: relative; }
.liveblog > h3 { background-color: #E8F9DB; padding: 5px 10px; font-size: 13px; font-weight: 600; line-height: 150%; color: #666; background-clip: border-box; border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(0,0,0,.15); overflow: hidden; }
#liveblog-complete > h3 { background-color: #eee }
.liveblog-updates { }
.logs { background: #fff; }
.liveblog-update,
.logline { border-bottom: 1px solid #eee; padding: 10px; }
.logline { padding: 5px 10px; }
.liveblog-update .time,
.logline .time { color: #999; font-weight: 400; font-size: 12px; display: inline-block; }
.logline .time { float: right; font-size: 11px; }
.liveblog-update .member,
.logline .member { font-size: 600; font-size: 12px; margin-left: 8px; display: inline-block; }
.logline .member { margin-left: 0; font-weight: 700; }
.liveblog-update .message,
.logline .message { display: block; font-size: 13px; line-height: 150%; padding: 8px 0 0; background-color: transparent !important; border: 0 !important; }
.logline .message { padding-top: 3px; }
.liveblog-update .message a img,
.logline .message a img { padding: 4px 0; display: block; }
.liveblog-update img,
.logline img { max-width: 100%; height: auto !important; }
.liveblog-update.mypost { background-color: #e8f9db; padding: 16px 8px; margin: 0 -8px; position: relative; }