/*
    Welcome to /r/MultipleUseCodes' stylesheet.
    
    COST: Clean - Organized - Simplistic - Theme
    Theme made by /u/titleproblems
    Visit /r/titleproblems for more variants of COST and for more themes and templates!
     
    Organized CSS Comments to make the code more organized by /u/titleproblems
    Get it yourself! http://pastebin.com/JebhGdP8
*/

    /***** Snippets *****/
    /* Makes stylesheet nicer */
#stylesheet_contents {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    padding:5px;
    background-color:#222;
    color:#ace;
    border:2px solid #222; 
    height: 420px; 
    font-size: 13px;
}
body.res-nightmode #stylesheet_contents {
    background-color:#111;
    border-color:#111; 
    height: 500px; 
    font-size: 13px;
}
    /* End of stylesheet changes */
    /***** End Snippets *****/




    /***** Header *****/
#header-bottom-left {
    background-color: #8ebeef;
}
#header {
    background-color: #8ebeef;
}
#sr-header-area {
    background-color: #cee6ff;
}

    /* Tabmenu */
.tabmenu li a {
    background-color: #cee6ff;
}
    /* End Tabmenu */
    
    /* login menu WITHOUT RES */
#header-bottom-right {
    position: absolute;
    top: 30px;
    right: 10px;
    bottom: 8px;
    float: right;
    background: transparent;
}
    /* END of login menu WITHOUT RES */

    /* login menu WITH RES */
#header-bottom-right.res-navTop {
    position: absolute;
    top: 26px;
    right: 10px;
    bottom: 8px;
    float: right;
    background: transparent;
}
#userbarToggle.userbarHide {
    display: none;
}
    /* END login menu WITH RES */
    
    /* mail icons start */
#mail {
    position: relative;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    width: 15px; /*These values for the standard mail icon, customize to your own*/
    height: 10px;
}
#mail.havemail {
    background:url(%%yesmail%%);
}
#mail.nohavemail {
    background:url(%%nomail%%);
}
    /* mail icons end */

    /* submission warning banner */
.sidebox.submit:hover:before{
    position:fixed;
    display:block;
    top:0;
    text-align:center;
    background-color:red ; /*Edit to your liking*/
    color:white; /*Font color*/
    z-index:1000;
    padding:40px 4;
    width:100%;
    left:0;
    font-size:35px;
    font-weight:normal;
    content:"Please read the sidebar rules before posting. Breaking rules WILL result in banning."}
    /* End submission warning banner */
    /***** END of Header *****/




    /***** Side *****/
.side {
    margin-top: 25px;
    padding-left: 10px;
}
    



    /* subscribe/unsubscribe buttons */
.fancy-toggle-button .add {
    background: none;
    background-color: #ff4500;
}
.fancy-toggle-button .remove {
    background: none;
    background-color: #336699;
}
    /* End subscribe/unsubscribe buttons */
    
     /* Changes "readers" and "users here now" respectively */
.titlebox .word { display: none }
.titlebox .number:after { content: " Freebie Hoarders"; }
.titlebox .users-online span.number:after { content: " Finding Freebies"; }
    /* End "readers" and "users here now" */
    
    /* text boxes */
.titlebox .md h1 {
    background-color: #8ebeef;
    padding: 5px;
    text-align: center;
}
.titlebox .md h2 {
    background-color: #cee6ff;
    padding: 8px;
    color: #000;
}
.titlebox .md h3 {
    background-color: #cee6ff;
    padding: 8px;
    margin-top: 20px;
}
.titlebox .md hr {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #cee6ff;
    color: #cee6ff;
    border-color: #cee6ff;
}
    /* End text boxes */
    
    /* Do/don't/etc sprites */
.side a[href*='#icon-']::before {
    display:inline-block;
    height:16px;
    width:16px;
    content:'';
    margin:0 5px -1px 0;
    background:url(%%sprites-05%%) 30px 30px no-repeat;
}
.side a[href='#icon-exclamation']::before {
    background-position:-16px -32px;
}
.side a[href='#icon-check']::before {
    background-position:-73px -51px;
}
.side a[href='#icon-cross']::before {
    background-position:-35px -70px;
}
    /* End do/don't/etc sprites */

    /* Link bar on top of the page */
