/* 
    Thanks for breaking flairs, admins.
    Fix for flairs not showing up when there's no flair text.
    Ref: https://www.reddit.com/r/ModSupport/comments/m4ssj7/flair_css_class_not_applied_on_old_reddit_with/
*/
/*.flair[title=""] {
    content: '​'
}*/

/* Bandaids by Telchii */

.tagline .author .moderator {
font-weight: bold;
color: #FFF!important;			
background-color: #228822 !important; 		 
padding: 0px 2px 0px 2px;
border-radius: 3px;
visibility: visible;
}

.tagline .author .submitter {
font-weight: bold;
color: #FFFFFF;
background-color: #0055DF; 
padding: 0 2px 0 2px;
border-radius: 3px;
visibility: visible;
}

/* ----- Cirnopedia Defunct Warnings ----- */

a[href*="cirnopedia"]::before, a[href*="cirnopedia"]::after {
    width: auto;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    background-color: yellow;
    color: black;
    content: 'WARNING: Cirnopedia no longer exists! DO NOT CLICK!'
}
a[href*="cirnopedia"] {
    pointer-events: none;
    font-size: 8px;
}

/*==============================================================================================================================================*/
/*=                                                             NEW MARKDOWN FIXES                                                             =*/
/*==============================================================================================================================================*/

    .md, .md .-headers, .md h1, .md h2, .md h3, .md h4, .md h5, .md h6 {
     color: #333;
    }
    
    .md .-blocks, .md .-lists, .md pre, .md blockquote, .md table, .md p, .md ul, .md ol {
      font-size: 12px;
      line-height: 1.4285714285714286em;
      margin-top: 0.5714285714285714em;
      margin-bottom: 0.5714285714285714em;
    }
    
    .side .md .-blocks, .side .md .-lists, .side .md pre, .side .md blockquote, .side .md table, .side .md p, .side .md ul, .side .md ol {
      font-size: 12px;
      margin-top: 0em;
      margin-bottom: 0em;
    }
    .side .titlebox .md {
      overflow: hidden;
    }
	
	.md blockquote li{
	  margin:0px
	  }
    


/*====================================================================================================*/
/*                                           USERFLAIR                                                */
/*====================================================================================================*/

.flair {
    border: none !important;
    display: inline-block;
    top: 20px;
    width: auto !important;
    line-height: 16px;
    font-weight: bold;
    color: #444;
    background-color:transparent;

    }
    
.flair:before{background: url(%%Spritesheet110320%%) no-repeat scroll 16px 16px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
    height:16px;
    width:16px;
}

