/************** Copy the follow line to your sidebar. Replace all 5 FlatOne with the name of your subreddit               *********/
/*

[](http://gr.reddit.com/r/x0x0x0/#gr) [](http://rd.reddit.com/r/ x0x0x0/#rd) [](http://pr.reddit.com/r/ x0x0x0/#pr) [](http://dr.reddit.com/r/ x0x0x0/#dr) [](http://www.reddit.com/r/ x0x0x0/#main) 




*//**********************************************************************************************************************************/

/************ You must edit this portion of the css, Relace all instances "FlatOne" below with the name of your subreddit   *********/

/************                              if you don't do this, the themes will not work                                   *********/

/************                        !!!You also need to go to the bottom Color Theme sections!!!                           *********/

/************                       and replace 'flatone' with your subreddit name for each section                         *********/

/************************************************************************************************************************************/


/** POSITIONING OF SPIRITSHEET TOGGLE FOR THEMES **/


.titlebox .md a[href="http://www.reddit.com/r/ x0x0x0/#main"], .titlebox .md a[href="http://gr.reddit.com/r/ x0x0x0/#gr"], .titlebox .md a[href="http://rd.reddit.com/r/ x0x0x0/#rd"], .titlebox .md a[href="http://pr.reddit.com/r/ x0x0x0/#pr"], .titlebox .md a[href="http://dr.reddit.com/r/ x0x0x0/#dr"] {
    position: absolute;
    z-index: 100;
    top: 125px;
    right: 2px;
    width: 25px;
    height: 25px;
    background-color: transparent;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 3px;
    border: 2PX Solid #2f2f2f;}


.titlebox .md a[href="http://www.reddit.com/r/ x0x0x0/#main"]:hover, .titlebox .md a[href="http://gr.reddit.com/r/ x0x0x0/#gr"]:hover,.titlebox .md a[href="http://rd.reddit.com/r/ x0x0x0/#rd"]:hover,.titlebox .md a[href="http://pr.reddit.com/r/ x0x0x0/#pr"]:hover,.titlebox .md a[href="http://dr.reddit.com/r/ x0x0x0/#dr"]:hover {opacity:.8;}

.usertext {position: static}


/************************************************************************************************************************************/

/************                                          MAIN CSS CODE                                                     ************/

/************                    Adjust these settings to change the major look of the entire theme                      ************/

/************            Skip to the bottom portion of you only want to change basic colors of the themes                ************/

/************************************************************************************************************************************/


/* 
==========
FlatOne reddit CSS Theme v1.1.1 - (http://www.reddit.com/r/FlatOne/)

Resources needed:
- header-default.png 
- reddit-res-sprite-icons.png
- sprite-icon-32.png (white and dark versions are available)
- sprite-icon-16.png

100% credit to /r/FlatBlue - this is just taking it one step further
==========
*/


/*
---------------------  
 general css (fonts, borders, headers, etc)
---------------------   
*/

/* this fixes some issues with reddit companion */ 
html {	position: relative;}



/* reddit has a weird mix of round corners, since I am not a big fan of them anyway they got to go. This is the easiest way to make sure they are all gone */

* { border-radius: 0 !important;}


/* Font family declaration, fonts can be changed here */

body {
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: normal !important;}


/* All font sizing is done in the following section */ 

body, .wiki-page .md, body .side .md h6:nth-of-type(1) {
	font-size: 16px !important;}

.content .usertext-body .md {
	font-size: 14px;}

.hover.pagename.redditname,
.thing .title,
.submit-page .roundfield .title {
	font-size: 18px !important;}

.side .titlebox, 
#sr-header-area, 
#header-bottom-left .tabmenu, .tabmenu.formtab, 
#header-bottom-right, 
.pref-lang,
.side .sidebox .morelink,
.side .usertext-body .md,
.side .sidecontentbox .helplink,
.midcol,
.panestack-title,
.panestack-title .title,
.menuarea,
.commentarea .usertext-edit:before,
.markdownEditor a,
.commentingAs,
.usertext-edit .bottom-area a,
.comment-visits-box .title,
.footer,
.submit-page .roundfield,
.submit-page .infobar,
.submit-page .roundfield label,
#RESDropdownOptions,
#image-preview-list,
#image-upload,
.btn.right,
.wiki-page .pageactions,
#search-expando,
body:not(.search-page) #search input[type="text"],
#searchexpando,
.raisedbox, 
.searchpane,
.hover-bubble,
.deepthread {
    font-size: 12px !important;}

#header-bottom-right .userkarma,
.side .linkinfo, 
.side .linkinfo .number, 
.side .linkinfo .word, 
.side .linkinfo .shortlink, 
.side .subscribe-button.fancy-toggle-button.toggle a,
.side .subButtons span,
.side .subscribers,
.side .users-online,
.side .leavemoderator,
.side .titlebox .toggle,
body .side .title,
.side .sidecontentbox,
.account-activity-box,
.flat-list,
.bottommenu,
.submit-page .roundfield #suggested-reddits {
    font-size: 10px !important;}

.tagline a.author{
    font-size: 11px !important;}

/* misc stuff */ 



input {	border: 1px solid #C1BFBF !important;}

.md { padding: 3px;}

.infobar {
    margin: 5px 305px 5px 11px;
    border: 0;}

.linefield {
    width: auto;
    background: none;
    border-bottom: solid 5px #4BA6E0;}

.sheets {
    margin-right: 320px;}

.res .RES-keyNav-activeElement {
    outline: 0;}

.raisedbox, .searchpane {
    background-color: #FAFAFA;
    border: 0;}

#stylesheet_contents {
    font-family: Consolas, Monaco, monospace;
    padding: 12px;
    background-color: #333;
    color: #EEE;
    border: 8px solid #333;
    width: 97%;}


/* Make distinguished users stand out more (mods, op and friends) */

.tagline .author.submitter {
    color: white !important;
    font-weight: bold !important;
    border-radius: 0px !important;
    padding: 0px 2px !important;}

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

.tagline .author.friend {
    color: white !important;
    background-color: #FF4500 !important;
    font-weight: bold !important;
    border-radius: 0px !important;
    padding: 0px 2px !important;}


/* Spoiler tags */

a[href$="#spoiler"] {
    background: #4BA6E0 !important;
    color: #4BA6E0 !important;
    border: 1px solid #4BA6E0;
    padding-right: 1px;}

a[href$="#spoiler"]:hover {
    color: #FFF !important;}

a[href$="#spoiler"]::before {
    background: #FFF!important;
    color: #000!important;
    padding: 0px 1px;
    margin: 0px;
    letter-spacing: 1px;
    margin-right: 1px;
    text-transform: uppercase;}

a[href$="#spoiler"]::before {
    content: "Spoiler";}

a[href$="#spoiler"][title]::before {
    content: attr(title) " Spoiler";}


/*  H1, H2, H3 as well as some other headings */

.md h1, .commentarea h1, .wiki-page .wiki-page-content .md .wiki h1 {
    color: #000000 !important;
    border-bottom: 1px solid #BDBAB4;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: normal !important;
    display: block;
    padding-left: 2px;}

.md h2, .commentarea h2, .wiki-page .wiki-page-content .md .wiki h2, .flairselector h2 {
    color: #000000 !important;
    border-bottom: 1px solid #BDBAB4;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: normal !important;
    display: block;
    padding-left: 2px;
    margin: 5px 0px;}

.md h3, .commentarea h3, .wiki-page .wiki-page-content .md .wiki h3, .sidecontentbox .title h1, .submit-page .title, .submit_text h1 {
    color: #000000 !important;
    border-bottom: 1px solid #BDBAB4;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: normal !important;
    display: block;
    padding-left: 2px;
    margin: 5px 0px;}



/*
---------------------  
header area  
---------------------   
*/


/* this is what basically determines the header height. The margin at the top will increase or decrease how big it is. 
NOTE: when changing this you also have to change the positioning of other elements. For your convenience those are listed directly under here 
*/
  

#header {
    height: 117px;
    background: url(%%header-default%%) no-repeat bottom left;
    border: 0;}

#header-img {
    margin: 0px;
    margin-top: 56px;
    margin-left: 11px;}

#header #userbarToggle {
    display:none!important}

#header-bottom-right {
	height: 18px!important;
	padding: 2px !important;
	letter-spacing: 1px;
	line-height: 16px;
	top: 19px!important;
	bottom: auto;}

body:not(.search-page) #search input[type="text"] {
    top: 128px;}

#searchexpando {
    top: 152px;}

.side blockquote blockquote blockquote {
    top: 117px;}

#header-bottom-left .tabmenu, .tabmenu.formtab, a[name=content] {
    top: 165px;}