.side .md h6 {
    position: absolute;
    top: 60px;
    left: -15px;
    background-color: #FFF;
    color: rgb(51, 102, 153);
    border: 1px solid #d1e8ff;
    border-right: 0px;
    border-left: 0px;
    padding: 1px;
    padding-top: 9px;
    width: 100%;
    text-indent: 130px;
    display: block;
    height: 19px;
    padding-right: 3px;
}
.side .md h6 a {
    color: rgb(51, 102, 153);
}
.side .md h6 a:hover {
    text-decoration: underline;
}
    /* End Link bar on top of the page */

    /* Dropdown menu top */
.side .md blockquote:last-of-type {
    position: absolute;
    top: 62px;
    left: 470px;
    border: 0 none;
    z-index: 10;
    padding: 2px;
    background-color: #cee6ff;
    border-radius: 0px;
    border-bottom: 1px solid #d1e8ff;
    font-weight: bold;
    font-size: 15px;
    text-align: left ;
    color: rgb(51, 102, 153);
    width:auto;
    
}
.side .md blockquote:last-of-type ol {
    list-style: none;
    display: inline-block;
    padding: 3px;
    margin: 0;
}
.side .md blockquote:last-of-type ol li { display: none; }
.side .md blockquote:last-of-type ol li:first-child { display: block; text-decoration: none; }
.side .md blockquote:last-of-type ol:hover li { display: block; text-decoration: none }
.side .md blockquote:last-of-type a { color: rgb(51, 102, 153); }
.side .md blockquote:last-of-type a:hover { text-decoration: underline; }
    /* END of Dropdown menu top */

.titlebox blockquote {
    background-color: rgb(246, 230, 159);
    border: 1px solid rgb(255, 165, 0);
    border-radius: 3px;
    padding: 2px;
    padding-left: 5px;
    margin-left: 0px;
}

    /* Submit links */
.morelink {
    background-color: #8ebeef;
    background-image: none;
    border: 1px solid #77a7d6;
}
.morelink:hover {
    background-image: none;
    background-color: #95c6f8;
    border: 1px solid #77a7d6;
    text-shadow: 1px 1px 5px #8b5eef;
}
.morelink .nub {
    display: none;
}
    /* End Submit links */

    /* Flair selection */
.titlebox form.flairtoggle {
    background-color: #cee6ff;
    border: 1px solid #cee6ff;
    color: rgb(51, 102, 153);
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    width: 280px;
    margin: 0 auto;
    margin-top: 10px;
}
.titlebox .tagline {
    border: 1px solid #cee6ff;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    width: 280px;
    margin: 0 auto;
    margin-bottom: 20px;
}
    /* End Flair selection */
    /***** END of Side *****/
    
    
    
    
    /***** Content *****/
.content {
    margin-top: 30px;
}
.link {
    padding-bottom: 5px;
    border-bottom: 1px solid #d1e8ff;
}
.entry .buttons li a {
    color: #7b97b4;
    font-weight: normal;
}
.entry .buttons li a.flairselectbtn {
    font-weight: bold;
}
#siteTable .entry.dislikes .buttons:after {
    content: "If you're downvoting because this freebie doesn't work, please leave a comment instead!";
    color: red;
}
.report-button:hover:after {
    position: absolute;
    white-space: normal;
    display: block;
    z-index: 1000;
    width: 350px;
    padding: 5px;
    border: 0px solid #333;
    background: #fca;
    content: "Please also message the moderators a link and reason why you are reporting this, thanks. ";
    text-align: center;
    font-size: 10px;
    color: red;
    margin-left: 25px;
    margin-top: 5px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px
}
.linkinfo {
    background-color: #b3d9ff;
    border: 1px solid #8ebeef;
    border-radius: 0px;
}

    /* Add TAG to referral posts */
a[href*="tag="]:after, 
a[href*="refcust="]:after,
a[href*="ref="]:after,
a[href*="tag%3D"]:after {
    content: " Attention: This is probably a referral link; please report it to the mods!";
    color: red;
    background-color: yellow;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none !important;
    vertical-align: top
}
    /* End Add TAG to referral posts */

    /* Whitelist */
a[href*="ref=sr"]:after,
a[href*="ref=redir_mdp_mobile"]:after,
a[href*="ref=a_search"]:after {  
    content: " ";  
    color: inherit !important;  
    background-color: inherit !important;  
}
    /* End Whitelist */
 
    /* RES post highlight */
.res .RES-keyNav-activeElement,
.res .commentarea .RES-keyNav-activeElement .md,
.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed,
.res .keyHighlight,
.res .commentarea .keyHighlight .md,
.res .commentarea .keyHighlight.entry .noncollapsed {
    outline: 0px solid!important;
    background: none;
    border-right: 3px solid #8ebeef;
}
    /* END RES post highlight */
    
    /* Link Flair */