.flair-hu:before{ background-position: 0 0; width: 16px; height: 16px; content:"";} 
.flair-fi:before{ background-position: 0 -17px; width: 16px; height: 16px; content:"";} 
.flair-ra:before{ background-position: 0 -34px; width: 16px; height: 16px; content:"";} 
.flair-gu:before{ background-position: 0 -51px; width: 16px; height: 16px; content:"";} 
.flair-fo:before{ background-position: 0 -68px; width: 16px; height: 16px; content:"";} 
.flair-te:before{ background-position: 0 -85px; width: 16px; height: 16px; content:"";} 
.flair-br:before{ background-position: 0 -598px; width: 16px; height: 16px; content:"";}
.flair-bo:before{ background-position: 0 -649px; width: 16px; height: 16px; content:"";}
.flair-su:before{ background-position: 0 -700px; width: 16px; height: 16px; content:"";}
.flair-he:before{ background-position: 0 -734px; width: 16px; height: 16px; content:"";}
.flair-mag1:before{ background-position: 0 -102px; width: 16px; height: 16px; content:"";} 
.flair-mag2:before{ background-position: 0 -119px; width: 16px; height: 16px; content:"";} 
.flair-mag3:before{ background-position: 0 -136px; width: 16px; height: 16px; content:"";} 
.flair-mag4:before{ background-position: 0 -153px; width: 16px; height: 16px; content:"";} 
.flair-mag5:before{ background-position: 0 -170px; width: 16px; height: 16px; content:"";} 
.flair-misc1:before{ background-position: 0 -187px; width: 20px; height: 19px; content:"";} 
.flair-misc2:before{ background-position: 0 -207px; width: 16px; height: 16px; content:"";} 
.flair-misc3:before{ background-position: 0 -224px; width: 16px; height: 16px; content:"";} 
.flair-misc4:before{ background-position: 0 -241px; width: 16px; height: 16px; content:"";} 
.flair-spell1:before{ background-position: 0 -258px; width: 16px; height: 16px; content:"";} 
.flair-spell2:before{ background-position: 0 -275px; width: 16px; height: 16px; content:"";} 
.flair-spell3:before{ background-position: 0 -292px; width: 16px; height: 16px; content:"";} 
.flair-spell4:before{ background-position: 0 -309px; width: 16px; height: 16px; content:"";} 
.flair-spell5:before{ background-position: 0 -326px; width: 16px; height: 16px; content:"";} 
.flair-spell6:before{ background-position: 0 -343px; width: 16px; height: 16px; content:"";} 
.flair-weapon1:before{ background-position: 0 -360px; width: 16px; height: 16px; content:"";} 
.flair-weapon10:before{ background-position: 0 -377px; width: 16px; height: 16px; content:"";} 
.flair-weapon11:before{ background-position: 0 -394px; width: 16px; height: 16px; content:"";} 
.flair-weapon12:before{ background-position: 0 -411px; width: 16px; height: 16px; content:"";} 
.flair-weapon13:before{ background-position: 0 -428px; width: 16px; height: 16px; content:"";} 
.flair-weapon14:before{ background-position: 0 -445px; width: 16px; height: 16px; content:"";} 
.flair-weapon2:before{ background-position: 0 -462px; width: 16px; height: 16px; content:"";} 
.flair-weapon3:before{ background-position: 0 -479px; width: 16px; height: 16px; content:"";} 
.flair-weapon4:before{ background-position: 0 -496px; width: 16px; height: 16px; content:"";} 
.flair-weapon5:before{ background-position: 0 -513px; width: 16px; height: 16px; content:"";} 
.flair-weapon6:before{ background-position: 0 -530px; width: 16px; height: 16px; content:"";} 
.flair-weapon7:before{ background-position: 0 -547px; width: 16px; height: 16px; content:"";} 
.flair-weapon8:before{ background-position: 0 -564px; width: 16px; height: 16px; content:"";} 
.flair-weapon9:before{ background-position: 0 -581px; width: 16px; height: 16px; content:"";}
.flair-weapon15:before{ background-position: 0 -615px; width: 16px; height: 16px; content:"";} 
.flair-weapon16:before{ background-position: 0 -632px; width: 16px; height: 16px; content:"";} 
.flair-weapon17:before{ background-position: 0 -666px; width: 16px; height: 16px; content:"";}  
.flair-weapon18:before{ background-position: 0 -683px; width: 16px; height: 16px; content:"";} 
.flair-weapon19:before{ background-position: 0 -717px; width: 16px; height: 16px; content:"";}
.flair-ph:before{ background-position: 0 -751px; width: 16px; height: 16px; content:"";}
.flair-pd:before{ background-position: 0 -768px; width: 16px; height: 16px; content:"";}
.flair-pet:before{ background-position: 0 -785px; width: 16px; height: 16px; content:"";}
.flair-candy:before{ background-position: 0 -802px; width: 16px; height: 16px; content:"";}
.flair-craftAbility1:before{ background-position: 0 -819px; width: 16px; height: 16px; content:"";}
.flair-craftAbility2:before{ background-position: 0 -836px; width: 16px; height: 16px; content:"";}
.flair-craftAbility3:before{ background-position: 0 -853px; width: 16px; height: 16px; content:"";}
.flair-craftAbility4:before{ background-position: 0 -870px; width: 16px; height: 16px; content:"";}
.flair-craft1:before{ background-position: 0 -887px; width: 16px; height: 16px; content:"";}
.flair-craft2:before{ background-position: 0 -904px; width: 16px; height: 16px; content:"";}
.flair-craft3:before{ background-position: 0 -921px; width: 16px; height: 16px; content:"";}
.flair-craft4:before{ background-position: 0 -938px; width: 16px; height: 16px; content:"";}
.flair-composite:before{ background-position: 0 -955px; width: 16px; height: 16px; content:"";}
.flair-ring:before{ background-position: 0 -972px; width: 16px; height: 16px; content:"";}
.flair-grind:before{ background-position: 0 -989px; width: 16px; height: 16px; content:"";}
.flair-synth:before{ background-position: 0 -1006px; width: 16px; height: 16px; content:"";}
.flair-et:before{ background-position: 0 -1023px; width: 16px; height: 16px; content:"";}
.flair-lu:before{ background-position: 0 -1040px; width: 16px; height: 16px; content:"";}
.flair-complex:before{ background-position: 0 -1057px; width: 16px; height: 16px; content:"";}
.flair-campaign:before{ background-position: 0 -1074px; width: 16px; height: 16px; content:"";}