#header-bottom-left ul {
    position: absolute;
    top: 20px;}

#header-img-a {
    vertical-align: bottom;
    display: inline-block;
    height: 100px;}


/* Name of your subreddit with the first letters in capital */ 

.hover.pagename.redditname {
    display: inline-table;
    letter-spacing: 2px;
    font-variant: normal;
    text-transform: capitalize;
    font-weight: normal;
    color: #fff;}

.hover.pagename.redditname > a:before {
    content: "/r/";
    text-transform: none;}

.hover.pagename.redditname a {
    display: table-cell;
    vertical-align: bottom;
    color: #fff;}


/* subreddit bar at the top */

body #sr-header-area, body #sr-header-area a { }

#sr-header-area {
    background-color: #FAFAFA;
    color: #333333;
    border-bottom: 0;}

#sr-header-area {text-transform: lowercase;}

#RESShortcutsEditContainer, #RESShortcutsRight, #RESShortcutsAdd, #RESShortcutsTrash, #RESShortcutsLeft, #sr-more-link, #RESShortcutsSort {
    background-color: #FAFAFA !important;}

.subscribe-button .RESshortcutside:hover {
    background-color: #97CE68;}


/* login form, moved more prominently into view */

.login-form-side {
    border: 0;
    position: absolute;
    top: 19px;
    z-index: 999;
    background: #FF6766;
    left: 0px;}


/* User menu */

.pref-lang {
	font-weight: normal;}

#header-bottom-right #modmail, #header-bottom-right #mail {
    margin: 0;
    top: -2px !important;
    bottom: auto;}

#header-bottom-right * {
    vertical-align: bottom;}

.gearIcon {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(%%reddit-res-sprite-icons%%);
    background-repeat: no-repeat;
    background-position: 0px -210px;}


/* search */

body:not(.search-page) #search input[type="text"] {
    text-align: center;
    position: absolute;
    z-index: 200;
    width: 165px;
    left: 13px;
    background: #ffffff;
    border: 1px;
    height: 22px;
    padding: 2px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal !important;}

#search {
    text-align: center;}

#searchexpando {
    border-radius: 0px !important;
    border-color: #C1BFBF;
    background-color: #F5F5F5;
    position: absolute;
    top: 152px;
    z-index: 200;
    left: 5px;
    width: 159px;
    padding: 5px;}

/* Anouncement text */

blockquote blockquote blockquote {
    position: absolute;
    left: 183px;
    display: table;
    background: none;
    right: 304px;
    text-align: left;
    border: 0 !important;
    font-weight: normal;
    height: 38px;
    margin: 0;
    padding: 0;
    overflow: hidden;}

.side blockquote blockquote blockquote h6 {
    color: #6b6b6b!important;
    text-transform: none;
    letter-spacing: 1px;
    background: none;
    vertical-align: middle;
    display: table-cell;}



/* tabmenu */

.tabmenu li a, .tabmenu.formtab li a {
    padding: 0px 6px 0 6px;
    border: 0;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    font-weight: normal;
    letter-spacing: 2px;}

.tabmenu li.selected a, .tabmenu.formtab li.selected a {
    border: 0;
    z-index: 100;
    height: 20px;
    line-height: 20px;
    display: inline-block;}

#header-bottom-left .tabmenu, .tabmenu.formtab, a[name=content] {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 1;
    height: 20px;
    line-height: 20px;
    padding: 0;
    padding-left: 10px;
    margin: 0;}

#header-bottom-left .tabmenu, .tabmenu.formtab {
    margin-right: 475px !important;}

.tabmenu li, .tabmenu.formtab li {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    border: 0;
    padding: 0;}

#header-bottom-left .tabmenu, .tabmenu.formtab, a[name=content] {
    background-color: #E9E9E9;}



/* Link info */

.linkinfo {
    background-color: #FFF;
    color: #363636;
    text-align: center;
    padding: 0px;
    border: 0;
    margin: 0 auto 0 auto;
    border-radius: 0px!important;}

.linkinfo .downvotes .number, .linkinfo .upvotes .number, .linkinfo .score .number {
    display: block;
    font-weight: normal !important;}

.linkinfo .score .word {
    display: none;}

.linkinfo .score {
    display: block;
    min-width: 80px;
    margin-left: 30px !important;}

.linkinfo .downvotes .word, .linkinfo .upvotes .word {}

.linkinfo .upvotes, .linkinfo .downvotes, .linkinfo .score {
    float: left;
    padding: 5px 10px 5px 0;
    margin: 0 8px 0 0;
    text-align: center;}

.linkinfo .shortlink {
    clear: both!important;
    background: #F5F5F5;
    color: #333;
    padding: 5px;
    margin: 0;
    text-align: center;}

