body,html
{
margin: 0;
padding: 0;
font-family: Lato,Verdana,Geneva,sans-serif;
color: #000;
font-weight: 300;
}
body
{
position: absolute;
top: 0;
width: 100%;
background: #000;
/* background: #000 url(../images/construction/agedbackground.jpg) center 1500px no-repeat;*/
}
body.bodyclass3327,body.bodyclass3338,body.bodyclass3336
{
/* stranger */
}
#gameteehomepage
{
cursor:pointer;
}
.footerbarabe
{
width: 298px;
height: 604px;
background: url(../images/construction/abestanding.png) center bottom no-repeat;
position: absolute;
bottom: 0;
}
.bodyclass3327 .footerbarabe,.bodyclass3338 .footerbarabe,.bodyclass3336 .footerbarabe
{
width: 298px;
height: 604px;
background: url(../images/construction/strangerstanding.png) center bottom no-repeat;
position: absolute;
bottom: 0;
}
.delayload
{
opacity:0;
}
.extendtoclick
{
padding-top: 240px !important;
width: 920px !important;
float: left;
}
.footerbar
{
width: 100%;
height: 200px;
/*background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(1%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);*/
position: absolute;
bottom: 0;
}
.abewrapper
{
width: 1px;
background: 0 0;
margin: auto;
position: absolute;
bottom: 0px;
height: 1px;
z-index: 1000;
left: 50%;
margin-left: -745px;
}
.outerleft
{
width: 10%;
left: 0;
top: 0;
z-index: 99;
position: fixed;
height: 2000px;
background: #000;
}
.outerright
{
width: 10%;
right: 0;
top: 0;
z-index: 99;
position: fixed;
height: 2000px;
background: #000;
}
.outerwrapper
{
position: relative;
width: 100%;
top: 0;
overflow-x: hidden;
}
.homepagemobile
{
display: none;
}
.homepagedesktop
{
display: block;
}
img
{
border: 0;
}
.introimage
{
width: 76px;
left: 50%;
margin-left: -38px;
position: absolute;
height: 50px;
z-index: 34;
cursor: pointer;
}
.roundedtops
{
border-radius: 0px 0px 0 0;
padding-top: 50px!important;
}
.roundedbottoms
{
}
.introimage img
{
width: 100%;
height: auto;
position: absolute;
bottom: 13px;
}
.coverload
{
width: 100%;
height: 100%;
overflow: hidden;
color: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background: #fff url(../images/construction/ajax-loader.gif) center center no-repeat;
background: rgba(255,255,255,.9) url(../images/construction/ajax-loader.gif) center center no-repeat;
}
h1,h2,h3,h4,h5,h6,h7
{
text-rendering: optimizelegibility;
}
section.sectionheader
{
}
@font-face
{
font-family:OddFont;src:url(../other/oddfont.ttf);
}
.outerblockleft
{
width: 40px;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 99999;
}
.outerblockright
{
width: 40px;
height: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 99999;
}
hr
{
float: left;
margin: 30px 0;
width: 100%;
background: #ccc;
height: 1px;
border: 0;
}
.outerblockleft img,.outerblockright img
{
width: 40px;
}
.clearfix:before,.clearfix:after
{
content: " ";
display: table;
}
.clearfix:after
{
clear: both;
}
.clearfix
{
*zoom: 1;
}
.topblackfade
{
}
.gamepagelarger .bottomblackfade
{
background: url(../images/construction/lowerfadeblack.png) bottom left repeat-x;
position: absolute;
opacity: 1;
bottom: -1px;
left: 0;
z-index: 99;
height: 200px;
width: 100%;
}
.gamepagelarger .gamebg
{
height: 765px;
overflow: hidden;
}
.askquestion
{
padding: 10px;
background: #fff;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 0 20px 20px 0;
position: relative;
border-radius: 5px;
box-shadow: 0 3px 3px #ddd;
}
.askquestion:after
{
content: "";
position: absolute;
left: 33px;
bottom: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #fff;
}
.askanswer
{
padding: 10px;
background: #888;
color: #fff;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 0 0 20px 20px;
position: relative;
border-radius: 5px;
box-shadow: 0 3px 3px #ddd;
min-height:95px;
}
.askanswer:after
{
content: "";
position: absolute;
right: 33px;
top: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #888;
}
.alfpic
{
width: 64px;
height: 64px;
float: left;
margin: 6px 10px 0 0;
background: url(../images/construction/alf64.jpg);
background-size: 64px 64px;
}
.crigpic
{
width: 64px;
height: 64px;
float: left;
margin: 6px 10px 0 0;
background: url(../images/construction/crig128.jpg);
background-size: 64px 64px;
}
a
{
color: #000;
text-decoration: none;
}
.XXXwrapperheadersection
{
margin: 0 auto;
width: 100%;
height: 100%;
z-index: 30;
top: 0;
left: 0;
position: relative;
float: left;
}
.wrapperheadersection
{
margin: 0 auto;
width: 100%;
margin-left:0%;
height: 100%;
z-index: 30;
top: 0;
left: 0;
position: relative;
float: left;
}
.wrapperheadersection.nofloat
{
float: none;
}
.wrapperheaderinner
{
width: 960px;
margin: 0 auto;
height: 100%;
position: relative;
z-index: 11;
}
.blackfade
{
width: 100%;
margin: 0 auto;
height: 640px;
position: absolute;
z-index: 1;
background: url(../images/construction/blackfade.png) top left no-repeat;
}
.wrapperheadertopper
{
width: 960px;
margin: 5px auto;
height: 40px;
position: relative;
}
.gamepagelogo
{
margin: 0 0 0 40px;
width: 880px;
height: 200px;
}
.wrapperfade
{
background: url(../images/construction/f1fade.png) top left repeat-x;
z-index: 10;
width: 100%;
height: 200px;
position: absolute;
left: 0;
bottom: 0;
}
.usermenuouter
{
width:100%;
background:#f1f1f1;
height:40px;
position:relative;
z-index:31;
}
.usermenu
{
width: 960px;
left: 50%;
height: 40px;
position: absolute;
z-index: 99;
top: 0;
background: 0 0;
margin-left: -480px;
text-align: right;
color: #fff;
}
.loginsection
{
overflow: hidden;
float: left;
}
.usermenu .loginboxes
{
margin: 3px 0 0 35px;
padding: 0;
float: left;
width: auto;
}
.loginboxuser
{
float: left;
margin: 10px 10px 0 35px;
}
.usermenu .loginboxessmall
{
float: left;
width: auto;
color: #000!important;
padding: 3px 7px;
margin: 0 5px 0 0;
font-size: 11px;
text-transform:uppercase;
}
.usermenu .followoddworldinc
{
float: right;
width: 20px;
margin: 11px 10px 0 0;
text-align: right;
background: #00acee url(../images/construction/bird.png) 0 0 no-repeat;
background-size: 20px;
}
.usermenu .followoddworldinc:hover
{
background: #000 url(../images/construction/bird.png) 0 0 no-repeat;
background-size: 20px;
}
.usermenu .facebookoddworld
{
float: right;
width: 20px;
margin: 11px 10px 0 0;
text-align: right;
background: #3b579d url(../images/construction/facebookf.png) 0 0 no-repeat;
background-size: 20px;
}
.usermenu .facebookoddworld:hover
{
background: #000 url(../images/construction/facebookf.png) 0 0 no-repeat;
background-size: 20px;
}
.usermenu .discordoddworld
{
float: right;
width: 20px;
margin: 11px 10px 0 0;
text-align: right;
background: #f1f1f1 url(../images/construction/discordicon_blurple.png) 0 0 no-repeat;
background-size: 20px;
}
.usermenu .discordoddworld:hover
{
background: #000 url(../images/construction/discordicon_blurple.png) 0 0 no-repeat;
background-size: 20px;
}
.searchassistance
{
background: rgba(0,0,0,.125);
padding: 10px;
float: left;
margin: 20px 0 20px 40px;
}
.searchassistance a
{
text-decoration: underline;
font-weight: 700;
}
.followinnertop
{
width: 20px;
height: 20px;
float: left;
display: block;
margin: 0;
padding: 0;
}
.usermenu .searchformtop
{
float: right;
margin: 10px 40px 0 0;
}
.usermenu a
{
color: #fff;
text-transform: uppercase;
font-weight: 300;
font-size: 11px;
}
.usermenu a:hover
{
color: #ffd72a;
}
.topmenuoverlay
{
width: 100%;
height: 50px;
position: absolute;
overflow: visible;
z-index: 100;
top: 40px;
display: block;
background:#505050;
background: rgba(0,0,0,0.5);
transition: background .25s;
-webkit-transition: background .25s;
/* box-shadow: 0 2px 5px rgba(0,0,0,.15); */
}
.topmenuoverlay:hover
{
background:#000;
}
.topmenumobile
{
display: none;
}
.lowermenuoverlay
{
width: 100%;
height: 30px;
z-index: 100;
bottom: 0;
position: absolute;
}
.headerblock
{
width: 100%;
height: 100%;
` z-index: 1;
}
.headerimage
{
position: absolute;
width: 100%;
height: 100%;
}
.headerpic
{
left: 50%;
position: absolute;
margin-left: -960px;
}
.headerpic2
{
left: 50%;
position: absolute;
margin-left: -960px;
bottom: 50%;
margin-bottom: -540px;
}
.headerpic3
{
left: 50%;
position: absolute;
margin-left: -960px;
bottom: 50%;
margin-bottom: -540px;
}
.zindex1
{
z-index: 1;
}
.zindex2
{
z-index: 2;
}
.zindex3
{
z-index: 3;
}
.headerslide1
{
width: 100%;
height: 100%;
}
.headerslide2
{
width: 100%;
height: 100%;
}
.headerslide3
{
width: 100%;
height: 100%;
}
.initial
{
display: block;
}
.hidden
{
display: none;
}
.boxquote
{
top: 0;
left: 0;
width: 100%;
height: auto;
position: absolute;
z-index: 25;
margin: 0;
overflow: hidden;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 10px 0;
text-align: center;
}
.boxquoteholder
{
width: 300px;
position: absolute;
margin: 0 auto;
bottom: 300px;
left: 60px;
}
.box1,.box2,.box3
{
opacity: 0;
}
.boxquote h5
{
float: left;
font-size: 32px;
color: #fff;
width: 100%;
margin: 0;
padding: 0;
font-weight: 400;
line-height: 1;
font-family: oddfont;
}
.boxquote h6
{
float: left;
font-size: 16px;
font-weight: 300;
width: 100%;
padding: 0;
margin: 5px 0 0;
color: #fff;
}
.carouselscorebubbles
{
width: 140px;
position: absolute;
z-index: 50;
right: 0;
top: 130px;
}
.carouselscorebubble
{
background: #000;
background: rgba(0,0,0,.5);
color: #fff;
width: 140px;
height: 100px;
border-radius: 50px 0 0 50px;
padding: 10px 40px 10px 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
margin: 0 0 20px;
text-align: right;
}
.carouselscorebubble span
{
font-size: 1.5em;
width: 100%;
display: block;
margin: 15px 0 0;
}
.carouselscorebubble span span
{
font-size: .5em;
clear: both;
margin: -15px 0 0 0;
}
.carouselgamelogo
{
float: right;
width: 180px;
height: 180px;
margin: 0;
border: 0;
position: absolute;
right: 60px;
bottom: -15px;
padding: 0;
background: #34495e;
border-radius: 90px;
}
.carouselgamelogo img
{
width: 80%;
height: 80%;
left: 10%;
top: 2%;
position: relative;
}
.carouselgamelogogamepage
{
float: right;
width: 180px;
height: 180px;
margin: 0;
border: 0;
position: absolute;
right: 60px;
bottom: 0;
padding: 0;
background: #34495e;
border-radius: 90px;
}
.carouselgamelogogamepage img
{
width: 80%;
height: 80%;
left: 10%;
top: 10%;
position: relative;
}
.carouselgamelogo:hover
{
}
.h1header
{
}
.xheaderblock h1
{
position: absolute;
top: 175px;
left: 40px;
font-size: 72px;
line-height: .9;
margin: 0;
color: #fff;
z-index: 30;
text-transform: uppercase;
font-weight: 700;
width: 460px;
letter-spacing: -3px;
}
.headerblock h7
{
position: absolute;
top: 310px;
left: 40px;
font-size: 22px;
margin: 0;
padding: 0;
color: #fff;
text-transform: uppercase;
z-index: 31;
font-weight: 400;
width: 350px;
line-height: 1;
letter-spacing: 1px;
opacity: 1;
}
.headerblock h1 a
{
color: #fff;
}
.headerblock h1 a:hover
{
color: #fff;
}
.addoncontainer
{
position: absolute;
right: 40px;
bottom: 0;
z-index: 100;
}
.addon
{
width: 50px;
height: 50px;
overflow: hidden;
float: left;
background: #000;
padding: 5px;
margin-left: 2px;
bottom: 0;
}
.addon:hover
{
background: #662c91;
}
.addon img
{
width: 50px;
height: 50px;
float: left;
margin-bottom: 5px;
}
.addon p
{
clear: left;
float: left;
font-size: 11px;
font-weight: 400;
width: 100%;
margin: 0;
padding: 0;
color: #fff;
}
.buycontainer
{
position: absolute;
z-index: 100;
}
.gamepagegamelogo
{
width: 500px;
left: 50%;
margin-left: -250px;
position: absolute;
top: 120px;
z-index: 4;
}
.xxgamepagegamelogo:after,.xxgamepagegamelogo:before
{
position: absolute;
z-index: -1;
top: 150px;
left: 250px;
width: 0;
height: 0;
background: 0 0;
content: "";
box-shadow: 0 0 250px 100px rgba(0,0,0,1);
}
.homelinkmenu
{
left: 50%;
position: absolute;
width: 100px;
margin-left: -50px;
}
.buyspacer
{
float: left;
background: #7f8c8d;
font-size: 15px;
padding: 12px 10px 13px;
position: relative;
margin: 0;
width:120px;
}
.xxbuyspacer:after
{
left: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: none;
border-left-color: #7f8c8d;
border-width: 22px;
top: 50%;
margin-top: -22px;
}
.buycontainergamepage
{
position: relative;
z-index: 99999;
height: 44px;
margin: 0;
text-align:center;
}
x.buycontainergamepage
{
position: relative;
left: 200px;
z-index: 99999;
text-align: left;
height: 60px;
float: left;
clear: both;
width: 620px;
}
.buybox
{
padding: 14px 10px 6px 11px;
font-size: 15px;
width: 100px;
height: 40px;
float: left;
}
.buyboxopen
{
color: #fff;
width: auto;
height: 45px;
z-index: 30;
display:inline-table;
text-align:left;
}
.buyboxopen ul.buyboxopenul
{
padding: 0;
margin: 0;
height: 60px;
list-style: none;
float: left;
}
.buyboxopen ul.buyboxopenul li.buyboxopenli
{
padding: 14px 5px 0!important;
float: left;
width: auto;
display: block;
margin-left: 4px!important;
cursor: pointer;
bottom: 0!important;
z-index: 2;
position: relative;
width: 130px;
}
.platformtitle
{
float: left;
margin: -3px 0 0 7px;
color: #fff;
}
.buycontainergamepage ul.buyboxopenul li.buyboxopenli
{
height: 30px;
background: #34495e;
}
.buycontainergamepage .buybox
{
height: 24px;
bottom: 0;
position: absolute;
}
.buyboxopen ul li h7
{
font-size: 14px;
font-weight: 700;
float: left;
clear: both;
color: #444;
margin-top: 17px;
}
.buyboxopen ul.buyboxopenul li.buyboxopenli:hover,.buycontainergamepage .buyboxopen ul.buyboxopenul li.buyboxopenli:hover
{
}
.buyboxopen ul li h5
{
float: left;
font-size: 15px;
width: 100%;
height: 20px;
margin: 0;
padding: 0;
font-weight: 300;
}
.buyboxopen ul li h6
{
clear: left;
float: left;
font-size: 11px;
font-weight: 400;
width: 100%;
margin: 0;
padding: 0;
}
.buyboxopen ul li h5 a,.buyboxopen ul li h6 a
{
color: #fff;
}
.buyboxopen ul li.last
{
border-right: 0;
}
.buynowinner
{
position: absolute;
left: 0;
bottom: 44px;
display: none;
background: #7f8c8d;
padding: 0;
width: 0;
}
.buynowinner:after
{
content: "";
position: absolute;
left: 10px;
bottom: -10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #7f8c8d;
}
.buynowinner li
{
float: left;
clear: both;
padding: 0 10px 10px;
margin: 0;
list-style: none;
z-index: 3;
background: #7f8c8d;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.buynowinner li:first-child
{
padding: 10px;
}
.buynowinner li:hover
{
color: #000!important;
}
.buynowinner li:hover a
{
color: #000!important;
}
#maingamenav
{
position: absolute;
z-index: 100;
background: #888;
border-radius: 6px 6px 0 0;
padding: 10px 10px 0;
left: 50%;
height: 20px;
margin: 0 0 0 -40px;
width: 62px;
}
#maingamenav a
{
margin: 0 5px;
color: #fff;
float: left;
font-size: .01px;
background: #fff;
width: 10px;
height: 10px;
display: block;
border-radius: 5px;
}
#maingamenav a:hover
{
color: #000;
background: #000;
}
#maingamenav a.activeSlide
{
color: #662c91;
background: #662c91;
}
#topmenu
{
position: static;
width: 900px;
height: 40px;
z-index: 55;
float: left;
overflow: visible;
text-align: center;
margin: 0 0 0 30px;
}
#topmenu ul.mainbarmenu
{
padding: 0;
margin: 0 auto;
list-style: none;
width: 900px;
text-align: left;
height: 40px;
}
.menumoveleft
{
width: 370px;
float: left;
margin: 0 0 0 00px;
}
.menumoveright
{
width: 370px;
float: right;
margin: 0 0px 0 0;
}
#topmenu ul.mainbarmenu .menumoveright li.secondarymenu
{
float: right;
}
#topmenu ul.mainbarmenu li.secondarymenu
{
float: left;
}
li.secondarymenu#tophistory
{
}
a.mainmenulink
{
transition: color .25s;
-webkit-transition: color .25s;
font-weight: 300;
font-size: 15px;
position: relative;
color: #fff;
padding: 10px 13px 17px;
float: left;
margin: 0!important;
text-transform: uppercase;
}
a.mainmenulink.selected
{
font-weight: 900;
}
a.mainmenulink:hover
{
color: #7f8c8d;
}
.menuselected
{
color: #ffd72a;
position: relative;
}
.menuselected:after
{
content: "";
position: absolute;
left: 50%;
margin-left: -6px;
top: 32px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid transparent;
border-top: 6px solid #7f8c8d;
z-index:2;
}
#topmenu ul.mainbarmenu li.searchboxinmenu
{
float: right;
text-transform: uppercase;
padding: 6px 0 6px 6px;
margin: 0 40px 0 22px!important;
}
#searchform
{
height: 19px;
float: left;
width: auto;
padding: 1px 0;
border: 0;
}
#searchform #s
{
height: 18px;
margin: 0;
font-size: 11px;
width: 100px;
float: left;
border: 0;
color: #fff;
text-transform: uppercase;
background: #888;
background: rgba(0,0,0,.33);
}
.searchboxopen
{
padding: 0 5px;
border: 1px solid rgba(0,0,0,.33)!important;
border-right: 0;
}
#searchform .searchicon
{
width: 20px;
height: 20px;
border: 0;
float: left;
padding: 2px 2px 2px 5px;
cursor: pointer;
background: #888 url(../images/construction/search.png) 4px 5px no-repeat;
background: rgba(0,0,0,.33) url(../images/construction/search.png) 4px 5px no-repeat;;
background-size: 12px;
}
.loginoutbutton
{
color: #000!important;
padding: 3px 7px;
margin: 7px 5px 0 0;
float: left;
}
.loginoutbutton:hover
{
background: #bbb;
}
.loginoutbutton a
{
color: #000;
}
.menugameouter
{
float:left;
margin:25px 0 0 0px;
overflow:hidden;
}
.menucommouter
{
margin:65px 0 15px 0;
overflow:hidden;
}
.menugameouterbio
{
float:left;
overflow:hidden;
margin-bottom:25px;margin-left:60px;margin-top:25px;
}
.menugameblock
{
width:188px;
float:left;
overflow:hidden;
}
.menucommblock
{
width:150px;
float: left;
overflow:hidden;
}
.menugameblock a
{
overflow: hidden;
float: left;
}
.menugameimagebio
{
margin-left:10px;
}
.menugameblockbio
{
width:210px;
float:left;
overflow:hidden;
}
.menugameblockbio a
{
overflow: hidden;
float: left;
}
.menugametext
{
color:#fff;
text-transform:uppercase;
font-size:15px;
margin:0 auto 5px;
}
.menugametextbio
{
color:#fff;
text-transform:uppercase;
font-size:15px;
margin:0 auto 15px;
font-weight:900;
}
.menugametextlower
{
color:#7f8c8d;
text-transform:uppercase;
font-size:13px;
margin:0 auto 15px;
}
.menugametextlowerbio
{
color:#000;
text-transform:uppercase;
font-size:11px;
margin:0 auto 5px;
font-weight:400;
}
.menugametextlowerbio a
{
color:#34495e;
text-transform:uppercase;
font-size:13px;
margin:0 auto 5px;
font-weight:700;
line-height:2;
float:none;
}
.menugametextlowerbio a:hover
{
color:#000;
}
.menuchooseplatform
{
margin:20px auto 0;
float:left;
width:100%;
}
.menuchooseplatform a
{
color:#fff;
background:#34495e;
padding:10px;
text-transform:none;
font-size:14px;
width:50%;
}
.menuchooseplatform a:hover
{
background:#7f8c8d;
}
.submenu
{
/*background: #7f8c8d;*/
background:#000;
position: absolute;
left: 10px;
top: 45px;
height: 20px;
z-index: 50;
width: 940px;
margin: 0!important;
text-align: center;
text-transform: uppercase;
}
.submenuwhite
{
text-align: left;
text-transform: none;
}
.newsblockwhite
{
margin:40px 0 0 30px !important;
color:#ddd;
}
.newsblockwhite .magtitleunder a
{
color:#fff;
}
.newsblockwhite .postinfocomments .commentsbox
{
background:#404040;
}
.newsblockwhite .postinfocomments .commentsbox:after
{
border-top: 7px solid #404040;
}
.submenu ul
{
margin-top: 20px;
}
.submenu ul li.subcolumn
{
padding: 10px;
list-style: none;
width: 235px;
float: left;
margin: 0 0 0 10px!important;
}
li.subcolumn a
{
color:#fff;
text-decoration:underline;
}
li.subcolumn a:hover
{
color:#bbb;
}
.submenu ul li.subcolumn span
{
padding: 5px 0 10px;
margin: 1px 0 5px!important;
color: #fff;
font-size: 17px;
font-weight: 700;
text-align: center;
display: block;
}
.submenu ul li.subcolumn ul.innercolumn
{
float: left;
padding: 0;
margin: 1px 20px 0 0!important;
color: #fff;
width: 100%;
}
.submenu ul.innercolumn li
{
clear: both;
display: block;
float: left;
width: 100%;
margin: 0!important;
padding: 0!important;
}
.submenu ul.innercolumn li a
{
color: #fff;
padding: 10px 10px!important;
margin: 0 0 5px!important;
font-size: 14px;
text-transform: none;
font-weight: 300;
display: block;
width: 100%;
background:#34495e;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-decoration:none !important;
}
.submenu ul.innercolumn li a:hover
{
color: #fff;
background:#7f8c8d;
}
#subformats,#subnews,#subcommunity
{
height: 0;
overflow: hidden;
padding: 0;
float:right;
}
#subgames
{
height: 0;
overflow: hidden;
padding: 0;
}
#gamesblock
{
/* overflow: hidden; */
}
.submenu ul li.subcolumn.firstsubcolumn
{
padding: 10px 10px 0 5px!important;
}
.oddlogo
{
width: 100px;
height: 100px;
float: left;
margin: -30px 20px 0 0;
position: relative;
z-index: 100;
-webkit-transition: all 125ms ease-out;
transition: all 125ms ease-out;
border: 0;
}
.historyheaderpic
{
margin: 0 0 40px 60px;
}
.historyheaderpicbio {
margin: 0 !important;
position:relative;
}
.captionbio
{
float: left !important;
position: absolute;
bottom: 20px;
margin: 0 !important;
left: 20px;
background: #34495e;
padding: 10px;
color: #fff !important;
font-size: 15px !important;
}
.captionbio a
{
color:#fff;
font-weight:900;
}
.bioimagewrapper
{
position:relative;
float:left;
margin: 20px 0 20px 40px;
}
.contactform
{
margin: 0 40px;
float: left;
width: 880px;
color: #444;
}
.contactform label
{
clear: both;
float: left;
margin: 0 20px 0 0;
width: 200px;
}
.contactform .contactinputfield
{
float: left;
width: 400px;
font-size: 15px;
background: #fff;
border: 1px solid #ddd;
padding: 5px;
margin: 0 0 5px;
}
.contactform .contactinputtextarea
{
float: left;
width: 600px;
height: 400px;
font-size: 15px;
background: #fff;
border: 1px solid #ddd;
padding: 5px;
margin: 0 0 5px;
-moz-transition: all .25s ease-in;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
}
.contactform select
{
float: left;
width: 400px;
font-size: 15px;
background: #fff;
border: 1px solid #ddd;
padding: 5px;
text-transform: uppercase;
margin: 0 0 5px;
}
.contactform .contactsubmitbutton
{
float: left;
width: 200px;
font-size: 15px;
background: #fff;
border: 1px solid #ddd;
padding: 5px;
text-transform: uppercase;
clear: both;
margin-left: 220px;
opacity: .125;
-moz-transition: all .25s ease-in;
-webkit-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
cursor: pointer;
}
.contactform .contactsubmitbutton:hover
{
background: #444;
color: #fff;
border: 1px solid #000;
}
.gamesblockwrapper
{
width: 1000px;
margin: 0 auto;
height: 450px;
position: relative;
background: #f8f8f8;
padding: 40px 0 0;
z-index: 31;
}
.gamesblockwrapper h2
{
font-size: 32px;
line-height: .9;
margin: 0 0 15px 40px;
color: #fff;
z-index: 30;
float: left;
padding: 0 0 15px;
font-weight: 700;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-transform: none;
letter-spacing: -1px;
}
.gamesblockwrappergrid
{
width: 1000px;
margin: 0 auto;
position: relative;
padding: 40px 0 0;
background: #f1f1f1;
z-index: 32;
}
.gamesblockwrappergrid h2
{
font-size: 32px;
line-height: .9;
margin: 0 0 15px 40px;
color: #fff;
z-index: 30;
float: left;
padding: 0 0 15px;
font-weight: 700;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-transform: none;
letter-spacing: -1px;
}
.gamesblockinner
{
width: 960px;
margin: 0 auto;
height: 415px;
position: relative;
}
.gamesblockinnernoheight
{
width: 960px;
margin: 0 auto;
z-index: 33;
position: relative;
overflow: auto;
padding: 0;
}
#gamesscroller ul
{
list-style: none;
margin: 0;
padding: 0;
}
#gamesscroller ul li
{
height: 300px;
width: 200px;
background: #ddd;
margin: 10px;
float: left;
}
.controls
{
margin: 0;
position: absolute;
width: 100%;
float: left;
}
.effects
{
height: 200px;
-webkit-perspective: 800px;
-ms-perspective: 800px;
perspective: 800px;
-webkit-perspective-origin: 50% 50%;
-ms-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
overflow-y: show;
}
.effects ul
{
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.effects ul li
{
position: relative;
margin: 0 -20px;
-webkit-transform: rotateY(10deg) scale(0.9);
-ms-transform: rotateY(10deg) scale(0.9);
transform: rotateY(10deg) scale(0.9);
-webkit-transition: -webkit-transform 250ms ease-out;
transition: transform 250ms ease-out;
-webkit-transition: border 250ms ease-out;
transition: border 250ms ease-out;
}
.effects ul li.active
{
z-index: 10;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.effects ul li.active~li
{
-webkit-transform: rotateY(-10deg) scale(0.9);
-ms-transform: rotateY(-10deg) scale(0.9);
transform: rotateY(-10deg) scale(0.9);
}
.scrollbar
{
margin: 0 40px 20px;
height: 4px;
background: rgba(0,0,0,.125);
line-height: 0;
width: 880px;
border-radius: 4px;
}
.scrollbar .handle
{
width: 100px;
height: 100%;
background: rgba(0,0,0,.5);
cursor: pointer;
border-radius: 4px;
}
.scrollbar .handle .mousearea
{
position: absolute;
top: -9px;
left: 0;
width: 100%;
height: 20px;
}
.frame
{
height: 355px;
overflow: hidden;
position: absolute;
top: 85px;
width: 100%;
padding: 0;
}
.frame ul
{
list-style: none;
margin: 5px 0 0;
padding: 0;
height: 100%;
}
.frame ul li
{
float: left;
width: 225px;
height: 340px;
margin: 5px;
padding: 0;
text-align: center;
cursor: pointer;
transition: background-color .25s;
-webkit-transition: background-color .25s;
background-color: #181818;
box-shadow: 0 10px 10px -10px rgba(0,0,0,.25);
border-radius: 5px;
transition: bottom .125s;
-webkit-transition: bottom .125s;
}
.frame ul li.active
{
color: #fff;
}
.frame ul li:hover
{
bottom: 5px;
background-color: #202020;
box-shadow: 0 0 7px rgba(255,255,255,.5);
}
.frame ul li img
{
border-radius: 5px 5px 0 0;
}
.frame ul li p
{
margin: 7px 0 5px;
padding: 0 10px;
color: #fff;
text-align: center;
font-size: 24px;
line-height: 1;
text-transform: uppercase;
font-weight: 900;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.frame ul li h6
{
margin: 5px auto 0;
padding: 0;
color: #fff;
text-align: center;
font-size: 13px;
line-height: 1;
font-weight: 400;
float: left;
width: 100%;
}
.frame ul li h7
{
margin: 5px auto 0;
padding: 0;
color: #fff;
text-align: center;
font-size: 13px;
line-height: 1.75;
font-weight: 400;
float: left;
width: 100%;
}
.optionsbox
{
padding: 10px 10px 0;
width: 881px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 0 0 14px 40px;
background: rgba(0,0,0,.15);
float: left;
}
.gridframe
{
width: 900px;
margin: 0 0 40px 40px;
clear: both;
}
.gridframe ul
{
list-style: none;
margin: 0;
padding: 0;
height: 100%;
}
.gridframe ul li
{
float: left;
width: 215px;
height: 335px;
margin: 0 7px 15px 0;
padding: 0;
color: #000;
text-align: center;
cursor: pointer;
transition: background .5s;
-webkit-transition: background .5s;
overflow: hidden;
}
.gridframe ul li:hover
{
}
.gridframe ul li:hover img
{
opacity: .75;
}
.gridframe ul li img
{
border-radius: 0;
width: 215px;
margin: 0;
}
.gridframe ul li p
{
margin: 10px 0 9px;
padding: 0 10px;
color: #000;
text-align: center;
font-size: 22px;
line-height: 1;
text-transform: uppercase;
font-weight: 300;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.gridframe ul li h6
{
margin: 5px auto 0;
padding: 0;
color: #000;
text-align: center;
font-size: 13px;
line-height: 1;
font-weight: 400;
width: 100%;
float: left;
}
.gridframe ul li h7
{
margin: 5px auto 0;
padding: 0;
color: #000;
text-align: center;
font-size: 13px;
line-height: 1.75;
font-weight: 400;
width: 100%;
float: left;
}
.gridframehome
{
width: 880px;
margin: 0 40px;
}
.gridframehome ul
{
list-style: none;
margin: 0;
padding: 0;
height: 100%;
}
.gridframehome ul li
{
float: left;
width: 205px;
height: 280px;
margin: 0 7px 15px 8px;
padding: 0;
color: #444;
text-align: center;
cursor: pointer;
}
.gridframehome ul li:hover
{
opacity: .75;
}
.gamegridfilters
{
width: 880px;
margin: 0 auto;
padding: 0;
height: 28px;
}
.option-combo
{
margin: 0 0 10px;
float: left;
}
.gamegridfilters li
{
float: left;
margin: 0 10px 0 0;
list-style: none;
}
.gamegridfilters li a
{
padding: 5px 10px;
color: #000;
float: left;
text-transform: uppercase;
font-size: 15px;
background: #fff;
}
.gamegridfilters li a:hover
{
background: #ddd;
color: #000;
}
.gamegridfilters li a.selected
{
background: #000;
color: #fff;
}
.filterlabel
{
float: left;
margin: 5px 20px 0 0;
font-size: 15px;
text-transform: uppercase;
width: 70px;
color: #444;
}
.frametop
{
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
}
.frametop ul.headerscrollerul
{
list-style: none;
margin: 0;
padding: 0;
height: 100%;
}
.headerscrollerul
{
margin: 0;
}
.frametop ul.headerscrollerul li.gamecontainer
{
float: left;
width: 1920px;
height: 100%;
margin: 0;
padding: 0;
position: relative;
z-index: 0;
}
.frametop ul.headerscrollerul li.gamecontainer.active
{
z-index: 1;
}
.wraptop
{
position: relative;
height: 100%;
}
.gamecontainer
{
left: 0;
top: 0;
}
.game-fade1
{
width: 100px;
height: 300px;
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
.game-fade2
{
width: 100px;
height: 300px;
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
.moreinfo
{
padding: 10px 20px;
background: #fff;
border: 1px solid #ddd;
border-radius: 2px;
cursor: pointer;
text-transform: uppercase;
color: #888;
z-index: 11;
width: 200px;
margin: 0 0 0 40px;
position: absolute;
bottom: 0;
font-weight: 400;
font-size: 18px;
}
.btn
{
background: #fff;
cursor: pointer;
text-transform: uppercase;
color: #888;
z-index: 11;
font-size: 13px;
font-weight: 400;
width: 10px;
height: 20px;
padding: 0;
border: 0;
opacity: .75;
}
.btn.next
{
position: absolute;
right: 60px;
background: #fff;
}
.btn.prev
{
position: absolute;
right: 80px;
background: #fff;
}
.btn.next:after,.btn.next:before
{
left: 99%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.btn.next:after
{
border-color: rgba(255,255,255,0);
border-left-color: #fff;
border-width: 10px;
top: 0;
margin-top: 0;
}
.btn.prev:after,.btn.prev:before
{
right: 99%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.btn.prev:after
{
border-color: rgba(255,255,255,0);
border-right-color: #fff;
border-width: 10px;
top: 0;
margin-top: 0;
}
.gamesblockinner .btn.next,.gamesblockinner .btn.prev
{
top: -40px;
}
.btn.disabled
{
opacity: .1;
cursor: default;
}
.btn:hover
{
opacity: 1;
}
.effectsv
{
width: 220px;
height: 1000px;
line-height: 200px;
-webkit-perspective-origin: 50% 50%;
-ms-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
overflow-y: show;
}
.effectsv ul
{
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.effectsv ul li
{
position: relative;
margin: 0 -20px;
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
-webkit-transition: -webkit-transform 300ms ease-out;
transition: transform 250ms ease-out;
}
.effectsv ul li.active
{
z-index: 10;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.effectsv ul li.active~li
{
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
.oneperframe
{
background: #000;
}
.oneperframe ul li
{
width: 960px;
z-index: 0;
}
.oneperframe ul li.active
{
z-index: 1;
}
.gamelistlower
{
width: 180px;
height: 180px;
background: #34495e;
border-radius: 90px;
position: absolute;
bottom: 10px;
left: 22px;
padding: 40px 20px 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.gamelistlower p
{
backface-visibility: hidden;
transform: translateZ(0);
-webkit-font-smoothing: antialiased;
}
.sectiongamesheader .gamelistlower
{
bottom: -18px;
left: 18px;
}
.gamelistlower p
{
font-size: 22px!important;
font-weight: 300!important;
}
#homepagegameul
{
}
#homepagegameul li
{
}
.newsblock
{
width: 960px;
margin: 0 auto;
height: auto;
overflow: hidden;
position: relative;
z-index: 20;
}
.historyblock
{
width: 960px;
margin: 0 auto;
height: auto;
overflow: hidden;
position: relative;
z-index: 20;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
column-gap: 20px;
}
.historyblockremovecolumns
{
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.newsblockvideotweak
{
margin: 0 auto;
}
.newsblock h2
{
font-size: 56px;
line-height: .9;
margin: 0 0 30px 40px;
color: #aaa;
z-index: 30;
font-weight: 100;
letter-spacing: -1px;
float: left;
}
.newsblock h8
{
float: right;
margin: 0 40px 0 0;
padding: 10px;
background: #ccc;
border-radius: 3px;
}
.newsblock .newsblockleft
{
width: 430px;
float: left;
padding: 0 0 0 40px;
}
.newsblock .newsblockright
{
width: 430px;
float: left;
margin: 0 0 0 20px;
}
.communityfocus
{
background: #ccc;
padding: 20px;
box-sizing: border-box;
height: 320px;
margin: 0 0 20px 20px!important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.communityfocus p
{
margin: 0 0 10px!important;
}
.communityfocus h2
{
margin: 0 0 20px!important;
font-size: 20px!important;
float: left;
}
.blogpostblockright
{
border-left: 0!important;
width: 319px!important;
margin: 0 40px 0 0!important;
padding: 10px 0 10px!important;
}
.pushtoside
{
float: left;
margin: 10px 20px 10px 0;
width: 50%;
}
.blogpostblockright .newssocial
{
margin: 0 0 30px 25px;
}
.blogpostblockright .blogadditional
{
padding: 0 25px;
}
.blogpostblockright .blogadditional p
{
margin:0 0 10px 0;
}
.blogpostblockright .blogadditional a
{
text-transform: none;
border-bottom: none;
padding: 0px 20px;
line-height: 1.25;
display: block;
font-size:15px;
}
.gameblock .gallery
{
width: 880px;
margin: 0 40px!important;
}
.gallery-item
{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing:border-box;
text-align:left !important;
}
.oddgallery-button,.oddgallerydir-button
{
background: #34495e;
border: 0;
padding: 5px 15px;
color: #fff;
cursor:pointer;
}
.oddgallery-active
{
background:#7f8c8d;
}
.innernewsholder
{
width: 960px;
float: left;
margin: 0;
color: #000;
}
.newsblock .headerimage
{
width: 420px;
height: 200px;
background: #fff;
float: left;
margin: 0 0 20px;
padding: 5px;
border-radius: 3px;
border: 1px solid #ccc;
position: relative;
}
.newsblock .headerimage img
{
width: 420px;
height: 200px;
}
.newsblockleft h3,.newsblockright h3
{
clear: both;
float: left;
padding: 0;
margin: 0;
font-size: 28px;
font-weight: 700;
line-height: 1;
}
.newsblockleft h4,.newsblockright h4
{
clear: both;
float: left;
padding: 0;
margin: 10px 0 0;
font-size: 17px;
font-weight: 300;
line-height: 1.5;
}
.newsblockleft .posttags
{
list-style: none;
clear: both;
float: left;
margin: 15px 0 10px;
padding: 0;
}
.newsblockleft .posttags li
{
margin: 0 10px 0 0;
float: left;
}
.newsblockleft .posttags li a
{
font-size: 12px;
text-transform: uppercase;
color: #fff;
padding: 5px 10px;
line-height: 1.5;
background: #662c91;
border-radius: 4px;
}
.newsblockleft .posttags li a:hover
{
background: #000;
}
.restofblog ul
{
margin: 0;
padding: 0;
list-style: none;
}
.restofblog .rightimage
{
width: 50px;
height: 50px;
margin-right: 20px;
background: #fff;
float: left;
padding: 5px;
border-radius: 3px;
border: 1px solid #ccc;
}
.restofblog .rightimage img
{
width: 50px;
height: 50px;
}
.restofblog .rightheader
{
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
margin: 0 0 10px;
}
.restofblog .rightexcerpt
{
font-weight: 300;
font-size: 17px;
margin: 0 0 10px 80px;
line-height: 1.5;
}
.restofblogblogpage
{
float: left;
margin-top: 10px;
}
.restofblogblogpage ul
{
margin: 0 0 0 40px;
padding: 0;
list-style: none;
width: 280px;
}
.restofblogblogpage li
{
clear: both;
float: left;
margin: 0 0 10px;
}
.restofblogblogpage .rightimage
{
width: 50px;
height: 50px;
margin-right: 20px;
float: left;
}
.restofblogblogpage .rightimage img
{
width: 50px;
height: 50px;
}
.restofblogblogpage .rightheader
{
font-weight: 700;
text-transform: uppercase;
font-size: 15px;
margin: 0 0 10px;
float: left;
width: 190px;
}
.restofblogblogpage .rightexcerpt
{
font-weight: 400;
font-size: 13px;
margin: 0 0 10px;
line-height: 1.3;
float: left;
width: 190px;
}
.alertblockwrapper
{
width: 1000px;
margin: 0 auto;
height: 500px;
position: relative;
background: #000;
padding: 0;
z-index: 32;
}
.flowplayer,#flash
{
position: absolute;
top: -40px;
display: block;
width: 1000px;
height: 540px;
z-index: 32;
}
#toppervid
{
position: absolute;
top: 0;
display: block;
width: 1920px;
height: 700px;
z-index: 32;
}
#playermiddle
{
position: absolute;
top: 0;
left: 0;
display: block;
width: 1000px;
height: 500px;
z-index: 32;
}
#playermiddlehome
{
position: absolute;
top: -35px;
left: 0;
display: block;
width: 1000px;
height: 570px;
z-index: 32;
}
.videotopper
{
width: 100%;
height: 1100px;
overflow: hidden;
position: absolute;
top: -300px;
z-index: 10;
}
.videoholdervideopage {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
margin:0 0 20px 0;
}
.videoholdervideopage iframe,
.videoholdervideopage object,
.videoholdervideopage embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.videoholderinfo
{
margin: 0 0 20px 0;
font-size: 17px;
}
.videoholderinfo a
{
font-weight:700;
}
.alertblockwrapper h2
{
font-size: 100px;
line-height: .9;
margin: 0 0 10px 40px;
color: #fff;
z-index: 30;
font-weight: 400;
font-family: oddfont;
float: left;
}
.alertblockwrapper h3
{
font-size: 17px;
line-height: .9;
margin: 0 0 0 40px;
color: #fff;
z-index: 30;
font-weight: 300;
text-transform: none;
float: left;
clear: both;
}
.alertblockinner
{
width: 960px;
margin: 0 auto;
height: 140px;
padding: 40px 0 0 20px;
float: left;
position: relative;
z-index: 33;
}
.alertblockinner h2 a
{
color: #fff;
}
.alertblockinner h2 a:hover
{
color: #ffd72a;
}
.jp-video
{
position: absolute;
top: 0;
left: 0;
z-index: 5;
width: 100%!important;
height: 100%!important;
overflow: hidden;
}
.jp-jplayer
{
height: auto;
width: 100%;
}
#jp_video_0
{
position: absolute!important;
bottom: 0!important;
}
.ipadplay
{
padding: 20px;
background: #fff;
color: #000;
z-index: 5000;
float: left;
font-size: 60px;
}
.logoright
{
width: 250px;
height: 197px;
position: absolute;
bottom: 40px;
right: 40px;
opacity: .66;
transition: opacity .5s;
-webkit-transition: opacity .5s;
z-index: 33;
}
.logoright img
{
width: 100%;
height: 100%;
}
.logoright:hover
{
opacity: 1;
}
.footerwrapper
{
width: 1000px;
margin: 0 auto;
height: auto;
position: relative;
background: #34495e;
padding: 30px 0 20px;
color: #fff;
z-index: 32;
}
.footerwrapper ul
{
margin: 0;
padding: 0;
list-style: none;
}
.footerwrapper ul li
{
float: left;
}
.footerwrapper h2
{
font-size: 32px;
line-height: .9;
margin: 0 0 15px 40px;
color: #fff;
z-index: 30;
float: left;
padding: 0 0 15px;
font-weight: 700;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-transform: none;
letter-spacing: -1px;
}
.footerinner
{
width: 960px;
margin: 0 auto;
height: auto;
position: relative;
color: #fff;
}
.footertwitter
{
margin: 0 0 0 40px;
width: 430px;
float: left;
height: auto;
}
.footerfacebook
{
margin: 0 40px 0 0;
width: 430px;
float: right;
height: auto;
text-align: right;
border-radius: 3px;
background: #2c3e50;
}
.footerrest
{
margin: 20px 0;
font-size: 13px;
color: #fff;
height: auto;
overflow: hidden;
border-top: 1px solid #2c3e50;
padding-top: 20px;
}
.footerrest a
{
color: #fff;
font-weight: 300;
}
.footerrest a:hover
{
color: #000;
}
.footerrest li
{
margin: 0 10px 0 0;
text-transform: uppercase;
}
.footerwrapper .left
{
float: left;
width: 40%;
margin: 0 0 0 40px;
}
.footerwrapper .right
{
float: right;
text-align: right;
width: 40%;
margin: 0 40px 0 0;
}
.twitter .entry-content
{
margin: 0 0 10px;
width: 430px;
display: block;
float: left;
position: relative;
line-height: 1.5;
font-size: 13px;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.twitter .entry-content:hover
{
bottom: 5px;
box-shadow: 0 3px 5px -3px #000;
}
.twitter .entry-content a
{
color: #fff;
padding: 10px 10px 10px 40px;
background: #2c3e50 url(../images/construction/bird.png) 5px 3px no-repeat;
display: block;
background-size: 32px 32px;
border-radius: 3px;
font-size: 15px;
}
.twitter .entry-content:after
{
border-top: 10px solid #2c3e50;
border-left: 10px solid transparent;
border-right: 0 solid transparent;
width: 0;
height: 0;
position: absolute;
bottom: -10px;
right: 30px;
content: "";
display: block;
}
.twitter .entry-meta
{
float: left;
margin: 5px 0 20px 20px;
width: 390px;
}
.twitter .entry-meta a
{
color: #fff;
margin-right: 10px;
float: left;
font-size: 10px;
text-transform: uppercase;
}
.twitter .entry-meta a:hover
{
color: #000;
}
.entryview
{
float: right!important;
margin-right: 20px!important;
}
.homelink
{
height: 13px;
margin: 3px 0 0;
}
.fb-like-box
{
padding: 10px;
overflow: hidden;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.pluginConnectTextDark
{
color: #fff!important;
}
.videop
{
margin: 10px 0 20px!important;
font-weight: 300!important;
text-transform: none!important;
font-size: 17px!important;
color: #000!important;
}
.gamespace
{
width: 100%;
margin: 0;
padding: 0;
height: auto;
float: left;
}
.gamespacequotes
{
position: absolute;
bottom: 110px;
color: #fff;
z-index: 5;
text-align: center;
width: 100%;
padding: 5px 0 10px;
}
.gamespacequotes h1
{
padding: 0 !important;
margin: 0 !important;
font-weight: 700;
font-size: 2em;
text-shadow: 0px 2px 2px #000;
}
.gamespacequotes h1 a
{
color:#fff;
text-decoration:underline;
}
.gamespacequotes h1 a:hover
{
color:#aaa;
}
.gamespacequotes h2
{
padding: 0 !important;
margin: 0 !important;
font-weight: 300;
font-size: 1.25em;
text-shadow: 0px 1px 1px #000;
}
.xgamespacelogowrapper
{
width: 960px;
bottom: 0;
left: 50%;
margin-left: -480px;
height: 200px;
position: absolute;
z-index: 2;
padding: 20px 0 0;
}
.gamespacelogowrapper
{
width: 100%;
bottom: 0;
left: 0;
margin-left: 0;
height: 100%;
position: absolute;
z-index: 2;
padding: 0;
}
.fixed
{
position: fixed!important;
left: 50%;
margin-left: -480px;
top: 0;
}
.gamespacelogo
{
margin: 0 0 0 -200px;
height: auto;
z-index: 3;
left: 0;
position: absolute;
}
.xgamespacelogo
{
margin: 15px 20px 0 0;
height: auto;
z-index: 3;
float: left;
}
.gamespacelogo img
{
}
.gamespaceinner
{
z-index: 5;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-backface-visibility: hidden;
position: absolute;
bottom: 60px;
color: #fff;
z-index: 5;
text-align: center;
width: 100%;
padding: 0px 0 10px;
background: rgba(0,0,0,0.5);
}
.sectionshorterheader .gamespaceinner
{
background:none;
}
.OLD_2_gamespaceinner
{
margin: 0 auto;
z-index: 5;
position: absolute;
height: 300px;
bottom: 20px;
left: 50%;
margin-left: -480px;
padding: 00;
}
.OLD_gamespaceinner
{
width: 960px;
margin: 320px auto 40px;
z-index: 5;
position: relative;
height: 300px;
}
.gamebg
{
position: relative;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.gamespacetop
{
height: 100%;
width: 100%;
position: fixed;
top: 0;
z-index: 2;
/*-moz-box-shadow: inset 0 -40px 40px -30px #000;
-webkit-box-shadow: inset 0 -40px 40px -30px #000;
box-shadow: inset 0 -40px 40px -30px #000;*/
}
.mobilebuy
{
display: none;
}
.gamespacetopcarousel
{
height: 700px!important;
width: 100%!important;
}
.gamespacetopcarousel img
{
left: 0;
margin: 0;
width: 100%;
height: auto;
position: absolute;
bottom: 0;
}
.sectionheader
{
background: #000;
}
.gameblockrowtimeline
{
background: #666!important;
}
.ram2
{
height: 1080px;
width: 1920px;
position: absolute;
left: 0!important;
top: 0;
z-index: 4;
}
.ram3
{
height: 1080px;
width: 1920px;
position: absolute;
right: 0!important;
top: 0;
z-index: 3;
}
section.sectioncarousel .gamespacetop
{
}
.carousel1
{
opacity: 1;
height: 550px;
width: 100%;
}
.carousel2
{
opacity: 0;
height: 550px;
width: 100%;
}
.xscanlines
{
height: 100%;
width: 100%;
position: fixed;
top: 40px;
z-index: 11;
opacity: 1;
background: url(../images/construction/scanlines.png) center top repeat;
}
.boxscanlines
{
height: 100%;
width: 100%;
padding: 0;
margin: 0;
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 11;
opacity: 1;
background: url(../images/construction/scanlines.png) center top repeat;
}
.edges
{
height: 100%;
width: 100%;
position: absolute;
top: 0;
background: url(../images/construction/edges.png) center top repeat-y;
z-index: 4;
}
.gamespacebottom
{
height: 500px;
width: 100%;
position: absolute;
bottom: 0;
z-index: 2;
}
.gamespacetopmunch
{
background: url(../images/tops/topmaster-munch.jpg) center center no-repeat;
}
.gamespacetopstranger
{
background: url(../images/tops/topmaster-stranger.jpg) center center no-repeat;
height: 100%;
width: 100%;
}
.fbLoginButton
{
display: inline!important;
top: 0!important;
float: left;
margin-right: 3px!important;
position: relative;
background: #fff;
padding: 1px!important;
}
.gameblock
{
height: auto;
width: 1000px;
margin: 0 auto;
position: relative;
padding: 30px 0 20px;
z-index: 31;
background: #f8f8f8;
}
section.linebreak
{
display: none;
}
section.linebreak .linebreakinner
{
width: 100%;
height: 2px;
background: #e1e1e1;
margin: 10px 0;
}
section.linebreak .linebreakinner img
{
width: 150px;
}
.OLD_2_gameblock
{
height: auto;
float: left;
width: 100%;
position: relative;
background: #e1e1e1;
padding: 40px 0;
z-index: 31;
}
.OLD_gameblock
{
height: auto;
float: left;
width: 100%;
position: relative;
background: #e1e1e1;
padding: 40px 0;
z-index: 31;
}
.bigpic
{
width: 1000px;
height: 500px;
margin: 0 auto;
position: relative;
z-index: 32;
overflow: hidden;
}
.bigpic img
{
width: 100%;
}
.bigpiccaption
{
background: rgba(0,0,0,0.5);
position: absolute;
bottom: 60px;
left: 60px;
font-size: 17px;
font-weight: 300;
color: #fff;
padding: 5px;
border: 1px solid #fff;
z-index: 33;
}
.gameblockrowodd
{
background: #f1f1f1;
/* background: rgba(255,255,255,.9);*/
}
.gameblockroweven
{
background: #e1e1e1;
/*background: rgba(255,255,255,.8);*/
}
.sectiongamesblock .homepagedesktop .gameblockrowodd
{
background: #555;
background: -moz-radial-gradient(center,ellipse cover,rgba(85,85,85,1) 0,rgba(40,40,40,1) 100%);
background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0%,rgba(85,85,85,1)),color-stop(100%,rgba(40,40,40,1)));
background: -webkit-radial-gradient(center,ellipse cover,rgba(85,85,85,1) 0,rgba(40,40,40,1) 100%);
background: -o-radial-gradient(center,ellipse cover,rgba(85,85,85,1) 0,rgba(40,40,40,1) 100%);
background: -ms-radial-gradient(center,ellipse cover,rgba(85,85,85,1) 0,rgba(40,40,40,1) 100%);
background: radial-gradient(ellipse at center,rgba(85,85,85,1) 0,rgba(40,40,40,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#282828', GradientType=1);
}
.sectiongamesblock .homepagedesktop .gameblockrowodd .h2black
{
color: #fff!important;
}
.gameblockrownoback
{
background: 0 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
margin-top: 40px;
margin-bottom: 60px;
}
.gameblockrowtimeline
{
background: #787878!important;
}
.gameblockrowstranger1
{
padding: 40px 0 20px;
}
.gamebglower
{
position: absolute;
top: 0;
z-index: 0;
width: 100%;
height: 1500px;
background: #000 url(../games/strangermobile/bountyback.jpg) top center no-repeat;
}
.gamebglower2
{
position: absolute;
top: 0;
z-index: 0;
width: 100%;
height: 1500px;
background: #000 url(../games/strangermobile/bountyback.jpg) top center no-repeat;
}
.firstspacer
{
top: 250px;
}
.gameblocktrans
{
background: 0 0;
height: 40px;
width: 100%;
position: relative;
padding: 0!important;
clear: both;
float: left;
left: 0;
margin: 10px 0 5px!important;
border-top: 0;
}
.xgameblocktrans
{
background: rgba(0,0,0,.5);
height: 224px;
width: 100%;
position: absolute;
bottom: 0;
padding: 0!important;
}
.platformicon
{
margin: -3px 7px 0 7px;
height: 20px;
float:left;
}
.gameblocknopadding
{
padding: 0 0 0 40px;
border-radius: 0;
margin: 20px 0 40px;
width: 880px;
}
.gameblock h1
{
}
.gameblock h12
{
font-size: 22px;
line-height: .9;
margin: 5px 0 0;
color: #fff;
z-index: 30;
float: left;
text-transform: uppercase;
font-weight: 400;
width: 486px;
}
.newspageblock
{
height: auto;
width: 880px;
margin: 0 auto;
padding: 0 0 0 10px;
z-index: 10;
position: static;
overflow: hidden;
}
.OLD_newspageblock
{
height: auto;
width: 880px;
margin: 0 auto;
padding: 30px 40px 0;
z-index: 10;
position: static;
}
.recentcomments
{
padding: 0 40px;
margin: 0;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
list-style: none;
columns: auto 2;
-webkit-columns: auto 2;
-moz-columns: auto 2;
}
.recentcomments li
{
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px solid #e1e1e1;
float: left;
width: 100%;
display: inline-block;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-o-column-break-inside: avoid;
-ms-column-break-inside: avoid;
column-break-inside: avoid;
}
.recentcomments li span
{
font-size: 17px;
float: left;
font-weight: 400;
}
.recentcomments li p
{
padding: 0;
margin: 0;
font-size: 17px;
float: left;
}
.newspageblock h1
{
font-size: 80px;
letter-spacing: -2px;
line-height: .9;
margin: 5px 0 10px;
color: #fff;
z-index: 30;
padding: 0;
width: 100%;
text-align:center;
float: left;
clear: both;
font-family: OddFont,Lato;
font-weight: 400;
text-shadow: 0px 2px 4px rgba(0,0,0,0.75);
}
.gametitle
{
font-size: 80px;
letter-spacing: -4px;
line-height: .9;
margin: 0 0 40px 40px;
color: #101010;
z-index: 30;
padding: 0;
width: 550px;
float: left;
clear: both;
font-family: OddFont,Lato;
font-weight: 400;
}
.h1news
{
/*font-size: 64px!important;
letter-spacing: -1px!important;
line-height: 1!important;*/
}
.newspageblock h1 a
{
transition: color .25s;
-webkit-transition: color .25s;
color: #fff;
}
.newspageblock h1 a:hover
{
}
.newspageblock h10
{
font-size: 15px;
margin: 0 0 15px;
width: auto;
line-height: 1.1;
color: #fff;
text-transform: uppercase;
z-index: 31;
font-weight: 300;
letter-spacing: 0;
opacity: 1;
float: left;
}
#downarrow
{
position: relative;
float: left;
cursor: pointer;
z-index: 9999;
clear: both;
}
#downarrow:after
{
content: "";
position: absolute;
left: 5px;
top: 20px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #662c91;
cursor: pointer;
}
.newspageblock h1.blacktext
{
color: #000;
}
.newspageblock h10.blacktext
{
color: #000;
border: 1px solid #000;
}
.newspageblocktrans
{
background: 0 0;
border-top: 0;
width: 880px;
}
.gameblock .buycontainer
{
}
.gameblock .buybox
{
color: #fff;
padding: 5px 0 15px;
border-right: 1px solid #fff;
text-transform: uppercase;
font-size: 17px;
line-height: 1.1;
}
.gameblock h2
{
font-size: 32px;
line-height: .9;
margin: 0 0 15px 40px;
color: #fff;
z-index: 30;
float: left;
padding: 0 0 15px;
font-weight: 700;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-transform: none;
letter-spacing: -1px;
}
.h2black
{
color: #000!important;
}
.h2smaller
{
font-size: 22px!important;
}
.gameblockrow1.gameblock h2,.gameblockrow2.gameblock h2,.gameblockrow2.gameblock p,.gameblockrow1.gameblock h9,.gameblockrow2.gameblock h9
{
color: #222!important;
}
.gameblockrow1.gameblock p
{
color: #222;
}
.gameblock h2.h2tweakinfo
{
margin: 15px 0 15px 40px;
}
.historyh2
{
margin: 10px 0 20px 60px!important;
}
.blogtitleh1
{
color: #222!important;
font-size: 48px!important;
text-transform: none!important;
line-height: 1.05!important;
margin: 20px 0 25px 40px!important;
float: left!important;
width: 800px!important;
font-weight: 700;
text-align:center;
letter-spacing: -1px;
}}
.gameblock h11
{
font-size: 24px;
line-height: 1.25;
margin: 0 0 15px 40px;
color: #222;
z-index: 30;
font-weight: 300;
display: block;
width: 500px;
clear: both;
}
.newspost200image
{
margin: 0 40px 10px 10px;
width: 200px;
float: right;
text-align: center;
}
.newspost200image img
{
width: 200px;
height: auto;
border: 0;
}
.newspost200comment
{
float: left;
width: 200px;
margin: 10px 0 0;
font-size: 11px;
color: #888;
}
.gameblock p
{
font-size: 17px;
color: #fff;
line-height: 1.5;
margin: 0 40px 10px;
z-index: 30;
font-weight: 300;
float: left;
clear: both;
}
.gameblock .commgallery p
{
margin: 0 0 10px;
}
.removepfloats p
{
float:none !important;
clear:none !important;
}
.gameblock p a
{
text-decoration: underline;
}
.newslisting
{
margin: 30px 40px 0;
padding: 0;
float: left;
}
.subnewslistingsection
{
margin: 15px auto 0;
padding: 0;
width: 880px;
clear: both;
}
.subnewslistingsectionrelated
{
margin: 0 auto;
padding: 0 0 0 40px;
width: 100%;
clear: both;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
}
.postjump a
{
background:#34495e;
color:#fff;
padding:10px;
float:left;
text-decoration:none !important;
height:25px;
}
.postjumpleft,.postjumpright
{
position:relative;
}
.postjumpleft
{
margin-left:62px !important;
}
.postjumpright:after
{
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
border-left-color: #34495e;
border-width: 22px;
margin-top: -22px;
}
.postjumpleft:after
{
right: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
border-right-color: #34495e;
border-width: 22px;
margin-top: -22px;
}
.postjump a:hover
{
background:#404040;
}
.newslisting .postthumbnailhome
{
float: left;
margin: 0 0 10px;
width: 100%;
overflow: hidden;
height: 100px;
}
.newslisting .postinforight
{
width: 100%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
padding: 0;
}
.newslisting .postinforight .topinner
{
width: 100%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
padding: 0;
margin: 0 0 15px;
height: auto;
}
.newslisting li h3
{
padding: 0;
margin: 0;
font-size: 20px;
font-weight: 700;
line-height: 1.25;
width: 80%;
float: left;
}
.newslisting li h3 a:hover,.subnewsitem h4 a:hover
{
color: #34495e;
}
.postinfocomments
{
width: 34px;
float: right;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
padding: 0;
right: 0;
}
.firstblogpost
{
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0;
margin: 0 0 10px;
clear: both;
}
.firstblogpost .firstblogpostimage
{
width: 430px;
height: 200px;
overflow: hidden;
float: left;
margin: 0 0 20px;
position: relative;
}
.firstblogpostimagecircle
{
}
.firstblogpost .firstblogpostimage img
{
width: auto;
height: 100%;
position: relative;
}
.firstblogpost .firstblogpostimage img:hover
{
opacity: .75;
}
.firstblogpost .postinforight
{
width: 430px;
float: left;
margin: 0;
}
.newsblockright .postinforight
{
clear: both;
float: left;
}
.firstblogpost .postinforight p
{
margin: 0 0 5px;
width: 80%;
line-height: 1.25;
}
.firstblogpost .postinforight .topinner
{
width: 100%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
padding: 0;
height: auto;
margin: 0 0 20px;
position: relative;
}
.firstblogpost h3
{
padding: 0;
margin: 0 0 10px;
font-size: 20px;
line-height: 1.25;
width: 80%;
float: left;
}
.firstblogpost h3 a
{
}
.firstblogpost h3 a:hover
{
color: #555;
}
.twitter-tweet
{
margin: 30px 0 30px 40px!important;
float: left;
}
.commentsnav
{
clear: both;
float: left;
margin: 20px 0 20px 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background: rgba(0,0,0,.1);
padding: 10px;
display: block;
width: 880px;
}
.commentsnav a
{
background: #fff;
padding: 3px 7px;
margin: 0 5px 0 0;
}
.commentsnav span
{
background: rgba(0,0,0,.2);
padding: 3px 7px;
margin: 0 5px 0 0;
}
.postinfocomments .commentsbox
{
background: rgba(0,0,0,.5);
border-radius: 2px;
height: 30px;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: center;
color: #fff;
padding: 7px 0 0;
position: relative;
font-size: 12px;
margin: 0 0 10px;
}
.postinfocomments .commentsbox:after
{
content: "";
position: absolute;
right: 10px;
bottom: -7px;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid rgba(0,0,0,.5);
}
.newslisting li
{
list-style: none;
margin: 0 0 40px;
float: left;
width: 33%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
height: auto;
}
.newslisting li:nth-child(1),.newslisting li:nth-child(2),.newslisting li:nth-child(4),.newslisting li:nth-child(5),.newslisting li:nth-child(7),.newslisting li:nth-child(8)
{
border-right: 1px dotted rgba(0,0,0,.175);
}
.newslisting li:nth-child(3n+1)
{
padding: 0 15px 0 0;
}
.newslisting li:nth-child(3n+2)
{
padding: 0 15px;
}
.newslisting li:nth-child(3n+3)
{
padding: 0 0 0 15px;
}
.subnewslisting
{
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
padding: 0 20px 0 0;
margin: 0;
float: left;
}
.subnewslistingsectionrelated .subnewslisting
{
width: 100%;
}
.subnewslisting li
{
padding: 0;
float: left;
margin: 0 0 10px;
width: 90%;
clear: left;
list-style: none;
position: relative;
}
.newslistingcats
{
float: left;
margin: 10px 0 0 20px;
padding: 0;
font-size: 12px;
text-transform: uppercase;
list-style: none;
width: 100%;
}
.newslistingcats li
{
float: left;
padding: 5px;
background: #b8b8b8;
color: #fff;
list-style: none;
margin: 0 10px 0 0;
width: auto;
clear: none;
}
.padclock
{
float: left;
margin: 2px 7px 0 0;
}
.textclock
{
font-size: 11px!important;
width: 100%;
}
.subnewslistingsection h6
{
font-size: 24px;
font-weight: 300;
padding: 0 0 10px;
margin: 0 0 15px;
width: auto;
float: left;
width: 100%;
border-bottom: 1px solid #b8b8b8;
}
.subnewsitem h4
{
margin: 0;
padding: 0;
font-weight: 300;
width: 80%;
display: block;
float: left;
}
.subnewsitem .relatedspan
{
}
.subnewsitem .relateddiv
{
}
.textvalignmiddle>span
{
}
.newslisting li .postthumbnailhome img
{
opacity: 1;
transition: opacity .25s;
-webkit-transition: opacity .25s;
width: 160%;
height: auto!important;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0;
position: relative;
left: 0;
}
.clearulli
{
float: left;
clear: both;
}
.morenews
{
float: left;
clear: both;
margin: 0 0 20px 40px;
}
.newslisting li .postthumbnailhome:hover img
{
opacity: .75;
}
.newslisting li p
{
padding: 0;
margin: 0;
color: #000;
}
.gameblockstorycontent p.postdate
{
width: 880px !important;
clear: both;
float: left;
font-weight: 300;
font-size: 15px;
display: block;
padding: 0 0 20px;
text-align: center;
font-style: italic;
}
.featuredimageonblogpost
{
width: 120px;
float: right;
height: 120px;
margin: 0;
border-radius: 62px;
-moz-border-radius: 80px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -62px;
top: -60px;
border: 4px solid #bbb;
}
.featuredimageonblogpost img
{
width: 240px;
height: 120px;
position: relative;
right: 50%;
}
.blogheaderline
{
border-bottom: 4px solid #bbb;
width: 880px;
float: left;
margin: 50px 40px 90px;
position: relative;
}
.blogheaderblock
{
padding: 0 0 20px;
margin: 0 0 0 40px;
overflow: auto;
float: left;
}
.blogheaderblock .postdate
{
margin: 0!important;
width: 100%!important;
}
.blogheaderblock h11
{
font-size: 20px;
margin: 0 0 15px 90px !important;
width: 700px;
clear: both;
float: left;
text-align: center;
}
.gameblockstorycontent p
{
font-size: 17px;
color: #333;
line-height: 1.5;
margin: 0 0 10px;
z-index: 30;
font-weight: 300;
clear: none;
float: none;
}
.blogadditional
{
width: 100%;
float: left;
clear: both;
margin: 0 0 20px;
padding: 0 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.blogadditional p
{
margin: 0 0 10px;
padding: 0;
clear: both;
line-height: 1.25;
}
.blogadditional a
{
text-decoration: none!important;
color: #000;
border-bottom: 1px dashed #bbb;
text-transform: uppercase;
}
.blogadditional a:hover
{
color:#888;
}
.blogicon
{
width: 26px;
height: 26px;
float: left;
margin: 0 10px 0 0;
background: rgba(0,0,0,.1);
border-radius: 13px;
}
.blogadditionalcontent
{
float: left;
width: 100%;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
background:#fff;
padding:10px 0 0px 0;
box-shadow: 0 6px 6px -6px #c0c0c0;
position:relative;
}
.blogadditionalcontent p
{
float:none;
}
p.additionalheader
{
font-weight:700 !important;
padding:0 0 10px 20px;
border-bottom: 4px solid #f1f1f1;
}
.blogicon img
{
margin: 5px 0 0 5px;
}
.gameblock h9
{
font-size: 21px;
color: #fff;
font-weight: 700;
line-height: 1.5;
margin: 0 40px 10px;
z-index: 30;
float: left;
display: block;
}
.gameblock h10
{
font-size: 15px;
margin: 10px 0 0;
float: left;
line-height: 1.1;
color: #fff;
z-index: 31;
font-weight: 400;
letter-spacing: 0;
opacity: 1;
padding: 5px;
}
.gameblock h1 a
{
color: #666;
opacity: 1;
}
.floatingimages
{
position: absolute;
margin-left: -480px;
left: 50%;
width: 960px;
height: 700px;
overflow: hidden;
z-index: 3;
}
.floatingimages img
{
position: absolute;
right: -500px;
top: 0;
}
.gameblock .detailsblock
{
width: 100%;
float: left;
margin: 0 0 20px;
}
.gameblock .detailsblock ul
{
list-style: none;
margin: 0;
padding: none;
}
.gameblock .detailsblock ul li
{
width: 270px;
padding: 10px;
float: left;
margin: 0 0 7px;
font-size: 13px;
background: rgba(0,0,0,.1);
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
}
.gameblock .detailsblock.detailswhite ul li
{
border-bottom: 1px solid #888;
}
.gameblock .detailsblock ul li.indent
{
margin: 0 0 5px 20px;
padding: 0 0 5px;
width: 250px;
border-bottom: 0;
}
.gameblock .detailsheadlines
{
float: left;
margin: 0 0 20px 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.gameblock .detailsheadlines ul
{
list-style: none;
margin: 0;
padding: 0;
}
.gameblock .detailsheadlines ul li
{
width: 100%;
padding: 0;
float: left;
font-size: 24px;
line-height: 1.5;
font-weight: 300;
color: #34495e;
}
.gameblock .blockleft
{
float: left;
width: 600px;
padding: 0;
margin: 0;
}
.gameblock .blockright
{
float: right;
width: 350px;
padding: 0;
margin: 0;
}
.gameblockrown .blockright
{
}
.gameblock .detailsblock ul li label
{
float: left;
width: 90px;
margin-right: 10px;
text-transform: uppercase;
color: #000;
font-weight: 300;
}
.gameblock .detailsblock.detailswhite ul li label
{
color: #fff;
}
.gameblock .detailsblock ul li.indent label
{
width: 80px;
}
.gameblock .detailsblock ul li span
{
float: left;
width: 150px;
color: #000;
font-weight: 700;
}
.gameblock .detailsblock.detailswhite ul li span
{
color: #fff;
}
.gameblock .detailsblock ul li.lilast
{
margin: 0;
}
.hordivider
{
float: left;
width: 100%;
clear: both;
}
.gameblock .videoinsert
{
margin: 15px 0 20px 40px;
float: left;
}
.timeline
{
width: 880px;
height: auto;
padding: 0;
margin: 0 0 20px 40px;
float: left;
}
.timelinepiece
{
width: 43px;
border-left: 1px solid #fff;
float: left;
height: 30px;
position: Relative;
}
.timelinepiece span
{
font-size: 11px;
color: #fff;
position: absolute;
bottom: 9px;
left: 10px;
text-transform: uppercase;
}
.timelinepiece.thisyear
{
background: #fff;
}
.timelinepiece.thisyear span
{
color: #000;
}
.timelineone
{
width: 880px;
float: left;
margin: 0;
}
.timelineone .timelinelowerpiece
{
padding: 0 0 10px;
}
.timelinetwo
{
width: 830px;
float: left;
margin: 0 0 0 44px;
}
.timelinetwo .timelinelowerpiece
{
padding: 10px 0 0;
}
.timelineholder
{
width: 880px;
float: left;
margin:;
}
.timelinelowerpiece
{
width: 87px;
float: left;
height: auto;
position: Relative;
border-left: 1px solid rgba(0,0,0,0);
}
.activetimelinepiece
{
border-left: 1px solid #fff;
}
.timelinelowerpiece span
{
font-size: 11px;
color: #fff;
font-weight: 300;
width: 65px;
float: left;
left: 10px;
position: relative;
text-transform: uppercase;
}
.timelinelowerpiece span a
{
color: #fff;
}
.timelinelowerpiece span a:hover
{
color: #000;
}
#gamegallery
{
float: left;
margin: 0 0 20px;
}
#gamegallery ul
{
list-style: none;
margin: 15px 0 0;
}
#gamegallery ul li
{
float: left;
margin: 0 10px 10px 0;
}
#gamegallery ul li a img
{
width: 130px;
height: 73px;
box-shadow: 0 4px 4px -4px #000;
}
.commgallery
{
float: left;
margin: 10px 0 20px 40px;
width: 880px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.sectioncommunitypageblock .commgallery
{
margin: 10px 0 20px;
}
.commgallery ul
{
list-style: none;
margin: 15px 0 0;
}
.commgallery ul li
{
float: left;
margin: 0 10px 10px 0;
}
.commgallery ul li a img
{
width: 138px;
height: 75px;
}
.commhidden
{
display: none;
}
.commvisible
{
display: block;
}
.optionsboxgallery
{
padding: 10px 10px 0;
width: 880px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 20px 0 7px 40px;
background: rgba(0,0,0,.15);
float: left;
}
.slideshowlink,.piclenselink
{
display: none;
}
.ngg-galleryoverview
{
padding: 10px 40px 0!important;
float: left!important;
box-sizing: border-box!important;
-moz-box-sizing: border-box!important;-webkit-box-sizing:border-box !important;
margin: 0!important;
}
.ngg-gallery-thumbnail
{
}
.ngg-gallery-thumbnail-box
{
margin: 0 5px 5px 0!important;
box-sizing: border-box!important;
-moz-box-sizing: border-box!important;-webkit-box-sizing:border-box;
}
.ngg-gallery-thumbnail-box:hover
{
background: rgba(0,0,0,.25)!important;
}
.ngg-gallery-thumbnail img
{
background-color: #FFF!important;
display: block!important;
margin: 0!important;
padding: 2px!important;
position: relative!important;
}
.gallerytrigger
{
cursor: pointer;
font-weight: 300;
}
.galleryselector
{
margin: 0 0 10px;
padding: 0;
float: left;
list-style: none;
}
.galleryselector li
{
float: left;
margin: 0 10px 0 0;
list-style: none;
}
.galleryselector li a
{
padding: 5px 10px;
color: #000;
float: left;
text-transform: uppercase;
font-size: 15px;
background: #fff;
}
.galleryselector li a:hover
{
background: #ddd;
color: #000;
}
.galleryselector li a.selected
{
background: #000;
color: #fff;
}
.maplink
{
float: left;
margin: 0 0 20px 40px;
}
.maplink img
{
box-shadow: 0 4px 4px -4px #000;
}
.coverage
{
overflow: hidden;
float: left;
margin: 15px 0 10px 40px;
}
.upperspace
{
margin-top: 0!important;
margin-bottom: 15px!important;
}
.coverage .score
{
clear: both;
width: 60px;
height: 60px;
float: left;
margin: 0 20px 0 0;
position: relative;
text-align: center;
}
.coverage .score span
{
padding: 10px;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
position: relative;
top: 11px;
}
.coverage .comment
{
font-size: 17px;
line-height: 1.3;
margin-left: 80px;
width: 75%;
}
.coverage .publication
{
font-size: 12px;
font-weight: 300;
margin-left: 80px;
margin-top: 10px;
float: left;
text-transform: uppercase;
border-top: 1px solid #444;
padding: 10px 0 0;
clear: left;
}
.coverage .scoregreen
{
background: #6c3;
}
.coverage .scoreyellow
{
background: #fc3;
}
.buttonrange
{
background-image: -ms-linear-gradient(top,#444 0,#444 95%,#000 95%,#000 100%);
background-image: -moz-linear-gradient(top,#444 0,#444 95%,#000 95%,#000 100%);
background-image: -o-linear-gradient(top,#444 0,#444 95%,#000 95%,#000 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#444),color-stop(0.95,#444),color-stop(0.95,#000),color-stop(1,#000));
background-image: -webkit-linear-gradient(top,#444 0,#444 95%,#000 95%,#000 100%);
background-image: linear-gradient(to bottom,#444 0,#444 95%,#000 95%,#000 100%);
box-shadow: 0 3px 5px 0 rgba(0,0,0,.5);
border-radius: 10px;
}
.buttonrange:hover
{
background-image: -ms-linear-gradient(top,#444 0,#444 99%,#000 99%,#000 100%);
background-image: -moz-linear-gradient(top,#444 0,#444 99%,#000 99%,#000 100%);
background-image: -o-linear-gradient(top,#444 0,#444 99%,#000 99%,#000 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#444),color-stop(0.99,#444),color-stop(0.99,#000),color-stop(1,#000));
background-image: -webkit-linear-gradient(top,#444 0,#444 99%,#000 99%,#000 100%);
background-image: linear-gradient(to bottom,#444 0,#444 99%,#000 99%,#000 100%);
box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
border-radius: 10px;
}
.buttonrangesmall
{
width: 100px;
height: 80px;
float: left;
margin: 10px;
position: absolute;
bottom: 0;
}
.buttonrangesmall:hover
{
height: 75px;
}
.sectionewsmain .gameblock .blockright
{
border-left: 1px solid #bbb;
width: 349px;
}
.sectionewsmain .ngg-galleryoverview
{
padding: 10px 0!important;
margin: 10px 0 10px 40px!important;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
width: 510px;
}
.sectionewsmain p iframe
{
max-width: 100%;
width: 520px;
margin: 10px 0;
padding: 10px 0;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}
.sectionewsmain p.wideyt iframe
{
width: 880px;
height:460px;
margin: 10px 0;
padding: 10px 0;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}
.sectionewsmain .blogcontentwide p iframe
{
width: 880px;
height: 525px;
}
.sectionewsmain .blogcontentwide p
{
width: 100%;
}
.additionalright
{
text-align: center;
font-weight: 900;
margin: 0 0 10px 0;
}
.blogcontent
{
width: 520px;
margin: 0 0 0 40px;
}
.blogcontent .gallery-wrap {
margin: 0 0 1em 0;
width: 100%;
float:left;
}
.blogcontent .gallery {
margin: 0;
width: 100% !important;
overflow:hidden;
}
.blogcontent .gallery-item {
width: 50%;
margin: 0;
padding: 0 20px 20px 0;
}
.blogcontent .gallery-item .gallery-icon {
width: 100% !important;
}
.blogcontent .gallery-item .gallery-icon img {
border: 0 none !important;
padding: 0;
max-width: 100%;
}
.blogcontent .gallery-item .gallery-caption {
padding: 0 20px 0 0;
background: none;
max-width: 100%;
line-height: 1.33;
text-align:left;
}
.blogcontent #slideshow-controller
{
float:left;
clear:both;
}
.blogcontent .gallery
{
float: left;
clear: both;
width: 100%;
margin: 0 !important;
}
.blogcontentwide .gallery-wrap {
margin: 0 0 1em 0;
width: 100%;
float:left;
}
.blogcontentwide .gallery {
margin: 0;
width: 100% !important;
overflow:hidden;
}
.blogcontentwide .gallery-item {
width: 50%;
margin: 0;
padding: 0 20px 20px 0;
box-sizing:border-box;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.blogcontentwide .gallery-item .gallery-icon {
width: 100% !important;
}
.blogcontentwide .gallery-item .gallery-icon img {
border: 0 none !important;
padding: 0;
max-width: 100%;
height:auto;
width:100%;
}
.blogcontentwide .gallery-item .gallery-caption {
padding: 10px 20px 0 0;
background: none;
max-width: 100%;
line-height: 1.33;
text-align:left;
color: #888;
font-size: 14px;
}
.blogcontentwide #slideshow-controller
{
float:left;
clear:both;
}
.blogcontentwide .gallery
{
float: left;
clear: both;
width: 100%;
margin: 0 !important;
}
#respond
{
float: left;
width: 100%;
padding: 20px;
background: #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: none;
margin: 10px 0 0;
}
#respond h3
{
margin: 0 0 10px;
font-size: 17px;
font-weight: 300;
}
#respond small a
{
border: 1px solid #000;
padding: 5px;
font-size: 10px;
margin: 0 0 0 20px;
float: right;
}
#respond form
{
float: left;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
}
#respond p
{
margin: 5px 0 0;
width: 100%;
}
#respond #comment
{
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#respond input
{
clear: both;
width: 100%;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#respond .form-allowed-tags
{
display: none;
}
#respond .form-submit
{
width: 200px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#respond #submit
{
background: #444;
color: #fff;
border: 0;
font-size: 17px;
padding: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#respond #submit:hover
{
background: #000;
}
.lowercommentholder
{
width: 100%;
float: left;
padding: 0 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
ul.comments
{
float: left;
margin: 20px 0 20px 40px;
width: 880px;
padding: 0;
list-style: none;
}
ul.comments li
{
list-style: none;
width:100%;
}
ul.comments li.depth-1
{
float: left;
width: 420px;
list-style: none;
display: block;
padding: 10px 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 0 20px 20px 0;
border-radius: 0px;
box-shadow: 0 5px 5px -5px rgba(0,0,0,.125);
background: #f8f8f8;
}
ul.comments .commentthread
{
margin-bottom: 50px;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
padding: 0 20px 0 0;
}
ul.comments .children
{
float: left;
clear: left;
margin: 15px 0 0 0;
width: 100%;
padding: 0 0 0 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
ul.comments .comment-body
{
font-size: 15px;
line-height: 1.25;
list-style: none;
margin: 10px 0;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
float: left;
overflow: hidden;
width: 100%;
}
ul.comments .vcard
{
margin: 0;
padding: 5px 0 5px 5px;
float: left;
width: 100%;
position: relative;
font-size: 17px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.userrole-administrator .userrole-subscriber .vcard
{
background: none !important;
color: #444 !important;
}
.userrole-administrator .vcard
{
background: #34495e;
color: #fff;
}
.userrole-administrator .vcard .fn a
{
color: #fff;
}
.userrole-administrator .userrole-subscriber .vcard .fn a
{
color: #444;
}
ul.comments .vcard cite
{
margin-top: 5px;
margin-right: 5px;
float: left;
font-style: normal;
font-weight: 700;
font-size: 17px;
}
ul.comments .vcard .says
{
margin-top: 5px;
float: left;
font-size: 17px;
}
ul.comments .vcard img
{
float: left;
margin: 0 10px 0 0;
position: relative;
}
ul.comments .vcard:after
{
position: absolute;
content: "";
top: 5px;
width: 32px;
height: 32px;
left: 5px;
z-index: 3;
background: url(../images/construction/avatarcircle.png) no-repeat top left;
background-size: 32px 32px;
}
.userrole-administrator .vcard:after
{
background:none !important;
}
.userrole-administrator .vcard
{
padding:5px 0 5px 5px !important;
}
ul.comments .rtexthumb .gdthumbtext
{
float:left !important;
margin: 1px 0 0 5px;
}
ul.comments .thumblock
{
width:100%;
}
ul.comments .raterclear
{
clear:none;
}
ul.comments .vcard fn
{
float: left;
margin: 0 10px 0 0;
font-size: 17px;
font-style: normal;
font-weight: 700;
}
ul.comments .vcard says
{
float: left;
margin: 0 10px 0 0;
font-size: 17px;
font-style: normal;
font-weight: 300;
}
ul.comments .comment .commentavatar
{
width: 32px;
height: 32px;
float: left;
margin: 0 10px 0 0;
position: relative;
z-index: 2;
}
ul.comments .comment .commentavatar img
{
width: 32px;
height: 32px;
}
ul.comments .comment .commentuser
{
margin: 0 0 10px 42px;
font-size: 17px;
font-weight: 900;
color: #000;
}
ul.comments .comment-body p
{
margin: 10px 0 0;
font-size: 17px;
font-weight: 300;
color: #000;
line-height: 1.4;
}
ul.comments .commentmetadata
{
font-size: 12px;
float: left;
margin: 0 0 10px;
border-top: 1px solid #d1d1d1;
padding: 7px 0 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
width: 100%;
text-align: right;
text-transform: uppercase;
}
ul.comments .commentmetadata a
{
color: #888;
}
ul.comments .reply a
{
float: left;
margin: 10px 0 0;
padding: 5px 10px;
background: #e1e1e1;
clear: left;
}
ul.comments .reply a:hover
{
background: #444;
color: #e1e1e1;
}
.depth-2
{
float: left;
clear: left;
}
.newssocial
{
width: 270px;
margin: 0 0 30px 40px;
float: left;
}
.newssocial img
{
width: 270px;
}
.gameblockrowstranger1 h2
{
color: #000;
}
.strangerbounties
{
float: left;
clear: both;
margin: 10px 0 0 40px;
padding: 0 0 20px;
width: 880px;
}
.bountyintro
{
margin: 0;
width: 300px;
float: left;
font-size: 14px;
color: #000;
}
.bountyintro p
{
margin: 0;
font-weight: 300;
float: left;
width: 100%;
color: #000;
font-size: 17px;
line-height: 1.5;
}
.bountyintro span
{
margin: 10px 0;
font-weight: 700;
float: left;
width: 280px;
text-transform: uppercase;
font-size: 17px;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
}
.bountyintro span.selectbox
{
border: 1px solid #fff;
padding: 10px;
cursor: pointer;
}
.bountyintro span.selectbox:hover
{
border: 1px solid #000;
}
.bountyintro span.selectbox.activeselectbox
{
border: 1px solid #000;
}
#imagebox1
{
display: block;
position: relative;
}
#imagebox2
{
display: none;
position: relative;
}
#imagebox3
{
display: none;
position: relative;
}
#imagebox4
{
display: none;
position: relative;
}
#imagebox5
{
display: none;
position: relative;
}
.bountyul
{
padding: 0;
float: right;
list-style: none;
margin: 0;
width: 560px;
}
.howitworks
{
padding: 0;
float: right;
list-style: none;
margin: 0 0 20px;
width: 540px;
height: 360px;
overflow: hidden;
}
.howitworksback
{
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.howitworkstop
{
position: absolute;
top: 20px;
left: 80px;
width: 382px;
height: 215px;
background: #662c91;
z-index: 6;
}
.howitworksinfo
{
position: absolute;
top: 270px;
text-align: center;
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
color: #000;
width: 540px;
}
#howitworksscroller ul
{
width: 540px;
height: 360px;
list-style: none;
margin: 0;
padding: 0;
}
#howitworksscroller ul li
{
list-style: none;
margin: 0;
padding: 0;
float: left;
}
.bountyli
{
float: left;
margin: 0 0 20px 20px;
box-shadow: 0 5px 5px -2px rgba(0,0,0,.5);
position: relative;
transition: bottom .125s,box-shadow .125s;
-webkit-transition: bottom .125s,box-shadow .125s;
}
.bountyli:hover
{
bottom: 5px;
box-shadow: 0 7px 7px -2px rgba(0,0,0,1);
}
.bountyli a
{
float: left;
margin: 0;
padding: 0;
border: 0;
}
.bountyli img
{
width: 120px;
float: left;
}
.bountyli img.biggerbounty
{
width: 260px;
height: 292px;
}
.dividerelement
{
float: right;
height: 100px;
width: 100px;
z-index: 10;
position: absolute;
top: -50px;
right: 50px;
background: url(../games/strangermobile/divider1.png);
background-size: 100px 100px;
}
.weaponry
{
width: 880px;
margin: 20px 0 20px 40px;
float: left;
height: auto;
}
.weaponry .crossbow
{
float: left;
width: 300px;
margin: 0 20px 0 0;
}
.weaponry .crossbow p
{
margin: 10px 0 0;
width: 100%;
font-size: 17px;
line-height: 1.5;
}
.weaponry .liveammo
{
float: right;
width: 555px;
height: auto;
}
.weaponry .liveammovideo
{
float: right;
width: 545px;
height: 0;
background: #000;
background: rgba(0,0,0,.1);
margin: 0 0 10px;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: none;
border-radius: 5px;
color: #444;
font-size: 15px;
}
.weaponry .liveammovideo h3
{
margin: 0 0 10px;
padding: 0;
color: #000;
font-weight: 300;
font-size: 24px;
text-transform: uppercase;
}
.weaponry .liveammovideo p
{
font-size: 1.1em;
line-height: 1.25;
margin: 0 0 10px;
color: #444;
}
.weaponry .liveammo ul
{
margin: 0;
padding: 0;
list-style: none;
}
.weaponry .liveammo li
{
margin: 0 0 10px 10px;
padding: 0;
cursor: pointer;
list-style: none;
float: left;
width: 175px;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
background: #000;
background: rgba(0,0,0,.25);
padding: 10px;
text-align: center;
border-radius: 5px;
}
.weaponry .liveammo li:hover
{
background: #000;
background: rgba(0,0,0,.5);
}
.selectedweaponry
{
background: #aaa!important;
position: relative;
}
.selectedweaponry:after
{
content: "";
position: absolute;
left: 83px;
top: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #aaa;
}
.weaponry .liveammo li p
{
margin: 10px 0 0;
width: 100%;
font-size: 17px;
line-height: 1.5;
}
.tinytwitter
{
background: #0ba3df;
position: absolute;
bottom: 0;
right: 0;
width: 44px;
height: 44px;
cursor: pointer;
}
.tinytwitter:hover
{
background: #108dbe;
}
.tinytwitterinner
{
background: url(../images/construction/bird.png);
background-size: 44px 44px;
padding: 5px;
width: 34px;
height: 34px;
}
.wheretobuyul
{
width: 270px;
float: left;
margin: 10px 0 0;
list-style: none;
}
.wheretobuyli
{
float: left;
margin: 0 0 15px;
list-style: none;
padding: 0;
background: #f8f8f8;
}
.wheretobuyli:hover
{
opacity: .75;
}
.wheretobuyli img
{
width: 250px;
padding: 10px;
}
.scrollybar
{
height: 2px;
position: absolute;
top: 658px;
left: 50%;
margin-left: -480px;
width: 960px;
background: #000;
z-index: 999;
}
.scrollyprogress
{
position: relative;
height: 2px;
left: 0;
width: 2px;
background: #662c91;
z-index: 1000;
float: left;
}
section
{
overflow: hidden;
padding: 0;
width: 100%;
}
section.sectionmagazinepageheader,section.sectionnewspageheader,section.sectionheader,section.sectiongamesheader,section.sectionnewspageheader,section.sectionnewstop
{
overflow: visible;
}
section.homepagecarouselsection,section.gamepagelarger
{
overflow: visible;
}
section.sectiontopmenu
{
height: auto;
}
section:nth-of-type(3)
{
}
.gameblockshadow
{
-moz-box-shadow: inset 0 20px 20px -20px #000;
-webkit-box-shadow: inset 0 20px 20px -20px #000;
box-shadow: inset 0 20px 20px -20px #000;
}
.purplebar
{
border-top: 10px solid #652c91;
}
.forummock
{
margin: 20px 0 0 40px;
}
.hideondesktop
{
display: none;
}
.mobileview
{
width: 0;
}
.strangersil
{
background: #444 url(../games/strangermobile/strangersil.png) right -40px no-repeat;
}
#overlay
{
background: url(../images/construction/overlay.png) top center no-repeat;
position: fixed;
top: 0;
z-index: 31;
width: 100%;
height: 100%;
}
.isotope-item
{
z-index: 2;
}
.isotope-hidden.isotope-item
{
pointer-events: none;
z-index: 1;
}
.isotope,.isotope .isotope-item
{
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-ms-transition-duration: .8s;
-o-transition-duration: .8s;
transition-duration: .8s;
}
.isotope
{
-webkit-transition-property: height,width;
-moz-transition-property: height,width;
-ms-transition-property: height,width;
-o-transition-property: height,width;
transition-property: height,width;
}
.isotope .isotope-item
{
-webkit-transition-property: -webkit-transform,opacity;
-moz-transition-property: -moz-transform,opacity;
-ms-transition-property: -ms-transform,opacity;
-o-transition-property: -o-transform,opacity;
transition-property: transform,opacity;
}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition
{
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.isotope-hidden.isotope-item
{
pointer-events: none;
z-index: 1;
}
#cyclewrapper
{
z-index: 5;
}
#cyclewrapper .gamespacetop
{
height:100%;
}
.pagesspacer
{
position: absolute;
bottom: 15px;
width: 880px;
margin-left: -440px;
left: 50%;
text-align: center;
}
.pages
{
list-style: none;
margin: 0 auto;
padding: 0;
z-index: 6;
position: relative;
border-radius: 0;
width: auto;
display: inline-table;
}
.pages a
{
display: inline-block;
width: 18px;
height: 18px;
margin: 0 4px;
text-indent: -999px;
border-radius: 18px;
cursor: pointer;
overflow: hidden;
background: rgba(255,255,255,.25);
}
.pages a.activeSlide
{
background: rgba(255,255,255,.75);
}
.pages a:hover
{
background: rgba(255,255,255,.5);
}
.blogcontent figure
{
float: left;
padding: 10px 0;
margin: 20px 0;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}
.blogcontent figcaption
{
font-size: 13px!important;
color: #888!important;
float: left!important;
margin: 0!important;
}
.blogcontent figure img
{
width: 100%;
height: auto;
}
.blogcontent .wp-caption
{
float: left;
padding: 10px 0;
margin: 10px 0 20px 40px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}
.blogcontent .size-full
{
width: 880px;
}
.blogcontent .alignleft,.blogcontent .alignright
{
padding: 10px 15px 20px 0;
margin: 10px 15px 20px 40px;
}
.blogcontent .alignnone
{
padding: 10px 0 20px;
margin: 10px 0 20px;
}
.blogcontent blockquote
{
float: left;
background: #fff;
display: block;
width: 100%;
box-sizing: border-box;
padding: 10px 20px 2px;
margin: 10px 0px 20px 0px;
border-radius: 2px;
box-shadow: 0 6px 6px -6px rgba(0,0,0,0.33);
}
.blogcontent ul
{
padding: 0 0 0 40px;
margin: 10px 0;
clear: both;
}
.blogcontent ul li
{
list-style: circle;
font-size: 17px;
margin: 0 0 5px;
padding: 0 0 5px;
border-bottom: 1px dashed #ccc;
}
.blogcontent .wp-caption-text
{
font-size: 13px!important;
color: #888!important;
margin: 0!important;
}
.blogcontent .wp-caption img
{
width: 100%;
height: auto;
}
.blogcontent img
{
width: 100%;
height: auto;
}
.blogcontent a img
{
width: 100%;
height: auto;
}
.blogcontent h1
{
color: #888;
font-size: 24px;
letter-spacing: 0;
margin: 5px 0 15px 40px;
}
.blogcontent h3
{
color: #34495e;
font-size: 24px;
letter-spacing: 0;
margin: 10px 0 15px;
clear: both;
float: left;
font-weight: 700;
width:100%;
}
.ss-share
{
padding: 0;
margin: 0;
list-style: none;
}
.ss-share-item
{
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
color: #fff;
margin: 0 10px 10px 0;
float: left;
}
.ss-share-link
{
-webkit-perspective: 1000;
width: 80px;
height: 80px;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
background: #ccc;
padding: 22px 10px 10px 10px;
border-radius: 40px;
color: #fff;
float: left;
font-size: 14px;
text-align: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ico-facebook
{
background: #4862a3;
}
.ico-twitter
{
background: #00acee;
}
.ico-google
{
background: #bb3215;
}
.ss-share-link:hover
{
background: #000;
}
.storelogo
{
float: left;
clear: both;
margin: 0 0 20px 40px;
padding: 10px 20px;
opacity: .75;
background: #f8f8f8;
border: 1px solid #ddd;
}
.buyblock
{
width: 50%;
float: left;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.buyblock .buylinks
{
padding: 0 0 0 40px;
margin: 0 0 40px;
float: left;
list-style: none;
width: 90%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.buyblock .buylinks li
{
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.buyblock .buylinks li a
{
background: #ccc;
padding: 5px 10px;
margin: 0 0 5px;
width: 100%;
float: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.buyblock .buylinks li a span
{
float: right;
background: #888;
padding: 5px;
margin: -5px -10px;
color: #fff;
width: 80px;
text-align: right;
}
.buyblock .buylinks li a span.update
{
background:#f40;
}
#storedropdown
{
float: left;
padding: 0 0 0 40px;
margin: 0 0 20px;
}
#storedropdown select
{
font-size: 17px;
border: 1px solid #ddd;
padding: 5px;
}
.buyblock .buylinks li a:hover
{
background: #454545;
color: #fff;
}
.buyblock .buylinks li a:hover span
{
background: #454545;
color: #fff;
}
.strangerimgright
{
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.strangerimgleft
{
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.strangerimg
{
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
position: absolute;
width: 250px;
z-index: 9;
top: -200px;
right: 50px;
}
.strangerstood
{
position: absolute;
z-index: 9;
bottom: -220px;
overflow: visible;
width: 960px;
left: 50%;
margin-left: -480px;
text-align: right;
}
._51m-
{
display: none!important;
}
.pluginFaviconButton
{
background-color: #fff!important;
color: #000!important;
height: 20px!important;
}
.pluginFaviconButtonBorder
{
border: 0!important;
padding: 3px 3px!important;
}
.pluginFaviconButtonText
{
font-weight: 300!important;
font-size: 11px!important;
border: 0!important;
}
.gamehover
{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
height: auto;
padding: 15px 15px 5px;
background: #000;
background: rgba(255,255,255,.5);
position: absolute;
top: -200px;
left: 0;
z-index: 50;
color: #fff;
opacity: 0;
}
.gamehovermoreinfo a,.gamehoverbuynow a,.gamehoverupdates a
{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
text-transform: uppercase;
font-weight: 300;
font-size: 15px;
border: 1px solid #444;
padding: 5px;
margin: 0 0 10px;
color: #000;
float: left;
}
.gamehovermoreinfo a,.gamehoverbuynow a
{
width: 50%;
}
.gamehovermoreinfo a
{
border-right: 0;
}
.gamehoverupdates a
{
width: 100%;
}
.gamehovermoreinfo a:hover,.gamehoverbuynow a:hover,.gamehoverupdates a:hover
{
background: #fff;
}
.blogcontentwide
{
float: left;
padding: 0 40px 0 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;-webkit-box-sizing:border-box;
width:100%;
}
/* wpseo */
.wpseotab,.wpseo-metabox-tabs
{
display: block !important;
}
/* bb */
.forumcontent
{
width: 880px;
margin: 10px 40px;
}
.bbp-the-content-wrapper
{
clear: both !important;
}
#bbpress-forums,div.bbp-template-notice p,.bbp-topic-permalink,div.bbp-template-notice p,.bbp-topic-title,.bbp-topic-voice-count,.bbp-topic-reply-count,.bbp-topic-freshness,.bbp-forum-freshness,.bbp-forum-reply-count,.bbp-forum-topic-count,.bbp-forum-info,#bbpress-forums .bbp-forums-list li,.bbp-topic-revision-log,ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results
{
font-size:17px !important;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content
{
font-size:14px !important;
}
#bbpress-forums div.bbp-topic-content a, #bbpress-forums div.bbp-reply-content a
{
}
.bbp-topic-meta,.bbp-topic-freshness-author
{
font-size:13px !important;
}
div.bbp-template-notice.info,.bbp-topic-permalink,div.bbp-template-notice, div.indicator-hint,#bbpress-forums .bbp-user-section,#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,#bbpress-forums .bbp-forums-list
{
float:left !important;
}
li.bbp-forum-freshness, li.bbp-topic-freshness,li.bbp-forum-info, li.bbp-topic-title,li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count
{
text-align:left !important;
}
#bbpress-forums fieldset.bbp-form
{
border: 1px solid #bbb !important;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title
{
display:block !important;width:100% !important;
}
.bbp-topic-permalink,.bbp-forum,.bbp-forum-title
{
font-weight:900 !important;
}
.status-category .bbp-forum-title
{
font-weight:300 !important;
}
#bbpress-forums li.bbp-header
{
background: #34495e !important;
color:#fff;
margin-top:30px;
}
#bbpress-forums li.bbp-footer
{
background: #34495e !important;
color:#fff;
margin-bottom:30px;
margin-top:15px;
overflow:hidden;
}
#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer
{
padding:0 !important;
}
.forum-titles
{
padding:10px !important;
}
#bbpress-forums li.bbp-body ul.forum
{
border-top:1px solid #ccc !important;
}
#bbpress-forums div.even, #bbpress-forums ul.even,#bbpress-forums div.odd, #bbpress-forums ul.odd
{
background-color:#f1f1f1 !important;
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic
{
padding:15px !important;
}
#subscription-toggle
{
display:none;
}
#subscription-toggle a,#favorite-toggle a
{
color:#fff;
font-size:13px;
}
.bbp-topic-started-by
{
clear:both;
float:left;
}
#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header {
background-color: #e0e0e0 !important;
}
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results
{
border:none !important;
}
.bbp-header
{
overflow:hidden;
}
.bbp-forum
{
clear: both;
float: left;
margin: 5px 0 5px 0 !important;
}
.bbp-body a
{
}
.bbp-body a:hover
{
color:#808080 !important;
}
.bbp-form div
{
float:left;
}
#bbpress-forums div.bbp-reply-content
{
float: right !important;
margin-left: 0 !important;
margin-top: 0px !important;
padding: 10px 10px 10px 0 !important;
font-size: 17px;
width: 75% !important;
line-height: 1.5;
}
.bbp-topic-revision-log-item
{
font-size:12px;
}
.foruminsert
{
margin: 40px 0 0 0;padding: 0 40px;float: left;width: 100%;box-sizing: border-box;
}
.forumcontent .widget-container
{
width:33%;
float:left;
}
/* signup */
.steamwidget
{
margin-top: 50px;
z-index: 33;
position: relative;
float: none;
}
.mailchimpsignupform
{
width:500px;
margin:auto;
padding:0;
box-sizing:border-box;
-box-sizing:border-box;
-webkit-box-sizing:border-box;
background-color: rgba(255, 255, 255, 0.1);
color:#000;
z-index:33;
position: relative;
float: none;
}
.mc-embedded-subscribe-form
{padding: 20px;}
.horizontal-mailchimp {
background-color:transparent;
margin: auto;
padding: 40px;
text-align: center;
}
.emailsignupsidebar
{
box-sizing: border-box;
-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 15px 20px 10px;
margin: 0 25px 30px 25px;
float: left;
background: #fff;
box-shadow: 0 6px 12px -6px rgba(0,0,0,0.25);
}
#mc4wp_email
{
padding:10px;
margin:15px 15px;
border:1px solid #444;
background:#f1f1f1;
float:left;
}
.emailsignupsidebar #mc4wp_email
{
background:#fff !important;
}
.mc4wp-form input[type="submit"]
{
padding: 10px !important;
border: none !important;
background: #f1f1f1 !important;
}
.mc4wp-form input[type="submit"]:hover
{
background:#d1d1d1 !important;
}
.mc4wp-form label {
font-weight: 400 !important;
font-size: 17px !important;
}
.emailsignupsidebar .mc4wp-form label
{
font-size:14px !important;
font-weight:300 !important;
}
.emailsignupsidebar .mc4wp-form input[type="submit"]
{
background: rgba(0,0,0,0.1) !important;
}
.emailsignupsidebar .mc4wp-form input[type="submit"]:hover
{
background: rgba(0,0,0,0.2) !important;
}
.emailsignupsidebar .mc4wp-form
{
margin:0;
}
.emailsignupsidebar .mc4wp-form p
{
width:100%;
}
/* gd */
.ratingblock
{
float:left;
clear:both;
margin-top:15px !important;
}
.thumblock
{
float:left;
clear:both;
margin-top:15px !important;
}
.gdthumbtext
{
}
.hreview-aggregate
{
display:none;
}
.users-mycred-balance
{
display:none;
}
.sectionmagazinepageblock {top: 0px;position: relative;margin: 0 0 0px 0 !important;}
/*.sectionmagazinepageblock .gameblock {width:100%;}*/
.sectionmagazinepageblock .roundedtops {padding-top: 50px!important;}
.maginner
{
margin:0 40px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
float:left;
}
.magclear
{
clear:both;
width:100%;
display:block;
float:left;
}
.magclear40
{
clear:both;
width:100%;
display:block;
margin-top:40px;
float:left;
}
.magclear20
{
clear:both;
width:100%;
display:block;
margin-top:20px;
float:left;
}
.magsplitter
{
width: 100%;
float: left;
display: block;
margin: 30px 0 30px;
position: relative;
}
.magsplitter span
{
font-size: 1em;
font-weight: 300;
padding: 5px 10px;
color: #fff;
position: absolute;
bottom: 1px;
background: #34495e;
}
#nav-below,#nav-belowmobile,#infscr-loading
{
clear: both;
margin: 20px 0 0 0;
float: left;
width: 100%;
}
#infscr-loading
{
text-align:center;
}
#infscr-loading div
{
clear:both;
margin:10px 0 0 0;
}
.nav-previous
{
width: 100%;
float: left;
}
.nav-previous a
{
background: #d0d0d0;
padding: 10px;
float: left;
box-shadow: 0px 2px 2px -2px #000;
margin: 0 0 10px 0px;
width: 100%;
box-sizing: border-box;
text-align: center;
}
.nav-previous a:hover
{
background: #b0b0b0;
margin: 0 0 10px 0px;
}
.magbox
{
position:relative;
z-index:1;
overflow:hidden;
}
.magbox img
{
}
.magpictop
{
background: #000;
height: inherit;
width: inherit;
}
.magpictop img
{
z-index:2;
position:absolute;
top:0;
left:0;
width:auto;
height:100%;
}
.magpic25
{
height:132px;
background:#000;
overflow:hidden;
}
.magpic280
{
height:132px;
background:#000;
overflow:hidden;
}
.magpic280 a img
{
width: auto;
height: 100%;
}
.magpic25 img
{
z-index:2;
top:0;
left:0;
width:auto;
height:100%;
}
.mag66
{
width:580px;
float:left;
}
.mag33
{
width:280px;
float:left;
}
.mag33lower
{
width:280px;
float:left;
}
.mag25
{
width:280px;
float:left;
margin:0 0 10px 0;
}
.mag280
{
width:280px;
float:left;
}
.magspace10
{
margin-right:10px;
}
.magspace20
{
margin-right:20px;
}
.magspacelower10
{
margin-bottom:10px;
}
.magspacelower20
{
margin-bottom:20px;
}
.magheight300
{
height:300px;
}
.magheight200
{
height:200px;
}
.magheight145
{
height:140px;
}
.magtitle
{
width: 100%;
background: url(../images/construction/magfade.png) repeat-x;
height: 75px;
position: absolute;
bottom: 0;
z-index: 3;
}
.magtitle a
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px;
color: #fff;
font-weight: 300;
line-height: 1.1;
width: 90%;
font-size: 1.5em;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
z-index: 5;
text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
.magmeta
{
float:left;
width:100%;
padding-top: 10px;
border-top: 1px solid #c1c1c1;
}
.magtitleunder .postinfocomments
{
position:absolute;
top:13px;
right:0;
}
.magtitleunder
{
width:100%;
float:left;
position:relative;
}
.magtitleunder a
{
float: left;
width: 80%;
padding: 10px 0 0 0;
color: #000;
font-weight: 700;
font-size: 17px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
z-index: 5;
height: 62px;
}
.magexcerpt
{
font-size:0.9em;
color:#606060;
margin:0 0 10px 0;
float:left;
width:100%;
height:34px;
}
.magtextclock
{
font-size:0.7em;
float:left;
}
.magpictop img,.magpic25 img,.magpic280 img
{
opacity:0.8;
}
.magbox:hover .magpictop img,.magbox:hover .magpic25 img,.magbox:hover .magpic280 img
{
}
.magbox img
{
opacity:0.8;
}
.magbox:hover img
{
opacity:1;
transform: scale(1.0125,1.0125);
-ms-transform: scale(1.0125,1.0125);
-moz-transform: scale(1.0125,1.0125);
-webkit-transform: scale(1.0125,1.0125);
}
.mag33lower .widget-container
{
float:left;
}
.mag33lower .widget-container h4
{
margin:0 0 10px 0;
padding:0;
}
.mag33lower .widget-container ul
{
padding:0;
margin:0;
}
.mag33lower .widget-container .recentcomments
{
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #c1c1c1;
font-size: 0.9em;
-webkit-columns: auto 1;
columns: auto 1;
-moz-columns:auto 1;
font-weight:700;
}
.mag33lower .widget-container .recentcomments a
{
font-weight:300;
}
.mag33lower .widget-container .recentcomments a:hover
{
color:#777;
}
.mag33lower .widget-container .recentcomments img
{
float: left;
margin: 0 10px 0 0;
}
.magstarstop
{
position:absolute;
bottom:2px;
right:0px;
z-index:5;
}
.fromtheblog
{
float:left;
}
.altlatest
{
position: absolute;
right: 0;
top: -31px;
}
.altlatest ul
{
padding:0;
margin:0;
}
.altlatest ul li
{
padding:0;
margin:0 0 0 5px;
float:left;
font-size:0.8em;
list-style:none;
}
.altlatest ul li a
{
color: #fff;
text-decoration: none;
background: #a0a0a0;
padding: 7px 10px 0px;
height: 23px;
float: left;
border-radius:2px;
box-shadow: 0 3px 2px -2px #404040;
-moz-box-shadow: 0 3px 2px -2px #404040;
-webkit-box-shadow: 0 3px 2px -2px #404040;
}
.altlatest ul li a:hover
{
background:#c0c0c0;
}
.altlatest ul li a.selected
{
color:#fff;
background:#34495e;
position:relative;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.altlatest ul li a.selected:after
{
content: "";
position: absolute;
left: 50%;
bottom: -5px;
margin-left: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #34495e;
}
#selectwrapperholder,#innerselectwrapper
{
float:left;
overflow:hidden;
height:auto; /*550px*/
}
.gamerhsheader
{
width: 100%;
padding: 0 0px 10px 0px;
margin-top: -10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.additionalheadergame
{
position: absolute;
top: 50px;
text-align: center;
color: #fff !important;
font-weight: 700 !important;
left: 50%;
margin-left: -105px !important;
font-size: 1.25em !important;
text-shadow: 0 1px 1px #000;
width: 200px;
padding: 5px !important;
}
.additionalheadergamesmall
{
position: absolute;
top: 80px;
text-align: center;
color: #fff !important;
font-weight: 400 !important;
left: 50%;
margin-left: -105px !important;
font-size: 0.9em !important;
text-shadow: 0 1px 1px #000;
width: 200px;
padding: 5px !important;
}
.homepageipadno
{
display:block;
}
.homepageipadyes
{
display:none;
}
.editpost
{
background: #fff;
box-shadow: 0 5px 5px -5px #888;
-moz-box-shadow: 0 5px 5px -5px #888;
-webkit-box-shadow: 0 5px 5px -5px #888;
border: 1px solid #ccc;
margin: 0 auto 20px;
clear: both;
width: 25%;
height: auto;
overflow: hidden;
text-align: center;
}
.post-edit-link
{
padding: 20px 0;
float: left;
width: 100%;
}
.post-edit-link:hover
{
background:#aaa;
}
.rightmove
{
position:relative;
top:0;
right:0;
height:inherit;
}
.blogholderacross
{
position: relative;
float: left;
width: 100%;
height:inherit;
}
.wp-polls
{
padding:20px;
background:#d0d0d0;
border-radius:5px;
margin:0 0 30px 0;
}
.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul
{
padding:0;
}
.wp-polls-ans
{
margin: 20px 0 0 0;
padding: 10px 0 0 0;
border-top: 1px solid #888;
}
.wp-polls-ul i
{
font-style:normal;
}
.pollbar
{
margin-top: 10px;
}
/* woo */
.woocontent
{
background: #f1f1f1;
width: 1000px;
margin: 0 auto;
z-index: 32;
position: relative;
padding: 60px;
box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
.woocontent h1
{
font-size:2em;
}
.woocontent .price
{
margin:0 0 10px 0;
float:left;
}
.woocontent .price .amount
{
background: none;
color: #000;
padding: 3px 10px 0 0;
float: left;
font-weight: 700;
}
.woocontent div[itemprop="description"],.woocontent #tab-description
{
clear:both;
line-height:1.5;
}
.woocontent .variations
{
clear: both;
background: #fff;
padding: 10px;
border: 1px solid #ddd;
}
.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a
{
margin-bottom:3.8%;
}
.presslinksh2tab
{
padding: 0 0 15px 0 !important;
margin: 0 0 15px 0 !important;
float: left !important;
width: 100% !important;
}
.presslinks
{
padding: 0;
list-style: none;
margin: 0;
clear: both;
float: left;
}
.presslinks li
{
padding: 5px 10px;
background: #d0d0d0;
margin: 0 0 5px 0;
}
.presslinks li a
{
margin: 0 0 5px 0;
float: left;
}
.presslinks li a:hover
{
color:#606060;
}
.bioleft
{
color: #34495e;
clear: both;
float: left;
padding: 0;
margin: 0 0px 20px 40px;
}
.nntoutnow
{
position: fixed;
bottom: 0;
height: 40px;
z-index: 999999;
background: #800;
color: #fff;
width: 600px;
left: 50%;
margin-left: -300px;
text-align: center;
border-radius: 5px 5px 0 0;
text-align: center;
}
.nntoutnow p
{
margin:10px 0 0 0;
}
.nntoutnow a
{
text-decoration:none;
color:#fff;
}
.nntoutnow a:hover
{
text-decoration:underline;
}
.spacer880 { width:880px; margin:10px 0 0 40px; }
.buybetabox { float:left; margin:0 0 20px 0; overflow:hidden; }
.space20r { margin-right:20px; }
.gamebuybox { background: #000; position:relative; float:left; }
.gamebuybox .mainvideoclass { width:100%;z-index: 99;position: absolute;left: 0;margin-left: 0;top: 0px;margin-top: 0px;background:#000; }
.gamebuybox .videogamebox { opacity:0;height:360px; width:580px; }
.gamebuybox img { float:left; opacity:1; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;}
.gamebuybox .boxscanlines { opacity:0.25; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out;}
.gamebuybox:hover img.backimg { opacity:0.25; }
.gamebuybox:hover img.backimg.backimgfull { opacity:0; }
.gamebuybox:hover .videogamebox { opacity: 0.5; background:#000; }
.gamebuybox:hover .boxscanlines { opacity: 1; }
.gamebuybox .reveal { opacity: 0; transition: all 0.125s ease-in-out; -webkit-transition: all 0.125s ease-in-out; color:#fff; position:absolute; top:0px; left:0px; width: 100%; z-index:12; }
.gamebuybox .reveal h2 { padding:0; margin:20px 0 10px 20px;float:left;color:#fff !important;font-size:1.75em; width:80%; }
.gamebuybox .reveal h2.smallerh2 { font-size:1.33em; }
.gamebuybox .reveal h4 { padding:0; clear:both; margin:10px 0 0px 20px;float:left;color:#fff;font-size:1em; font-weight:300;width:75%; }
.gamebuybox .reveal h4 a { color:#fff;font-weight:700; text-decoration: none;font-size: 0.9em; }
.gamebuybox .reveal h4 a:hover { background:#0C0;}
.gamebuybox .moreinfobuy { padding: 5px 7px 7px 7px;border-radius: 3px;background: #080;margin: 5px 0 0 0;float:left;transition: background 0.125s ease-in-out; -webkit-transition: background 0.125s ease-in-out;}
.gamebuybox:hover .reveal { opacity:1; }
.gamebuybox .buyiconspace { z-index: 13;
position: relative;
padding: 10px;
height: 48px;
float: left;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
opacity: 0.75;
transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
background: #34495e;
clear:both;
}
.gamebuybox .buyiconspace span { float:left; cursor:pointer; }
.gamebuybox:hover .buyiconspace { opacity:1; }
.gamebuybox .buyicon { width: 35px;
height: 28px;
float: left;
margin: -10px 10px 0 0;
position: relative;
padding-top: 10px;}
.gamebuybox .buyicon.fade { opacity:0.25; }
.gamebuybox .buypopup { height:0; opacity:0;position: absolute;bottom: 48px;left: 0;width: 100%; z-index:20; padding:0; font-size:0.9em;}
.gamebuybox .buypopup .buyformat { float:left;padding:5px 10px 0px 10px;font-weight:400; width:65px;}
.gamebuybox .buypopup .buyrelease { float:left;padding:5px 10px; }
.gamebuybox .buypopup .buyformatprice { width: 60px;
padding: 5px 0 6px 10px;
float: right;
margin-right: 10px;
color: #fff;
background: #080;}
.gamebuybox .buypopup.greyed .buyformatprice {
background: #c0c0c0;}
.gamebuybox .buypopup.act:hover .buyformatprice {}
.gamebuybox .buypopup.above {bottom: 97px;z-index:21;}
.gamebuybox .buypopup.above2 {bottom: 146px;z-index:22;}
.gamebuybox .buypopup .callout { font-weight:400; color:#000;float:left;display:none; width:100%; padding: 0; }
.gamebuybox span:hover .buypopup .callout { display:block; }
.gamebuybox .buypopup.act:hover .callout { background:#fff; }
.gamebuybox .buypopup.greyed .callout { color:#aaa; }
.gamebuybox .buyiconspace span:hover div.buypopup {opacity:1;height:auto;background:#e0e0e0;border-top:1px solid #808080;}
.gamebuybox .buypopup:after { content: "";position: absolute;left: 85px;bottom: -8px;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #e0e0e0; }
.gamebuybox .buypopup.greyed:after { border-top:none; }
.gamebuybox .buypopup.act:hover:after { border-top: 8px solid #fff; }
.gamebuybox .buypopup.along2:after { left:130px; }
.gamebuybox .buypopup.along3:after { left:175px; }
.gamebuybox .buypopup.along4:after { left:220px; }
.gamebuybox .buypopup.along5:after { left:265px; }
.gamebuybox .buypopup.above:after { border-top:none; }
.gamebuybox .buypopup.above2:after { border-top:none; }
.gamebuybox .buypopup.above3:after { border-top:none; }
.gamebuybox .buypopup.above4:after { border-top:none; }
.gamebuybox .buypopup.above5:after { border-top:none; }
.gamebuybox .buypopup.above:hover:after { border-top:none; }
.gamebuybox .buypopup.above2:hover:after { border-top:none; }
.gamebuybox .buypopup.above3:hover:after { border-top:none; }
.gamebuybox .buypopup.above4:hover:after { border-top:none; }
.gamebuybox .buypopup.above5:hover:after { border-top:none; }
.gamebuybox .price { z-index: 14; position:absolute; padding:0 20px 20px 0; bottom:0; right:0; height:28px; }
.gamebuybox .price .callout { font-weight:700; background:#34495e;color:#fff;padding:4px 10px 6px 10px;float:right;display:block;}
.gamebuybox .price .previousprice { font-weight:400; background:#811;color:#fff;padding:4px 10px 6px 10px;float:left;display:block;}
.gamebuybox .buypopup .callout a { float:left; width: 100%; padding: 10px 0;}
.gamebuybox .buypopup.greyed .callout a { color:#a8a8a8;}
.buyiconspacebuynow
{
padding: 14px 10px 15px;
float: left;
color: #fff;
text-transform: uppercase;
font-weight: 900;
width: 45px;
margin: -10px 10px -10px -10px;
background: #000;
}
.facebookcommentbox
{
clear:both;
float:left;
margin-left:35px;
width: 90%;
height:auto;
}
.commentsjumper
{
float: left;
clear: both;
width: 100%;
margin: 30px 0 50px 0;
}
.commentsjumper a
{
color:#fff;
background: #34495e;
padding: 20px;
width: 100%;
}
.commentsjumper a:hover
{
background:#404040;
}
@media only screen and (min-width: 1px) and (max-width: 767px)
{
.spacer880 { width:100%; margin:10px 0 0 0; }
.buybetabox { width:100%; float:left; margin:0 0 20px 0; }
.buybetabox img { width:100%; }
.gamebuybox:hover img.backimg.backimgfull { opacity:0.25; }
.space20r { margin-right:0; }
.gamebuybox .reveal h4.hidem { display:none; }
.gamebuybox .reveal h2.smallerh2,.gamebuybox .reveal h2 { font-size:1.25em; }
.gamebuybox .price { z-index: 14; position:absolute; padding:20px 20px 0 0; top:0; right:0; height:28px; }
.gamebuybox .buypopup { height:0; opacity:0;position: absolute;left: 0;width: 100%; z-index:20;overflow:hidden;}
.facebookcommentbox {margin-left:0px;width: 100%;}
.commentsjumper a
{
width: 100%;
display: block;
height: auto;
box-sizing: border-box;
text-align: center;
padding:10px;
}
}