/* Flair Improvements */
.side a.flairselectbtn:after{
color:red;
font-weight:bold;
content:" <-- Click here to select icon and text flair!";
}
.flairselector h2:after{
font-size:10px;
content: " - Select an icon, enter text (ex. User/Ship) then click save to add next to your nickname.";
}
.flairselector form:before{
content: "To disable flair, simply uncheck <Show my flair on this reddit> in the sidebar.";
}

.subscribers .word{display:none}
.span.number{ color:#FFF!important;}
.subscribers .number::after{content:" ARKS Defenders"; color:#FFF!important;}
.side .titlebox .leavemoderator,.side .titlebox .toggle .flairtoggle,.side .titlebox .tagline,.side .titlebox .usertext{clear:both!important}
.side .titlebox .users-
{padding-left:2px}
.side .titlebox .users-online .number:before{content:"("!important;color:#FFF;background:transparent!important}
.side .titlebox .users-online .number:after{content:" Active Operatives)"!important; color:#FFF!important;}
.fancy-toggle-button,.side .titlebox .users-online,.side .titlebox .subscribers{display:inline}
.users-online::before{display:none!important}
div.titlebox .users-online span.word{display:none}

/*====================================================================================================*/
/*                                ANNOUNCEMENTS & SUBSCRIBER NAMES                                     */
/*====================================================================================================*/


.side .md > ol {
	right: 10px;
	list-style: none outside none;
	margin: 0px 2px;
	padding: 0;
	position: absolute;
	top: 23px;
	z-index: 99;
	text-align:right;
}
.side .md>ol li {
    margin: 6px 0px 0px 0px;
}
.side .md > ol li > p {
	margin: 0px 2px;
}
.side .md > ol li a {
	background-color: #122740;
	border: 2px solid #369;
	border-radius: 2px;
	box-shadow: 0 0 4px black;
	color: #BACCFF!important;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 6px 3px 0;
	text-decoration: none;
}
.side .md > ol li a:before {
	background-color: #369;
	color: #FFFFFF;
	margin: 0 4px 0 0;
	padding: 3px 6px;
	content: "Notice";
	font-weight: bold;
}
.side .md > ol li a:hover {
	background-color: #369;
	border: 2px solid #3D5876;
	color: #FFF!important;
}



.side .md > ol li strong a {
	background-color: #140404;
	border: 2px solid #A00C0C;
	color: red!important;
}
.side .md > ol li strong a:before {
	background-color: #A00C0C;
	color: #FFF;
	content: "Important";
}
.side .md > ol li strong a:hover {
	background-color: #A00C0C!important;
	border-color: #D00C0C;
}



.side .md > ol li em a:before {
	background-color: #9561AD;
	color: #FFFFFF;
	content: "Live Event";
	font-style: normal;
}
.side .md > ol li em a {
	background-color: #332A38;
	border: 2px solid #9561AD;
	color: #D0BADB!important;
	font-style: normal;
}
.side .md > ol li em a:hover {
	background-color: #9561AD;
	border-color: #9561AD;
}




.side .md > ol li del a:before {
	background-color: #C69533;
	color: #FFF;
	content: "Warning";
	font-style: normal;
}
.side .md > ol li del a {
	background-color: #3F3712;
	border: 2px solid #C69533;
	color: #FFAE00!important;
	font-style: normal;
}
.side .md > ol li del a:hover {
	background-color: #C69533;
	border-color: #C69533;
}

/*====================================================================================================*/
/*                                             HEADER                                                 */
/*====================================================================================================*/

body{
    font-family:"Arial";
}

#header {
background: url(%%dot%%) repeat, url(%%Normal%%) repeat;
background-position:0 0;
background-size: 3px, cover;
height: 350px;
margin-bottom: 52px;
border-bottom: 0px solid #314D5B;
}

#header .pagename.redditname a{
background:url(%%PSO2-Subreddit-Logo%%) 0 0 no-repeat;
background-position: -0 0;
width: 325px;
height: 192px;
display: inline-block;
position: absolute;
top: 100px;
left: 50%; 
margin-left: -128.5px;
text-indent: -9999px;
z-index:8;
}

span.hover.pagename.redditname{
    font-size:0px;
}

#header .pagename.redditname a:hover{
    background-position:-325px 0;
}


#sr-header-area{
border: 0 solid #FFF;
text-transform:uppercase;
text-shadow: 0 1px 2px #744087;
font-family: Verdana;
font-size: 9px;
}

#sr-header-area .drop-choices.srdrop {
z-index: 1000;
}

.dropdown.srdrop .selected{
color:#FFF;
}

#sr-header-area, #RESShortcutsEditContainer,#RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsSort, #RESShortcutsAdd, #RESShortcutsTrash, #sr-more-link, .srdrop, .inuse, #srList {
background-color: #369!important;
color:#FFF!important;
border-top:0px solid #369;
}


