@charset "utf-8";
/* CSS Document, updated 08-01-2012 */ 

html, body {margin:0;padding:0;height:100%;}
body {background-color: #fff;color:#717171;font:14px/18px helvetica,arial,"nimbus sans l",sans-serif;}
#wrapper {min-height:100%;position:relative;width:100%;min-width:990px;margin: 0 auto;}

@font-face{
font-family:zekton-regular;
src: url("../fonts/zekton_rg.ttf")
format("truetype");
}

/* header */
#headerwrap {width:100%;background-image:url('../img/header.png');background-repeat:repeat-x;}
#header {
     width:990px; margin: 0 auto;
     height: 62px;
     padding:20px 0;
}
#header #logo {float: left;}
#header #search {float: right; padding:16px 10px 0 0;right:0;}
#header #search .search_holder {
     border-radius:6px;
     border-top: #c8c9c9 1px solid;
     border-left: #c8c8c8  1px solid;
     border-right: #e3e4e4 2px solid;
     border-bottom: #c8c9c9 2px solid;
     background-color: #fff;
     width:252px;
     height:28px;
}
#header #search .search_holder .search_input {
     width: 196px;
     height: 16px;
     border: none;
     color: #616161;
     padding: 3px;
     margin: 3px 9px;
}
#header #search .search_holder .search_input:hover {background-color:#eef;}
#header #search .search_holder .search_button {position: absolute;background-image:url('../img/arrow_button.jpg');border:none;width: 20px;height: 20px;padding:0 3px;margin:4px 6px;}
#header #search .search_holder .search_button:hover {opacity:0.7;}

#below_header {width:970px;margin:0 auto;padding:0 0 10px 0;}
.socialize {float:right;}

/* ADS */
.ad1 {padding:2px 0;float:left;} /* AGN_728x90 (in header) */
.ad2 {margin-top:10px;} /* AGN_300x250 (in right-columns) */
.ad3 {margin-left:10px;} /* AGN_160x600 (in left column) */

