body { 
color:#ddd;
margin:0px;
padding:0px;
font: 16px/30px "Source Sans Pro",Arial,Verdana,sans-serif !important;
background:#000
}
a { color:#cdf; text-decoration:none }
a:hover { color:#fff; text-decoration:underline }
.bg {
position:fixed; 
top:-50%; 
left:-50%; 
width:200%; 
height:200%;
z-index:-999
}
.bg img {
position:absolute; 
top:0; 
left:0; 
right:0; 
bottom:0; 
margin:auto; 
min-width:50%;
min-height:50%
}
#header { height:32px;width:100% }
#headerWrap { text-align:right;padding-top:3px;padding-right:4%;max-width:1600px;margin:auto;height:32px }
#headerSearch {
float:right;
height:32px;
width:32px;
margin-top:-3px;
margin-right:4px;
background:url('/img/search32b.png') no-repeat
}
#headerSearch:hover {background-position:0px -32px}
#headerAvatar {
float:right;
margin-top:-3px;
width:32px;
height:32px;
border:0px
}
#mapSearch {
font-size:14px;
color:#879192;
text-align:right;
margin-top:-3px;
padding:0px 12px 0px 6px;
height:32px;
width:104px;
border:0px;
border-left:1px solid #56585d;
background:transparent
}
#menuSubWrap { width:100%;position:relative;top:-3px;z-index:9 }
#menuSubWrapBg { width:100%;background:#000;border-top:1px solid #56585d }
#menuSubWrapTxt { text-align:right;padding-top:4px;padding-right:4%;max-width:1600px;margin:auto;line-height:2em }
#menuSubWrapTxt a { white-space:nowrap;margin-left:1em }
#mapHeader {
position:absolute;
width:100%;
top:32px;
height:75px;
background:#000 url('/img/title_bg.jpg') repeat-x;
border-top:1px solid #56585d;
border-bottom:1px solid #56585d;
overflow:hidden
}
#mapDetailWrap {
position:relative;
width:50%;
padding-top:4px
}
#mapTitle {
font:32px "Trade Winds","Times New Roman", Times, serif !important;
float:right;
margin-left:12px;
width:98%;
max-width:640px;
white-space:nowrap
}
#mapAuthor {
float:right;
width:94%;
max-width:600px;
margin-top:-6px;
font-size:15px;
line-height:28px;
white-space:nowrap
}
#mapAuthorLink {
position:absolute;
z-index:1
}
#navOptionWrap {
position:absolute;
top:42px;
left:50%;
width:100%;
max-width:1660px
}
#navOption {
position:relative;
color:#576162;
text-align:right;
font-weight:bold;
font-size:16px;
left:-50%;
padding-right:4%
}
#navOption a {
color:#ddd;
text-decoration:none
}
#navOption a:hover {
color:#fff;
text-decoration:none;
padding-bottom:3px;
border-bottom:2px solid #fff
}
#mainImg {
position:absolute;
top:109px;
width:50%;
text-align:right	
}
.screenshot, .screenshot800, .screenshot1280, .screenshot1600 { border:0px; width:100% }
.screenshot { max-width:640px; max-height:480px }
.screenshot800 { max-width:800px; max-height:600px }
.screenshot1280 { max-width:1280px; max-height:960px }
.screenshot1600 { max-width:1600px; max-height:1200px }
#main {
position:absolute;
top:109px;
left:52%;
max-width:720px;
padding-right:4%
}
.area800Contain {
width:90%;
max-width:800px;
margin:auto
}
.area800Wrap {
position:absolute;
top:109px;
width:90%;
max-width:800px
}
#videoObject {
width:100%;
max-width:800px
}
.area1200Contain {
width:80%;
max-width:1200px;
margin:auto
}
.area1200Wrap {
position:absolute;
top:109px;
width:80%;
max-width:1200px
}
#panorama {
position:relative;
height:480px;
width:100%;
max-width:1200px;
float:right;
text-align:left;
white-space:nowrap;
overflow:hidden
}
.panDiv {
user-select:none;
position:absolute;
width:480px;
height:480px;
background-repeat:no-repeat
}
.pAbsolute { position:absolute }
.tBar0, .tBar, .tBar2, .tBar3 {
font-weight:bold;
font-size:17px;
padding:8px 0px 8px 0px;
}
.tBar, .tBar2 { border-bottom:1px solid #56585d }
.tBar2 { border-top:1px solid #56585d }
.tBar3 { border-top:1px solid #56585d }
.tBar1 {
padding:8px 0px 8px 0px;
border-bottom:1px solid #56585d;
}
.padTop8Bot8 { padding:8px 0px 8px 0px}
.wFull { width:100% }
.tCenter { text-align:center }
.tLeft { text-align:left }
.tRight { text-align:right }
.pBot16 { padding-bottom:16px }
.pTop1em { padding-top:1em }
.icn {
display:inline-block;
width:16px;
height:16px;
border:0px;
margin-right:2px;
background:url('/img/sprites2014a.png') no-repeat
}
.icn10yrs { background-position: 0px 0px }
.icn5yrs { background-position: -16px 0px }
.icn3Mths { background-position: -32px 0px }
.icn15yrs { background-position: -16px -16px }
.icnComments0 { background-position: -48px 0px }
.icnComments50 { background-position: -64px 0px }
.icnComments99 { background-position: -80px 0px }
.icnDloads { background-position: -112px 0px }
.icnFeatured { background-position: -128px 0px }
.icnPanorama { background-position: -144px 0px }
.icnVideo { background-position: -160px 0px }
.icnVotes0 { background-position: -176px 0px }
.icnVotes50 { background-position: -192px 0px }
.icnVotes99 { background-position: -208px 0px }
.icnQLive { background-position: 0px -16px }
.info { cursor:help }
.ssSmlLink div {
display:none;
top:-121px;
left:-16px
}
.commentCancel {display:none }
#commentForm {
padding-bottom:1em;
border-bottom:1px solid #56585d
}
.commentWrap {
clear:both;
padding:1em 0em 1em 0em;
border-bottom:1px solid #56585d
}
.commentRepBox {
float:left;
text-align:center;
width:48px;
border-right:
1px solid #56585d
}
.commentPoster {
margin-left:64px;
height:64px;
border-bottom:1px solid #56585d
}
.commentAvatar, .voteAvatar {
float:left;
margin-right:1em;
width:64px;
height:64px
}
.comment {
margin-left:64px;
padding-top:1em
}
.commentRep {
font-weight:bold;
font-size:16px;
color:#cdf;
cursor:help
}
.commentRep span {
display:none;
font-weight:normal;
font-size:14px
}
.commentRep:hover { position:relative }
.tip span { 
display:none;
left:-8px
}
.tipR span { 
display:none;
right:-8px
}
a.tip:hover, a.tipR:hover { position:relative }
a.tip:hover span, a.tipR:hover span, .commentRep:hover span {
position:absolute;
top:-52px;
display:block;
color:#ddd;
background:#000 url('/img/title_bg.jpg') repeat-x;
border-top:1px solid #56585d;
border-bottom:1px solid #56585d;
padding:8px;
white-space:nowrap;
text-decoration:none;
z-index:9
}
.clr { clear:both }
.fRight { float:right }
.fLeft { float:left }
.fBig { font-size:16px }
.fSml, .fontSml { font-size:13px }
.fBold { font-weight:bold }
.fNorm { font-weight:normal }
.nWrap { white-space:nowrap }
.para { height:1em }
.dim { color:#576162 }
.up3 { 
position:relative;
top:-3px 
}
.oHide { overflow:hidden; }
.ssSml, .ssSmlNoLink { 
width:160px;
height:120px;
margin:1px 0px 1px 0px;
border:0px;
}
.ssSml:hover {
border-top:1px solid #fff; 
border-bottom:1px solid #fff 
}
.panSmlWrapOuter {
position:relative;
height:148px;
overflow:hidden	
}
.panSmlWrapInner {
position:absolute;
width:100%
}
.panSml, .panSmlNoLink {
width:480px;
height:120px;
border:0px;
margin:1px 0px 1px 0px;
}
.vidPreContain {
width:100%;
margin:auto
}
.vidPreWrap {
position:relative;
left:50%;
height:120px;
width:212px;
margin-left:-106px
}
.vidSml, .vidSmlNoLink {
display:inline-block;
width:212px;
height:120px;
border:0px;
margin:1px 0px 1px 0px;
text-indent:228px;
overflow:hidden;
background:url('/img/sprites2014a.png') no-repeat;
background-position:-6px -116px
}
.ssSml:hover, .panSml:hover, .vidSml:hover { 
margin:0px;
border-top:1px solid #fff; 
border-bottom:1px solid #fff 
}
.vidSmlNoLink, .vidSml:hover { background-position:-6px -236px }
.repUp, .repDown, .repUpOwn, .repDownOwn {
width:48px;
height:16px;
cursor:pointer;
background:url('/img/sprites2014a.png') no-repeat
}
.repUp { background-position:-126px -16px }
.repDown { background-position:-169px -16px }
.repUp:hover { background-position:-126px -32px }
.repDown:hover { background-position:-169px -32px }
.repUpOwn { background-position:-126px -48px }
.repDownOwn { background-position:-169px -48px }
.repUpOwn:hover { background-position:-126px -64px }
.repDownOwn:hover { background-position:-169px -64px }
.close400 {
background:url('/img/sprites2014a.png') no-repeat;
background-position:-55px -16px;
width:26px;
height:26px;
position:fixed;
top:8%;
left:50%;
margin-top:-12px;
margin-left:-240px;
cursor:pointer
}
.close220, .close220b {
background:url('/img/sprites2014a.png') no-repeat;
background-position:-55px -16px;
width:26px;
height:26px;
position:absolute;
top:8%;
left:50%;
margin-top:-54px;
margin-left:-150px;
cursor:pointer
}
.close220b { margin-top:-34px }
.close220c {
position:absolute;
top:8%;
left:50%;
margin-left:-151px;
margin-top:-13px;
width:26px;
height:26px;
background:url('/img/sprites2014a.png') no-repeat;
background-position:-55px -16px;
cursor:pointer
}
#overlayBase {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
display:none;
z-index:1
}
.overlayBox400 {
position:fixed;
top:8%;
left:50%;
margin-left:-228px;
width:400px;
padding:8px 24px;
text-align:center;
border:4px solid #56585d;
background:#000
}
.overlayBox220 {
position:absolute;
top:8%;
left:50%;
margin-left:-138px;
width:220px;
padding:8px 24px;
text-align:center;
border:4px solid #56585d;
background:#000
}
input[type="submit"], input[type="button"] {
font-weight:bold;
padding:8px;
border:2px solid #56585d;
background:#ccc
}
input[type="text"], input[type="password"] {
padding:8px; 
border:2px solid #56585d;
background:#ccc
}
textarea {
font: 14px/26px Arial,Verdana,sans-serif !important;
border:2px solid #56585d;
background:#ccc
}
textarea:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="text"]:hover, input[type="password"]:hover {
border:2px solid #ccc;
background:#fff
}
.form5050Left {
float:left;
text-align:right;
width:48%;
padding-bottom:1em
}
.form5050Right {
float:right;
text-align:left;
width:48%;
padding-bottom:1em
}
.col5050Left, .col5050Left2 {
float:left;
width:48%;
padding-right:2%;
white-space:nowrap
}
.col5050Left { text-align:right }
.col5050Right {
float:right;
width:48%;
padding-left:2%;
text-align:left
}
.t5050Left {
float:left;
width:48%;
padding-right:2%
}
.t5050Right {
float:right;
width:48%;
padding-left:2%
}
.colOverviewLeft {
position:absolute;
left:0px;
width:116px;
text-align:right	
}
.colOverviewRight {
clear:both;
margin-left:130px
}
.quote {
padding:4px;
margin-left:2em;
margin-right:1em;
background:#111;
border:1px solid #56585d;
}
.error {
padding:2px;
border-top:1px solid #fa0;
border-bottom:1px solid #fa0;
background:#a00
}
.col33 {
float:left;
width:29.3%;
margin:8px 2% 8px 2%;
}
.col33ClrX3, .col33ClrX2 { clear:both }
.col33ClrX2 { display:none }
.rep33 {
float:left;
width:29.3%;
border-bottom:1px solid #56585d;
overflow:hidden;
white-space:nowrap;
line-height:3.6em;
height:3.6em;
margin-right:2%;
margin-left:2%
}
.mapList, .mapListCompact, .voteTopRep {
float:left;
height:72px;
width:46%;
margin:8px 2% 8px 2%
}
.mapList, .mapListCompact { border-bottom:1px solid #56585d }
.voteTopRep { border-bottom:1px solid #56585d }
.mapList { height:132px }
.mapListCompact { width:29% }
.mapList2 { 
float:left;
border-bottom:1px solid #56585d;
height:188px;
width:160px;
overflow:hidden;
margin:8px 3.25% 8px 3.25%
}
.mapList2 div {
clear:both;
white-space:nowrap;
}
.mapListShot {
float:left;
margin-right:1em;
width:160px;
height:120px;
border:0px;
}
.mapListShotTiny {
float:left;
margin-right:1em;
width:80px;
height:60px;
border:0px;
}
.latest { height:72px;white-space:nowrap;overflow:hidden }
.mapListDate { font-size:13px }
.homeList, .homeList6, .homeList7, .homeList8 { 
float:left;
border-bottom:1px solid #56585d;
height:188px;
min-width:168px;
width:16.6%;
overflow:hidden;
margin-top:8px
}
.homeList7, .homeList8 { display:none }
.homeList div, .homeList6 div, .homeList7 div, .homeList8 div {
clear:both;
white-space:nowrap;
width:160px;
overflow:hidden
}
.homeListShot {
float:left;
width:160px;
height:120px;
border:0px
}
.home33 {
float:left;
margin-right:2%;
margin-bottom:1em;
width:31.3%;
overflow:hidden;
white-space:nowrap
}
.home33 img {
border:0px;
width:100%;
max-width:640px
}
.homeComments {
float:left;
width:33.3%;
overflow:hidden;
white-space:nowrap
}
.homeVote {
float:left;
text-align:right;
width:56px;
margin-right:8px
}
.sCompact {
display:none;
position:absolute;
margin-top:-138px;
width:29%;
border-top:1px solid #56585d;
background:#000 url('/img/title_bg.jpg') repeat-x;
z-index:99
}
.voteTopRepDetail {
float:right;
text-align:right
}
.voteRecentC1, .voteRecentC2 {
float:left;
width:46%;
margin:1em 4% 1em 0px
}
.voteBg {
margin:auto;
width:320px;
height:64px;
background:url('/img/excellent64.png') repeat-x;
background-position:0px -64px;
cursor:pointer
}
.voteRank {
float:left;
height:64px;
background:url('/img/excellent64.png') repeat-x;
cursor:pointer
}
.voteCastBox {
position:relative;
width:320px;
height:64px;
z-index:10
}
.col4Col2C1, .col4Col2C2, .col4Col2C3, .col4Col2C4 {
float:left;
width:20%;
margin:1em 2.5% 1em 2.5%
}
.memberStat { margin-left:120px }
.inputTextLine {
margin:auto;
width:96%
}
.inputTextarea {
width:96%;
padding:8px
}
.show0To860Inline { display:none }
.avatar {
width:64px;
height:64px;
padding:8px;
border:0px
}
.avatar:hover {
padding:0px;
width:78px;
height:78px;
border:1px solid #56585d
}
.fTrade18 {
font-family:"Trade Winds","Times New Roman", Times, serif !important;
font-size:18px
}
#time, #voteRange {
position:absolute;
top:22px;
width:100%;
height:34px;
cursor:pointer;
z-index:9
}
#slide {
position:relative;
left:0px;
width:26px;
height:32px;
background:url('/img/sprites2014a.png') no-repeat;
background-position:-55px -43px
}
#top {
position:fixed;
display:none;
width:32px;
height:24px;
bottom:12px;
right:12px;
background:url('/img/sprites2014a.png') no-repeat;
background-position:-81px -16px
}
.fLine, .fLineAlt {
clear:both;
height:36px;
border-bottom:1px solid #333;
cursor:pointer
}
.fLineAlt { background:#0c0c0c }
.fLine:hover, .fLineAlt:hover { background:#000 }
.fIconImg {
width:16px;
height:16px;
border:0px
}
.fIcon {
float:left;
width:32px;
padding-top:7px;
text-align:center
}
.fTitle {
float:left;
white-space:nowrap;
overflow:hidden;
width:47%;
padding:4px 0px;
}
.fLastPost, .fPost, .fLastPostBy, .fStartedBy {
float:right;
text-align:center;
white-space:nowrap;
padding:4px 0px;
overflow:hidden
}
.fLastPost {
width:12%;
padding:4px 0px
}
.fPost {
width:8%;
padding:4px 0px
}
.fLastPostBy, .fStartedBy {
width:14%;
padding:4px 0px
}
.fLastPostBar {
position:absolute;
height:64px;
width:100%;
white-space:nowrap;
overflow:hidden;
background:#000;
border-bottom:1px solid #333;
display:none
}
.fPostMain {
clear:both;
border-top:1px solid #56585d
}
.fIconAndRep {
float:left;
width:64px;
text-align:center;
font-size:13px;
line-height:13px
}
.fIconAndRep img { width:64px }
.fBlock {
display:table-cell;
padding-left:1em
}
.fAuthor { padding-left:14px;overflow:hidden }
.fPostNumb {
float:left;
padding-left:14px;
width:24px
}
.promoShotStrip {
position:relative;
margin-left:-4%;
width:108%;
height:160px;
overflow:hidden	
}
.promoShot {
margin-top:-15%;
width:100%
}
.appearBelow860, .appearBelow800, .appearBelow600, .appearBelow480  { display:none }
.menuOption:hover, .menuOptionBig a:hover, .menuOptionMid a:hover, .menuOptionSml a:hover, .menuOptionTny a:hover {
text-decoration:none;
padding-bottom:2px;
border-bottom:1px solid #fff 
}
.menuOptionMid, .menuOptionSml, .menuOptionTny { display:none }
.menuSubPad { padding-left:6%;padding-right:0.6em;margin-right:191px }
.ss640x480 {display:block}
.ss800x600 {display:none}
@media all and (max-width : 1400px) {
.voteTopRep { width:96% }
}
@media all and (max-width : 1270px) {
.homeList { width:20% }
.homeList6 { display:none }
}
@media all and (max-width : 1100px) {
.voteRecentC1 {
width:100%;
margin:1em 0px 0px 0px
}
.voteRecentC2 {
width:100%;
margin:0px 0px 1em 0px
}
.mapListDate { display:none }
}
@media all and (max-width : 1080px) {
.homeList { width:25% }
.homeList6, .homeList7, .homeList8 { 
display:block;
width:25%
}
}
@media all and (max-width : 990px) {
#mapHeader { height:98px }
#navOptionWrap { top:66px }
#mainImg, #main, .area1200Wrap, .area800Wrap { top:132px }
.commentAvatar {
width:48px;
height:48px;
}
.mapList { width:96% }
.mapListDate { display:block }
.col4Col2a, .col4Col2b {
float:left;
width:45%;
}
.col4Col2C1, .col4Col2C3 {
float:none;
width:100%;
margin:1em 2.5% 0px 2.5%
}
.col4Col2C2, .col4Col2C4 {
float:none;
width:100%;
margin:0px 2.5% 1em 2.5%
}
.col33, .rep33, .mapListCompact, .sCompact { width:46% }
.col33ClrX3 { display:none }
.col33ClrX2 { display:block }
}
@media all and (max-width : 890px) {
.homeList, .homeList6 { width:33% }
.homeList7, .homeList8 { display:none }
.home33 { width:48% }
.homeComments { width:100% }
.tlOdd { visibility:hidden }
#mainImg { width:45% }
#main { left:47% }
.menuOptionBig { display:none }
.menuOptionMid { display:inline }
}
@media all and (max-width : 860px) {
#mainImg { width:40% }
#main { left:42% }
.fStartedBy { display:none }
.fLastPostBy { width:21% }
.fLastPost { width:17% }
.fullWidthBelow860 { width:100% }
.padLeft1emBelow860 { padding-left:1em }
.padRight1emBelow860 { padding-right:1em }
.appearBelow860 { display:block }
.hide0To860 { display:none }
.show0To860Inline { display:inline }
.t5050Left, .t5050Right {
float:left;
width:98%;
padding:0px 2% 0px 0px
}
}
@media all and (max-width : 800px) {
.appearBelow800 { display:block }
.hide0To800 { display:none }
#mainImg { display:none }
#main { left:2% }
}
@media all and (max-width : 680px) {
.homeList, .homeList6 { width:50% }
.home33 { 
width:100%;
margin-right:0%
}
.fPost { display:none }
.fTitle { width:54% }
.homeComments { width:100% }
}
@media all and (max-width : 660px) {
.voteAvatar { width:48px; height:48px }
.voteBg {
width:240px;
height:48px;
background:url('/img/excellent48.png') repeat-x;
background-position:0px -48px
}
.voteRank {
height:48px;
background:url('/img/excellent48.png') repeat-x
}
.voteCastBox {
width:240px;
height:48px
}
.mapListDate { display:none }
.col4Col2a, .col4Col2b {
float:none;
width:100%
}
.col4Col2C1 { margin:1em 2.5% 0px 2.5% }
.col4Col2C2, .col4Col2C3, .col4Col2C4 { margin:0px 2.5% 0px 2.5% }
.col33, .rep33, .mapListCompact, .sCompact { width:96% }
.fullWidthBelow660 { width:100% }
.padLeft1emBelow660 { padding-left:1em }
.padRight1emBelow660 { padding-right:1em }
.menuOptionMid { display:none }
.menuOptionSml { display:inline }
}
@media all and (max-width : 600px) {
#mapSearch { display:none }
.menuSubPad { margin-right:64px }
.appearBelow600 { display:block }
.hide0To600 { display:none }
.show0To660Inline { display:inline }
.fLastPostBy { display:none }
.fTitle { width:60% }
.fLastPost { width:30% }
.fIconAndRep {
width:48px;
font-size:12px;
line-height:12px
}
.fIconAndRep img { width:48px }
.fAuthor { padding-left:14px }
#mainImg { display:none }
#main { left:2% }
}
@media all and (max-width : 480px) {
#mapTitle { font:24px "Trade Winds","Times New Roman", Times, serif !important }
.voteAvatar { display:none }
.commentAvatar { display:none }
.appearBelow480 { display:block }
.hideBelow480 { display:none }
.goneBelow480 { visibility:hidden }
.hide0To480 { display:none }
.fTitle { width:50% }
.fLastPostBy { width:40% }
.menuOptionSml { display:none }
.menuOptionTny { display:inline }
}
@media all and (max-width : 380px) {
.fIconAndRep { display:none }
.fAuthor { padding-left:0px }
.fPostNumb { padding-left:0px }
}
@media all and (min-width :800px) and (min-height:600px) {
.ss640x480 {display:none}
.ss800x600 {display:block}
}