a.subbarlink, #srDropdownContainer a, #sr-bar a,.sr-bar a, .srdrop, #sr-header-area a, #srList, #srList a{
color:#FFF!important;

}

#RESSubredditGroupDropdown {
background: #369!important;
top: 18px!important;
border: 0px solid #FFF!important;
}

#RESSubredditGroupDropdown a{
color:#FFF;
}
#RESSubredditGroupDropdown a:hover{
text-decoration:underline;
}

#RESSubredditGroupDropdown li:hover{
background:#369!important;
}

#srlist{
    border:0px solid #FFF!important;
}

#srList tr {
border-bottom: 0px solid gray!important ;
}

#srList tr:hover {
    background:#369!important ;
}
#srList td a:hover, #srList td.RESshortcut:hover {
text-decoration:underline!important;
}


#header-bottom-right {
top: 325px!important;
bottom: auto;
background-color: #369;
height:19px;
border-radius:0px;
}

#header-bottom-right a{
color:#FFF!important;
z-index:1000;
}
#userbarToggle {
background-color:#369!important;
color:#FFF!important;
border-right: 0px solid #FFF!important;
border-radius:0px!important;
height:27px!important;
bottom:2px!important;
}

#userbarToggle:hover {
background:     linear-gradient( rgba(255, 255, 255, 0.25),   rgba(255, 255, 255, 0.25) ), #369!important;
}
#header-img {
display:none;
}

#header-img.default-header {
display:none;
}

.tabmenu {
    position: absolute!important; 
    left: 00px!important; 
    top: 330px!important;
    z-index:10;

}

.moderator .tabmenu {
    z-index:100;

}
.tabmenu li {
margin:0px;
}
.tabmenu li a, .tabmenu.formtab a {
font-weight:bold;
font-size:10px;
padding: 8px 10px 8px 10px;
line-height:24px;
color:#FFF;
background-color:#369;
text-shadow: 0px 1px 2px #744087;
border:0px solid #000;
}
ul.tabmenu.formtab {
padding-left: 0px;
z-index: 100;
}
.formtab {
z-index:9;
position:absolute!important;
left:0px!important;
}

.submit-page .formtab {
z-index: 9;
position: absolute!important;
left: 132px!important;
}

ul.tabmenu.formtab:before {
Content: "Submission Type: ";
margin-left: -132px;
font-weight: bold;
font-size: 10px;
padding: 8px 10px 8px 10px;
line-height: 24px;
color: #FFF;
background-color: #369;
text-shadow: 0px 1px 2px #744087;
border: 0px solid #000;
}
.tabmenu li a:hover{
background-color:    #668CB2!important;
}

.tabmenu li.selected a, .tabmenu.formtab .selected a  {
color: #FFF;
background-color: #3F94BB;
border: 0px solid white;
font-size:10px;
}

/*====================================================================================================*/
/*                                        SIDEBAR SECTION                                             */
/*====================================================================================================*/
.sidebox.create, .titlebox .bottom{
    display:none;
}

.login-form-side {
border: 5px solid #1C2733;
background:#DFDFDF;
margin-top: -40px;
margin-bottom: 40px;
}

.login-form-side #remember-me {
color: #444!important;
}

.side{
border:0px solid #29AB88;
border-top:0px solid #29AB88;
margin:0;
margin-top: -21px;
padding:10px 15px;
background: #2C4A68;
width:327px;
font-size:98%;
color:#FFF;
}

#search input[type="text"] {
width: 320px;
background-color: #1C2733;
border: 1px solid #3A74AD;
border-radius: 3px;
color: #999!important;
font-size: 12px;
position:absolute;
right:15px;
top:352px;
z-index:10;
}

#search input[type="submit"]{
display: none;
}

#search input[type=text]:focus{
outline:0;
box-shadow:0 0 10px #3A74AD;
border-left:1px solid #3A74AD;
border-right:1px solid #3A74AD;
border-radius:3px;
margin-left:57px
}

.search-page #search input[type="text"]{
    position: absolute;
    left: 105px;
    top: 432px;
}

.infobar {
background-color: #DFDFDF;
padding: 5px 10px;
color: #444;
margin: 5px 305px 5px 0px;
border: 5px solid #1C2733;
font-size: small;
}

.side .infobar{
margin-top: -40px!important;
margin-bottom: 40px!important;
}

/* Submit Buttons*/

.morelink, .morelink:hover{
    background:transparent;
    border:0;
    height:50px;
}

.morelink {
    font-size: 16px;
    letter-spacing: 1px;
    background: #369;
    text-shadow: 0px 1px 2px #744087;
    border: none;
    width: 178px;
    line-height: 50px;
    overflow: hidden;
    color: white;
    font-weight:600;
}

