/*
Theme Name: Gameleon
Theme URI: #
Description: WordPress Arcade Theme
Version:1.0
Author: Tiguan
Author URI: #
License: GNU General Public License version 3.0
License URI: #
Tags: arcade, games, jquery, online games, two-columns, right-sidebar, fixed-width, custom-background, custom-colors, theme-options, translation-ready
*/

/* -------------- IMPORT STYLE -------------- */

@import url("fonts/bebas_neue/stylesheet.css");
@import url("css/tipTip.css");
@import url("css/news-ticker.css");
@import url("css/reset.css");
@import url("custom.css");


/* -------------- GLOBAL STYLE -------------- */

* {margin:0; padding: 0}
body {background:#333333; margin:0 auto; font-family:Arial; font-size:12px}
#main {width:665px; float:left}
#wrapper {width:1024px; background: url("images/bg-big.jpg") repeat scroll 0 0 transparent; box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.9); -webkit-box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.9); -moz-box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.9); -o-box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.9); margin:0 auto; overflow:hidden}
#wrapper-content {width:984px; margin:0 auto; overflow:hidden}
a {text-decoration:none; color:#FB2900}
a:hover {text-decoration:underline}
h1, h2, h3, h4, h5, h6 {font-family:'BebasNeueRegular'; color:#666666}

/* -------------- HEADER STYLE -------------- */

#header {width:1024px}
#header-middle {height:110px; margin-bottom:15px; overflow:hidden}
#logo {background:#fb2900; float:left; width:400px; height:91px; margin:0 auto; margin-top:10px; }

/* -------------- TOP MENU STYLE ------------ */

.topmenu-area { border-bottom:4px solid #FB2900; position:relative; }
.topmenu {background:#262729; height:26px; padding:0px 20px 5px 20px; width:982px; margin:0 auto; border-left:1px solid #686868; border-top:1px solid #686868; border-right:1px solid #686868}
.topmenu li {background:url("images/menu_separator.png") no-repeat 100% 8px; float:left; line-height:30px; list-style:none; margin-right:10px; padding-right:10px; float:left; display:block; z-index:10000}
.topmenu li:last-child {margin-right:0; border-right:0}
.topmenu li a {text-transform: uppercase; font-weight:bold; list-style:none; font-size:12px; line-height:30px; margin-top:0px; text-decoration:none; color:#fff; text-shadow:1px 1px 1px #000; display:block; float:left; height:30px; transition:opacity .3s ease-in-out; -o-transition:opacity .3s ease-in-out; -moz-transition:opacity .3s ease-in-out; -webkit-transition:opacity .3s ease-in-out; -moz-opacity:0.4; opacity:0.4}
.topmenu li a:hover {text-decoration:none; color:#fff; opacity:100; text-shadow:1px 1px 1px #000}
.topmenu li ul {display:none}
.topmenu li:hover > ul {box-shadow:inset 0 3px 3px #1e1e1e; -webkit-box-shadow:inset 0 3px 3px #1e1e1e; -moz-box-shadow:inset 0 3px 3px #1e1e1e; -o-box-shadow:inset 0 3px 3px #1e1e1e; display:block; position:absolute; top:31px; line-height:30px;  z-index:10; width:150px; border-left:1px solid #dcdcdc; border-top:0; background:#3F3C3D}
.topmenu li > ul li {background: #3F3C3D repeat 0 0; width:150px; border-right:0; height:25px; padding:0; position:relative}
.topmenu li > ul li a {color:#ffffff; margin:0 auto; padding:0 10px; background:url("images/submenu_separator.png") repeat-x left bottom; text-align:left; font-size:12px; color:#fff; text-shadow:none; height:25px; line-height:25px}
.topmenu li > ul li a:hover {color:#FB2900 !important; text-shadow:none}
.topmenu li ul li:hover > ul {height:25px; line-height:25px; text-decoration:none; display:block; position:absolute; top:0px; left:150px; z-index:10}


/* ------------- MAIN MENU STYLE ------------ */

#wrapper-menu {background:#3F3C3D; width:984px; height:50px}
#main-menu {list-style:none; margin:0 auto; padding:0}
#main-menu li {min-width:75px; float:left; font-family:'BebasNeueRegular'; font-size:19px}
#main-menu li a {color:#FFF; padding:15px 15px 15px 15px; display:block; text-decoration:none; -webkit-transition:color 300ms linear; -moz-transition:color 300ms linear; -o-transition:color 300ms linear; transition:color 300ms linear}
#main-menu li a:hover {color:#EAEAEA; text-shadow:1px 1px #000}
#main-menu > li > a {background:url("images/menu_separator.png") no-repeat 100% 16px}
#main-menu li ul {width:auto !important; background: #3F3C3D repeat 0 0}
#main-menu > li > ul {box-shadow:inset 0 3px 3px #1e1e1e; -webkit-box-shadow:inset 0 3px 3px #1e1e1e; -moz-box-shadow:inset 0 3px 3px #1e1e1e; -o-box-shadow:inset 0 3px 3px #1e1e1e}
#main-menu li ul li a {color:#ffffff; margin:0 18px; padding:11px 0; background:url("images/submenu_separator.png") repeat-x left bottom}
.shaddow {background: url("images/shadow.png") no-repeat scroll 0 0 transparent; height:20px}

/* --------- TABS SHORTCODE STYLE ----------- */

.tabs-wrapper {overflow:hidden; clear:both}
.tabs-back {border:#d5d5d5 solid 1px; border-top:none; background:#fff; overflow:hidden}
.homepage-block-tabs {margin-left:11px; position:relative; width:100% }
.homepage-block-tabs h2, .homepage-block-tabs h2 a {font-size:18px; margin-top:3px; color:#666666}
.homepage-tabs_container {overflow:hidden; clear:both; float:left; width:100%; background:#ffffff}
.homepage-block-tabs .grid-image {position:relative; display:inline-block; margin-right:15px; float:left; }
.post-entry .homepage-tabs_container {width:100%}
ul.tabs {float:left; height:40px; width:663px; padding-left:0 !important; border:1px solid #d5d5d5; }
ul.tabs li {border-right:1px solid #d5d5d5; background:#262729; float:left; overflow:hidden; padding-left:0px !important; position:relative; bottom:0px}
ul.tabs li a {text-align:center; outline:none; float:left; height:40px; line-height:40px; text-decoration:none; padding:0px 15px 0px 15px; font-family:'BebasNeueRegular'; font-size:24px; color:#ffffff; display:block; font-weight:normal;}
ul.tabs li a:hover {background:#262729; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; color:#ffffff !important; transition: all 1s ease 0s; padding:0px 15px 0px 15px}
html ul.tabs li.active a, html ul.tabs li.active a:hover {background:#262729; color:#ffffff !important; padding:0px 15px 0px 15px;}
.tabs_container {border-top:none; overflow:hidden; float:left;  padding:0px; background:#ffffff; clear:both}
.tab_content {padding:10px 0 0 0}

/* -- CHECKLIST & BACKLIST SHORTCODE STYLE -- */

.checklist li {background:url("images/check-list.png") no-repeat left !important; color:#666666; padding-left:28px !important}
.badlist li {background:url("images/bad-list.png") no-repeat left !important; color:#666666; padding-left:28px !important; }
.tdstyle{width:320px}

/* -------- DROPCAP SHORTCODE STYLE --------- */

.dropcap {font-size:2.05em; text-shadow:1px 1px 0 #333; margin-right:6px; padding:6px 4px; text-transform:uppercase; float:left; position:relative; top:5px; background:#fb2900; color: #FFFFFF}


/* -------- BUTTONS SHORTCODE STYLE --------- */

.button {display:inline-block; margin:15px 4px 15px 5px; -moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; border-color: -moz-use-text-color -moz-use-text-color #ccc; border-image:none; border-style:none none solid; border-width:0 0 2px; box-shadow:0 -10px 10px 0 rgba(0, 0, 0, 0.1) inset; color:#F7F7F7; cursor:pointer; font-family:"Open Sans","Times New Roman",Helvetica,Arial,sans-serif; font-size:12px; font-weight:800; outline:medium none; padding:8px 14px; transition:all 0.12s; -moz-transition:all 0.12s; -webkit-transition:all 0.12s}
.button a {color:#fff; text-shadow:1px 1px 0 #000; font-weight:bold}
.button a:hover {border-color:#333; color:#fff; text-decoration:none}
.button.black {background-color:#000; background: -moz-linear-gradient(top, #5b5b5b 0%, #000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#000)); background: -webkit-linear-gradient(top, #5b5b5b 0%,#000 100%); background: -o-linear-gradient(top, #5b5b5b 0%,#000 100%); background: -ms-linear-gradient(top, #5b5b5b 0%,#000 100%); background: linear-gradient(to bottom, #5b5b5b 0%,#000 100%); color: #f7f7f7; border-bottom: 1px solid #000; box-shadow: inset 0 -10px 10px 0 rgba(0,0,0,0.1); -moz-box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1)}
.button.black:hover {background:-moz-linear-gradient(top, #000 0%, #5b5b5b 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#5b5b5b)); background:-webkit-linear-gradient(top, #000 0%,#5b5b5b 100%); background:-o-linear-gradient(top, #000 0%,#5b5b5b 100%); background: -ms-linear-gradient(top, #000 0%,#5b5b5b 100%); background: linear-gradient(to bottom, #000 0%,#5b5b5b 100%);}
.button.green {background:#3d5901; background:-moz-linear-gradient(top, #7fba00 0%, #3d5901 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fba00), color-stop(100%,#3d5901)); background: -webkit-linear-gradient(top, #7fba00 0%,#3d5901 100%); background: -o-linear-gradient(top, #7fba00 0%,#3d5901 100%); background: -ms-linear-gradient(top, #7fba00 0%,#3d5901 100%); background: linear-gradient(to bottom, #7fba00 0%,#3d5901 100%); color:#f7f7f7; border-bottom:1px solid #3d5901; box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1); -moz-box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 -10px 10px 0 rgba(0,0,0,0.1)}
.button.green:hover {background:-moz-linear-gradient(top, #3d5901 0%, #7fba00 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d5901), color-stop(100%,#7fba00)); background: -webkit-linear-gradient(top, #3d5901 0%,#7fba00 100%); background: -o-linear-gradient(top, #3d5901 0%,#7fba00 100%); background: -ms-linear-gradient(top, #3d5901 0%,#7fba00 100%); background: linear-gradient(to bottom, #3d5901 0%,#7fba00 100%);}
.button.red {background: #860101; background:-moz-linear-gradient(top, #ff0000 0%, #860101 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#860101)); background:-webkit-linear-gradient(top, #ff0000 0%,#860101 100%); background:-o-linear-gradient(top, #ff0000 0%,#860101 100%); background:-ms-linear-gradient(top, #ff0000 0%,#860101 100%); background: linear-gradient(to bottom, #ff0000 0%,#860101 100%); color:#f7f7f7; border-bottom:1px solid #860101; box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -10px 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1)}
.button.red:hover {background:-moz-linear-gradient(top, #860101 0%, #ff0000 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#860101), color-stop(100%,#ff0000)); background:-webkit-linear-gradient(top, #860101 0%,#ff0000 100%); background:-o-linear-gradient(top, #860101 0%,#ff0000 100%); background:-ms-linear-gradient(top, #860101 0%,#ff0000 100%); background:linear-gradient(to bottom, #860101 0%,#ff0000 100%);}
.button.blue {background:#0060b2; background:-moz-linear-gradient(top, #00b2ec 0%, #0060b2 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b2ec), color-stop(100%,#0060b2)); background:-webkit-linear-gradient(top, #00b2ec 0%,#0060b2 100%); background:-o-linear-gradient(top, #00b2ec 0%,#0060b2 100%); background:-ms-linear-gradient(top, #00b2ec 0%,#0060b2 100%); background:linear-gradient(to bottom, #00b2ec 0%,#0060b2 100%); color:#f7f7f7; border-bottom:1px solid #0060b2; box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1); -moz-box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1)}
.button.blue:hover  {background: -moz-linear-gradient(top, #0060b2 0%, #00b2ec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0060b2), color-stop(100%,#00b2ec)); background: -webkit-linear-gradient(top, #0060b2 0%,#00b2ec 100%); background: -o-linear-gradient(top, #0060b2 0%,#00b2ec 100%); background: -ms-linear-gradient(top, #0060b2 0%,#00b2ec 100%); background: linear-gradient(to bottom, #0060b2 0%,#00b2ec 100%); }
.button.orange {background:#fb2900; background:-moz-linear-gradient(top, #ffc000 0%, #fb2900 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc000), color-stop(100%,#fb2900)); background:-webkit-linear-gradient(top, #ffc000 0%,#fb2900 100%); background:-o-linear-gradient(top, #ffc000 0%,#fb2900 100%); background: -ms-linear-gradient(top, #ffc000 0%,#fb2900 100%); background:linear-gradient(to bottom, #ffc000 0%,#fb2900 100%); color:#f7f7f7; border-bottom:1px solid #fb2900; box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1); -moz-box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1)}
.button.orange:hover {background: -moz-linear-gradient(top, #fb2900 0%, #ffc000 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb2900), color-stop(100%,#ffc000)); background: -webkit-linear-gradient(top, #fb2900 0%,#ffc000 100%); background:-o-linear-gradient(top, #fb2900 0%,#ffc000 100%); background:-ms-linear-gradient(top, #fb2900 0%,#ffc000 100%); background: linear-gradient(to bottom, #fb2900 0%,#ffc000 100%); }
.button.light {background:#F9F9F9; background:-moz-linear-gradient(top, #ECECEC 0%, #F9F9F9 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECECEC), color-stop(100%,#F9F9F9)); background:-webkit-linear-gradient(top, #ECECEC 0%,#F9F9F9 100%); background:-o-linear-gradient(top, #ECECEC 0%,#F9F9F9 100%); background:-ms-linear-gradient(top, #ECECEC 0%,#F9F9F9 100%); background:linear-gradient(to bottom, #ECECEC 0%,#F9F9F9 100%); border-bottom:1px solid #d7d7d7; box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1); -moz-box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1)}
.button.light a {text-shadow:1px 1px 0 #fff; color:#333;  }
.button.light:hover {background:-moz-linear-gradient(top, #F9F9F9 0%, #ECECEC 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#ECECEC)); background: -webkit-linear-gradient(top, #F9F9F9 0%,#ECECEC 100%); background: -o-linear-gradient(top, #F9F9F9 0%,#ECECEC 100%); background: -ms-linear-gradient(top, #F9F9F9 0%,#ECECEC 100%); background: linear-gradient(to bottom, #F9F9F9 0%,#ECECEC 100%);}


/* ------- HIGHTLIGHT SHORTCODE STYLE --------*/

.highlight-yellow { margin: 0 2px; padding: 1px 3px; background:#fef861}
.highlight-red { margin: 0 2px; padding: 1px 3px; background:#fb2900; color:#ffffff}
.highlight-black { margin: 0 2px; padding: 1px 3px; background:#333; color:#d7d7d7}
.highlight-green { margin: 0 2px; padding: 1px 3px; background:#7ecb04; color:#ffffff}
.highlight-blue { margin: 0 2px; padding: 1px 3px; background:#26abf8; color:#ffffff}


/* ------- TOGGLES SHORTCODE STYLE ---------- */

h5.toggle {background:#3d3c3c url("images/global-pattern.png") repeat-x; padding:10px 10px; margin:15px 0px 0px 0px; cursor:pointer}
h5.toggle a {background:url("images/toggle-open.png") no-repeat left center; text-decoration:none; padding-left:20px; font-size:18px; color:#fff; font-weight:normal; text-shadow:1px 1px 1px #000}
h5.toggle.active a {background:url("images/toggle-close.png") no-repeat left center; text-decoration:none; padding-left:20px; color:#ffffff; font-size:18px}
.toggle-content {margin-top:-13px !important; display:none; font-size:12px; margin-bottom:20px}
.toggle-content .block {box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.3) inset; -moz-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.3) inset; -o-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.3) inset; background:#F1F1F1; padding:10px}


/* ------ INFORMATION SHORTCODE STYLE ------- */

.infobox {padding:15px 10px 15px 10px; margin-bottom:20px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.4); -o-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.4)}
.infobox.red {border:1px solid #d20063; background:#ffaa9f}
.infobox.green {border:1px solid #65ac00; background:#d4ff97}
.infobox.blue {border:1px solid #007eff; background:#b1e8ff}
.infobox.yellow {border:1px solid #ffc000; background:#ffef87}
.infobox.light {border:1px solid #a2a2a2; background:#F1F1F1}


/* -------- COLUMNS SHORTCODE STYLE --------- */

.one_half, .one_third, .two_third, .three_fourth, .one_fourth {margin-right:4%; float:left; line-height:21px; margin-bottom:20px}
.one_half {width:48%}
.one_third {width:30.6666%}
.two_third {width:65.3332%}
.one_fourth {width:22%}
.three_fourth {width:74%}
.last {margin-right:0 !important; clear:right}

/* ------------- LAVALAMP STYLE -------------- */
.lavaLampBottomStyle {position:relative; margin:0}
.lavaLampBottomStyle li {float:left; list-style:none}
.lavaLampBottomStyle li.back {border-bottom:4px solid #FB2900; top:46px; z-index:8; position:absolute}
.lavaLampBottomStyle li a {outline:none; letter-spacing:0; z-index:10; overflow:hidden}
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:visited {border:none}

/* --------- FULL WIDH PAGE STYLE ----------- */

#fullwidth {background:#fff; border:#d5d5d5 solid 1px; padding:15px; padding-bottom:0px; margin-bottom:20px; overflow:hidden; clear:both}
#fullwidth .post-entry {width:100%}
#fullwidth p {line-height:15px; font-size:12px }

/* --------- PAGE NOT FOUND STYLE ----------- */

.page404 {padding:15px}
.page404 img {margin-left:120px; border:0}
.page404 h3 {background:#3F3C3D; font-size:24px; text-shadow:1px 1px 1px #333333; color:#ffffff; padding:7px 0 0 20px; margin-bottom:10px; height:33px}
.page404 p {font-size:16px; line-height:18px; color:#666; text-align:center}

/* --------- CONTACT PAGE STYLE ------------- */

.postForm label {font-size:12px; font-weight:bold; display:block; color:#555555; margin-bottom:5px}
.postForm label span {font-style:italic; color:#888888; font-weight:normal}
.postForm div {margin-bottom:20px}
.postForm .text {background:url("images/form_bg.png") repeat-x bottom left; border:1px solid #d5d5d5; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) inset; color: #666666; font-size:12px; width:278px; padding:9px 10px}
.postForm .error {border:1px solid red}
.postForm .submit {background:#FB2900; border:1px solid #EAEAEA; font-size:12px; color:#fff; font-weight:bold; padding:6px 20px}
.postForm .submit:hover {-moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background:#525151}
.postForm .error_msg {display:none; margin-top:5px; color:red}
.postForm .email_sent {color:green; margin-bottom:10px; display:none}
.postForm .message {background:url("images/form_bg.png") repeat-x bottom left; border:1px solid #d5d5d5; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) inset; color: #666666; font-size:12px; width:278px; padding:9px 10px}

/* ------------ COMMENTS STYLE -------------- */

#comments {color:#333; margin-bottom:15px}
#comments h3 {font-size:26px; margin-bottom:15px}
#comments .children {margin:15px 0 0 74px}
#comments .children li.comment {margin:0 0 20px 0}
#comment-input {float:left; margin-right:20px}
#comment-input input {margin-bottom:10px}
#comment-input input:focus, textarea:focus {outline:none}
#comment-input label {display:block; margin-bottom:5px}
#comment-input label .req {color:#999}
#comment-textarea {float:right}
#comment-textarea label {display:block; margin-bottom:5px}
#comment-textarea-admin {float:none; margin-bottom:12px}
#comment-textarea-admin label {display:block; margin:10px 0 5px 0}
#comment-submit {clear:both; float:right; margin-bottom:0px}
#comment-submit-admin {clear:both; margin-bottom:0px}
.comment-arrow {background:url("images/comment-arrow.png") no-repeat; width:8px; height:15px; float:left; margin-top:16px; margin-right:-1px; }
ol.commentlist {margin-bottom:40px}
li.commentlist {}
.avatar { border:1px solid #d5d5d5;  float:left; margin-right:10px; }
.the-comment {margin-bottom:15px}
.comment-box {background:#f6f6f6; border:1px solid #d5d5d5; padding:9px 12px 8px 12px; overflow:hidden}
.comment-author {margin-bottom:10px}
.comment-author small {color:#888}
.comment-text {line-height:18px}
.cancel-comment-reply {margin-bottom:10px}
.no-comments {color:#888}
.comment-author a {color:#2B2B2B}
.comment-text-side {font-size:12px !important; font-family:Arial !important; font-weight:bold; }
.input-name {background:url("images/login_username.png") no-repeat scroll 10px 10px transparent; width:176px; padding:10px 10px 10px 34px; box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); -o-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2);  border:1px solid #d5d5d5}
.input-name:focus, .input-email:focus, .input-website:focus {background:#ffffff; padding:10px; width:200px; color:#333}
.input-email {background:url("images/email.png") no-repeat scroll 10px 11px transparent; width:176px; padding:10px 10px 10px 34px; box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); -o-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); border:1px solid #d5d5d5}
.input-website {background:url("images/website.png") no-repeat scroll 10px 10px transparent; width:176px; padding:10px 10px 10px 34px; box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); -o-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); border:1px solid #d5d5d5}
.textarea-comment {box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); -o-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.2); background:#FFFFFF; border:1px solid #d5d5d5; ; width:305px; height:152px; padding:10px;  margin-right:2px; font-family:arial}
.comment-submit {background-color: #FB2900; border: medium none; color: #F1F1F1; outline: medium none; padding: 8px 10px 5px 10px; width:124px; font-family:"BebasNeueRegular"; font-size:18px; color:#FFF; margin-left:2px; margin-right:3px; margin-bottom:1px; text-shadow:1px 1px 1px #000; cursor:pointer}
.comment-submit:hover, #submit, #login-form .login-button {float:right; margin-right:0px; color:#f7f7f7; border-bottom:1px solid #860101; box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -10px 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1); border-style:none none solid; border-width:0 0 2px; box-shadow:0 -10px 10px 0 rgba(0, 0, 0, 0.1) inset; color:#F7F7F7; text-shadow:1px 1px 0 #333; cursor:pointer; font-family:"Open Sans","Times New Roman",Helvetica,Arial,sans-serif; font-size:14px; font-weight:800; outline:medium none; padding:2px 17px; background:#fb2900; position:relative}
#submit:hover, #login-form .login-button:hover {background: none repeat scroll 0 0 #444444}
.commicon {line-height:15px; background: url("images/comment-icon.png") 0px -15px no-repeat; padding-left:20px; color:#333; font-weight:bold}
.heading-comments-exist {background:url("images/comment-icon.png") 0px -15px no-repeat; padding-left:20px; font-size:12px;line-height:15px}
.heading-comments-exist a {font-size:12px !important; text-decoration:none; font-family:'Arial' !important; color:#666666 }
.heading-comments-exist a:hover {text-decoration:none !important; }
.heading-comments {background:url("images/comment-icon.png") 0px 2px no-repeat; padding-left:20px; font-size:12px; line-height:15px}
.heading-comments a {font-size:12px !important; text-decoration:none; font-family:'Arial' !important; color:#666666 !important}
.titlecomm {color:#FB2900}

/* ----------- POST ENTRY STYLE ------------- */

.post-entry blockquote {background: url("images/quote.png") no-repeat scroll left top transparent; font-style: italic; line-height: 22px; margin: 10px 0 0px 35px; padding: 10px 35px;  width:75%}
.post-entry blockquote p {background: url("images/quote-last.png") no-repeat scroll right bottom transparent; margin:0px 0px 0px 0px; padding:3px 30px 15px 0px; width:100%}
.post-entry ul {counter-reset: li; list-style: none; padding-left:25px; margin-bottom:20px; font-size:12px}
.post-entry ul li {background:url("images/bullet-unordered.png") no-repeat scroll 0 0 transparent; font-weight:bold; color: #666666; padding-left:18px; margin-bottom:10px}
.post-entry ol {counter-reset: li; list-style: none; padding-left:52px; padding-right:25px;  margin-bottom:20px; font-size:12px}
.post-entry ol li {list-style: decimal; margin-bottom:6px}
.post-entry ol li a {font-weight:bold; color: #666666}
.post-entry ol li a:hover {color: #000}
.post-entry .alignright {float:right; margin:0 0 4px 10px}
.post-entry .alignleft {float:left; margin:0 10px 4px 0}
.post-entry p {margin-bottom:10px; color: #666666; line-height:15px; font-size:12px}
.post-entry hr {border:0; background-color:#DDD; height:1px; margin-bottom:14px; color:#DDD}
.post-entry pre {overflow:auto; margin-bottom:20px}
.post-entry .tabs_container {width:100%}
.post-entry ol a {position: relative; display: block; padding: .4em .4em .4em .8em; margin: .5em 0; color: #000; text-decoration: none; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out}
.post-entry ol a:before {content: counter(li); counter-increment: li; position: absolute; left: -2.5em; top: 50%; margin-top: -1em; background: #fb2900; height: 2em; width: 2em; line-height: 2em; text-align: center; color:#fff; font-weight: bold}
.post-entry ol a:after{position: absolute; content: ''; border: .5em solid transparent; left: -1em; top: 50%; margin-top: -.5em; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out}
.post-entry ol a:hover:after {left: -.5em; border-left-color: #fb2900}
.post-entry .alignright {float:right; margin:0 0 4px 10px; }
.post-entry .alignleft {float:left; margin:0 10px 4px 0; }
.post-entry h1 {font-size:28px !important; margin-bottom:10px}
.post-entry h2 {font-size:24px !important; color: #666666 !important; margin-top:-5px; margin-bottom:8px}
.post-entry h3 {border-right:0 !important; background:none !important; color: #666666 !important; text-shadow: none !important; padding:0px !important; font-size:20px !important}
.post-entry h4 {font-size:18px; margin-bottom:10px}
.post-entry h5 {font-size:16px; margin-bottom:10px}
.post-entry h6 {font-size:14px; margin-bottom:10px}
.aligncenter { display: block; margin-left: auto; margin-right: auto}
.wp-caption {line-height: 18px; padding: 4px; margin-bottom:20px; text-align: center}
.gallery-caption  { padding-top: 4px; margin-bottom:20px; text-align: center}
p.wp-caption-text { margin-bottom:2px; color:#666666}
div.aligncenter { display: block; margin-left: auto; margin-right: auto}
.gallery .gallery-icon img {border: 0.125em solid #ddd !important; padding: 6px}
.gallery .gallery-icon img:hover {background:#eee; border: 0.125em solid #bbb !important}
.alignright {}
.bypostauthor {}
.sticky {}
.alignleft {}

/* ---------- GENERAL GRID STYLE ----------- */

.grid-caroimage {position:relative; display:inline-block; float:left}
.grid-caroimage h2 {float:left; padding-top:5px; padding-bottom:5px; clear:both}
.grid-caroimage h2 a {font-size:18px; font-family:'BebasNeueRegular'; color:#FB2900}
.grid-caroimage img {margin-bottom:10px}
.block.half {border:#d5d5d5 solid 1px; background:#fff;  width:320px; float:left; margin-right:21px; }
.block.half.last {margin-right:0px}
.block h3 {background:#2B2A2A url("images/dots_widget.png") repeat-x scroll center center; font-size:24px; color:#fff; margin-right:15px; padding:7px 15px 0 15px; height:33px; overflow:hidden}
.block h3 a {background:none repeat scroll 0 0px #2B2A2A; line-height:42px; margin: -7px 20px 20px -20px;  padding: 0 15px 0 20px; float: left; color:#fff; font-size:24px !important; cursor:pointer; text-decoration:none}
.grids_box {background:#f2f2f2; border-bottom:1px solid #d5d5d5}
.scroll-grid h3 {background:#f2f2f2; font-size:24px; border-bottom:1px solid #d5d5d5; color:#333; padding:7px 0 0 15px; height:33px}
.scroll-grid h3 a {color:#333; font-size:24px !important; cursor:pointer; text-decoration:none}
.block img {-moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #cecece; padding: 4px}
.block img:hover {border: 1px solid #535353; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 0.25}
.block-meta {font-size:11px; color:#888888; text-transform:uppercase; margin-bottom:4px; display:block}
.block-meta a {color:#888 !important}
.block-meta a:hover {color:#FB2900 !important; text-decoration:none}
.block-metas {font-size:11px; color:#888888; text-transform:uppercase; margin-bottom:4px; display:block}
.block-metas a {color:#888 !important}
.grid-image {position:relative}
.block p {line-height:15px; color:#666666}
.grid-box {border-bottom: 1px dashed #ccc !important; width:275px; margin:0 auto; padding:15px 15px 10px 0px;  position:relative; overflow:hidden; }
.grid-box:last-child {border-bottom:0 }
.grid-link {width:275px; margin:0 auto; padding-bottom:15px; position:relative; overflow:hidden; clear:both }
.grid-links {margin:18px 0 4px -16px}
.grid-links-last {margin:18px 0 4px -16px}
.grid-link:last-child {border-bottom:0}
.grid-link h2 {font-size:12px; font-family:'Arial'; font-weight:bold}
.grid-link h2 a {transition: background-color 0.2s linear 0s, color 0.2s linear 0s; color:#333333}
.grid-link h2 a:hover {color:#fb2900; text-decoration:none}
.grid-link-date {color:#666666; font-size:11px; font-style:normal; font-weight:300; display:inline; text-transform:uppercase}
.grid-box .block-meta {font-size:12px}
.grid-box h2 {font-size:18px; margin-bottom:-1px}
.grid-box h2 a {transition: background-color 0.2s linear 0s, color 0.2s linear 0s; color:#666666}
.grid-box h2 a:hover {color:#fb2900; text-decoration:none}
.grid-box img {margin-bottom:0px}
.grid-sidebar {border:#d5d5d5 solid 1px; padding:15px; background:#fff; overflow:hidden; clear:both}
.grid-sidebar .content {padding-bottom:10px; margin-bottom:15px;  border-bottom: 1px dashed #ccc; background:#ffffff; position:relative; overflow:hidden; color:#666666}
.high-grid {border-bottom: 1px dashed #ccc; margin:0 auto; padding:15px 15px 11px 0px;  position:relative; overflow:hidden; clear:both}
.high-grid:last-child {border-bottom:0}
.high-grid:first-child {padding-top:0}
.grid-sidebar .comm-widget {padding-bottom:13px; border-bottom: 1px dashed #ccc; margin-bottom:15px; position:relative; overflow:hidden; color:#666666}
.grid-sidebar .comm-widget:last-child {border-bottom:0; margin-bottom:2px; padding-bottom:2px}
.grid-sidebar .content:last-child {border-bottom:none; padding-bottom:0; margin-bottom:0px}
.grid-sidebar h2, .grid-sidebar h2 a {font-size:12px; font-family:'Arial'; font-weight:bold; line-height:15px; color:#666666}
.block.full {width:663px !important; border:#d5d5d5 solid 1px; background:#fff; padding:0px 0px 15px 0px; overflow:hidden; width:100%}
.block.full .grid-box {float:left; margin-right:20px}
.scroll-grid.full {width:663px !important; border:#d5d5d5 solid 1px; background:#fff; padding:0px 0px 15px 0px; overflow:hidden; width:100%}
.scroll-grid.full .grid-box {float:left; margin-right:20px}
.block.full .grid-box.last {position:relative; width:100%; float:right; margin-right:0px}
.block.full .whitebg {border:1px solid #d5d5d5}
.block.full h2 a {color:#FB2900}
.block.full h3 {border-bottom:#d5d5d5 solid 1px; color:#FFFFFF}
.grid-sidebar .grid-image {position:relative; margin-right:10px; display:inline-block; float:left}
.grid-box .grid-image {position:relative; display:inline-block; margin-right:5px; float:left}
.block.archive .block-rich {width:633px; margin-bottom:20px; overflow:hidden}
.block.archive .block-rich h2 {margin-bottom:8px; margin-top:2px; color:#ffffff}
.block.archive .block-rich h3 {color:#ffffff}
.block.archive .block-rich p {line-height:18px}
.block.archive .block-rich .block-meta {margin-top:10px}
.block.archive .block-rich .block-meta span {font-size:11px; text-transform:uppercase; color:#888; text-shadow:1px 1px 1px #FFF; margin-right:8px}
.block.archive .block-rich .button-comm {background:url("images/comment-icon.png") no-repeat; padding:0px 0px 0px 20px; line-height:15px}
.block.archive .block-rich a.readmore {text-align:left; font-weight:bold; font-size:16px; cursor:pointer; padding:0 0 0 3px; text-decoration:none}
.block.archive .block-rich a.readmore:hover  {text-decoration:none}
.block.archive .block-rich .clubs {background:url("images/joystick.png") no-repeat left; padding-left:18px; color:#666666}
.block-rich {border:#d5d5d5 solid 1px; background:#ffffff; padding:15px 15px 0px 15px; overflow:hidden; clear:both}
.block-rich .content {border:1px solid #d5d5d5; padding:15px; margin-bottom:15px;  background:#ffffff; position:relative; overflow:hidden; color:#666666}
.block-rich h2, .block-rich h2 a {font-size:22px; font-family:'BebasNeueRegular'; line-height:18px; color:#666666}
.block-rich .grid-image {position:relative; display:inline-block; margin-right:16px; float:left}

/* ----------- GAME PAGE STYLE -------------- */

.gamepage {border-top:none !important; border:#d5d5d5 solid 1px; padding:15px 15px 15px 15px; margin-bottom:20px; color:#666666; background:#fff; overflow:hidden; clear:both}
.gamepagewhite_tags {border:1px solid #d5d5d5; background:#ffffff; padding:10px 10px 3px 8px;  overflow:hidden; clear:both}
.instructions {border-top:none !important; border:#d5d5d5 solid 1px; padding:10px 15px 10px 15px; margin-bottom:20px; color:#666666; background:#fff; overflow:hidden; clear:both}
.game-top-title {margin-top:15px !important; margin-bottom:-16px}
.gamestuff {background:#fff; border:1px solid #0EAAE5; padding:3px; width:542px; margin-top:-29px; margin-bottom:8px; text-align:center; line-height:20px}
.gamestuffbelow {width:auto; margin:-14px 0 15px 0; background:#EAEAEA; padding:3px; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5}
.gamestuffcenter {width:550px; margin:0 auto; text-align:center}
.gamepagetext {float:right; width:310px; overflow:hidden}
.gamepagetext h2 {font-size:22px; font-family:'BebasNeueRegular'; line-height:18px; color:#666666; padding-bottom:5px}
.game-image {width:292px; height:242px; padding:4px; margin-right:15px !important; float:left; border:1px solid #d5d5d5}
.gamepagetextfull {float:left; width:100%; overflow:hidden}
.gamepagetextfull h2 {font-size:22px; font-family:'BebasNeueRegular'; line-height:18px; color:#666666; padding-bottom:5px}
.gamepagetextfull p {line-height:15px;  padding-bottom:5px !important; color:#666666 }
.difficulty {background:url("images/playon.png") no-repeat left; text-transform:uppercase; padding:1px 3px 0px 20px; color:#666666 }
.difficultytext {color:#649300; margin-right:-2px; font-weight:normal; }
.post-heading h1 {font-size:32px; text-shadow:1px 1px 1px #FFF}
.post-heading span {font-size:11px; text-transform:uppercase; text-shadow:1px 1px 1px #FFF; margin-right:8px}
.toppad {margin-top:20px}
.game-background {padding:11px 10px 8px 10px; margin-bottom:5px; background:#EAEAEA; width:auto; min-height:400px; text-align:center; border:1px solid #d5d5d5; border-bottom:none; border-top:none; }
.stick {border-right:1px solid #918F86; color:#666666; text-transform:uppercase; position:relative; margin:0 auto; padding:2px 5px 2px 10px}
.stick:last-child {border-right:none}
.lights-on {background: url("images/lights-on.png") no-repeat scroll 0 0 transparent; display:block; cursor:pointer;  position:relative; margin-top:0px; font-size:16px; color:#fff; padding:5px 0px 0px 24px; float:right; margin-right:5px; width:80px; height:26px}
.lights-on:hover {background: url("images/lights-off.png") no-repeat scroll 0 0 transparent; color:#909090}
.lights-off {background: url("images/lights-off.png") no-repeat scroll 0 0 transparent; cursor:pointer;  display:block; position:relative; margin-top:0px; color:#909090; padding:5px 0px 0px 24px; float:right; margin-right:5px; width:80px; height:26px}
.lights-on:active {background: url("images/lights-on.png") no-repeat scroll 0 0 transparent; color:#fff}
#shadow {display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:0.89; z-index: 99}
#above {position:relative; z-index:100}
#randomize, #randomize li {list-style:none; min-height:250px; overflow:hidden; clear:both }
#randomize li {display:none}

/* ------- CATEGORY GAMES PAGE STYLE -------- */

.grid-category-page {background:#ffffff; margin-bottom:20px; border:#d5d5d5 solid 1px; padding:15px 0px 0px 15px; overflow:hidden }
.grid-category-page .content {width:277px; float:left; margin:0px 15px 15px 0px; display:inline-block; border:1px solid #d5d5d5; padding:15px 15px 15px 15px;  position:relative; overflow:hidden}
.category-games-page h2, .category-games-page h2 a {font-family:"BebasNeueRegular"; font-size:18px; line-height:17px; color:#333}
.category-games-page .grid-image {margin-right:5px; margin-bottom:-3px; position:relative; display:inline-block; float:left }
.grid-category-page h3 {background:#3F3C3D; font-size:24px; color:#ffffff; text-shadow:1px 1px 1px #333333; padding:7px 0 0 20px; margin-bottom:10px; height:33px}
.category-archive-meta {background:#ffffff;  margin:0px 15px 15px 0px; border:#d5d5d5 solid 1px; padding:15px 15px 15px 15px;  overflow:hidden }

/* --------- GLOBAL WIDGET STYLE ------------ */

.widget {margin-bottom:20px; overflow:hidden}
.widget ul {border:#d5d5d5 solid 1px; padding:10px 15px 8px 15px; background:#fff; overflow:hidden}
.widget ul a {color:#666666}
.widget li {padding-bottom:13px; border-bottom: 1px dashed #ccc; margin-bottom: 15px; background:#ffffff; overflow:hidden}
.widget li:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom:none; }
.widget p {color:#666666; line-height:15px; margin-right:3px}
.widget a {font-family:"BebasNeueRegular"; font-size:18px; color:#666666}
.widget a:hover {color:#FB2900}
.grids_box_sidebar {background:#f2f2f2; border-bottom:0 !important; border:1px solid #d5d5d5}
.widget-title {background:#2B2A2A url("images/dots_widget.png") repeat-x scroll center center; margin-right:15px; border-bottom:0 !important;  font-size:24px; color:#fff; padding:7px 15px 0 15px; height:33px; overflow:hidden}
.widget-title h3 {background: none repeat scroll 0 0px #2B2A2A;  line-height:42px; margin:-7px 20px 20px -20px; padding: 0 15px 0 20px; float: left; color:#fff; font-size:24px !important; text-decoration:none}
.game-title  {background:#2B2A2A; border:#D5D5D5 solid 1px; border-bottom:none; font-size:24px; color:#fff; padding:7px 15px 0 15px; height:33px; overflow:hidden}
.game-title h3 {font-size:24px; color:#fff; height:33px; overflow:hidden}
.widget-title .rsswidget {background:#3F3C3D; font-size:24px; color:#fff; text-shadow:1px 1px 1px #333333; padding:8px 10px 0 0px; height:33px}
.widget-title .rsswidget img { padding-bottom:2px; margin-left:-2px}
.widget cite {color:#fb2900}
.widget .rss-date {color:#888}
.widget .textwidget {background:#fff; border:1px solid #d5d5d5; margin:0 auto; color:#666666; clear:both; padding:10px; overflow:hidden}
.widget-excerpt {margin-bottom:5px}
.widget .grid-sidebar:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0}
.widget .grid-sidebar img {-moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #cecece; position:relative; padding:3px}
.widget .grid-sidebar img:hover {border:1px solid #cecece; opacity: 0.7; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s}
.textwidget a {font-size:12px !important; font-family:Arial; color:#fb2900;  font-weight:bold}
.textwidget p {margin-bottom:15px; line-height:15px}
.textwidget p:first-child {margin-top:-4px}
.textwidget p:last-child {margin-bottom:-3px}
.widget .a-stats {background:#fff; margin: 0 auto; clear:both; border:1px solid #d5d5d5; padding:15px; overflow:hidden}
.widget #recentcomments li a { }
.widget #recentcomments li {font-family:"BebasNeueRegular"; font-size:18px; color:#333333}

/* --------- HOMEPAGE WIDGET STYLE ---------- */

.homepage-widget {margin-bottom:20px; overflow:hidden; width:100%}
.homepage-widget:last-child {margin-bottom:20px}
.homepage-widget .block .grid-sidebar:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0}
.homepage-widget .grid-sidebar:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0}
.homepage-widget .block .grid-box-last {border-bottom:0; margin-bottom:0; padding-bottom:0}

/* -------- SCROLLERS AUTOPLAY STYLE -------- */

.scrolly {float:left; height:242px !important; overflow:hidden }
.scrolly img {float:left; display:block; width:50px; height:50px; margin-right:10px}
.scrolly img:hover { -moz-opacity:0.7; opacity:0.7}
.scrolly h2 {margin-left:64px}
.scrolly li {position:relative; overflow:hidden}
.widget .scrolly ul {border:none !important}
.miniscroller {width:618px !important; padding:15px 15px 0px 0px; margin-left:15px !important; margin-right:0px; float:left; margin:0 auto}
.miniscroller ul li {position:relative; display:inline-block; float:left; overflow:hidden}
.miniscroller img {border:1px solid #d5d5d5; padding:3px; float:left; display:block; background:#ffffff; width:85px; height:60px; margin-right:15px; position:relative; overflow:hidden}
.miniscroller  img:hover {border:1px solid #c2c2c2; background:#f8f8f8; -moz-opacity:0.7; opacity:0.7}
.miniscrolleroff {width:618px !important; padding:15px 15px 0px 0px; margin-left:15px !important; margin-right:0px; float:left; margin:0 auto}
.miniscrolleroff ul li {position:relative; display:inline-block; float:left; overflow:hidden}
.miniscrolleroff img {border:1px solid #d5d5d5; padding:3px; float:left; display:block; background:#ffffff; width:85px; height:60px; margin-right:15px; position:relative; overflow:hidden}
.miniscrolleroff  img:hover {border:1px solid #c2c2c2; background:#f8f8f8; -moz-opacity:0.7; opacity:0.7}
.Carousel {position:relative; overflow:hidden; width:633px !important; margin-left:15px; margin-right:-15px; margin-bottom:-15px}
.Carousel img {display:block; width:183px; border:1px solid #d5d5d5; padding:4px; height:120px}
.Carousel ul li {position:relative; width:220px; padding:15px 0px 0px 0px;  line-height:15px; font-size:12px; color:#181818; background:#ffffff; float:left}
.scrollspaces {padding:0px; background: #ffffff; margin-bottom:0px}


/* ------ SCROLLERS AUTOPLAY OFF STYLE ------ */

.scrollyoff {float:left; height:242px !important; overflow:hidden}
.scrollyoff img {float:left; display:block; width:50px; height:50px; margin-right:10px}
.scrollyoff img:hover {-moz-opacity:0.7; opacity:0.7}
.scrollyoff h2 {margin-left:64px}
.scrollyoff li {position:relative; overflow:hidden}
.widget .scrollyoff ul {border:none !important}
.Carouselstatic {position:relative; overflow:hidden; width:633px !important; margin-left:15px; margin-right:15px; margin-bottom:-15px}
.Carouselstatic img {display:block; width:183px; height:120px}
.Carouselstatic ul li {position:relative; width:220px; padding:15px 0px 0px 0px;  line-height:15px; line-height:15px; font-size:12px; color:#181818; background:#ffffff; float:left; }
.btn_backward {background:url("images/game-nav.png") no-repeat; background-position:0 -32px; display:block; position:relative; text-indent:-9999px; font-size:0.01px; float:left; left:10px; width:32px; height:32px}
.btn_backward:hover {background-position:0 1px}
.btn_forward {background:url("images/game-nav.png") no-repeat; background-position:-41px -32px; display:block; position:relative; text-indent:-9999px; font-size:0.01px; float:right; right:12px; width:32px; height:32px}
.btn_forward:hover {background-position:-41px 1px}
.btn_prev, .btn_next {background: #fb2900 url("images/next-prev.png") no-repeat; float:right; border:none !important; height:17px; width:17px; margin:4px 0px 0px 4px; cursor:pointer; text-indent:-999em; padding:0 !important}
.btn_next {background-position:0 0; margin-right:15px}
.btn_next:hover  {background-position:0 -0.69em}
.btn_prev {background-position:0 -1.40em; margin-right:1px}
.btn_prev:hover {background-position:0 -2.12em}

/* ------------ BANNERS STYLE --------------- */

#banner468x60-header {width:468px; height:60px; background:#fff; float:right; padding:3px; margin-right:40px; margin-top:23px; border:1px solid #d5d5d5}
.banner468x60 {width:468px; height:60px; border:1px solid #d5d5d5; margin:0 auto; text-align:center; padding:3px}
.banner300x250 {width:300px; height:250px; margin-right:15px !important; float:left; border:1px solid #d5d5d5}
.banner300x250 img, .banner300x250 img:hover {border:none;  -moz-transition: all 0s ease-in-out 0s; -webkit-transition: all 0s ease-in-out 0s; -o-transition: all 0s ease-in-out 0s; transition: all 0s ease-in-out 0s; opacity: 1}
.banner660x90 {width:661px; height:90px; margin:0 auto; text-align:center; padding:1px; border:1px solid #d5d5d5}

/* ----------- LIKE THIS STYLE -------------- */

.likesdisplay  {float:left; color:#FB2900}
a.likeThis {background:url("images/heart.png") no-repeat 0 3px; text-align: center; overflow: hidden; margin-right: 5px; text-decoration:none; padding-left: 15px; color:#666666; font-size:12px !important; font-family:'Arial' !important; border:none}
a.likeThis:hover, a.done {background-position: 0 -11px; color:#FB2900!important}

/* ------ PLAY GAME VIDEO-WIDGET STYLE ------ */

.playgame a {background:url("images/playgame.png") no-repeat; padding:6px 0px 0px 5px; height:32px; display:block; text-align:center; margin-bottom:0px; margin-top:-6px; font-family:"BebasNeueRegular"; font-size:18px; color:#333333; text-shadow:1px 1px 1px #fff; overflow:hidden}
.playgame a:hover {color:#DF5018; text-shadow:2px 2px 2px #fff; text-decoration:none}

/* --------- RELATED GAMES STYLE ------------ */

.related-games {float:left; margin-right:15px; width:77px; height:60px; position:relative; margin-bottom:5px}
.related-games img {padding:2px}
.related-games span {top:46%; right:5%}
div.related-games:last-child {margin-right:0}

/* ----------- TAG CLOUD STYLE -------------- */

.tag_clouds {margin:0 auto}
.tag_cloud a {font-size:12px !important; font-family:Arial; font-weight:bold; margin:0 1px 2px 1px; padding:5px 7px 5px 7px; float:left; color:#fff !important; background:#3F3C3D; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s}
.tag_cloud a:hover {background:#fb2900; color:#fff !important; text-decoration:none}
.tag_cloud a:visited {background:#FB2900; color:#fff !important; text-decoration:none}
.tag_cloud a:visited:hover {background:#fb2900; color:#fff  !important; text-decoration:none}
.widget_tags span {background: none repeat scroll 0 0 #333; overflow:hidden; text-shadow: 1px 1px 1px #000; color:#fff;  float:left; margin:0 1px 2px -2px; padding:5px 7px 5px 7px}
.widget .tagcloud {background:#fff; margin: 0 auto; clear:both; border:1px solid #d5d5d5; padding:10px 15px 11px 14px; overflow:hidden}

/* ---------- SEARCH FORM STYLE ------------- */

#searchform {background:#000; border-left:1px solid #686868; margin:0 auto; height:31px; overflow:hidden; float:right}
#searchform #s {-o-transition: width .7s , color .4s; -webkit-transition: width .7s , color .4s; -moz-transition: width .7s , color .4s; transition: width .7s , color .4s;  padding:0.56em 0px 0 5px; line-height:19px; background:none; border:none; color:#808080; text-transform:uppercase; font-size:12px; width:120px; float:left}
#searchform #s:focus {width:200px; text-transform:none; outline:none; }
#searchform #s:hover {width:200px; color:#FFFFFF;  outline:none; }
#searchform:hover {background:#444}
input#search-button {background:#000 url("images/arrow-search.png") no-repeat; color:#FFFFFF; right:0; top:0; height:31px; width:41px; border:medium none}
input#search-button:hover { -moz-opacity:1; opacity:1; background-color: #5F615D; }
.widget .boxsearch {border:#d5d5d5 solid 1px; padding:15px; background:#fff; overflow:hidden; clear:both}
.boxsearch {border:none; padding:0; background:none}
.widget #searchform {width:258px !important; background:#fff; border:1px solid #d5d5d5; margin-bottom:6px; padding:3px; height:22px; overflow:hidden}
.widget #searchform #s {width:100%; padding:3px; background:none; border:none; color:#333; font-size:10px; height:16px; text-shadow:none; text-transform:uppercase; }
.widget  #searchform #s:focus {outline:none; text-transform:none; font-size:11px}
.widget input#search-button{display:none}

/* ------------ SIDEBAR STYLE --------------- */

#sidebar {float:right; width:300px}
#sidebar .widget {margin-bottom:20px}
#sidebar .widget .grid-sidebar { padding-top:15px}
#sidebar .widget .grid-sidebar:last-child {border-bottom:1px solid #d5d5d5; padding-bottom: 9px; margin-bottom:0px}

/* ---------- PAGINATION STYLE -------------- */

.pagination {font-family: 'BebasNeueRegular'; font-size: 19px; clear:both; padding:0 0 20px 0; margin-bottom:30px; position:relative}
.pagination a { background:#ffffff; height: 28px; border: 1px solid #cecece; display: block; float: left; line-height: 30px; padding: 0 10px; color: #333333; margin-right: 5px}
.pagination span.current { background:#26ADDE; height: 30px; border: 0px solid #cecece; display: block; float: left; line-height: 30px; padding: 0 10px; color: #fff; margin-right: 5px}
.pagination span.arrows { font-size: 18px}

/* ------------ FOOTER STYLE ---------------- */
.footergrid{position: relative; padding:0; bottom:0}
.showfooter {background:#fb2900 url("images/hide-footer.png") no-repeat; position:absolute; width:36px; height:18px; left: 50%; margin-top:7px; display:none; cursor:pointer}
.hidefooter  {position:absolute; width:36px; height:18px; left:50%; background:transparent url("images/show-footer.png") no-repeat; margin-top:-30px; cursor:pointer}
#wrapper-footer {background:#222; margin:0 auto; height:0; width:1024px; overflow:hidden}
#wrapper-footer-on {background:#222; margin:0 auto; width:1024px; overflow:hidden}
#footer {border-top:8px solid #FB2900; background:#353535; padding:0; bottom:0; color:#dddddd; width:1024px}
#footer h3 {color:#f1f1f1; text-shadow:4px 4px 4px #000}
#footer a {color:#FB2900}
#footer-bottom {border-left:1px solid #333333; border-right:1px solid #333333; padding:13px 15px 3px 15px; background:#000; clear:both; bottom: 0; overflow:hidden; color:#FB2900}
#footer-bottom .left {padding-top:3px; float:left; text-transform: uppercase; text-decoration:none; color:#fff; font-weight:bold}
#footer-bottom .right {float:right; margin:0 0px 8px 8px; height:22px; color:#999}
#footer-bottom a {color:#999}
#footer-bottom a:hover {color:#EAEAEA; text-decoration:none}
#footer .block img {-moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: none; box-shadow:none; border:1px solid #222}
#footer .block img:hover {-moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -moz-opacity:0.7; opacity:0.7}
.footer-border {border-top:2px solid #FB2900}

/* --------- FOOTER WIDGET STYLE ------------ */

.widgetfooter ul {margin-top:15px}
.widgetfooter ul a {color:#666666}
.widgetfooter li {background: url("images/dott-border.png") 0 100% repeat-x; padding-bottom:6px; margin-bottom: 5px}
.widgetfooter li a {color:#f1f1f1 !important}
.widgetfooter li a:hover {text-decoration:none}
.widgetfooter li:last-child { }
.widgetfooter p {line-height:15px}
.widgetfooter {overflow:hidden; padding:15px 0px 15px 18px}
.widgetfooter a {font-weight:bold; color:#f1f1f1 !important}
.widgetfooter a:hover {color:#FB2900 !important}
.widgetfooter-title {background: url("images/dott-border.png") 0 90% repeat-x; overflow:hidden; font-size:24px; color:#fff; margin-bottom:30px; padding: 5px 0 10px 0px; text-shadow:1px 1px 1px #222}
.widgetfooter-title a {font-size:24px !important; font-weight:normal !important; font-family:'BebasNeueRegular' !important; color:#fff !important; text-shadow:1px 1px 1px #000 !important}
.widgetfooter .grid-sidebar img {border:1px transparent #000; padding:2px}
.widgetfooter .grid-sidebar:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0}
#footer .grid-sidebar .content {padding-bottom:2px; padding-top:0px; border-bottom:0;  overflow:hidden; background:#222}
#footer .grid-sidebar .content:last-child {border-bottom:none}
#footer .a-stats {background:#222; margin: 0 auto; border:none; padding-top:15px }
#footer .widgetfooter {float:left; padding-top:27px; padding-bottom:20px; width:316px}
#footer .widgetfooter.last {margin-right:0}

/* Hidding image on footer scroller */
#footer .scrolly {height:190px !important; overflow:hidden}
#footer .scrolly img {display:none}
#footer .scrolly h2 {margin-left:0px}
#footer .scrolly img:hover {-moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background:#222}
#footer .scrolly p {padding:4px 0 5px 0; color:#999999}
#footer .gameicon {background: url("images/joystick.png") 0 -1px no-repeat; padding:0px 0px 0px 22px}

/* Hidding image on footer scroller */
#footer .scrollyoff {height:190px !important; overflow:hidden}
#footer .scrollyoff img {display:none}
#footer .scrollyoff h2 {margin-left:0px}
#footer .scrollyoff p {padding:4px 0 5px 0; color:#999999}
#footer .scrollyoff img:hover {-moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; background:#222}
#footer .grid-sidebar {background:#222; padding:0; overflow:hidden; clear:both; width:auto; margin-top:15px; border:none}
#footer .content {border:none; padding:4px; width:auto; margin-bottom:6px; color:#999999}
#footer .follow {background:none; margin-bottom:1px; margin-top:1px; border:none;  height:19px; }
#footer .twitter-widget {background: url("images/dott-border.png") 0 100% repeat-x; padding-bottom:3px; color:#999; margin-bottom:5px; border-bottom:0}
#footer .grid-sidebar .comm-widget {padding-bottom:6px; background: url("images/dott-border.png") 0 100%  repeat-x; color:#999; margin-bottom:5px; border-bottom:0}
#footer .grid-sidebar .comm-widget p {padding-top:5px; }
#footer .grid-sidebar .comm-widget:last-child {border-bottom:none}
#footer .grid-sidebar .avatar {border:none}
#footer .tweetslink a {color:#FB2900}
#footer .tweetslink a:hover {text-decoration:none; color:#53A9D9 !important}
#footer .latesttweets {line-height:15px; color:#999; background: url("images/bird-blue.png") 0 12px no-repeat; padding:13px 10px 10px 25px; margin:0 0 15px 0}
#footer .titlecomm {color:#f1f1f1 !important; font-weight:bold}
#footer a.done {font-weight:bold}
#footer .footer-author {color: #f1f1f1}
#footer .commicon {color: #ffffff; background: url("images/comment-icon.png") 2px 14px no-repeat; padding:13px 0px 10px 23px; font-weight:bold}
#footer .google-plus {margin-top:-7px; height:131px; text-align:center}
#footer .tag_clouds {margin: auto auto auto -3px}
#footer .tag_cloud a {margin:0 1px 2px 1px;  padding:5px 8px 5px 8px; color:#f1f1f1 !important; float:left; font-weight:normal; background:#3F3C3D; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s}
#footer .tag_cloud a:hover {background:#FB2900; color:#fff !important; text-decoration:none}
#footer .tag_cloud a:visited {background:#fb2900; color:#fff !important; text-decoration:none}
#footer .tag_cloud a:visited:hover {background:#91ce30; color:#fff !important; text-decoration:none}
#footer .widget_tags span {background: none repeat scroll 0 0 #333; overflow:hidden; text-shadow: 1px 1px 1px #000; color:#fff; float: left; margin:0 1px 2px 1px; padding:5px 8px 5px 8px}
#footer ul#social-counters {}
#footer ul#social-counters li {margin-top:1px; margin-left:20px; margin-bottom:1px}
#footer #wp-calendar caption {width:312px; margin:0 auto; border-bottom:none; margin-left: 0px; text-align:center; background-color:#333333; padding:5px 0px 5px 0px; font-family:'BebasNeueRegular'; font-size:22px; color: #fff; text-shadow: 1px 1px 1px #000}
#footer #wp-calendar {overflow:hidden; clear:both; margin-top:-15px !important;  width: 100%; border:2px solid #222; border-collapse:collapse; text-align:center}
#footer #wp-calendar thead th {background:#3F3C3D; color:#fff; text-shadow: 1px 1px 1px #000; font-weight:normal; text-align:center; border:2px solid #222; padding:5px}
#footer #wp-calendar tbody td {background:#333; border:2px solid #222; color:#F1F1F1; text-shadow:1px 1px 1px #000; padding: 2px 0}
#footer #wp-calendar #today {background:#3F3C3D; font-weight:normal; color: #fb2900}
#footer #wp-calendar tbody .pad {background:#333}
#footer #wp-calendar a {padding:2px 0; color:#fff; text-shadow:1px 1px 1px #000; font-size:12px !important; font-family:Arial; font-weight:normal}
#footer #wp-calendar tfoot td {padding: 3px 0; background:#3F3C3D}
#footer #wp-calendar #next {text-align:right; padding-right: 10px}
#footer #calendar_wrap {border:none; padding:15px 0 15px 0; font-weight:normal; background:#222; overflow:hidden; clear:both}
#footer .textwidget { line-height:15px}
#footer .textwidget p {line-height:15px}
#footer .textwidget p:first-child {margin-top:-4px}
#footer .textwidget p:last-child {margin-bottom:-3px}
#footer #searchform {width:294px; background:#000; border:1px solid #686868; margin-top:3px; padding:3px; height:31px; overflow:hidden; float:right}
#footer #searchform #s {width:250px; -o-transition:none; -webkit-transition:none; -moz-transition:none; transition:none}
#footer #searchform #s:focus {width:250px}
#footer input#search-button{width:16px; height:16px; float:right; margin-right:5px; margin-top:1px}
#footer .rss-date {color:#888}
#footer .rsswidget img { padding-bottom:1px; margin-left:0px}
#footer .rssSummary {color:#999}

/* ----------- BACK TO TOP STYLE ------------ */

.backtotop {background:#FB2900 url("images/up-arrow.png") no-repeat scroll center center; overflow:hidden; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; width:35px; height:46px; display:block}
.backtotop:hover {background:url("images/up-arrow.png") no-repeat scroll center center #222 !important}
.backtotop:active, .scrolltop:focus {outline:none}

/* ---------------- CALENDAR ---------------- */

#wp-calendar caption {width:100%; border:1px solid #222; margin:0 auto; text-align:center; background:#FB2900; padding:5px 0px 5px 0px;  font-family:'BebasNeueRegular'; font-size:22px; color: #fff; text-shadow: 1px 1px 1px #000}
#wp-calendar {overflow:hidden; clear:both; margin:0 auto; width: 100%; border:1px solid #222; border-collapse:collapse; text-align:center}
#wp-calendar thead tr { }
#wp-calendar thead th {background:#DDDDDD; color:#333; text-shadow: 1px 1px 1px #fff; font-weight:bold; text-align:center; border:1px solid #000; padding:5px}
#wp-calendar tbody td {background:#F1F1F1; border:1px solid #222; color:#333; text-shadow:1px 1px 1px #fff; padding: 2px 0}
#wp-calendar #today {background:#e5e5e5; font-weight:bold; color: #fb2900}
#wp-calendar tbody .pad {background:#fff}
#wp-calendar a {padding:2px 0; color:#fff; text-shadow:1px 1px 1px #000; font-size:12px !important; font-family:Arial; font-weight:bold}
#wp-calendar tfoot td {padding: 3px 0; background:#3F3C3D}
#wp-calendar #next {text-align:right; padding-right: 10px}
#calendar_wrap {border:#d5d5d5 solid 1px; padding:15px; font-weight:bold; background:#fff; overflow:hidden; clear:both}

/* ----------- SOCIALS STYLE ---------------- */

.google-plus {margin-top:-37px; margin-left:-10px; height: 128px; text-align:center}
.follow {padding:0px 11px 3px 0px; height:23px }
.social_widget_link {display:block; float:left; padding-right:0; margin:0 0px 8px 8px; text-indent:-9999px; font-size:0.01px; width:24px; height:24px; text-decoration:none}
.social_widget_link:hover {transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear}
.widget_social {padding:5px}
.latesttweets {background: url("images/bird-blue.png") 0 12px no-repeat; padding:13px 10px 5px 25px; margin:0 0 15px 0}
.twitter-widget {padding:0px 0px 12px 0px; margin-bottom:14px; border-bottom: 1px dashed #ccc; position:relative; overflow:hidden;  color:#666666}
.twitter-widget2 {padding:0px 0px 4px 0px}
.tweetslink a {font-size:12px !important; font-family:Arial; font-weight:bold; color:#4D9EF8}
.social_facebook {background:#fff url("images/socials/facebook.png")}
.social_twitter {background:#fff url("images/socials/twitter.png")}
.social_google {background:#fff url("images/socials/google.png")}
.social_youtube {background:#fff url("images/socials/youtube.png")}
.social_rssfeed {background:#fff url("images/socials/rss.png")}
.social_flickr {background:#fff url("images/socials/flickr.png")}
.social_vimeo {background:#fff url("images/socials/vimeo.png")}
.social_facebook:hover {background:#3B5998 url("images/socials/facebook.png")}
.social_twitter:hover {background:#45D3EE url("images/socials/twitter.png")}
.social_google:hover {background:#ff0000 url("images/socials/google.png")}
.social_youtube:hover {background:#fb2900 url("images/socials/youtube.png")}
.social_rssfeed:hover {background:#ff7612 url("images/socials/rss.png")}
.social_flickr:hover {background:#FF0084 url("images/socials/flickr.png")}
.social_vimeo:hover {background:#33454E url("images/socials/vimeo.png")}
#social-media {float:right; margin-top:9px}
#social-media img {margin-left:4px}
ul#social-counters {list-style:none; margin:0 auto; padding:15px; overflow:hidden}
ul#social-counters li {width:auto; margin-bottom:15px; border-bottom:0; padding:6px}
ul#social-counters li a {display:block; font-size:18px; padding-left:50px; text-shadow:1px 1px #fff; text-decoration:none; width:auto; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s}
ul#social-counters li a:hover {border:none; margin-left:3px}
ul#social-counters li:last-child {margin-bottom:0}
ul#social-counters p {padding:3px; font-family:"BebasNeueRegular"; text-shadow:1px 1px #fff; color:#ff7e01; font-size:18px; padding-left:57px}
ul#social-counters p:hover {margin-left:3px; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s}
ul#social-counters #counter-comments p {color:#70B427}
ul#social-counters #counter-games p {color:#3F3C3D}
ul#social-counters #counter-users p {color:#fb2900}
ul#social-counters #counter-rss a {color:#ff7e01}
ul#social-counters #counter-facebook a {color:#4358a5}
ul#social-counters #counter-twitter a {color:#26bde5}
ul#social-counters #counter-facebook:hover {background:#CBD7FF url("images/socials/facebook-fans.png") no-repeat; border:1px solid #4a65c5}
ul#social-counters #counter-twitter:hover {background:#B5DEF4 url("images/socials/twitter-followers.png") no-repeat; border:1px solid #26bde5}
ul#social-counters #counter-rss:hover {background:#ffe7a6 url("images/socials/rss-subscribers.png") no-repeat;  border:1px solid #ff7e01}
ul#social-counters #counter-comments:hover {background:#C2E69C url("images/socials/counter-comments.png") no-repeat; cursor:default; border:1px solid #70B427}
ul#social-counters #counter-games:hover {background:#d5d5d5 url("images/socials/counter-games.png") no-repeat; cursor:default; border:1px solid #3F3C3D}
ul#social-counters #counter-users:hover {background:#ffdbd4 url("images/socials/counter-users.png") no-repeat; cursor:default; border:1px solid #fb2900}
ul#social-counters #counter-facebook {background:#F2F2F2 url("images/socials/facebook-fans.png") no-repeat; border:1px solid #ccc}
ul#social-counters #counter-twitter {background:#F2F2F2 url("images/socials/twitter-followers.png") no-repeat; border:1px solid #ccc}
ul#social-counters #counter-rss {background:#F2F2F2 url("images/socials/rss-subscribers.png") no-repeat;  border:1px solid #ccc}
ul#social-counters #counter-comments {background:#F2F2F2 url("images/socials/counter-comments.png") no-repeat; cursor:default; border:1px solid #ccc}
ul#social-counters #counter-games {background:#F2F2F2 url("images/socials/counter-games.png") no-repeat; cursor:default; border:1px solid #ccc}
ul#social-counters #counter-users {background:#F2F2F2 url("images/socials/counter-users.png") no-repeat; cursor:default; border:1px solid #ccc}

/* ---FACEBOOK LIKE BOX NO BRANDING STYLE --- */

#likebox-frame {overflow:hidden; position:relative}
.facebookInner {height:306px; overflow:hidden; margin-top:-1px; margin-bottom:3px}
.facebooklike {border:1px solid #d5d5d5; padding:5px 0px 10px 3px; background:#ffffff; position:relative; overflow:hidden}

/* -----------FRONTEND LOGIN STYLE ---------- */

#login-form{padding:3px 3px 2px 3px}
#login-form #log {background: url("images/login_username.png") no-repeat scroll 2px 50% #ffffff; border:1px solid #d5d5d5; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) inset; -webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.15) inset; -o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.15) inset; color: #666666; padding: 4px 20px; margin:-3px 0px 17px -3px; display: block; width: 226px; height: 24px}
#login-form #pwd {background: url("images/login_password.png") no-repeat scroll 2px 50% #ffffff; border:1px solid #d5d5d5; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) inset; -webkit-box-shadow:0 2px 8px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.15) inset; -o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.15) inset; color: #666666; padding: 4px 20px; margin:-2px 0px 15px -3px; display: block; width: 226px; height: 24px}
#login-form #log:hover, #login-form #pwd:hover {color:#000}
#login-form #log:focus, #login-form #pwd:focus {background:#ffffff; color:#000}
#login-form .remember {margin-left:-3px; margin-top:5px}
#login-form p {padding-bottom:0}
#submit, #login-form .login-button {float:right; margin-right:-3px; background:#860101; color:#f7f7f7; border-bottom:none; box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -10px 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 -10px 10px 0 rgba(0,0,0,0.1); border-style:none none solid; border-width:0 0 2px; box-shadow:0 -10px 10px 0 rgba(0, 0, 0, 0.1) inset; color:#F7F7F7; text-shadow:1px 1px 0 #333; cursor:pointer; font-family:"Open Sans","Times New Roman",Helvetica,Arial,sans-serif; font-size:14px; font-weight:800; outline:medium none; padding:5px 16px 8px 16px; background:#fb2900; position:relative}
#submit:hover, #login-form .login-button:hover {}
#submit:active, #login-form .login-button:active {top:2px}
.login-links {margin-top:0px; margin-bottom:-10px; display:inline-block}
.lost {background: url("images/lock.png") 0px 10px no-repeat; font-family:Arial !important; font-size:12px !important; font-weight: bold; float:left; margin-left:-5px; margin-right:60px; padding:12px 0px 10px 20px}
.reg {background: url("images/user_green.png") 0px 12px no-repeat; font-family:Arial !important; font-size:12px !important; font-weight: bold; float:left; padding:12px 0px 10px 19px}
.dash {font-family:Arial !important; font-size:12px !important; font-weight: bold; background: url("images/joysticks.png") 0px 1px no-repeat; float:left; margin-bottom:-5px; padding:0px 0px 10px 19px}
.prof {font-family:Arial !important; font-size:12px !important; font-weight: bold; background: url("images/vcard.png") 0px 0px no-repeat; float:left; margin-bottom:-5px; padding:0px 0px 10px 19px}
.logout {font-family:Arial !important; font-size:12px !important; font-weight: bold; background: url("images/cancel.png") 0px 1px no-repeat; float:left; margin-bottom:-5px; padding:0px 0px 13px 19px}
.metalinks {position:relative; overflow:hidden}
 input.error, textarea.error {border:1px solid #FB2900 !important}

/* ------------- MISCELLANEOUS -------------- */

.space {padding-top: 8px}
.whitebg {background:#ffffff; border:1px solid #d5d5d5; padding:15px; overflow:hidden}
.fullwhite {background:#ffffff; padding:10px; overflow:hidden}
.fullwhite p {padding:15px}
.bordback {background:#ffffff; border:#d5d5d5 solid 1px; padding:15px; padding-bottom:0px; margin-bottom:20px; overflow:hidden; clear:both}
.bordback h3 {color:#ffffff}
.navigation-game {width:660px; padding-top:3px; overflow:hidden}
.bottom-border {margin-bottom:13px; padding-bottom:13px; background:url("images/dotted-border.png") bottom left repeat-x}
.textscroller {line-height:15px; color:#666666; padding:0px 0px 12px 0px; clear:both; width:192px}
.shadow_01 {background: url("images/shadow_01.png") no-repeat scroll 50% 100% transparent; padding-bottom: 7px}
.hover_play {background: url("images/play_black.png") no-repeat scroll 50% -100px; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; display: block}
.hover_play:hover {-moz-opacity:1; opacity:1; background-position: 50% 50%}
.hover_play_small {-moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; display: block; background: url("images/play_black_small.png") no-repeat scroll 50% -100px}
.hover_play_small:hover {-moz-opacity:1; opacity:1; background-position: 50% 50%}
.datetabs {color:#999999; font-size:10px; font-style:normal; font-weight:300; line-height:1; text-transform:uppercase; margin-top:-3px}
.color1 { margin:-8px 0 0 -10px !important; background:#FB2900 !important; float:left; line-height:41px; padding:0 12px}
.somepadd {margin-top:6px}
.show-infos { -moz-opacity:0; opacity:0;  transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear}
.showthis:hover .show-infos { -moz-opacity:1; opacity:1; }
.whitebg h2 {font-size:20px; color:#00baf0; margin-top:-3px }
.whitecontent {padding:10px; background:#ffffff; border:1px solid #d5d5d5; position:relative; overflow:hidden}
.clearboth{ clear:both; display:block; font-size:0px; height:0px; line-height:0; width:100%; overflow:hidden}
.iframe-border {border:0}
.clear {clear:both; line-height:0px; height:0px}
.rssSummary {color:#666666}
.moregames {background:#f2f2f2; padding:0px 15px 8px 0px; margin:0 auto; text-align:right; position: relative; top:-1px; margin-bottom:-1px; width:auto}
.moregames a {color:#808080; text-transform:uppercase; font-size:11px; text-decoration:none; }
.square {width:6px; height:6px; background:#fb2900; display:inline-block; margin-bottom:0.12em; margin-right:10px}
.arrow-right {margin-left:8px; margin-top:3px; float:right; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fb2900; text-decoration:none}
.gamesnumber {display: inline-block; cursor:default; padding: 3px 10px 3px 10px; position: absolute; bottom:6px; left: 15px; background:#fb2900 repeat scroll 0 0; color: #FFFFFF; font-weight:bold; font-size:11px;  font-family: Arial,Sans-Serif}
.clubs {background:url("images/joystick.png") no-repeat left; color:#666666; cursor:default; text-transform:uppercase; padding:5px 2px 0px 18px; line-height:15px}
.triangle {background: url("images/bg-up-arrow.png") no-repeat scroll 0 0 transparent; width: 320px; padding-bottom:10px; position: relative; overflow:hidden; top: -9px}
#scrollBottom {background:#fb2900 url("images/scrollBottom.png") no-repeat; width:24px; height:12px; margin:0 auto; margin-right:10px;  cursor:pointer}
.topmenu-grid1 {float:left; left:0}
.topmenu-grid2 {float:right; margin-right:-20px; right:0}
/* ---------- STYLE END BYE-BYE ------------- */
.clearfix::after{content:"";display:table;clear:both}