/* Override global styles */
#community {}
#community.subpage #content { width: 998px; margin-top: 0; padding: 0; background-image: url(../img/bg/community-content.png); }
#community.subpage .subpage-header { width: 982px; margin-left: -1px; background-image: url(../img/headers/community-page.png); }
.bottom-border { background: #414147; }
/* Same code was used for rankings - consider consolidating */

/* Forums */
#m-fstart, #m-snetwork-ad, #m-flogin/*, #m-forum-tracker*/ { float: left; }
#m-fstart { width: 613px; margin: 17px 0 0 30px; position: relative; }
#m-fheader { width: 100%; }
/* More nexon forums dropdown */
.m-fdropdown { height: 40px; font-size: 12px; position: absolute; top: -17px; right: -14px; cursor: pointer; }
.m-fdropdown .selected { text-indent: 12px; }
.fake-select { color: #8083fe; background: transparent url(../img/btn/community-dropdown.png) 136px 22px no-repeat; }
.m-fdropdown .fake-select { width:158px; height: 100%; float: left; position: relative; }
.m-fdropdown .fake-select:hover { margin: -1px -1px 0 0; background-color: #000; border-top: 1px solid #434343; border-right: 1px solid #434343; border-left: 1px solid #434343; }
.m-fdropdown .fake-select .selected { margin: 14px 0 0 -1px; }
.m-fdropdown .fake-select .options { display: none; position: absolute; top: 40px; left: -1px; right: -1px; }
.m-fdropdown .fake-select:hover .options { display:block; border-right: 1px solid #434343; border-bottom: 1px solid #434343; border-left: 1px solid #434343; }
.m-fdropdown .fake-select .options .option { background: #000; cursor:pointer; }
.m-fdropdown a { padding: 6px 0 6px 13px; color: #666; display: block; }
.m-fdropdown a:hover { text-decoration: none; color: #8083fe; background: #1c1c1c; }
#m-fstart h2 { width: 257px; height: 40px; text-indent: -9999px; background: transparent url(../img/bg/subpage-headings.png) 0 -210px no-repeat; float: left; }

/* Login */
#m-flogin { width: 286px; /*height: 250px;*/ }
#flogin-wrap { height: 181px; overflow: hidden; }

/* Pre-login */
#pre-login, #pre-login a { width: 286px; height: 158px; }
#pre-login { background: transparent url(../img/btn/community-login.png) left top no-repeat; }
#pre-login:hover { background-position: left bottom; }
#pre-login a { text-indent: -9999px; display: block; }
#m-flogin {	position: absolute; top: 73px; left: 32px; height: 158px;}

/* Post login */
#post-login li { height: 173px; }
#create-forum-name p { margin-top: 62px; text-align: center; }
#create-forum-name a, #user-text a  { color: #8083fe; text-decoration: underline; }
#create-forum-name span { display: block; }
#forum-name-enter form { margin: 57px 0 0 4px; }
#forum-name-enter label { font-size: 13px; color: #c0c0c0; display: block; }
#forum-name-enter .error { font-size: 12px; color: #ba0404; }
#forum-name-enter input[type="text"] { width: 251px; height: 20px; margin-top: 6px; padding: 8px 0 8px 11px; font-size: 14px; color: #61636d; background: #000; border: 1px solid #3a3952; border-radius: 2px; }
#forum-name-enter input[type="text"]:focus, #forum-name-enter input[type="text"].input-focus { background-position: 0 bottom; }
#forum-name-enter input[type="submit"] { margin: 6px 0 0 220px; font-size: 12px; color: #8083fe; text-decoration: underline; background: none; }
#display-user-info > a, #user-text { margin-top: 57px; }
#display-user-info > a { margin-left: 6px; float: left; }
#display-user-info img { border: 1px solid #8083fe; }
#user-text { margin-right: 62px; font-size: 12px; line-height: 9px; float: right; }
#user-text p + p { margin: 12px 0 51px 0; font-size: 14px; font-weight: bold; color: #8083fe; }

/* Search */
#m-searchbox {}
#m-searchbox input[type="text"] { width: 237px; height: 32px; padding: 5px 0 5px 10px; font-size: 16px; font-weight: bold; color: #666; background: transparent url(../img/bg/community-search.png) 0 top no-repeat; float: left; /* IE specific --> */ width: 220px\9; height: 25px\9; padding: 13px 0 4px 13px\9; }
#m-searchbox input[type="submit"] { width: 39px; height: 42px; text-indent: -9999px; cursor: pointer; background: transparent url(../img/bg/community-search.png) right 0 no-repeat; float: left; }
#m-searchbox input[type="text"]:focus, #m-searchbox input[type="text"].input-focus { background-position: 0 bottom; }
#m-searchbox p { padding: 5px 0 0; font-size: 11px; text-align: right; clear: both; }
#m-searchbox a { color: #666; }
#m-searchbox a:hover { text-decoration: underline; }

#drop-track { width: 303px; height: 250px; margin-left: 24px; position: relative; float: left; }

/* NX Tracker */
#m-forum-tracker { width: 303px; /*height: 256px;*/ background: transparent url(../img/forum/nx-tracker.png) 0 0 no-repeat; }
#m-forum-tracker table { width: 100%; margin-top: 23px; }
#m-forum-tracker caption { width: 301px; height: 36px; margin-bottom: 12px; font-size: 15px; font-weight: bold; color: #ebebeb; text-indent: -177px; line-height: 36px; background: #18181a; border: 1px solid #000; }
#m-forum-tracker table td { padding: 3.5px 0; font-size: 14px; }
#m-forum-tracker .addBullet { padding-left: 23px; background: transparent url(../img/bg/nx-bullet.png) 13px center no-repeat; }
#m-forum-tracker table a { color: #c0c0c0; }
#m-forum-tracker table a:hover { text-decoration: underline; }
#m-forum-tracker .ar { padding-right: 5px; font-size: 11px; color: #666; }

/* Social links and ad */
#m-snetwork-ad { width: 300px; height: 250px; margin: 17px 0 0 24px; position: relative;  background: #000; }
#m-fsns { width: 64px; height: 28px; background: transparent url(../img/btn/community-social.png) 0 0 no-repeat; position: absolute; top: -60px; right: -9px; z-index: 1; }
#m-fsns a { width: 28px; height: 28px; text-indent: -9999px; display: block; float: left; }
#fb-link { margin-right: 8px; }
#m-nxad-wrap { width: 300px; height: 250px; }

/* Forum Iframe */
#m-forum { width: 936px; height: 100px; margin: 19px auto 0; background: #333; clear: both; }

/* Fan Site Page */
#community-fan {}
#community-fan.subpage #content, #community-screenshots.subpage #content, #community-wallpapers.subpage #content, #community-music.subpage #content, #community-concept.subpage #content { padding-top: 29px; }
#community-fan.subpage #content a { color: #887ef9; }
#community-fan.subpage #content a:hover { text-decoration: underline; }
#community-fan.subpage #content h3 { margin-bottom: 20px; font-size: 19px; color: #8859ad; font-weight:normal }
#community-fan.subpage #content p { font-size: 14px; line-height: 19px; }
#submit-fansite-btn { margin: 13px 0 44px; }
#fan-list {}
#fan-list li { height: 77px; margin-bottom: 15px; padding: 10px; background: #18181a; border: 1px solid #000; }
#fan-list img, .list-content, #music-list a { float: left; }
#fan-list img { width: 194px; height: 76px; background: #000; display: block; }
.list-content { width: 380px; margin-left: 14px; }
.list-content h4 { margin-bottom: 3px; }

/* Fan Site Submit */
#community-fan-submit {}
#community-fan-submit #content { min-height: 755px; font-size: 14px; color: #999; }
#community-fan-submit #content h3 { margin-bottom: 24px; font-size: 19px; color: #8880ef; }
#fansite-guidelines { margin-top: 22px; }
#fansite-guidelines li { margin-bottom: 3px; padding-left: 20px; background: transparent url(../img/bg/bullet-xl.png) 7px 6px no-repeat; }
#fansite-form { margin-top: 41px; padding: 0 74px 0 74px; }
#fansite-form p { height: 32px; margin-bottom: 10px; position: relative; }
#fansite-form p.abm { height: 143px; margin-bottom: 21px; }
#fansite-form p.error .error-msg { display: block; }
.error-msg { color: #d83134; position: absolute; top: 7px; left: 115px; }

#fansite-form label, #fansite-form input, #fansite-form textarea { position: absolute; }
#fansite-form label { padding-top: 4px; left: 0; }
#fansite-form input:focus, #fansite-form textarea:focus { background: #121212; border: 1px solid #383838; box-shadow: 0 0 4px rgba(18,18,18,0.5); }
#fansite-form input { width: 362px; height: 32px; padding: 0 10px; font-size: 14px; color: #999; background: #000; right: 0; }
#fansite-form textarea { padding: 10px; font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #999; background: #000; right: 0; resize: none; overflow: auto; }
#fansite-form-btn { border: none; float: right; cursor: pointer; }

/* Fun Stuff Pages */
#media-wrap { min-height: 76px; padding: 23px 23px 6px; background: #151515; border: 1px solid #000; }
#media-wrap li { position: relative; float: left; }
#media-wrap.screenshots li, #media-wrap.screenshots a, #media-wrap.screenshots img { width: 179px; height: 128px; display: block; }

/* Videos Section */
#youtube-link { width: 256px; height: 43px; margin-bottom: 21px; text-indent: -9999px; background: transparent url(../img/btn/youtube-link.png) 0 0 no-repeat; float: right; display: block; }
#media-wrap.videos { padding: 28px 17px 6px; clear: both; }
#media-wrap.videos li, #media-wrap.videos a, #media-wrap.videos img { width: 283px; height: 157px; }
#media-wrap.videos li { margin: 0 30px 58px 0; box-shadow: 1px 1px 4px #000; }
#media-wrap.videos li:nth-child(even) { margin-right: 0; }
#media-wrap.videos a, #media-wrap.videos img { display: block; }
#media-wrap.videos a::before { width: 64px; height: 64px; margin: -32px 0 0 -32px; content: ''; background: transparent url(../img/btn/video-play.png) 0 0 no-repeat; position: absolute; top: 50%; left: 50%; }
#media-wrap.videos img { background: #000; }
#media-wrap.videos p { margin-top: 8px; font-size: 15px; color: #8859ad; text-align: center; }

/* Screenshots Section, Concept Art Section */
#media-wrap.screenshots li { margin: 0 24px 24px 0; background: #000; }
#media-wrap.screenshots li:nth-child(3n+3), #media-wrap.wallpapers li:nth-child(3n+3) { margin-right: 0; }
#media-wrap.screenshots li a:hover::before { width: 179px; height: 128px; content: ''; background: transparent url(../img/btn/screenshot-magnify.png) 0 0 no-repeat; position: absolute; z-index: 1; }

/* Wallpaper Section */
#media-wrap.wallpapers { padding: 25px 27px 0; }
#media-wrap.wallpapers li { margin: 0 17px 41px 0; cursor: pointer; }
#media-wrap.wallpapers li:hover .wallpaper-res { display: block; }
#media-wrap.wallpapers li:hover .preview-link { background-position: left bottom; }
#media-wrap.wallpapers li::before { width: 185px; height: 223px; content: ''; background: transparent url(../img/bg/wallpaper-frame.png) 0 0 no-repeat; position: absolute; top: -3px; left: -2px; z-index: 1; }
#media-wrap.wallpapers li, #media-wrap.wallpapers img { width: 181px; height: 217px; }
.wallpaper-res { width: 183px; height: 129px; padding-top: 62px; text-align: center; background: transparent url(../img/bg/wallpaper-frame-overlay.png) 0 0 repeat; position: absolute; top: -3px; left: -2px; z-index: 2; display: none; }
.wallpaper-res a { width: 89px; margin: 0 auto 6px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 12px; font-weight: bold; color: #8083fe; display: block; }
.wallpaper-res a:hover { color: #8859ad; }
.preview-link { width: 185px; height: 32px; text-indent: -9999px; background: transparent url(../img/btn/preview-link.png) left top no-repeat; position: absolute; bottom: -3px; left: -2px; z-index: 2; display: block; }

/* Music Section */
#community-music {}
#music-list { border: 1px solid #000; }
#music-list li:nth-child(even) { background: #1d1d1d; }
#music-list li:nth-child(odd) { background: #151515; }
#music-list li { height: 58px; padding: 8px; }
#music-list h4 { font-weight: normal; color: #8859ad; }
#music-list a, #music-list img { width: 56px; height: 56px; display: block; }
#music-list a { position: relative; }
#music-list a:hover::before { width: 56px; height: 56px; content: ''; background: transparent url(../img/btn/music-download.png) 0 0 no-repeat; position: absolute; z-index: 1; }
#music-list .list-content { width: 546px; }
#music-list img { background: #000; }

/* Mediabox */
#mediabox-wrap { width: 100%; position: absolute; top: 105px; z-index: 500; display: none; }
#mediabox { width: 250px; height: 250px; margin: 0 auto; padding: 10px; background: rgba(0,0,0,0.5); position: relative; }
#mediabox-close { width: 22px; height: 22px; text-indent: -9999px; background: transparent url(../img/btn/popup-close-2.png) 0 0 no-repeat; position: absolute; top: -12px; right: -12px; }
#mediabox-inner {}
.mediabox-btn { width: 30px; height: 56px; margin-top: -28px; text-indent: -9999px; background: transparent url(../img/btn/popup-arrow.png) left top no-repeat; position: absolute; top: 50%; z-index: 502; display: block; }
#mediabox-prev { left: 1.5%; }
#mediabox-prev:hover { background-position: left bottom; }
#mediabox-next { right: 1.5%; background-position: right top; }
#mediabox-next:hover { background-position: right bottom; }
#mediabox-content { margin: 0 auto; text-align: center; }
#mediabox-load { width: 27px; height: 6px; margin: -3px 0 0 -13.5px; background: transparent url(../img/bg/popup-loader.gif) 0 0 no-repeat; position: absolute; top: 50%; left: 50%; display: none; }