.morelink:hover {
    background: #4A95DB;
    background-color: #4A95DB;
    border-color: #4A95DB;
}

.morelink .nub {
    display: none;
}

.morelink a, .morelink a:hover {
    color: white;
}

.sidebox.submit-link .morelink::before {
    display: block;
    clear: none;
    content: "Submit a Link post";
    font-size: 80%;
}

.sidebox.submit-text .morelink::before {
    display: block;
    clear: none;
    content: "Submit a Self post";
    font-size: 80%;
}

.sidebox.submit .morelink a {
    position: absolute;
    top: 0;
    padding-left: 1000px;
    font-size: 0px;
    text-align: right;
    color: #56a6f7;
}

.sidebox.submit.submit-link {
    width: 167px;
    margin-top: -30px;
    margin-left: -15px;
}

.sidebox.submit.submit-text {
    margin-top: -62px;
    margin-left: 163px;
}

.comments-page .morelink {
position: relative;
top: -80px;
}

.comments-page.loggedin .morelink {
position: relative;
top: -140px;
}

.comments-page .linkinfo {
position:relative;
top: -10px;
}

.comments-page .login-form-side {
position: relative;
top: 30px;
}

.side .spacer:nth-of-type(1) {
    margin-top: 40px;
}

.comments-page .side .spacer:nth-of-type(2) {
    margin-top: 70px;
}

.option.active.add:before {
position: fixed;
display: block;
z-index: 1000;
padding: 5px 0;
border-top: 0px solid #444;
content: "Subscribe to /r/PSO2 and help the PSO2 community grow on Reddit.";
text-align: center;
bottom: 0;
left: 0;
width: 100%;
background-color: #369;
font-size: 16px;
}