.side .linkinfo .shortlink input {
    border: 0 !important;
    background: #F5F5F5;
    color: #333;}

.linkinfo .date {
    display: none;}



/*
---------------------  
 content area 
---------------------   
*/

.content {
	margin: 68px 0px 0px 0px;}

body:not(.listing-page):not(.comments-page) .content {
	padding-left: 5px;}


/* submission listing*/

.rank {	display: none;}

.domain {
    position: relative;
    top: -2px;
    white-space: nowrap;}

.thumbnail {
    margin: 8px 5px 5px 0px;
    width: 70px;
    max-height: 50px;}

.link .midcol {
    margin-right: 8px;
    margin-left: 0px;
    margin-top: 13px;}

body .linklisting {
    bottom: 0px;
    margin: 0px;
    padding: 0px !important;
    border: 0 !important;}

.linklisting .odd {
    overflow: hidden !important;
    padding: 0px 0px 0px 10px !important;
    background-color: #FAFAFA;
    min-height: 50px !important;
    margin: 0px;
    border-bottom: solid 1px #E9E9E9;}

.linklisting .even {
    overflow: hidden !important;
    padding: 0px 0px 0px 10px !important;
    background-color: #F5F5F5;
    min-height: 50px !important;
    margin: 0px;
    border-bottom: solid 1px #E9E9E9;}

.thing .title:visited {
    color: #bfc4c7!important;}

.thing .title:hover, .thing .title:visited:hover {
    color: #000!important;}

p.title {
    position: relative;}


/* expando buttons with nice icons */

.expando-button {
    background-color: transparent;
    height: 16px;
    width: 16px;}

.expando-button.selftext.collapsed {
    background-image: url(%%reddit-res-sprite-icons%%);
    background-position: -90px -547px;
    background-repeat: no-repeat;}

.expando-button.selftext.collapsed:hover, .eb-sch {
    background-image: url(%%reddit-res-sprite-icons%%);
    background-position: -61px -547px;
    background-repeat: no-repeat;}

.expando-button.selftext.expanded, .eb-se {
    margin-bottom: 5px;
    background-image: url(%%reddit-res-sprite-icons%%);
    background-position: -29px -584px;
    background-repeat: no-repeat;}

.expando-button.selftext.expanded:hover, .eb-seh {
    background-image: url(%%reddit-res-sprite-icons%%);
    background-position: 0px -584px;
    background-repeat: no-repeat;}

.expando-button.video.collapsed {
    background-image: url(%%reddit-res-sprite-icons%%);
    background-position: -87px -584px;
    background-repeat: no-repeat;}

.expando-button.video.collapsed:hover, .eb-vch {
    background-image: url(%%reddit-res-sprite-icons%%);
    background-position: -58px -584px;
    background-repeat: no-repeat;}

.expando-button.video.expanded, .eb-ve {
    background-image: url(%%reddit-res-sprite-icons%%);
    background-position: -29px -613px;
    background-repeat: no-repeat;}

.expando-button.video.expanded:hover, .eb-veh {
    background-image: url(%%reddit-res-sprite-icons%%);
    background-position: 0px -613px;
    background-repeat: no-repeat;}


/* RES expando's */

.expando-button.image {
    float: left;
    width: 23px;
    height: 23px;
    max-width: 23px;
    max-height: 23px;
    display: inline-block;
    background-image: url(%%reddit-res-sprite-icons%%);
    margin-right: 6px;
    cursor: pointer;
    padding: 0px;
    vertical-align: top;}

.expando-button.image.gallery.collapsedExpando {
    background-position: 0px -368px;}

.expando-button.image.gallery.collapsedExpando:hover {
    background-position: 0px -392px;}

.expando-button.image.gallery.expanded {
    background-position: 0px -416px;}

.expando-button.image.gallery.expanded:hover {
    background-position: 0px -440px;}

.expando-button.image.collapsedExpando {
    padding: 0px;
    background-position: 0px 0px;}

.expando-button.image.collapsedExpando:hover {
    background-position: 0px -24px;}

.expando-button.image.expanded:hover {
    background-position: 0px -72px;}

.expando-button.image.expanded {
    background-position: 0px -48px;}


/* Hide Search Elements */

html:lang(se) .searchfacets {display: none;}
html:lang(se) .search-summary {display: none;}
html:lang(se) .searchpane.raisedbox {display: none;}



/* highlight removed and spammed items for mods */

body .content .sitetable .thing.spam, body .sitetable .thing.spam.deleted.link.self{
    border: solid 2px #FA8072 !important;}

body .content .sitetable .thing.spam, body .sitetable .thing.spam.deleted.link.self{
    border: solid 2px #FA8072 !important;}


/* Next section makes deleted messages less noticeable for users*/
.deleted .grayed,
.deleted > .entry .expand,
.deleted > .entry .tagline {
    display: none;}

.deleted > .entry .noncollapsed:after {
    content: 'removed/deleted';
    opacity: .25;
    color: #858585;}

.gold-accent {
    border: 0;}

.formtabs-content {
    border: 0;}

.entry {
    padding: 5px 0px 10px 0px;}

.entry .tagline {
    margin-top: 5px;}

.entry .buttons li a {
    font-weight: normal;}

.link .entry li .comments {
    font-weight: bold;}

.entry .buttons li, .entry .tagline {
    letter-spacing: 1px;}


/* comments area */

.commentarea .flat-list.buttons {
    display: block;}

.link .usertext .md {
    border: 0;}

.content .usertext-body, body .content .usertext-body .md { 
    margin-left: 0px;}


.gold-accent.comment-visits-box {
    border-color: #C1BFBF;
    background-color: #F5F5F5;
    overflow: auto;
    margin-left: 34px;}

.panestack-title {
    margin: 10px 310px 0px 37px;}

.commentarea .menuarea {
    border: none;
    margin: 0 310px 10px 37px;}

.commentarea>.usertext {
    margin: 0 0 10px 36px;}


/* comment quotes */

body .content .md blockquote {
    display: block;
    background-color: #EEE;
    border-color: #D6D5CF;
    margin: 5px 5px!important;
    padding: 5px;
    color: #333;
    position: relative;
    font-style: italic;}


/* table comment borders */

.md td, .md th {
    border: 1px solid #C1BFBF !important;}


/* code numbering, based on the css found at /r/modtools */

.md pre {
    background-color: #F5F5F5 !important;
    position: relative;
    margin-top: 25px;
    line-height: 15px;
    font-family: "Courier New",courier,monospace;}

.md.wiki pre {
    margin-right: 400px;}

.md pre code {
    padding: 15px;
    overflow: auto;
    display: block;
    line-height: 15px;
    font-family: "Courier New",courier,monospace;}

.md pre:after {
    position: absolute;
    content: "code:";
    color: gray;
    top: -20px;
    left: -30px;
    padding-left: 18px;
    background: url(%%sprite-icon-16%%) no-repeat top left;
    background-position: 0 -2516px;}

.md pre:before {
    height: 100%;
    color: white;
    position: absolute;
    left: -28px;
    width: 25px;
    white-space: pre-wrap;
    direction: rtl;
    overflow: hidden;
    content: "#   1   2   3   4   5   6   7   8   9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30  31  32  33  34  35  36  37  38  39  40  41  42  43  44  45  46  47  48  49  50  51  52  53  54  55  56  57  58  59  60  61  62  63  64  65  66  67  68  69  70  71  72  73  74  75  76  77  78  79  80  81  82  83  84  85  86  87  88  89  90  91  92  93  94  95  96  97  98  99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250";}


/* nested commentary boxes */

.res-commentBoxes.res-commentBoxes-rounded .comment {
    border-radius: 0px !important;
    border: 0 !important;}

body .comment .child, .comment .showreplies {
    border-left: 0px !important;}

body .comment {
    margin-left: 10px !important;
    margin-right: 5px!important;
    margin-top: 0!important;
    margin-bottom: 8px !important;
    border: 0;
    padding: 5px 8px 0 5px!important;
    border-radius: 0 !important;}

/* Yep we have to do it twice, RES will not let go of comment styling if we don't */

body .comment,
body .comment .comment .comment,
body .comment .comment .comment .comment .comment,
body .comment .comment .comment .comment .comment .comment .comment,
body .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment,
.res-commentBoxes .content .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment {
	background-color: #F5F5F5 !important;
	border-radius: 0 !important;}

.comment .comment,
.comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment,
.res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
	background-color: #fff !important;
	border-radius: 0 !important;}



/* submission page */

.submit.content {
    border: 0;
    margin: 0;}

.formtabs-content .roundfield {
    background: #F5F5F5;
    padding: 9px;}

.submit-page .infobar {
    background-color: #E7E6E3;
    border: 0;
    width: 500px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #333;
    padding: 9px;}

.submit_text .content {
    border: 0;
    margin: 0;
    display: block;}

.submit_text {
    max-height: 300px;}

#suggested-reddits a {
    color: #B4B3B2;}

#suggested-reddits {
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;}

.content.submit .info-notice {
    border: 0;
    background-color:#b8b8b8;
    padding: 9px;
    color: #FFF;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;}



/* wiki formatting */

.wiki-page .wikititle strong {
    font-weight: normal !important;}

.wiki-page .wikititle {
    margin-left: 15px;
    display: block;
    vertical-align: middle;
    color: #000!important;
    border-bottom: 1px solid #BDBAB4;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: normal !important;
    padding-left: 2px;
    padding-top: 10px;}

.wiki-page .pageactions {
    margin-left: 14px;}

.wiki-page .pageactions .wikiaction-current {
    color: #FFF;
    background-color: #595959;}

.wiki-page .pageactions .wikiaction {
    display: inline-block;
    margin: 2px;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-right: 10px;
    padding-left: 10px;
    letter-spacing: 2px;}

.wiki-page .content .wiki-page-content {
    margin-top: 0px;}

.wiki-page .content .pageactions a:hover {
    background-color: #595959;
    color: #FFF;}

div.wiki div.toc>ul:before {
    display: block!important;
    content: "Table of Contents";
    color: #99A;
    text-align: center;
    margin-top: -5px;
    margin-bottom: 5px;}

div.wiki div.toc {
    float: right;
    max-width: 40%;
    border-color: #C1BFBF;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: #FFF;}

.wiki-page .pageactions {
    border: 0;}



/*
---------------------              
sidebar area
---------------------   
*/

body div.side {
    margin: 68px 0 0 0;
    border-left: solid 20px #E9E9E9;
    border-bottom: solid 20px #E9E9E9;}

/* message the moderators */ 

.side .sidecontentbox a.helplink {
    float: none;
    margin-top: 4px;
    display: block;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 3px;
    background: none;
    border: 0;
    font-weight: normal;
    line-height: 34px;
    height: 34px;
    text-align: left;
    padding-left: 38px;
    background: url(%%sprite-icon-32%%) no-repeat top left;
    background-position: 2px -7127px;}

.side .sidecontentbox a.helplink:hover {
    background-color: #595959!important;}

.side .spacer {
    margin: 0;}

.morelink {
    display: block;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 3px;
    background: none;
    border: 0;
    font-weight: normal;
    line-height: 34px;
    height: 34px;
    text-align: left;
    padding-left: 38px;
    margin-bottom: 3px;}

.morelink .nub {
    display: none;}

.submit-link .morelink {
    background: url(%%sprite-icon-32%%) no-repeat top left;
    background-position: 4px -12935px;
    width: 262px;}

.submit-text .morelink {
    background: url(%%sprite-icon-32%%) no-repeat top left;
    background-position: 4px -2177px;
    width: 262px}

.create .morelink {
    background: url(%%sprite-icon-32%%) no-repeat top left;
    background-position: 2px -16367px;}

h1.redditname {
    display: none;}

h1.redditname:hover {
    background-color: #97CE68;}

.hover a:hover {
    text-decoration: none;}

.titlebox h1 a {
    color: #FFF;}

.titlebox {
    padding-left: 5px;}

.subButtons .RESshortcutside {
    width: auto;
    display: inline-block;}

.subButtons .RESDashboardToggle {
    width: auto;
    display: inline-block;}

.subButtons .RESshortcutside, .subButtons .RESDashboardToggle {
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 3px;
    border: 0;
    font-weight: normal;
    color: #000000;
    background: none !important;
    padding: 1px 0px 1px 0px;
    z-index: 100;}

.subButtons .RESshortcutside.remove, .subButtons .RESDashboardToggle.remove {
    background-image: none !important;
    background-image: none;
    background-color: #FF6766;
    border-radius: 0px !important;}

.titlebox .fancy-toggle-button {
    display: inline-block;
    margin-bottom: 0;}

.titlebox .fancy-toggle-button a {
    letter-spacing: 2px;
    text-transform: uppercase;
    background: none;
    border: 0;
    font-weight: normal;
    text-align: left;
    color: #FFF;}

.titlebox .fancy-toggle-button .remove {
    border: none;
    background-image: none;
    background-color: #FF6766;}

.titlebox .fancy-toggle-button .add {
    border: none;
    background-image: none;
    background-color: #97CE68;}

.side .content {
    border: 0;}

.side .word, .side .number {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal;}

.side .users-online:before, .side .leavemoderator:before {
    background: none;
    padding: 0;
    margin: 0;
    width: 0;}

.sidecontentbox .title .collapse-button {
    display: none;}

/* colored boxes in the sidebar idea comes from rolmos's edurne theme*/

.side h6 {
	color: #FFF!important;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal!important;
	display: block;
	padding-left: 2px;
	font-size: 140%;
	background: #FF6766;}

.side h6+blockquote {
	display: block;
	background-color: #FEF0F0;
	border: 0;
	color: #000!important;
	margin: 0px 0 5px 0 !important;
	padding: 5px;}

.side h5 {
	color: #FFF!important;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal!important;
	display: block;
	padding-left: 2px;
	font-size: 140%;
	background: #68ADCE;}

.side h5+blockquote {
	display: block;
	background-color: #EAEAFF;
	border: 0;
	color: #000!important;
	margin: 0px 0 5px 0 !important;
	padding: 5px;}

.side h4 {
	color: #FFF!important;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: normal!important;
	display: block;
	padding-left: 2px;
	font-size: 140%;
	background: #97CE68;}

.side h4+blockquote {
	display: block;
	background-color: #E9FFE6;
	border: 0;
	color: #000!important;
	margin: 0px 0 5px 0 !important;
	padding: 5px;}

/* CSS Credit */

.footer:before {
    display: block;
    margin: 10px;
    padding: 10px;
    color: #717171;
    content: "CSS brought to you by /r/FlatOne and /r/FlatBlue";
    text-transform: none;
    font-size: 12px;
    font-family: arial, sans-serif;}


/*
---------------------  
Most things flair related
---------------------   
*/

/* flair selection drop down */

.flairselector.drop-choices.active {
    border: 0;
    box-shadow: none;}

/* User Flair */

.flair {border: 0;}


/* Link Flair formatting, flairs are labeled alphabetically adding a flair is simple.  */

.flairoptionpane {
    max-height: 300px;}

.flairoptionpane li {
    height: 22px;}

.title .linkflairlabel {
    display: inline;
    background-color: transparent;
    border-width: 0px;
    border-radius: 0px;
    color: #C1BFBF;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: normal;
    overflow: visible;
    max-width: 98%;}

.thing.linkflair .entry {
    border-right: 10px solid #808080;}

.thing.linkflair .linkflairlabel {
    border-bottom: solid 2px #808080;}

.thing.linkflair.linkflair-a .entry, .flairselector .linkflair-a {
    border-right: 10px solid #E18879;}

.thing.linkflair.linkflair-a .linkflairlabel {
    border-bottom: solid 2px #E18879;}

.thing.linkflair.linkflair-b .entry, .flairselector .linkflair-b {
    border-right: 10px solid #e1aa79;}

.thing.linkflair.linkflair-b .linkflairlabel {
    border-bottom: solid 2px #e1aa79;}

.thing.linkflair.linkflair-c .entry, .flairselector .linkflair-c {
    border-right: 10px solid #bbe179;}

.thing.linkflair.linkflair-c .linkflairlabel {
    border-bottom: solid 2px #bbe179;}

.thing.linkflair.linkflair-d .entry, .flairselector .linkflair-d {
    border-right: 10px solid #79e1d1;}

.thing.linkflair.linkflair-d .linkflairlabel {
    border-bottom: solid 2px #79e1d1;}

.thing.linkflair.linkflair-e .entry, .flairselector .linkflair-e {
    border-right: 10px solid #e1db79;}

.thing.linkflair.linkflair-e .linkflairlabel {
    border-bottom: solid 2px #e1db79;}

.thing.linkflair.linkflair-f .entry, .flairselector .linkflair-f {
    border-right: 10px solid #b179e1;}

.thing.linkflair.linkflair-f .linkflairlabel {
    border-bottom: solid 2px #b179e1;}

.thing.linkflair.linkflair-g .entry, .flairselector .linkflair-g {
    border-right: 10px solid #FCDFFF;}

.thing.linkflair.linkflair-g .linkflairlabel {
    border-bottom: solid 2px #FCDFFF;}


/* not enough flairs?  Simply copy the following text and change <CLASS>  to whatever class you want to name the flair and <COLOR> to a valid hex color (#ff0000 for example)


.thing.linkflair.linkflair-<CLASS>, .flairselector .linkflair-<CLASS> {
    border-right: 10px solid <COLOR>;}

.thing.linkflair.linkflair-<CLASS> .linkflairlabel {
   border-bottom: solid 2px <COLOR>;}

*/ 



/*
---------------------  
Most things icon related. Note: If you do not want the icons to be available for your users you simply add .side before every a, for example:
a[href*='#icon-'] 
becomes
.side a[href*='#icon-']
The easiest way to do this is with a search and replace query in your favorite editor 
---------------------   
*/
a[href*='#icon-'] {
    color: #000!important;
    cursor: default;}


/* remove RES annotation since these aren't really links */ 

a[href*='#icon-'] + .keyNavAnnotation {
    display: none;}

a[href*='#icon-']:hover {
    text-decoration: none;}

a[href*='#icon-']::before {
    display: inline-block;
    height: 16px;
    width: 16px;
    content: '';
    margin: 0 5px -1px 0;
    background: url(%%sprite-icon-16%%) no-repeat top left;}

a[href='#icon-adjust']::before {background-position: 0 0;}

a[href='#icon-adn']::before {background-position: 0 -34px;}

a[href='#icon-align-center']::before {background-position: 0 -68px;}

a[href='#icon-align-justify']::before {background-position: 0 -102px;}

a[href='#icon-align-left']::before {background-position: 0 -136px;}

a[href='#icon-align-right']::before {background-position: 0 -170px;}

a[href='#icon-ambulance']::before {background-position: 0 -204px;}

a[href='#icon-anchor']::before {background-position: 0 -238px;}

a[href='#icon-android']::before {background-position: 0 -272px;}

a[href='#icon-angle-down']::before {background-position: 0 -306px;}

a[href='#icon-angle-left']::before {background-position: 0 -340px;}

a[href='#icon-angle-right']::before {background-position: 0 -374px;}

a[href='#icon-angle-up']::before {background-position: 0 -408px;}

a[href='#icon-apple']::before {background-position: 0 -442px;}

a[href='#icon-archive']::before {background-position: 0 -476px;}

a[href='#icon-arrow-down']::before {background-position: 0 -510px;}

a[href='#icon-arrow-left']::before {background-position: 0 -544px;}

a[href='#icon-arrow-right']::before {background-position: 0 -578px;}

a[href='#icon-arrow-up']::before {background-position: 0 -612px;}

a[href='#icon-asterisk']::before {background-position: 0 -646px;}

a[href='#icon-backward']::before {background-position: 0 -680px;}

a[href='#icon-ban-circle']::before {background-position: 0 -714px;}

a[href='#icon-bar-chart']::before {background-position: 0 -748px;}

a[href='#icon-barcode']::before {background-position: 0 -782px;}

a[href='#icon-beaker']::before {background-position: 0 -816px;}

a[href='#icon-beer']::before {background-position: 0 -850px;}

a[href='#icon-bell-alt']::before {background-position: 0 -884px;}

a[href='#icon-bell']::before {background-position: 0 -918px;}

a[href='#icon-bitbucket-sign']::before {background-position: 0 -952px;}

a[href='#icon-bitbucket']::before {background-position: 0 -986px;}

a[href='#icon-bitcoin']::before {background-position: 0 -1020px;}

a[href='#icon-bold']::before {background-position: 0 -1054px;}

a[href='#icon-bolt']::before {background-position: 0 -1088px;}

a[href='#icon-book']::before {background-position: 0 -1122px;}

a[href='#icon-bookmark-empty']::before {background-position: 0 -1156px;}

a[href='#icon-bookmark']::before {background-position: 0 -1190px;}

a[href='#icon-briefcase']::before {background-position: 0 -1224px;}

a[href='#icon-btc']::before {background-position: 0 -1258px;}

a[href='#icon-bug']::before {background-position: 0 -1292px;}

a[href='#icon-building']::before {background-position: 0 -1326px;}

a[href='#icon-bullhorn']::before {background-position: 0 -1360px;}

a[href='#icon-bullseye']::before {background-position: 0 -1394px;}

a[href='#icon-calendar-empty']::before {background-position: 0 -1428px;}

a[href='#icon-calendar']::before {background-position: 0 -1462px;}

a[href='#icon-camera-retro']::before {background-position: 0 -1496px;}

a[href='#icon-camera']::before {background-position: 0 -1530px;}

a[href='#icon-caret-down']::before {background-position: 0 -1564px;}

a[href='#icon-caret-left']::before {background-position: 0 -1598px;}

a[href='#icon-caret-right']::before {background-position: 0 -1632px;}

a[href='#icon-caret-up']::before {background-position: 0 -1666px;
}

a[href='#icon-certificate']::before {background-position: 0 -1700px;}

a[href='#icon-check-empty']::before {background-position: 0 -1734px;}

a[href='#icon-check-minus']::before {background-position: 0 -1768px;}

a[href='#icon-check-sign']::before {background-position: 0 -1802px;}

a[href='#icon-check']::before {background-position: 0 -1836px;}

a[href='#icon-chevron-down']::before {background-position: 0 -1870px;}

a[href='#icon-chevron-left']::before {background-position: 0 -1904px;}

a[href='#icon-chevron-right']::before {background-position: 0 -1938px;}

a[href='#icon-chevron-sign-down']::before {background-position: 0 -1972px;}

a[href='#icon-chevron-sign-left']::before {background-position: 0 -2006px;}

a[href='#icon-chevron-sign-right']::before {background-position: 0 -2040px;}

a[href='#icon-chevron-sign-up']::before {background-position: 0 -2074px;}

a[href='#icon-chevron-up']::before {background-position: 0 -2108px;}

a[href='#icon-circle-arrow-down']::before {background-position: 0 -2142px;}

a[href='#icon-circle-arrow-left']::before {background-position: 0 -2176px;}

a[href='#icon-circle-arrow-right']::before {background-position: 0 -2210px;}

a[href='#icon-circle-arrow-up']::before {background-position: 0 -2244px;}

a[href='#icon-circle-blank']::before {background-position: 0 -2278px;}

a[href='#icon-circle']::before {background-position: 0 -2312px;}

a[href='#icon-cloud-download']::before {background-position: 0 -2346px;}

a[href='#icon-cloud-upload']::before {background-position: 0 -2380px;}

a[href='#icon-cloud']::before {background-position: 0 -2414px;}

a[href='#icon-cny']::before {background-position: 0 -2448px;}

a[href='#icon-code-fork']::before {background-position: 0 -2482px;}

a[href='#icon-code']::before {background-position: 0 -2516px;}

a[href='#icon-coffee']::before {background-position: 0 -2550px;}

a[href='#icon-cog']::before {background-position: 0 -2584px;}

a[href='#icon-cogs']::before {background-position: 0 -2618px;}

a[href='#icon-collapse-alt']::before {background-position: 0 -2652px;}

a[href='#icon-collapse-top']::before {background-position: 0 -2686px;}

a[href='#icon-collapse']::before {background-position: 0 -2720px;}

a[href='#icon-columns']::before {background-position: 0 -2754px;}

a[href='#icon-comment-alt']::before {background-position: 0 -2788px;}

a[href='#icon-comment']::before {background-position: 0 -2822px;}

a[href='#icon-comments-alt']::before {background-position: 0 -2856px;}

a[href='#icon-comments']::before {background-position: 0 -2890px;}

a[href='#icon-compass']::before {background-position: 0 -2924px;}

a[href='#icon-copy']::before {background-position: 0 -2958px;}

a[href='#icon-credit-card']::before {background-position: 0 -2992px;}

a[href='#icon-crop']::before {background-position: 0 -3026px;}

a[href='#icon-css3']::before {background-position: 0 -3060px;}

a[href='#icon-cut']::before {background-position: 0 -3094px;}

a[href='#icon-dashboard']::before {background-position: 0 -3128px;}

a[href='#icon-desktop']::before {background-position: 0 -3162px;}

a[href='#icon-dollar']::before {background-position: 0 -3196px;}

a[href='#icon-double-angle-down']::before {background-position: 0 -3230px;}

a[href='#icon-double-angle-left']::before {background-position: 0 -3264px;}

a[href='#icon-double-angle-right']::before {background-position: 0 -3298px;}

a[href='#icon-double-angle-up']::before {background-position: 0 -3332px;}

a[href='#icon-download-alt']::before {background-position: 0 -3366px;}

a[href='#icon-download']::before {background-position: 0 -3400px;}

a[href='#icon-dribbble']::before {background-position: 0 -3434px;}

a[href='#icon-dropbox']::before {background-position: 0 -3468px;}

a[href='#icon-edit-sign']::before {background-position: 0 -3502px;}

a[href='#icon-edit']::before {background-position: 0 -3536px;}

a[href='#icon-eject']::before {background-position: 0 -3570px;}

a[href='#icon-ellipsis-horizontal']::before {background-position: 0 -3604px;}

a[href='#icon-ellipsis-vertical']::before {background-position: 0 -3638px;}

a[href='#icon-envelope-alt']::before {background-position: 0 -3672px;}

a[href='#icon-envelope']::before {background-position: 0 -3706px;}

a[href='#icon-eraser']::before {background-position: 0 -3740px;}

a[href='#icon-eur']::before {background-position: 0 -3774px;}

a[href='#icon-euro']::before {background-position: 0 -3808px;}

a[href='#icon-exchange']::before {background-position: 0 -3842px;}

a[href='#icon-exclamation-sign']::before {background-position: 0 -3876px;}

a[href='#icon-exclamation']::before {background-position: 0 -3910px;}

a[href='#icon-expand-alt']::before {background-position: 0 -3944px;}

a[href='#icon-expand']::before {background-position: 0 -3978px;}

a[href='#icon-external-link-sign']::before {background-position: 0 -4012px;}

a[href='#icon-external-link']::before {background-position: 0 -4046px;}

a[href='#icon-eye-close']::before {background-position: 0 -4080px;}

a[href='#icon-eye-open']::before {background-position: 0 -4114px;}

a[href='#icon-facebook-sign']::before {background-position: 0 -4148px;}

a[href='#icon-facebook']::before {background-position: 0 -4182px;}

a[href='#icon-facetime-video']::before {background-position: 0 -4216px;}

a[href='#icon-fast-backward']::before {background-position: 0 -4250px;}

a[href='#icon-fast-forward']::before {background-position: 0 -4284px;}

a[href='#icon-female']::before {background-position: 0 -4318px}

a[href='#icon-fighter-jet']::before {background-position: 0 -4352px}

a[href='#icon-file-alt']::before {background-position: 0 -4386px}

a[href='#icon-file-text-alt']::before {background-position: 0 -4420px}

a[href='#icon-file-text']::before {background-position: 0 -4454px}

a[href='#icon-file']::before {background-position: 0 -4488px}

a[href='#icon-film']::before {background-position: 0 -4522px}

a[href='#icon-filter']::before {background-position: 0 -4556px}

a[href='#icon-fire-extinguisher']::before {background-position: 0 -4590px}

a[href='#icon-fire']::before {background-position: 0 -4624px}

a[href='#icon-flag-alt']::before {background-position: 0 -4658px}

a[href='#icon-flag-checkered']::before {background-position: 0 -4692px}

a[href='#icon-flag']::before {background-position: 0 -4726px}

a[href='#icon-flickr']::before {background-position: 0 -4760px}

a[href='#icon-folder-close-alt']::before {background-position: 0 -4794px}

a[href='#icon-folder-close']::before {background-position: 0 -4828px}

a[href='#icon-folder-open-alt']::before {background-position: 0 -4862px}

a[href='#icon-folder-open']::before {background-position: 0 -4896px}

a[href='#icon-font']::before {background-position: 0 -4930px}

a[href='#icon-food']::before {background-position: 0 -4964px}

a[href='#icon-forward']::before {background-position: 0 -4998px}

a[href='#icon-foursquare']::before {background-position: 0 -5032px}

a[href='#icon-frown']::before {background-position: 0 -5066px}

a[href='#icon-fullscreen']::before {background-position: 0 -5100px}

a[href='#icon-gamepad']::before {background-position: 0 -5134px}

a[href='#icon-gbp']::before {background-position: 0 -5168px}

a[href='#icon-gear']::before {background-position: 0 -5202px}

a[href='#icon-gears']::before {background-position: 0 -5236px}

a[href='#icon-gift']::before {background-position: 0 -5270px}

a[href='#icon-github-alt']::before {background-position: 0 -5304px}

a[href='#icon-github-sign']::before {background-position: 0 -5338px}

a[href='#icon-github']::before {background-position: 0 -5372px}

a[href='#icon-gittip']::before {background-position: 0 -5406px}

a[href='#icon-glass']::before {background-position: 0 -5440px}

a[href='#icon-globe']::before {background-position: 0 -5474px}

a[href='#icon-google-plus-sign']::before {background-position: 0 -5508px}

a[href='#icon-google-plus']::before {background-position: 0 -5542px}

a[href='#icon-group']::before {background-position: 0 -5576px}

a[href='#icon-h-sign']::before {background-position: 0 -5610px}

a[href='#icon-hand-down']::before {background-position: 0 -5644px}

a[href='#icon-hand-left']::before {background-position: 0 -5678px}

a[href='#icon-hand-right']::before {background-position: 0 -5712px}

a[href='#icon-hand-up']::before {background-position: 0 -5746px}

a[href='#icon-hdd']::before {background-position: 0 -5780px}

a[href='#icon-headphones']::before {background-position: 0 -5814px}

a[href='#icon-heart-empty']::before {background-position: 0 -5848px}

a[href='#icon-heart']::before {background-position: 0 -5882px}

a[href='#icon-home']::before {background-position: 0 -5916px}

a[href='#icon-hospital']::before {background-position: 0 -5950px}

a[href='#icon-html5']::before {background-position: 0 -5984px}

a[href='#icon-inbox']::before {background-position: 0 -6018px}

a[href='#icon-indent-left']::before {background-position: 0 -6052px}

a[href='#icon-indent-right']::before {background-position: 0 -6086px}

a[href='#icon-info-sign']::before {background-position: 0 -6120px}

a[href='#icon-info']::before {background-position: 0 -6154px}

a[href='#icon-inr']::before {background-position: 0 -6188px}

a[href='#icon-instagram']::before {background-position: 0 -6222px}

a[href='#icon-italic']::before {background-position: 0 -6256px}

a[href='#icon-jpy']::before {background-position: 0 -6290px}

a[href='#icon-key']::before {background-position: 0 -6324px}

a[href='#icon-keyboard']::before {background-position: 0 -6358px}

a[href='#icon-krw']::before {background-position: 0 -6392px}

a[href='#icon-laptop']::before {background-position: 0 -6426px}

a[href='#icon-leaf']::before {background-position: 0 -6460px}

a[href='#icon-legal']::before {background-position: 0 -6494px}

a[href='#icon-lemon']::before {background-position: 0 -6528px}

a[href='#icon-level-down']::before {background-position: 0 -6562px}

a[href='#icon-level-up']::before {background-position: 0 -6596px}

a[href='#icon-lightbulb']::before {background-position: 0 -6630px}

a[href='#icon-link']::before {background-position: 0 -6664px}

a[href='#icon-linkedin-sign']::before {background-position: 0 -6698px}

a[href='#icon-linkedin']::before {background-position: 0 -6732px}

a[href='#icon-linux']::before {background-position: 0 -6766px}

a[href='#icon-list-alt']::before {background-position: 0 -6800px}

a[href='#icon-list-ol']::before {background-position: 0 -6834px}

a[href='#icon-list-ul']::before {background-position: 0 -6868px}

a[href='#icon-list']::before {background-position: 0 -6902px}

a[href='#icon-location-arrow']::before {background-position: 0 -6936px}

a[href='#icon-lock']::before {background-position: 0 -6970px}

a[href='#icon-long-arrow-down']::before {background-position: 0 -7004px}

a[href='#icon-long-arrow-left']::before {background-position: 0 -7038px}

a[href='#icon-long-arrow-right']::before {background-position: 0 -7072px}

a[href='#icon-long-arrow-up']::before {background-position: 0 -7106px}

a[href='#icon-magic']::before {background-position: 0 -7140px}

a[href='#icon-magnet']::before {background-position: 0 -7174px}

a[href='#icon-mail-forward']::before {background-position: 0 -7208px}

a[href='#icon-mail-reply-all']::before {background-position: 0 -7242px}

a[href='#icon-mail-reply']::before {background-position: 0 -7276px}

a[href='#icon-male']::before {background-position: 0 -7310px}

a[href='#icon-map-marker']::before {background-position: 0 -7344px}

a[href='#icon-maxcdn']::before {background-position: 0 -7378px}

a[href='#icon-medkit']::before {background-position: 0 -7412px}

a[href='#icon-meh']::before {background-position: 0 -7446px}

a[href='#icon-microphone-off']::before {background-position: 0 -7480px}

a[href='#icon-microphone']::before {background-position: 0 -7514px}

a[href='#icon-minus-sign-alt']::before {background-position: 0 -7548px}

a[href='#icon-minus-sign']::before {background-position: 0 -7582px}

a[href='#icon-minus']::before {background-position: 0 -7616px}

a[href='#icon-mobile-phone']::before {background-position: 0 -7650px}

a[href='#icon-money']::before {background-position: 0 -7684px}

a[href='#icon-moon']::before {background-position: 0 -7718px}

a[href='#icon-move']::before {background-position: 0 -7752px}

a[href='#icon-music']::before {background-position: 0 -7786px}

a[href='#icon-off']::before {background-position: 0 -7820px}

a[href='#icon-ok-circle']::before {background-position: 0 -7854px}

a[href='#icon-ok-sign']::before {background-position: 0 -7888px}

a[href='#icon-ok']::before {background-position: 0 -7922px}

a[href='#icon-paper-clip']::before {background-position: 0 -7956px}

a[href='#icon-paperclip']::before {background-position: 0 -7990px}

a[href='#icon-paste']::before {background-position: 0 -8024px}

a[href='#icon-pause']::before {background-position: 0 -8058px}

a[href='#icon-pencil']::before {background-position: 0 -8092px}

a[href='#icon-phone-sign']::before {background-position: 0 -8126px}

a[href='#icon-phone']::before {background-position: 0 -8160px}

a[href='#icon-picture']::before {background-position: 0 -8194px}

a[href='#icon-pinterest-sign']::before {background-position: 0 -8228px}

a[href='#icon-pinterest']::before {background-position: 0 -8262px}

a[href='#icon-plane']::before {background-position: 0 -8296px}

a[href='#icon-play-circle']::before {background-position: 0 -8330px}

a[href='#icon-play-sign']::before {background-position: 0 -8364px}

a[href='#icon-play']::before {background-position: 0 -8398px}

a[href='#icon-plus-sign-alt']::before {background-position: 0 -8432px}

a[href='#icon-plus-sign']::before {background-position: 0 -8466px}

a[href='#icon-plus']::before {background-position: 0 -8500px}

a[href='#icon-power-off']::before {background-position: 0 -8534px}

a[href='#icon-print']::before {background-position: 0 -8568px}

a[href='#icon-pushpin']::before {background-position: 0 -8602px}

a[href='#icon-puzzle-piece']::before {background-position: 0 -8636px}

a[href='#icon-qrcode']::before {background-position: 0 -8670px}

a[href='#icon-question-sign']::before {background-position: 0 -8704px}

a[href='#icon-question']::before {background-position: 0 -8738px}

a[href='#icon-quote-left']::before {background-position: 0 -8772px}

a[href='#icon-quote-right']::before {background-position: 0 -8806px}

a[href='#icon-random']::before {background-position: 0 -8840px}

a[href='#icon-refresh']::before {background-position: 0 -8874px}

a[href='#icon-remove-circle']::before {background-position: 0 -8908px}

a[href='#icon-remove-sign']::before {background-position: 0 -8942px}

a[href='#icon-remove']::before {background-position: 0 -8976px}

a[href='#icon-renminbi']::before {background-position: 0 -9010px}

a[href='#icon-renren']::before {background-position: 0 -9044px}

a[href='#icon-reorder']::before {background-position: 0 -9078px}

a[href='#icon-repeat']::before {background-position: 0 -9112px}

a[href='#icon-reply-all']::before {background-position: 0 -9146px}

a[href='#icon-reply']::before {background-position: 0 -9180px}

a[href='#icon-resize-full']::before {background-position: 0 -9214px}

a[href='#icon-resize-horizontal']::before {background-position: 0 -9248px}

a[href='#icon-resize-small']::before {background-position: 0 -9282px}

a[href='#icon-resize-vertical']::before {background-position: 0 -9316px}

a[href='#icon-retweet']::before {background-position: 0 -9350px}

a[href='#icon-road']::before {background-position: 0 -9384px}

a[href='#icon-rocket']::before {background-position: 0 -9418px}

a[href='#icon-rotate-left']::before {background-position: 0 -9452px}

a[href='#icon-rotate-right']::before {background-position: 0 -9486px}

a[href='#icon-rss-sign']::before {background-position: 0 -9520px}

a[href='#icon-rss']::before {background-position: 0 -9554px}

a[href='#icon-rupee']::before {background-position: 0 -9588px}

a[href='#icon-save']::before {background-position: 0 -9622px}

a[href='#icon-screenshot']::before {background-position: 0 -9656px}

a[href='#icon-search']::before {background-position: 0 -9690px}

a[href='#icon-share-alt']::before {background-position: 0 -9724px}

a[href='#icon-share-sign']::before {background-position: 0 -9758px}

a[href='#icon-share']::before {background-position: 0 -9792px}

a[href='#icon-shield']::before {background-position: 0 -9826px}

a[href='#icon-shopping-cart']::before {background-position: 0 -9860px}

a[href='#icon-sign-blank']::before {background-position: 0 -9894px}

a[href='#icon-signal']::before {background-position: 0 -9928px}

a[href='#icon-signin']::before {background-position: 0 -9962px}

a[href='#icon-signout']::before {background-position: 0 -9996px}

a[href='#icon-sitemap']::before {background-position: 0 -10030px}

a[href='#icon-skype']::before {background-position: 0 -10064px}

a[href='#icon-smile']::before {background-position: 0 -10098px}

a[href='#icon-sort-by-alphabet-alt']::before {background-position: 0 -10132px}

a[href='#icon-sort-by-alphabet']::before {background-position: 0 -10166px}

a[href='#icon-sort-by-attributes-alt']::before {background-position: 0 -10200px}

a[href='#icon-sort-by-attributes']::before {background-position: 0 -10234px}

a[href='#icon-sort-by-order-alt']::before {background-position: 0 -10268px}

a[href='#icon-sort-by-order']::before {background-position: 0 -10302px}

a[href='#icon-sort-down']::before {background-position: 0 -10336px}

a[href='#icon-sort-up']::before {background-position: 0 -10370px}

a[href='#icon-sort']::before {background-position: 0 -10404px}

a[href='#icon-spinner']::before {background-position: 0 -10438px}

a[href='#icon-stackexchange']::before {background-position: 0 -10472px}

a[href='#icon-star-empty']::before {background-position: 0 -10506px}

a[href='#icon-star-half-empty']::before {background-position: 0 -10540px}

a[href='#icon-star-half-full']::before {background-position: 0 -10574px}

a[href='#icon-star-half']::before {background-position: 0 -10608px}

a[href='#icon-star']::before {background-position: 0 -10642px}

a[href='#icon-step-backward']::before {background-position: 0 -10676px}

a[href='#icon-step-forward']::before {background-position: 0 -10710px}

a[href='#icon-stethoscope']::before {background-position: 0 -10744px}

a[href='#icon-stop']::before {background-position: 0 -10778px}

a[href='#icon-strikethrough']::before {background-position: 0 -10812px}

a[href='#icon-subscript']::before {background-position: 0 -10846px}

a[href='#icon-suitcase']::before {background-position: 0 -10880px}

a[href='#icon-sun']::before {background-position: 0 -10914px}

a[href='#icon-superscript']::before {background-position: 0 -10948px}

a[href='#icon-table']::before {background-position: 0 -10982px}

a[href='#icon-tablet']::before {background-position: 0 -11016px}

a[href='#icon-tag']::before {background-position: 0 -11050px}

a[href='#icon-tags']::before {background-position: 0 -11084px}

a[href='#icon-tasks']::before {background-position: 0 -11118px}

a[href='#icon-terminal']::before {background-position: 0 -11152px}

a[href='#icon-text-height']::before {background-position: 0 -11186px}

a[href='#icon-text-width']::before {background-position: 0 -11220px}

a[href='#icon-th-large']::before {background-position: 0 -11254px}

a[href='#icon-th-list']::before {background-position: 0 -11288px}

a[href='#icon-th']::before {background-position: 0 -11322px}

a[href='#icon-thumbs-down-alt']::before {background-position: 0 -11356px}

a[href='#icon-thumbs-down']::before {background-position: 0 -11390px}

a[href='#icon-thumbs-up-alt']::before {background-position: 0 -11424px}

a[href='#icon-thumbs-up']::before {background-position: 0 -11458px}

a[href='#icon-ticket']::before {background-position: 0 -11492px}

a[href='#icon-time']::before {background-position: 0 -11526px}

a[href='#icon-tint']::before {background-position: 0 -11560px}

a[href='#icon-trash']::before {background-position: 0 -11594px}

a[href='#icon-trello']::before {background-position: 0 -11628px}

a[href='#icon-trophy']::before {background-position: 0 -11662px}

a[href='#icon-truck']::before {background-position: 0 -11696px}

a[href='#icon-tumblr-sign']::before {background-position: 0 -11730px}

a[href='#icon-tumblr']::before {background-position: 0 -11764px}

a[href='#icon-twitter-sign']::before {background-position: 0 -11798px}

a[href='#icon-twitter']::before {background-position: 0 -11832px}

a[href='#icon-umbrella']::before {background-position: 0 -11866px}

a[href='#icon-unchecked']::before {background-position: 0 -11900px}

a[href='#icon-underline']::before {background-position: 0 -11934px}

a[href='#icon-undo']::before {background-position: 0 -11968px}

a[href='#icon-unlink']::before {background-position: 0 -12002px}

a[href='#icon-unlock-alt']::before {background-position: 0 -12036px}

a[href='#icon-unlock']::before {background-position: 0 -12070px}

a[href='#icon-upload-alt']::before {background-position: 0 -12104px}

a[href='#icon-upload']::before {background-position: 0 -12138px}

a[href='#icon-usd']::before {background-position: 0 -12172px}

a[href='#icon-user-md']::before {background-position: 0 -12206px}

a[href='#icon-user']::before {background-position: 0 -12240px}

a[href='#icon-vk']::before {background-position: 0 -12274px}

a[href='#icon-volume-down']::before {background-position: 0 -12308px}

a[href='#icon-volume-off']::before {background-position: 0 -12342px}

a[href='#icon-volume-up']::before {background-position: 0 -12376px}

a[href='#icon-warning-sign']::before {background-position: 0 -12410px}

a[href='#icon-weibo']::before {background-position: 0 -12444px}

a[href='#icon-windows']::before {background-position: 0 -12478px}

a[href='#icon-won']::before {background-position: 0 -12512px}

a[href='#icon-wrench']::before {background-position: 0 -12546px}

a[href='#icon-xing-sign']::before {background-position: 0 -12580px}

a[href='#icon-xing']::before {background-position: 0 -12614px}

a[href='#icon-yen']::before {background-position: 0 -12648px}

a[href='#icon-youtube-play']::before {background-position: 0 -12682px}

a[href='#icon-youtube-sign']::before {background-position: 0 -12716px}

a[href='#icon-youtube']::before {background-position: 0 -12750px}

a[href='#icon-zoom-in']::before {background-position: 0 -12784px}

a[href='#icon-zoom-out']::before {background-position: 0 -12818px}


/* 
==========
FlatAlt reddit CSS Theme v1.1.1 - (http://www.reddit.com/r/FlatAlt/)
==========
*/




/************************************************************************************************************************************/

/************                                          COLOR CODE for all Themes                                         ************/

/************                            Adjust these settings to change the colors each theme                           ************/

/************************************************************************************************************************************/





/*************************************************************************************************************************************/

/************                                             Changing Themes Colors                                          ************/

/************                                      Adjust each themes colors by changing                                  ************/

/************                               the background-color: or color: (text color) codes below                      ************/

/************                                 IMPORTANT!! CHANGE 'flatone' to your subreddit name                          ************/

/************                             In each section or the themes will not be different colors                       ************/

/**************************************************************************************************************************************/


/**Start of the main version**/

/*CHANGE 'flatone' to the name of your subreddit!!'*/

.titlebox .md a[href="http://www.reddit.com/r/ x0x0x0/#main"] {
    right: 9px;
    background-color:#4BA6E0;}

#header { 
    background-color: #4491c2;}

#header-bottom-right, 
.tabmenu li a, 
.tabmenu.formtab li a, 
#header-bottom-right a, 
#header-bottom-right .separator, 
#header-bottom-right .user, 
.pageactions a, 
.side .sidecontentbox a.helplink, 
.submit .morelink, 
.create .morelink,
.morelink a
a {
    color: #FFF;
    background-color: #4BA6E0; }

.side blockquote blockquote blockquote h6 a, 
.side blockquote blockquote blockquote h6 a, 
.thing .title  {
     color: #4BA6E0;}

.md pre {
    border-left: 31px solid #4BA6E0;}

.side blockquote blockquote blockquote h6 a:hover,
a:hover, 
a:visited:hover  {
    color: #97CE68;} 

.tabmenu li a:hover, 
.tabmenu.formtab li a:hover,
.tabmenu li.selected a, 
.tabmenu.formtab li.selected a, 
body .morelink:hover,
.morelink a:hover {
    color: #fff;
    background-color: #97CE68;}

/**End of the main version**/



/*********************************************************************************************/

/******************************************** GREEN THEME *************************************/


/**Start of green version**/

/*CHANGE 'flatone' to the name of your subreddit!!'*/

.titlebox .md a[href="http://gr.reddit.com/r/ x0x0x0/#gr"] {
    right: 50px;
    background-color:#74a562;}

body:lang(gr) #header { 
    background-color: #74a562;}

body:lang(gr) #header-bottom-right, 
body:lang(gr) .tabmenu li a, 
body:lang(gr) .tabmenu.formtab li a, 
body:lang(gr) #header-bottom-right a, 
body:lang(gr) #header-bottom-right .separator, 
body:lang(gr) #header-bottom-right .user, 
body:lang(gr) .pageactions a, 
body:lang(gr) .side .sidecontentbox a.helplink, 
body:lang(gr) .submit .morelink, 
body:lang(gr) .create .morelink,
body:lang(gr) .morelink a    {
     color: #fff;
     background-color: #4f6d45;}

body:lang(gr) .side blockquote blockquote blockquote h6 a, 
body:lang(gr) .side blockquote blockquote blockquote h6 a, 
body:lang(gr) .thing .title,
body:lang(gr) .tagline a,
body:lang(gr) a {
     color: #4f6d45;}

body:lang(gr) .md pre {
    border-left: 31px solid #98ba8c;}

body:lang(gr) .side blockquote blockquote blockquote h6 a:hover,
body:lang(gr) a:hover, 
body:lang(gr) a:visited:hover  {
    color: #9cb095;} 

body:lang(gr) .tabmenu li a:hover, 
body:lang(gr) .tabmenu.formtab li a:hover ,
body:lang(gr) .tabmenu li.selected a, 
body:lang(gr) .tabmenu.formtab li.selected a, 
body:lang(gr) body .morelink:hover,  
body:lang(gr) .submit .morelink:hover,
body:lang(gr) .morelink a:hover   {
    color: #fff;
    background-color: #9cb095;}




/**End of green version**/


/********************************************************************************************/

/******************************************** RED THEME *************************************/


/**Start of red version**/

/*CHANGE 'flatone' to the name of your subreddit!!'*/

.titlebox .md a[href="http://rd.reddit.com/r/ x0x0x0/#rd"] {
    right: 90px;
    background-color:#bf3f3f;}

body:lang(rd) #header { 
    background-color: #bf3f3f;}

body:lang(rd) #header-bottom-right, 
body:lang(rd) .tabmenu li a, 
body:lang(rd) .tabmenu.formtab li a, 
body:lang(rd) #header-bottom-right a, 
body:lang(rd) #header-bottom-right .separator, 
body:lang(rd) #header-bottom-right .user, 
body:lang(rd) .pageactions a, 
body:lang(rd) .side .sidecontentbox a.helplink, 
body:lang(rd) .submit .morelink, 
body:lang(rd) .create .morelink,
body:lang(rd) .morelink a   {
     color: #fff;
     background-color: #891d1d;}

body:lang(rd) .side blockquote blockquote blockquote h6 a, 
body:lang(rd) .side blockquote blockquote blockquote h6 a, 
body:lang(rd) .thing .title,
body:lang(rd) .tagline a,
body:lang(rd) a  {
     color: #891d1d;}

body:lang(rd) .md pre {
    border-left: 31px solid #891d1d;}

body:lang(rd) .side blockquote blockquote blockquote h6 a:hover,
body:lang(rd) a:hover, 
body:lang(rd) a:visited:hover   {
    color: #a58f93;} 

body:lang(rd) .tabmenu li a:hover, 
body:lang(rd) .tabmenu.formtab li a:hover,
body:lang(rd) .tabmenu li.selected a, 
body:lang(rd) .tabmenu.formtab li.selected a, 
body:lang(rd) body .morelink:hover,  
body:lang(rd) .submit .morelink:hover,
body:lang(rd) .morelink a:hover   {
    color: #fff;
    background-color: #a58f93;}

/**End of red version**/



/***********************************************************************************************/

/******************************************** Purple THEME *************************************/

/**Start of purple version**/

/*CHANGE 'flatone' to the name of your subreddit!!'*/

.titlebox .md a[href="http://pr.reddit.com/r/ x0x0x0/#pr"] {
    right: 130px;
    background-color:#68448d; }

body:lang(pr) #header { 
    background-color: #68448d;}

body:lang(pr) #header-bottom-right, 
body:lang(pr) .tabmenu li a, 
body:lang(pr) .tabmenu.formtab li a, 
body:lang(pr) #header-bottom-right a, 
body:lang(pr) #header-bottom-right .separator, 
body:lang(pr) #header-bottom-right .user, 
body:lang(pr) .pageactions a, 
body:lang(pr) .side .sidecontentbox a.helplink, 
body:lang(pr) .submit .morelink, 
body:lang(pr) .create .morelink,
body:lang(pr) .morelink a   {
     color: #fff;
     background-color: #4c2c6d;}

body:lang(pr) .side blockquote blockquote blockquote h6 a, 
body:lang(pr) .side blockquote blockquote blockquote h6 a, 
body:lang(pr) .thing .title,
body:lang(pr) .tagline a,
body:lang(pr) a {
     color: #4c2c6d;}

body:lang(pr) .md pre {
    border-left: 31px solid #4c2c6d;}

body:lang(pr) .side blockquote blockquote blockquote h6 a:hover,
body:lang(pr) a:hover, 
body:lang(pr) a:visited:hover  {
    color: #847185;} 

body:lang(pr) .tabmenu li a:hover, 
body:lang(pr) .tabmenu.formtab li a:hover,
body:lang(pr).tabmenu li.selected a, 
body:lang(pr) .tabmenu.formtab li.selected a, 
body:lang(pr) body .morelink:hover,  
body:lang(pr) .submit .morelink:hover,
body:lang(pr) .morelink a:hover  {
    color: #fff;
    background-color: #847185;}


/**End of red version**/


/*********************************************************************************************/

/******************************************** Dark THEME *************************************/

/**Start of dark version**/

/*CHANGE 'flatone' to the name of your subreddit!!'*/

.titlebox .md a[href="http://dr.reddit.com/r/ x0x0x0/#dr"] {
    right: 170px;
    background-color:#565656;}

body:lang(dr) #header { 
    background-color: #565656;}

body:lang(dr) #header-bottom-right, 
body:lang(dr) .tabmenu li a, 
body:lang(dr) .tabmenu.formtab li a, 
body:lang(dr) #header-bottom-right a, 
body:lang(dr) #header-bottom-right .separator, 
body:lang(dr) #header-bottom-right .user, 
body:lang(dr) .pageactions a, 
body:lang(dr) .side .sidecontentbox a.helplink, 
body:lang(dr) .submit .morelink, 
body:lang(dr) .create .morelink,
body:lang(dr) .morelink a   {
     color: #fff;
     background-color: #282828;}

body:lang(dr) .side blockquote blockquote blockquote h6 a, 
body:lang(dr) .side blockquote blockquote blockquote h6 a, 
body:lang(dr) .thing .title,
body:lang(dr) .tagline a,
body:lang(dr) a   {
     color: #282828;}

body:lang(dr) .md pre {
    border-left: 31px solid #282828;}

body:lang(dr) .side blockquote blockquote blockquote h6 a:hover,
body:lang(dr) a:hover, 
body:lang(dr) a:visited:hover  {
    color: #807e7e;} 

body:lang(dr) .tabmenu li a:hover, 
body:lang(dr) .tabmenu.formtab li a:hover,
body:lang(dr).tabmenu li.selected a, 
body:lang(dr) .tabmenu.formtab li.selected a, 
body:lang(dr) body .morelink:hover,  
body:lang(dr) .submit .morelink:hover,
body:lang(dr) .morelink a:hover  {
    color: #fff;
    background-color: #807e7e;}

/**End of dark version**/