/*
Version 4.0
Stylesheet by Cryptonaut
Last modified: 5 March 2016
Details: This is a custom template made by /u/Cryptonaut.
Find out more on /r/Naut.
-------------------------------------------------------------------------- */
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{overflow-x:hidden;background-color:#eee;min-width:920px}a{color:#24a0ed;transition:color .15s ease}::-moz-selection{background-color:#0079d3;text-shadow:none;color:#fff}::selection{background-color:#0079d3;text-shadow:none;color:#fff}:focus{outline:none!important}body .content .text,body .content textarea,body .content input[type=text],body .content input[type=password],.side .spacer input,body .content input[type=url]{background-color:#fff;border:1px solid #c3cfd6;color:#738491;box-shadow:none;transition:border-color .15s ease,color .15s ease;padding:6px 12px}body .content .text:hover,body .content textarea:hover,body .content input[type=text]:hover,body .content input[type=password]:hover,.side .spacer input:hover,body .content input[type=url]:hover{border-color:#738491}body .content .text:focus,body .content textarea:focus,body .content input[type=text]:focus,body .content input[type=password]:focus,.side .spacer input:active,body .content input[type=url]:focus{border-color:#24a0ed;color:#292f34}body .btn,body button{margin:4px 16px 4px 0;padding:2px 18px;background-color:#0079d3;border:none;border-radius:2px;color:#fff;text-transform:uppercase;font-weight:700;cursor:default;height:32px;font-size:12px;box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.btn:hover,button:hover{color:#fff;background-color:#158be2;box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}.btn:active,button:active{color:#fff;background-color:#0066b2;box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12)}#header{margin:0;height:196px;border:none;background-color:#30333A;background-image:url(%%headerimg%%);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;z-index:1;box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12)}#sr-header-area{background-color:rgba(0,0,0,0.08);border:none;transition:all .15s ease;height:24px;line-height:23px}#sr-header-area .width-clip{right:300px}body:not(.loggedin) #sr-header-area .width-clip{right:340px}#sr-header-area .sr-list{margin-right:48px}#sr-header-area .sr-bar a,#sr-more-link,#sr-header-area .separator,#sr-header-area .dropdown.srdrop .selected{background-color:transparent;color:rgba(255,255,255,0.4);transition:all .15s ease}#sr-header-area:hover .sr-bar a,#sr-header-area:hover #sr-more-link,#sr-header-area:hover .seperator,#sr-header-area:hover .dropdown.srdrop .selected{color:rgba(255,255,255,0.8)}#sr-header-area .sr-bar a:hover,#sr-more-link:hover,#sr-header-area .dropdown.srdrop .selected:hover{background-color:transparent;border:none;transition:all .15s ease}a.random.choice{padding-top:2px;position:relative;display:inline-block;margin-top:-2px}#sr-header-area .dropdown.srdrop .selected{margin:0 12px 0 8px;padding:0;background-image:none}#sr-header-area .dropdown.srdrop .selected:hover{text-decoration:underline}#sr-header-area .dropdown.srdrop .selected:after{position:relative;content:"▼";margin-left:4px;font-size:10px}#sr-header-area .drop-choices.srdrop{background-color:#fff;border:none;box-shadow:0 2px 3px rgba(0,0,0,0.15)}#sr-header-area .drop-choices a.choice{border-bottom:1px solid #edeeee;color:#4D5763;padding:2px}#sr-header-area .drop-choices a.choice:hover{background-color:#f1f1f1}#header-bottom-right{position:absolute;top:0;right:0;width:auto;max-width:300px;height:24px;background-color:transparent;font-size:11px;padding:5px 8px 4px 2px}body:not(.loggedin) #header-bottom-right{max-width:340px}#header-bottom-right a{color:rgba(255,255,255,0.7)}#header-bottom-right a:hover{text-decoration:underline}.beta-hint a{margin-left:-16px;width:16px;height:16px;background-image:url(%%spritesheet%%);background-repeat:no-repeat;background-position:-48px -32px;background-size:inherit}.user .userkarma{font-weight:400;color:rgba(255,255,255,0.4);border:none;font-size:9px;transition:all .15s ease}.separator,.user{color:rgba(255,255,255,0.4)}#mail,#modmail{width:16px;height:14px;background-image:url(%%spritesheet%%)!important;background-repeat:no-repeat!important;background-color:transparent;transition:all .25s ease}#mail{top:-2px;overflow:visible}#mail.nohavemail{background-position:-0 -0}#mail.havemail{background-position:-0 -32px;opacity:1}.message-count{background-color:#f50;position:relative;top:-1px;color:#fff!important}#mail.havemail:before{position:fixed;padding:16px 24px;bottom:24px;z-index:100;background-color:#EA4848;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.24);color:#fff;width:300px;height:48px;left:32px;content:"You have new messages!";text-indent:0;font-size:14px;font-family:arial,sans-serif;line-height:1;-webkit-transform:translateY(112px);transform:translateY(112px);transition:background-color .25s ease,box-shadow .25s ease;background-image:url(%%spritesheet%%);background-position:269px -120px;background-repeat:no-repeat}#mail.havemail:hover:before{background-color:#ec5b5b;box-shadow:0 3px 12px rgba(0,0,0,0.48)}#mail.havemail:active:before{background-color:#c73d3d;box-shadow:0 4px 14px rgba(0,0,0,0.76)}#modmail{top:-3px}#modmail.nohavemail{background-position:-16px -0}#modmail.havemail{background-position:-16px -32px;opacity:1}#header-bottom-right a.pref-lang,.loggedin .logout a{background-position:-32px -0;background-image:url(%%spritesheet%%);width:16px;height:14px;display:inline-block;text-indent:-9999px;margin:0;position:relative;top:-1px;transition:all .25s ease}.loggedin .logout a{background-position:-48px -0}#header-img.default-header,#header-img{z-index:99;width:0;padding-left:42px;height:42px;background-image:url(%%spritesheet%%);background-position:-80px -0;margin:0 8px 0 0;vertical-align:top;font-size:0}#header-img.default-header:hover,#header-img:hover{background-position:-122px 0}#header .pagename{font-size:0}#header .pagename a{display:inline-block;line-height:42px;color:#fff;font-size:42px;font-weight:700;font-family:Lato,arial,sans-serif;font-variant:normal;text-shadow:0 1px 12px rgba(0,0,0,0.2)}#header-bottom-left{position:absolute;top:100px;left:16px;right:384px}#header .tabmenu{margin:12px 0 0;display:block;height:42px;line-height:42px;border:none}#header .tabmenu:before{content:"";display:block;position:absolute;left:-16px;right:-384px;background-color:rgba(0,0,0,0.24);height:42px;z-index:-1}#header .tabmenu li a{margin:0 16px;padding:0;text-transform:uppercase;font-weight:400;font-size:14px;font-family:Lato,arial,sans-serif;color:rgba(255,255,255,0.7);display:inline-block;line-height:32px}#header .tabmenu li a:hover{color:#fff}#header .tabmenu li:first-of-type a{margin-left:0}#header .tabmenu li.selected a{padding-bottom:4px;color:#fff;border-bottom:2px solid}.listing-page .tabmenu li > a[href$="/controversial/"],.wiki-page .tabmenu li > a[href$="/controversial/"],.listing-page .tabmenu li > a[href$="/promoted/"],.wiki-page .tabmenu li > a[href$="/promoted/"]{display:none!important}body >.content{margin:16px 352px 64px 16px;padding:0;padding-top:8px!important}.link{margin:0;padding:16px 0;position:relative}body >.content .link .rank,.rank-spacer{display:none}.link .midcol{width:32px!important;margin:0 16px 0 0;overflow:visible;height:56px}.link .score{line-height:16px;font-size:12px;text-align:center;margin:1px -100%}.link .score.likes{color:#ff6422}.link .score.dislikes{color:#5c5bd7}.arrow{margin:0;background-image:url(%%spritesheet%%)!important;background-color:transparent;width:33px;border-radius:2px;transition:background-color .25s ease}.arrow:hover{background-color:rgba(0,0,0,0.05)}.arrow.up{height:20px;background-position:-0 -80px;transition:background-color .25s ease}.arrow.upmod{height:20px;background-position:-32px -80px;position:relative}.arrow.upmod:focus:after{position:absolute;left:2px;bottom:-3px;width:28px;height:28px;opacity:1;z-index:100;content:" ";background-color:#f50;border-radius:28px;animation:upvote .35s ease-out forwards;-webkit-animation:upvote .35s ease-out forwards}.arrow.down{height:20px;background-position:-64px -80px;transition:background-color .25s ease}.arrow.downmod{height:20px;background-