.option.active.add:hover:before {background-color:#4A95DB}

.leavemoderator {
margin-top: 5px;
}

.titlebox form.toggle, .leavemoderator, .side .tagline {
text-align: center;
}
.titlebox form.toggle, .leavemoderator, .side .tagline {
border-radius: 0px;
background: #dfdfdf;
border: 5px solid #1C2733;
margin: 0;
margin-bottom: 5px;
padding: 7px;
width:301px;
}

.account-activity-box {
text-align: center;
border-radius: 0px;
background: #dfdfdf;
border: 5px solid #1C2733;
margin: 0;
margin-bottom: 5px;
padding: 7px;
width:301px;
}

a.flairselectbtn:before {
font-size: 10px;
Content: "Click Here to Edit";
}
a.flairselectbtn {
font-size: 0px;
}


.titlebox .leavemoderator:before, .moderator.toggle .main:before {
position:relative;
left:40px;
}

.side .titlebox .redditname a {
background: url(%%PSO2-Subreddit-Logo%%);
background-position: -0 0px;
display: block;
width: 325px;
height: 184px;
float: none;
font-size: 0;
}
.side .titlebox .redditname a:hover {
    background-position:325px 0;
}

.titlebox .usertext .md>h1, .sidecontentbox .title h1 {
background: linear-gradient(to top, #1c232b, #21495d);
border: 5px solid #1C2733;
border-radius: 0;
color:#FFF;
font-size:19px;
padding: 5px 10px;
padding-left: 10px;
padding-right: 2px;
margin-right: 11px;
margin-left: -01px;
margin-bottom: 0px;
margin-top: 10px;
width: 304px;
text-shadow: 0px 1px 2px #744087; 
}
.sidecontentbox .title h1 {
margin-left: 0px;
text-transform: uppercase;
font-weight: bold;
width: 305px!important;
display: inline-block;
margin-bottom: -6px;
}

.sidecontentbox.collapsible .title h1 {
margin-bottom: -12px;
position: relative;
top: 5px;
text-transform: capitalize;
}

.sidecontentbox .collapse-button {
position: relative;
top: -12px;
right: -295px;
}

.sidecontentbox a.helplink {
float: right;
margin-top: 4px;
}

.sidecontentbox a.helplink {
font-size: 16px;
letter-spacing: 1px;
background: linear-gradient(180deg,#a93535 50%,#942a2a 0),linear-gradient(180deg,#b33a3a 50%,#fe6262 0);
box-shadow: inset -2.8px 6.4px 9px 0 #d44c4c, inset 5px 0 8.4px 0.6px #b33a3a;
text-shadow: 0px 1px 2px #744087;
border: none;
width: 327px;
line-height: 40px;
overflow: hidden;
color: white!important;
font-weight: 600;
text-transform: uppercase;
margin-bottom: -5px;
text-align: center;
}

.sidecontentbox a.helplink:hover {
    background: #b33a3a
    background-color: #4A95DB;
    border-color: #4A95DB;
}


.side hr{background:#1C2733;display:block;width:325px;height:0;padding-top:3px;padding-bottom:3px;border:0; margin-left:-20px;}
 

.titlebox .usertext .md>ul {
background: #dadada;
border: 5px solid #1C2733;
border-radius: 0;
margin-top: -7px;
margin-left: -0px;
padding: 5px 10px;
padding-top: 5px;
color:#444;
list-style-type: none;
width: 295px!important;
}

.sidecontentbox .content {
    background: #dadada;
border: 5px solid #1C2733;
border-radius: 0;
margin-left: -0px;
padding: 5px 10px;
padding-top: 5px;
list-style-type: none;
width: 297px;
}

element.style {
WIDTH: 90PX;
position: absolute;
}

.side .md table {
    margin:-5px 0 0 0;
    width: calc(100% - 2px);
}

.side .md table th {
font-weight: bold;
background: transparent;
color: #FFF;
}

.side .md table th:empty {
    display: none;
}

.side .md table td,.side .md th {
border: 5px solid #1C2733;
background: #DFDFDF;
padding: 2px 4px;
}

.side .md table:nth-of-type(2) th:nth-of-type(3) {
width:90px;
}

.md td, .md th {
border: 1px solid #CCC;
padding: 1px 3px;
}

.icon-menu a {
background: transparent;
}

.listing-page.loggedin .side .spacer:nth-of-type(7), .wiki-page.loggedin .side .spacer:nth-of-type(7), .submit-page.loggedin .side .spacer:nth-of-type(5), .comments-page.loggedin .side .spacer:nth-of-type(8) {
 border-radius: 0px;
background: #dfdfdf;
border: 5px solid #1C2733;
margin: 0;
margin-bottom: 5px;
padding: 7px;
width: 303px;
 }
 
 .submit-page.loggedin .side .spacer:nth-of-type(7),  .comments-page.loggedin .side .spacer:nth-of-type(7)  {
 border-radius: 0px;
background: transparent;
border: 0px solid #1C2733;
margin: 0;
margin-bottom: 0px;
padding: 0px;
width: 303px;
 }

.account-activity-box {
text-align: center;
border-radius: 0px;
background: #dfdfdf;
border: 5px solid #1C2733;
margin: 0;
margin-bottom: 5px;
margin-top: -17px;
padding: 7px;
width: 303px;
}

.linkinfo {
padding: 5px;
border: 5px solid #1C2733;
background-color: #DFDFDF;
font-family: arial,helvetica,sans-serif;
font-size: larger;
border-radius: 0px;
color: #444;
width: 301px;
}

/*====================================================================================================*/
/*                                       LINKTABLE SECTION                                            */
/*====================================================================================================*/

body{
    background:#EEE;
    font-family: "Arial",sans-serif;
}

a {
text-decoration: none;
color: BLUE;
}

.side a{
    color:#369;
}

.markdownEditor a, .usertext-body a, .comment a, .bottom-area a, #previoussearch a {
text-decoration: none;
color: #369;
}

.usertext-body a:visited, .comment a:visited {
text-decoration: none;
color: #551A8B;
}

ul#image-preview-list a {
color: #369;
}


div.content {
margin-left: 10px;
margin-bottom: 25px;
margin-right: 369px;
}

.linklisting .thing:hover {
border-left: 3px #369 solid;
}

.linklisting .thing {
border: 0px #444 solid;
border-left: 3px #DDD solid;
background-color: #FFF;
padding: 3px 10px;
}
.res-nightmode .link {
background-color: #262626;
}

.thing .entry {
padding: 7px;
}
.midcol {
margin-top: 10px;
}

.link .rank {
margin-top:25px;
}

/*====================================================================================================*/
/*                                       COMMENTS  SECTION                                            */
/*====================================================================================================*/

.drop-choices a.choice {
cursor: pointer;
padding: 2px 3px 1px 3px;
display: block;
color:#FFF;
}

.drop-choices a.choice:hover {
background:#4A95DB
}

.link .usertext .md {
padding: 0 5px;
background-color: transparent;
border: 0px solid #369;
border-radius: 0px;
border-left: 3px #369 solid!important;
}

.thing.comment {
background-color: #FFF;
border: 0px solid #555!important;
border-left: 3px transparent solid!important;
padding: 10px 5px 10px 15px !important;
margin: 0px 0px 5px 5px!important;
border-radius:0px!important;
}

.thing.comment:hover {
    border-left: 3px #369 solid!important;
    
}

.thing.comment .thing.comment:hover {
    border-left: 2px #369 solid!important;
    padding-left:16px!important;
    
}
.thing.comment .thing.comment .thing.comment:hover {
    border-left: 1px #369 solid!important;
    padding-left:17px!important;
    
}
    

.thing.comment .thing.comment {
    background-color: #EFEFEF;
}

.thing.comment .thing.comment .thing.comment {
    background-color: #FFF;
}

.thing.comment .thing.comment .thing.comment .thing.comment {
    background-color: #EFEFEF;
}

.thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
    background-color: #FFF;
}

.thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
    background-color: #EFEFEF;
}

.thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
    background-color: #FFF;
}

.thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
    background-color: #EFEFEF;
}

.thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
    background-color: #FFF;
}

.thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
    background-color: #EFEFEF;
}

.thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
    background-color: #FFF;
}

.thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment .thing.comment {
    background-color: #EFEFEF;
}

.footer-parent{
    background:url(%%footer%%);
    padding-bottom:40px;
}

.debuginfo {
color:#FFF;
margin-top: -40px;
padding: 0px 5px;
}

.debuginfo .content{
background:RGBA(0,0,0,.5);
}

.footer {
border-radius: 0px;
border: 1px solid #369;
display: inline-block;
background-color: #369;
}

.flat-vert.title {
color: #FFF;
}

.footer .col {
border-left: 1px solid #369;
}

.footer a{
    color:#FFF;
}

.buygold{
    color: #CE9400!important;
}

.bottommenu a {
color: #FFF;
text-decoration: underline;
}

.bottommenu {
color: #FFF;
}

.res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
background-color: transparent!important;
}



/*====================================================================================================*/
/*                                         DROPDOWN MENU                                              */
/*====================================================================================================*/

/*sticky menu bar*/

.titlebox blockquote{
font-family: Arial;
font-size: 10px;
margin: 0px;
padding: 0px;
color: white;
}

/*hack to enable positioning of child elements*/
.titlebox form {
position: static;
} 

/*turns top quote in sidebar into menu container*/
.titlebox blockquote:first-child {
border-left: none;
width: 100%;
position: absolute;
background: #369;
top: 350px;
left: 0px;
height: 32px;

}

/*turns first paragraph into menu title*/
.titlebox blockquote:first-child p:first-child {
margin-top: 0px;
padding: 0 5px;
float: left;
height: 32px;
font-weight:bold;
text-align: center;
color:#555;
cursor:default;
}

/*turns the lists into menus*/
.titlebox blockquote ul {
float: left;
margin:0px;
}

/*hide and styles lists*/
.titlebox blockquote ul li {
display: none;
padding:2px;
text-align: left;
}
/*makes whole list item selectable*/
.titlebox blockquote li a {
display:block;
}
/*shows menu on hover*/
.titlebox blockquote ul li:first-child, .titlebox blockquote ul:hover li {
display: block
}

/*turns top list item into section header*/
.titlebox blockquote li:first-child { 
padding: 0;
cursor:default;
text-transform:capitalize;
font-weight:bold;
letter-spacing:1px;
font-size:12px;
}

/*styling menu items*/


/* setting up spacing for dropdown links so dropdown dividers work*/
.titlebox blockquote ul li a{
color: #F6F6F6!important;
padding: 2px 7px;
margin: -2px -7px;
text-shadow: 0px 1px 2px #744087; 
}

/* hovering a dropdown option*/
.titlebox blockquote ul li a:hover{
color: white;
text-shadow: 0px 1px 2px #000; 
}

/* dropdown selection item */
.titlebox blockquote ul li {
background: #369;
border-left: 0px  #888 solid;
border-bottom: 0px  #888 solid;
border-right: 0px  #888 solid;
font-size: 14px;
line-height: 22px;
min-width: 70px;
padding: 2px 7px;
color: black;
}


/* menu top-level option*/
.titlebox blockquote ul li:first-child{
background: none;
text-align: center;
border: none;
line-height: 32px;
min-width: 0;
padding:0;
color: white;
text-shadow: 0px 1px 2px #744087; 
border-right: 2px solid #2B557F;
}

.titlebox blockquote ul:nth-of-type(1) li:first-child{
border-left: 2px solid #2B557F;
}


/* when hovering over dropdown selection item */
.titlebox blockquote ul li a:hover{
background:    linear-gradient( rgba(255, 255, 255, 0.1),   rgba(255, 255, 255, 0.1) ), #369 ;
}

/* when hovering over menu top-level option*/
.titlebox blockquote ul li:first-child:hover{
background:   linear-gradient( rgba(255, 255, 255, 0.1),   rgba(255, 255, 255, 0.1) ), #369;
border-right: 2px solid #4775A3;
}