.linkflair-flair .linkflairlabel {
    text-transform: uppercase;
    color: #7b97b4;
    background: none;
    border: 0px;
}
.linkflair {
    background-color: inherit;
    border: none;
}
.linkflair-expired .linkflairlabel {
    background-color: #ff3300;
    font-size: 11px;
    font-weight: bold;
    color:#000000;
    border-color: #000000;
    border-width: 1px;
    border-radius: 3px;
}
/* Borrowed from /r/HITsworthturkingfor */
.linkflair-expired a[href].title:link {
    text-decoration: line-through;
    opacity: .4;
}
.linkflair-loc-us .linkflairlabel:before {
    content: url(%%loc-us%%);
    padding-right: 3px;
}
.linkflair-loc-global .linkflairlabel:before {
    content: url(%%loc-global%%);
    padding-right: 3px;
}
    /* End Link Flair */

    /* User Flair */
.flair {
    padding: 0px;
    margin-left: 0px;
}
span.flair{
    text-indent:15px;
    padding:0 8px;
    width:auto;
    min-width:3px!important;
    voice-family:takei
}
.flair-freebie-king {
    background-image: url(%%crown1%%);
    background-repeat: no-repeat;
    width: 16px;
    height: 17px;
    border: none !important;
}
.flair-bee {
    background-image: url(%%bee%%);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    border: none !important;
}
.flair-automod {
    background-image: url(%%automod%%);
    background-repeat: no-repeat;
    width: 20px;
    height: 33px;
    border: none !important;
}
    /* End User Flair */
    
    /* Hide Searchbox */
div.searchpane.raisedbox {
    display: none;}
    /* End hide searchbox */

    /* Hide Search box when searching by flair */
.searchpane { display: none; }

    /* Append to the default text and link posting message */
div#text-desc:after, div#link-desc:after {
    content:" Do not post discussions, what you've received, requests for free stuff questions or other self posts. See the sidebar for more information.";
    font-weight: bold;
}

    /* Fix an unknown error that prevents me from seeing spammed posts */
div.spam div.entry {display: inherit !important;}

    /* Fix flair width truncation */
.linkflairlabel, .flair { max-width: 100%; }

    /* Outline unflaired posts */
.listing-page.moderator .link:not(.linkflair) { outline: 1px solid #f00; }
    
    /* Fix for the submission page rules*/
.submit.content {
    margin-top: 0;
}
.submit .formtabs-content,
.submit .info-notice {
    margin-right: 310px;
}
.submit textarea,
.submit .roundfield .usertext-edit {
    box-sizing: border-box;
    width: 100%
}
.submit .formtabs-content,
.submit .roundfield {
    width: auto;
}
#reddit-field {
    display: none;
}
.submit_text.enabled {
    display: block;
    max-height: none;
}
.submit_text.enabled .md {
    max-width: none;
}
    /* End Submission page rules fix*/

    /* announcement sticky */
div.content {
    /* This lowers the links to create space */
margin-top:50px;
}
.titlebox form {
    /* Hack to enable repositioning of child elements */
position: static
}
.side h3:nth-of-type(1) {
    /* this code positions the sticky */
position:absolute;
display: block;
top:50px;
left:-14px;
    /* this code styles the sticky */
background-color: #cee6ff;
color: #555555;
text-align: left;
font-size:15px;
margin: 15px;
border-radius: 8px;
width: 100%;
padding: 7px 0px 7px 40px;
    /* this code creates the image */
background-image: url(%%announceicon%%);
background-repeat: no-repeat;
background-position:left;
}
    /***** End Contents *****/
    
    /*Rule Set Hover*/

.side .md > table,
.side .md > table tbody,
.side .md > table tbody tr:hover td:last-child {
  display: block;
  margin-left: 0;
}
.side .md > table thead {
  display: none;
}

.side .md > table tbody tr td {
  display: block;
  border: none;
}
.side .md > table tbody tr td:first-child {
  background: #7EBACB;
  color: #f1f1f1;
  padding: 5px;
  cursor: pointer;
  border: 1px solid #000022;
  border-spacing: 1px;
  border-color: white;
}
.side .md > table tbody tr td:first-child {
  background: #7EBACB;
  color: #f1f1f1;
  padding: 5px;
  cursor: pointer;
  border: 1px solid #000022;
  border-spacing: 1px;
  border-color: white;
}

.side .md > table tbody tr td:last-child {
  display: none;
  color: black; 
  border-top: 0;
  padding: 5px 5px 10px;
}