.clear {clear:both;}
h1, h2, h3, h4, h5, h6 {color: #616161;}
h1 {font-size: 21px;}
h1 a:hover {color: #38b7ea;text-decoration: none;-webkit-transition: color 1s;}
p {color: #111;font-size: 12px;margin:0 0 18px;}	
a:link {color: #666666;text-decoration: none;}
a:visited {color: #666666;text-decoration: none;}
a:hover {color:#919191;text-decoration: none;-webkit-transition: color 1s;}
.topheader {color: #616161; font-size: 16px; border-bottom: 1px dotted #999; height:25px; padding-top:50px;}
.header {color: #616161; font-size: 16px; border-bottom: 1px dotted #999; height:25px; padding-top:10px;text-shadow: 3px 3px 5px rgba(1,0,0,1);}
.black {background-color: #000; color:#888; padding-left: 6px;border:1px solid #fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);}
.info1 {font:300 12px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:160%; letter-spacing:0.15em; color:#fff; text-shadow:1px 1px 0 rgb(0,0,0);}
.info2 {color:#888; font-weight: normal; font-size: 12px;}
.details {margin:15px 20px;}
.details img {border: none ;}
.clearfix {clear: both; padding: 5px 0 5px 0;}
.login {float:right;padding: 0 5px;font-size:14px; font-weight:normal;color:#000;}
.login a {color: #f37421;border-radius:6px; padding: 2px 5px; background-color:#231f20; margin-left: 5px;}
.login a:hover {opacity: 0.8;}
.logged_in {color:#ff0054;}
.main_userpanel {float:right;color: #fff;border-radius:6px; padding: 2px 5px; background-color:#616161;}
.main_userpanel a:hover {opacity:0.8;}
#admin {background:#111;width:470px;height:235px;}
.cp {color:#fff;background:#111;border:1px #ccc;padding: 5px;float:right;text-align:left;width:220px;}
.cp a {color:#fff054;}
.cp a:hover {opacity:0.8;}
.statistics {text-align:left;padding: 0;}
.statistics h3 {text-align:left;border-bottom:1px dotted #ccc;font-size:16px;}
.figure {color:#999999;width:180px;}
.userpanel {float:left;padding: 0 10px;font-size:12px;margin-bottom:10px; font-weight:normal;width:180px;}
.userpanel .user_option {margin:5px 0;}
.userpanel a {color: #fff;border-radius:3px; padding: 2px 5px; background-color:#333;}
.userpanel a:hover {opacity:0.8;}
.userpanel_del {padding: 10px 0;font-size:12px; font-weight:normal;float:right;margin: 0 15px;}
.userpanel_del a {color: #fff;border-radius:6px; padding: 2px 5px; background-color:#406E8D;}
.userpanel_del a:hover {opacity:0.8;}
.cp_table th {color:#fff;}
.checkboxes_options {float:right;margin-right:10px;}
select.cp {border: 1px solid #38B7EA;border-radius: 3px;color: #616161;font: 12px Verdana,Helvetica,Arial,sans-serif;margin: 0 5px;padding: 2px;}

/* left-column */
* html #header {height:6em;}/*min height for IE6*/
html {overflow-y:scroll;} /*keep scrollbar present in FF*/
#center-section {margin: 0 auto;width:990px; padding-bottom:150px;} /* total height of the footer */
#innerwrap {
     min-height:0;/*IE7 haslayout/float containment*/
     margin-left:190px;
     margin-right:310px;
     width: 490px;
}
* html #innerwrap {height:1%;}/*IE6 haslayout/float containment*/
#innerwrap:after {/*clearfix adaption to contain floats in modern browsers*/
     clear:both;
     content:"";
     display:block;
     height:0;
     font-size:0;
}
#inner {
     float:left;/*nest #main & #left together and bring them first in source*/
     position:relative;/*IE6/7 need this to re-position left and right columns on viewport resize*/
     width:100%;/*prevent shrinkwrapping of float*/
}
#middle-column {
     float:right;/*bring right float first in source*/
     width:100%;/*prevent shrinkwrapping of float*/
     max-width:490px;
     margin-top: -10px;
}
#left-column {
     float:left;/*float left to shift it left into #innerwrap left margin*/
     width:180px;
     margin-top: -10px;
     margin-bottom: 10px;
     margin-left:-180px;/*shift left into #innerwrap left margin*/
     position:relative;/*IE6 needs this with neg margin shift out of the parent*/
     right:1px;/*position past #innerwrap left border*/
}
#right-column {
     float:right;
     width:300px;
     margin-top: -6px;
     margin-bottom: 10px;
     margin-right:-300px;
     position:relative;/*IE6 needs this with neg margin shift out of the parent*/
     left:1px;/*position past #innerwrap right border*/
}

/* left-column */
#left-column #main-nav-menu #nav {padding: 0; list-style: none;}
#left-column #main-nav-menu #nav li {
     color: #fff;
     background-image:url('../img/menu_button.png');
     display: block;
     border:none;
     text-decoration: none;
     text-align: center;
     font-size: 15px;
     letter-spacing: 0.2em;
     width: 176px;
     height: 18px; 
     margin: 4px 0;
     padding:2px;
}
#left-column #main-nav-menu #nav li a {color: #fff;}
#left-column #main-nav-menu #nav li:hover {background-image:url('../img/hit_state_menu_button.png');}
body.index #left-column #main-nav-menu #nav li.index {background-image:url('../img/hit_state_menu_button.png');}
body.about #left-column #main-nav-menu #nav li.about {background-image:url('../img/hit_state_menu_button.png');}
body.feed #left-column #main-nav-menu #nav li.feed {background-image:url('../img/hit_state_menu_button.png');}
body.contact #left-column #main-nav-menu #nav li.contact {background-image:url('../img/hit_state_menu_button.png');}
body.partner #left-column #main-nav-menu #nav li.partner {background-image:url('../img/hit_state_menu_button.png');}

#left-column #nav-menu {
     width:160px;
     padding:10px;
     height:100%;
     margin: 10px 0;
     background-color: #eef;
     color: #313131;
     font-weight: normal;
}
#left-column #nav-menu h1 {color:#616161;letter-spacing: 0.1em;font-size:27px; font-weight:normal;line-height:0.7em;font-family: 'zekton-regular';}
#left-column #nav-menu option {font-size:14px;color:#313131;}
#left-column #nav-menu select {font-size:14px;color:#313131;background-image:url('../img/filter_search_bar.png');width:162px;height:24px;-webkit-appearance: none;border:none;}
#left-column #nav-menu .go {background-color:#406e8d;color:#fff;border-radius: 6px;padding:2px;float:right;}
#left-column #nav-menu .go:hover {opacity:0.8;}
#left-column #nav-menu .button {background-color:#406e8d;color:#fff;border-radius: 6px;padding:2px;}
#left-column #nav-menu .button:hover {opacity:0.8;}
#left-column #nav-menu input, textarea {margin: 5px 0;padding: 3px; float: left;color: #616161; font: 12px Verdana, Helvetica, Arial, sans-serif;}
#left-column #nav-menu ul {}
#left-column #nav-menu ul a {color: #111;background-color: #999;list-style: none;display: block;text-decoration: none;text-align: center;font-size: 16px;letter-spacing: 0.2em;width: 120px;height: 21px;margin: 4px;border:1px solid #ccc;border-radius: 12px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.7);}
#left-column #nav-menu ul a:hover, ul.selected a {color: #111;background-color: #fff;border-bottom: 1px solid #888;}
#left-column #nav-menu #tag_cloud {margin: 2px; background-color:#fff;height: 100%;padding: 5px;text-align:center;}
.tag_cloud {padding: 2px; text-decoration: none;font-family: verdana;}
.tag_cloud:link  {color: #406E8D;}
.tag_cloud:visited {color: #406E8D;}
.tag_cloud:hover {color: #fff; background: #406E8D;}
.tag_cloud:active {color: #fff; background: #406E8D;}

/* middle-column */
#middle-column #content {
     height:100%;
     width: 470px;
     margin:  14px 10px 20px 10px;
     padding: 5px 0 10px 0;
     background:#EEF;/*#content BG color*/
}
#middle-column #content h1.front {color: #616161;font-size:27px; font-weight:normal;line-height:0.7em;letter-spacing:0.1em;font-family: 'zekton-regular';padding:0 10px;}
#middle-column #content h1 {font-size: 15px;}
#middle-column #content h2.front {color: #616161;font-size:19px; font-weight:normal;font-style:normal;line-height:0.7em;letter-spacing:0.1em;font-family: 'zekton-regular';padding:0 10px;}
#middle-column #content h2 {font-size: 15px; padding: 0 10px;font-style: italic; font-weight:normal;}
#middle-column #content h1 a {color:#406E8D;text-decoration:none;}
#middle-column #content h1 a:hover {color:#38B7EA;text-decoration:none;}
#middle-column #content p {color:#717171; padding: 5px 5px 0 5px;font-size:14px; font-weight:normal;line-height:1.1em;}
#middle-column #content p a {color:#38b7ea;}
#middle-column #content p a:hover{color:#616161;text-decoration:underline;}
#middle-column #content p.default {color:#717171; padding: 0 10px;font-size:14px; font-weight:normal;line-height:1.1em;}
#middle-column #content p.default a {color:#38b7ea;text-decoration:underline;}
#middle-column #content p.default a:hover{color:#616161;text-decoration:underline;}

/* stories */
#middle-column #content .stories {width:100%; padding: 5px;border-top: 1px solid #ccc;padding:4px 0;}
#middle-column #content .stories:hover {background-color: #38B7EA;}
#middle-column #content .stories .front .favicon {float:left;}
#middle-column #content .stories .front .favicon img.favicon {padding:0 5px;}
#middle-column #content .stories .front .stories-front {margin: 0 5px; padding:0 5px 0 20px;}
#middle-column #content .stories:hover .front .stories-front {color: #fff;}
#middle-column #content .stories .front .title {color: #313131;font-size:12px; font-weight:bold;}
#middle-column #content .stories .front .title a {color:#414141;text-decoration:none;}
#middle-column #content .stories .front .title a:hover {color:#406E8D;text-decoration:underline;}
#middle-column #content .stories:hover .front .title a {color:#fff;text-decoration:underline;}
#middle-column #content .stories:hover .front .title a:hover {color:#fff;text-decoration:underline;}
#middle-column #content .stories .front .website {color: #818181;margin: 0 2px; padding:0 2px;font-size:10px;font-style:italic;}
#middle-column #content .stories .front .website a {color: #406E8D;}
#middle-column #content .stories:hover .front .website {color: #fff;}
#middle-column #content .stories:hover .front .website a {color:#fff;text-decoration:underline;}
#middle-column #content .stories .front .date {color: #38b7ea;font-size:10px;font-style:italic;}
#middle-column #content .stories:hover .front .date {color: #fff;}
#middle-column #content .stories .front .clock {padding:2px 5px 0 0;margin:0;}

/* partners */
#middle-column #content .stories .front .partner-info {padding:0 5px 0 28px;}
#middle-column #content .stories .front .partners {color: #414141;margin: 0;font-size:12px;}
#middle-column #content .stories:hover .front .partners {color: #fff;}
#middle-column #content .stories .front .parner-info .title {color: #313131;font-size:12px; font-weight:bold;}
#middle-column #content .stories .front .parner-info .title a {color:#414141;text-decoration:none;}
#middle-column #content .stories .front .parner-info .title a:hover {color:#406E8D;text-decoration:underline;}
#middle-column #content .stories:hover .front .parner-info .title a {color:#fff;}
#middle-column #content .stories:hover .front .parner-info .title a:hover {color:#fff;text-decoration:underline;}
#middle-column #content .stories .front .partner-info .desc {color:#717171; padding: 0; font-size: 12px;font-style:italic;} 
#middle-column #content .stories:hover .front .partner-info .desc {color:#fff;}
#middle-column #content .stories .front .partner-info .latest {color:#616161;font-size:12px;}
#middle-column #content .stories:hover .front .partner-info .latest {color:#616161;}
#middle-column #content .stories:hover .front .partner-info .latest {color: #fff;}
#middle-column #content .stories .front .partner-info .total {font-size:12px;}
#middle-column #content .stories .front .partner-info .total a {text-decoration:underline;font-weight:bold;}
#middle-column #content .stories:hover .front .partner-info .total a {color: #fff;}
#middle-column #content .stories:hover .front .partner-info .total a:hover {color: #414141;}

#middle-column #content .readmore a {font-size: 14px;font-weight:bold;background-color: #38b7ea;color: #fff;padding: 5px 10px;text-decoration: none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;float:right;margin: 10px 5px 10px 10px;}
#middle-column #content .readmore a:hover {opacity:0.7;}

/* story */
#middle-column #content h1.story_title {color: #616161;font-size:21px; font-weight:bold;padding: 0 10px 10px 10px; font-weight:normal;line-height:1em;font-family: 'zekton-regular';border-bottom: 1px solid #ccc;}
#middle-column #content #story {padding: 0 10px 20px 10px;}
#middle-column #content #story .tag {font-size: 12px;;color: #38B7EA;padding:2px;font-weight:bold;}
#middle-column #content #story_front {margin: 10px 0;float:left;}
#middle-column #content #story_front .favicon {float:left;padding:0;margin:0;}
#middle-column #content #story_front .website {color: #818181;margin: 0 5px; padding: 5px;font-size:12px;font-style:italic;}
#middle-column #content #story_front .website a {color: #406E8D;}
#middle-column #content #story_front .website a:hover {opacity:0.8;}
#middle-column #content #story_front .creator {font-size: 11px;background-color: #FD1F2E;color: #fff;padding: 8px;margin:3px;text-decoration: none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;}
#middle-column #content #story_info {margin:10px 0;float:right;}
#middle-column #content #story_info .date {color: #38b7ea;margin-right:5px;font-size:12px;font-style:italic;float:right;font-weight:bold;}
#middle-column #content #story_info .clock {padding:2px;margin-bottom:2px;float:right;}
#middle-column #content #story_body {margin: 20px 0 10px 0;width:100%;clear:both;}
#middle-column #content img {max-width:450px;padding: 10px 0;}

#middle-column #content .related_games {color:#717171;font-size:12px;font-weight: normal;padding: 10px 10px 0 10px;}
#middle-column #content .related_games a {color:#38B7EA;font-size:12px;font-weight:bold;}
#middle-column #content .related_games a:hover {color:#406E8D;text-decoration: underline;}
 
#middle-column #content .tagslist {color:#717171; padding: 5px 10px;font-size:12px; font-weight:normal;line-height:1.1em;margin:10px 0 10px 0;}
#middle-column #content .tagslist a {color:#38b7ea;font-size:12px;font-weight:bold;}
#middle-column #content .tagslist a:hover {color:#406E8D;text-decoration:underline;}

#middle-column #content #fb_comments {padding: 0 10px;}

/* forms */
#middle-column #content .form {width: 460px;}
#middle-column #content .button {font-size: 12px;font-weight:bold;background-color: #38b7ea;color: #fff;margin-left:140px;padding: 6px 19px;text-decoration: none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;}
#middle-column #content .button:hover {background-color:#406e8d;color:#fff;}
#middle-column #content .small_button {font-size: 11px;font-weight:bold;background-color: #38b7ea;color: #fff;padding: 2px 4px;text-decoration: none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;}
#middle-column #content .small_button:hover {background-color:#406e8d;color:#fff;}
#middle-column #content .button_delete {font-size: 12px;font-weight:bold;background-color: #38b7ea;color: #fff;margin-left:120px;padding: 6px 19px;text-decoration: none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;}
#middle-column #content .button_delete:hover {background-color:#406e8d;color:#fff;}
#middle-column #content .upload_form { font-size: 12px; font-weight: bold; color: #444;}
#middle-column #content label {color: #616161;font-size: 16px;margin: 5px;text-align: left;width: 120px;float: left;padding-left:5px;}
#middle-column #content input, textarea {margin: 5px;padding: 2px;border: 1px solid #38B7EA; color: #616161; font: 12px Verdana, Helvetica, Arial, sans-serif;-moz-border-radius: 3px;}
input.default_input {width: 300px;}
textarea.default_input {width: 300px; height:180px;}
textarea.description {width: 300px; height:90px;}
textarea.embed {width:300px;height:18px;}
input.default_small_input {width: 200px;}

/* tables */
table.cp_table tbody tr:hover {background:#111;color:#fff;}
table.cp_table tbody tr:hover a {color:#fff;}
table.cp_table tbody tr:hover a:hover {color:#ff0054;}

#middle-column #content #navigation-top {padding: 30px 0 30px 0;color: #fff;}
#middle-column #content #navigation-top a {font-size: 12px;background-color: #FD1F2E;color: #fff;padding: 5px 10px;text-decoration: none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;}
#middle-column #content #navigation-top a:hover {opacity:0.7;}
#middle-column #content .navigation-bottom {padding: 10px 0 10px 0;margin: 10px 0;}
#middle-column #content .navigation-bottom .next {float:right;margin-right:15px;}
#middle-column #content .navigation-bottom .previous {float:left;}
#middle-column #content .navigation-bottom a {font-size: 12px;font-weight:bold;background-color: #38b7ea;color: #fff;margin-left:12px;padding: 6px 12px;text-decoration: none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px;}
#middle-column #content .navigation-bottom a:hover {opacity:0.7;}

/* right-column */
#right-column #top-news {background-color:#38B7EA;border-radius: 6px; border: 1px solid #ccc;height:100%; padding:10px;margin:10px 0;}
#right-column #top-news h1 {color: #fff;font-size:21px; font-weight:normal;line-height:0.7em;letter-spacing:0.1em;border-bottom:1px solid #ccc;padding-bottom:2px;font-family: 'zekton-regular';padding: 0 0 5px 0;}
#right-column #top-news .top_news {margin: 2px 0; padding: 2px 0;border-bottom: #ccc 1px dotted;}
#right-column #top-news .top_news:hover {margin: 2px 0; padding: 2px 0;border-bottom: #406E8D 1px dotted;}
#right-column #top-news .top_news a {color: #fff;font-size:12px; font-weight:normal; text-decoration: none; padding: 5px 0;margin: 10px 0;}
#right-column #top-news .top_news a:hover {color: #406E8d;}
#right-column #ad1{min-height:200px;height:auto!important;height:250px;margin:10px 0;}

#right-column #social {background-color:#eeeeff;padding:10px;color:#616161;width:280px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius:6px; font-family: 'zekton-regular';}
#right-column #social .social {font-size:21px;font-weight:normal;padding: 0 0 10px 0;}

/* game box */
#right-column #game-info {color:#406E8D;font-size:13px;font-weight:bold;background-color:#38B7EA;border-radius: 6px; border: 1px solid #ccc;height:100%;padding:10px;margin:10px 0;}
#right-column #game-info h1 {color: #fff;font-size:21px; font-weight:normal;line-height:0.7em;letter-spacing:0.1em;border-bottom:1px solid #ccc;padding-bottom:2px;font-family: 'zekton-regular';padding: 0 0 5px 0;}
#right-column #game-info a {color:#fff;font-weight:bold;font-size:13px;}
#right-column #game-info a:hover {text-decoration: underline;}
#right-column #game-info .gamebox {float:left;margin: 5px 0;padding: 5px 10px;width:92%;}
#right-column #game-info .gamebox:hover {float:left;background-color:#406E8D;}
#right-column #game-info .gamebox a {text-decoration: underline;}
#right-column #game-info .gamebox a:hover {color: #38B7EA;text-decoration: none;}
#right-column #game-info .gamebox .boxart {float:left;}
#right-column #game-info .gamebox .boxart:hover {background-color:#406E8D;}
#right-column #game-info .gamebox .game-links {padding: 2px;height:100%;margin-left:50px;}
#right-column #game-info .gamebox .game-links:hover {}
#right-column #game-info .gamebox .game-links .morelinks a {padding:0;text-decoration:underline;}
#right-column #game-info .gamebox .game-links .morelinks a:hover {text-decoration:none;}

/* footer */
#footerwrap {clear:both;background:#5b5b5b;width:100%;position:absolute;bottom: 0;height:150px;}
#footer {width:990px;padding:20px 0 0 0;line-height:1.75em;margin:0 auto;}
#footer #logo_reversed {float: left;}
#footer p {text-align:center;color:#fff;font-size:10px; padding:0;text-shadow: 1px 3px 5px rgba(0,0,0,0.5);}
#footer #footer-nav-menu #nav {float: right; padding:16px 0;}
#footer #footer-nav-menu #nav li {list-style-type:none;display:inline;}
#footer #footer-nav-menu #nav li a {color:#38B7EA; margin: 0 10px;font-weight: normal;font-size:16px;font-family: "zekton-regular";}
#footer #footer-nav-menu #nav li a:hover {color:#fff;}