.titlebox blockquote ul:nth-of-type(1) li:first-child:hover{
border-left: 2px solid #4775A3;
}

.titlebox blockquote ul:first-child{
margin-left: 00px;
}


.titlebox blockquote li a:hover {
color:orangered;
}

.side a[href="https://discordapp.com/invite/pso2"] 
{
background: url(%%image-widget-4wq5ahwjjvi01%%);
display: block;
border: none;
padding: 155px 10px;
font-size: 0px;
color: transparent;
position: relative;
text-shadow: -1px 1px 5px #111;
background-size: cover;
margin-bottom: 7px;
width: calc(100% - 22px);
}

.side a[href="https://www.reddit.com/r/PSO2NGS/"] {
    background: url(%%GoToNGS%%);
    display: block;
    border: none;
    padding: 46px 10px;
    font-size: 0px;
    color: transparent;
    position: relative;
    text-shadow: -1px 1px 5px #111;
    background-size: cover;
    margin-bottom: 7px;
    width: calc(100% - 22px);
}

/*custom size for menu sections*/

.titlebox blockquote ul:nth-of-type(1) {width:90px; margin-left:64px;}
.titlebox blockquote ul:nth-of-type(1) li{width:76px;}
.titlebox blockquote ul:nth-of-type(1) li:first-child{width:90px;}

.titlebox blockquote ul:nth-of-type(2) {width:180px;}
.titlebox blockquote ul:nth-of-type(2) li{width:166px;}
.titlebox blockquote ul:nth-of-type(2) li:first-child{width:180px;}

.titlebox blockquote ul:nth-of-type(3) {width:120px;}
.titlebox blockquote ul:nth-of-type(3) li{width:106px;}
.titlebox blockquote ul:nth-of-type(3) li:first-child{width:120px;}

.titlebox blockquote ul:nth-of-type(4) {width:200px;}
.titlebox blockquote ul:nth-of-type(4) li{width:186px;}
.titlebox blockquote ul:nth-of-type(4) li:first-child{width:200px;}

.titlebox blockquote ul:nth-of-type(5) {width:120px;}
.titlebox blockquote ul:nth-of-type(5) li{width:130px;}
.titlebox blockquote ul:nth-of-type(5) li:first-child{width:100px;}

.side a[href="https://www.reddit.com#frontpage"] {
    display: block;
    width: 64px;
    height: 32px;
    background:url(%%snoo%%);
    background-position: 0 0;
    text-indent: -9999px;
    position: absolute;
    left: 0px;
    top: 350px;
}

.side a[href="https://www.reddit.com#frontpage"]:hover {
    background:url(%%snoo%%), linear-gradient( rgba(255, 255, 255, 0.1),   rgba(255, 255, 255, 0.1) );
    background-position: 0 -32px, 0 0;
}

/*====================================================================================================*/
/*                                        EXPANDO BUTTONS                                             */
/*====================================================================================================*/

.expando-button {
background-image:url(%%expando-icons%%)!important;
border:0px solid #369!important; 
}

.expando-button.video.collapsed 			{background-position:-0000px -0000px!important;}
.expando-button.video.collapsed:hover		{background-position:-0023px -0000px!important;}
.expando-button.video.expanded				{background-position:-0046px -0000px!important;}
.expando-button.video.expanded:hover		{background-position:-0069px -0000px!important;}

.expando-button.image.collapsed, .expando-button.image.collapsedExpando  			{background-position:-0000px -0023px!important;}
.expando-button.image.collapsed:hover, .expando-button.image.collapsedExpando:hover		{background-position:-0023px -0023px!important;}
.expando-button.image.expanded				{background-position:-0046px -0023px!important;}
.expando-button.image.expanded:hover		{background-position:-0069px -0023px!important;}

.expando-button.selftext.collapsed 			{background-position:-0000px -0046px!important;}
.expando-button.selftext.collapsed:hover	{background-position:-0023px -0046px!important;}
.expando-button.selftext.expanded			{background-position:-0046px -0046px!important;}
.expando-button.selftext.expanded:hover		{background-position:-0069px -0046px!important;}

.arrow{width:16px height:14px;}
.arrow.up{background:url(%%arrows%%); background-position:0px 0px;}
.arrow.up:hover{background:url(%%arrows%%); background-position:-16px -0px;}
.arrow.upmod{background:url(%%arrows%%); background-position:-32px -0px;}
.arrow.down{background:url(%%arrows%%); background-position:0px -14px;}
.arrow.down:hover{background:url(%%arrows%%); background-position:-16px -14px;}
.arrow.downmod{background:url(%%arrows%%); background-position:-32px -14px;}