/* Slashboxes */
div #slashboxes {
       width: 23em;
}

/* Reset */
.article .title, .article h3, .article .generaltitle, .briefarticle .title, .briefarticle h3, .briefarticle .generaltitle { background: transparent !important; }

/* Options */
.firemenu { position: relative; }
.firemenu h3 { margin-right: 120px; }
.submenu {position: relative}
.firemenu h3 img
{
	margin: .1em 0 0 .2em !important;
	padding: 0;
	position: absolute;
}


.options
{
        width: 140px;
        position: absolute;
        line-height: 100% !important;
        top: -2.75em !important;
        right: -1.2em;
}

.options span
{
        position: relative;
        width: 20px;
        margin: 0 0 0 1px !important;
}

#play, #pause { left: 0  }
#desc, #asc { left: 30px  }
#full, #abbrev { left: 60px  }
#time, #popularity {left: 90px }

#fh_adv_pref_toggle { background:transparent url('//a.fsdn.com/sd/sic_icons.png') no-repeat scroll 0px -1195px; padding: 11px 20px 11px 0; color: #fff; position: absolute; top: 0; right: 0; cursor: pointer;}

#fhtablist li { font-size: 130%; }

.paginate li, .paginate a, #fhtablist li, #fhtablist a
{
        color: #fff;
        padding: 0;
        margin: 0;
}

.paginate li.active, #fhtablist li.active { font-weight: bold; }
#fhtablist li.active a img { margin-left: .3em}
#fhtablist li.active a { padding: 0 }
#firehose_pages a, #firehose_more a { color: #bbb; border: 1px solid #444; background: #444; padding: 3px !important; }
#firehose_pages a:hover, #firehose_more a { color: #ccc; border: 1px solid #666; background: #555;}
#firehose_pages a.fh_cur_page, #firehose_more a { margin: 0; color: #fff !important; border: 1px solid #555; background: #666 url('//a.fsdn.com/sd/block-title-bg.png') repeat-x;}
#firehose_pages a b {color: #888; font-size: 130%; font-family: georgia, sans-serif}


.options a
{
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        padding: 6px 0 4px 25px;
        background: url('//a.fsdn.com/sd/sic_controls.png') no-repeat;
        text-indent: -7000em;
        position: absolute;
        top: 0;
}
.advpref a {margin-right: 1em}


#fhadvprefpane span {
	padding-left: 30px; width: 90px;
	display: block;
        background: url('//a.fsdn.com/sd/sic_controls.png') no-repeat;
	cursor: pointer;
}

#fhadvprefpane a { color: white}

#play a, #fhadvprefpane #advplay { background-position: 0px 1px; }
#pause a, #fhadvprefpane #advpause { background-position: 0px -200px; }
#desc a, #fhadvprefpane #advdesc { background-position: 0px -400px; }
#asc a, #fhadvprefpane #advasc { background-position: 0px -600px; }
#full a, #fhadvprefpane #advfull { background-position: 0px -800px; }
#abbrev a, #fhadvprefpane #advabbrev { background-position: 0px -1000px; }
#time a, #fhadvprefpane #advtime  { background-position: 0px -1200px; }
#popularity a, #fhadvprefpane #advpopularity { background-position: 0px -1400px; }
.article .firehosetag { background: #fff; }

ul.menu
{
	margin: 0;
	padding: .75em 12em .75em .6em;
}

ul.menu#fhtablist
{
	font-size: 90%;
	background: transparent !important;
}

ul.menu#fhtablist li.active
{
	background: #444;
	border: 1px solid #666;
	border-bottom: 1px solid #777;
	border-left: 1px solid #777;
	margin: 0 -.3em 0 0 !important;
	padding: .3em !important;
	position: relative;
}
.paginate .active
{
        background: #444;
        border: 1px solid #666;
        border-bottom: 1px solid #777;
        border-left: 1px solid #777;
        padding: .5em .3em .5em .3em !important;
	margin: 0 .3em;
	white-space: nowrap;
}
.paginate .inactive {padding: .6em !important;}

ul.menu#fhtablist li.active a, .paginate .active a
{
	color: #aaa;
	text-decoration: none;
}

ul.menu#fhtablist li.active:before, .paginate .active:before { content: ""; }

/* Pagination */
.daybreak,
.paginate { background: #666 url('//a.fsdn.com/sd/block-title-bg.png') repeat-x; }
.paginate { margin-right: 25em; }
#metamodwrap .paginate { margin-right: 0em}
#users .paginate { margin-right: 0em; }

.admin .paginate { margin-right: 0; }
.paginate .menu { background: url('//a.fsdn.com/sd/corner_w_br.png') right bottom no-repeat;
height:2.9em;
padding-top:0.9em;}


/* Articles */
.imgspace { min-height: 100% !important; }
.article { margin-top: 1em }
.watch{position:absolute; z-index: 1000; top: 0; width:130px;height:97px;text-indent:-99999px;background:url(//a.fsdn.com/sd/icon_play.png) no-repeat center;}
div.article div.body div.topic{position:relative;float:right;margin:0 0 .3em .5em;}
div.storylinks{margin:0 0 1.5em; display: inline; }
div.briefarticle div.storylinks {display: block;}
div.article {margin-top: 1em}

.storylinks
{
	color: #999;
	margin: -1em 0 0 0 !important;
	padding: 0 !important;
}

.storylinks li.more { margin-left: -1.8em !important; }
.storylinks li.comments {border-left: 1px solid #ccc; padding-left: 1em !important}
#firehoselist, #firehose #message, .firemenu, #console { margin-right: 25em; }
#metamodwrap #firehoselist, #firehose #metamodwrap #message { margin-right: 0em; }
#users #firehoselist, #users #firehose #message, #users .firemenu { margin-right: 0em; }
.admin #firehoselist, .admin #firehose #message, .admin .firemenu { margin-right: 0; }
.article .generaltitle .title .date,
.article .generaltitle .title .nickname { display: none; }
.article .firehosetag { background: #fff; }

/* Brief Articles */
.briefarticle .storylinks ul li { display: none; }
.briefarticle .storylinks div, .briefarticle .storylinks ul {background: transparent}
.briefarticle .storylinks {margin: -1.5em 0 0 0 !important}
#firehose div.briefarticle a span { float: none; }
#firehose div.briefarticle .topic { display: none }
.briefarticle { position: relative !important; }
.briefarticle h3 a, .article h3 a { color: #055; }

.briefarticle .generaltitle .title .date,
.briefarticle .generaltitle .title .nickname
{
	color: #666;
	font-size: 85%;
	white-space: nowrap;
	margin-left: .5em;
}

.briefarticle .end { display: none; }
.briefarticle .firehosetag { background: #999; }
/* CINMAN 7/9/2015 */
/*.briefarticle .details,*/ .briefarticle .intro { display: none; }

/* Tagging */
.briefarticle div.tags
{
	margin: 0 !important;
	padding: 0 !important;
}
.briefarticle div.tags div.tagtitleclosed, .briefarticle div.tags div.tagtitleopen, .briefarticle .tagbody {display: none}
div.tags div.tagtitleclosed a, div.tags div.tagtitleclosed, div.tags div.tagtitleopen a, div.tags div.tagtitleopen { color: #055 !important;}

div.tags table
{
	background: transparent;
	margin-top: .3em;
}

div.tags table th
{
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #fff;
	padding-top: .5em !important;
}

div.tags table.data td
{
	padding: .1em .5em;
	line-height: 120%;
}
div.tags table.data td input {width: auto !important;}

div.tags div.tagtitleclosed, div.tags div.tagtitleopen  {
background:transparent none repeat scroll 0% !important;
bottom:6px;
position:absolute !important;
right:1em;
padding: 0 !important;
padding-bottom: .4em !important
}

.article div.tagtitleclosed {left: 33%; width: 60%; text-align: right; margin-left: 5% !important}
div.tags div.tagtitleopen {left: 55%; width: 30%; margin-left: -7em !important; text-align: right}
.usermode div.tags div.tagbody div.tagextra, .usermode div.tags div.tagbody div.tagadmin {display:none !important;}
div.tags div.tagbody {margin-bottom: 4em;}
div.tags div.tagbody div.taguser  {background: transparent !important;}
div.tags div.tagbody div.taguser input {width: 9em !important; position: absolute; bottom: .5em; right: 4em;}
div.tags div.tagbody div.taguser input.button {width: 3em !important; position: absolute; bottom: .5em; right: 1em;}
div.tags i input, div.tags div.tagbody input {font-size: 95% !important;}

.article div.tagtitleclosed span span, .article div.tagtitleopen span span {color: #055; text-decoration: underline}
div.tags div.tagtitleopen span.tagsheader, div.tags div.tagtitleclosed span.tagsheader {text-indent: 5000em !important; left: 0 !important; overflow: hidden; position: relative !important; visibility: hidden}
div.tags div.tagtitleopen a {padding: .5em 0 !important; text-decoration: none; background:transparent url(//a.fsdn.com/sd/login-arrow-expanded.gif) no-repeat scroll 0% 50%; }
div.tags div.tagtitleclosed a {padding: .5em 0 !important; text-decoration: none; background:transparent url(//a.fsdn.com/sd/login-arrow-collapsed.gif) no-repeat scroll 0% 50%; }
.article div.tagtitleclosed span a, .article div.tagtitleopen span a {background: transparent !important}
div.tags  div.tagbody .message {
font-size:92%;
position:absolute;
bottom: -1em;
right: 0;
}

div.briefarticle.fhitem-comment .title a span { background: transparent !important }

/* Icons and imagery for articles */

.edit
{
        position: absolute !important;
        top: 19px;
        right: 28px;
}

.external { padding: 0 20px 0 5px; display: inline; }
#firehose h3 .external a
{
	z-index: 1000;
	width: 20px;
	background: url('//a.fsdn.com/sd/sic_icons.png') no-repeat 0px -799px;
	text-indent: -7000em;
	position: absolute !important;
}

.briefarticle .reject, .briefarticle .edit {display: none;}
.article .reject
{
	z-index: 1000;
	padding: 5px;
	width: 10px;
	position: absolute;
	right: 5px;
	top: 5px;
	background: url('//a.fsdn.com/sd/sic_icons.png') no-repeat 0px -602px;
}

.reject input { visibility: hidden; }


.future .soda { color: #FFBFC2 !important; }
.story .soda { color: #7fb2b2 !important; }

#fhdatepane { padding-left: 8px }
.calhead { color: #000 }
.daybreak { background-color: #666; border-bottom: 1px solid #fff}
.daybreak a, #fhlogin a { color: #fff; }


span.date-tab { background:transparent url('//a.fsdn.com/sd/sic_icons.png') no-repeat scroll 0px -995px; color: #fff; padding: 20px 0 0 20px; position: absolute; top: -6px; right: 6px; cursor: pointer;}
.firemenu span.date-tab { padding: 20px 0 0 20px; top: 0; right: 0;}
.day.date-tab.active {background: transparent url('//a.fsdn.com/sd/sic_close.png') no-repeat scroll 0px 3px; float: none; border: none; padding: 10px 21px 10px 0 !important;}
#fh-paginate .day.date-tab.active {padding: 10px 17px 10px 0 !important}

span.date-tab.active div.tab-button { background: #066; }
.date-widget.all span.date-tab, .date-widget.now span.date-tab { display: none; }
#fh_change_range { font-size: 80% }
.firemenu .date-tab-bar {float: right; padding: 0 15px .5em 0; margin-right: .6em}
.date-tab-bar {position: relative; padding-right: 25px;}

ul.menu a img {margin: 0 0 -4px 0}
#fhtabdel {background:transparent url('//a.fsdn.com/sd/sic_close.png') no-repeat; position: relative; padding: 2px 16px 10px 2px}
#fhtabdel a {position: absolute; text-indent: -7000em; width: 10px}

.menu #fh_pag_calendar, .menu .date-tab-bar, .menu .tab-button  {display: inline}
.menu .date-span-popup {font-size: 90%}
.menu .edit, .rssicon {margin-top: 2px; margin-left: -4px;}

/* article bottom */
div.storylinks ul li.comments {position: relative; width: auto; text-align: left; margin: 0; padding: 0;}
div.storylinks ul {padding-right: 60% !important}

/*.pop0 { background-color: #cde; }
.pop1 { background-color: #c00; }
.pop2 { background-color: #f93; }
.pop3 { background-color: #ff6; }
.pop4 { background-color: #0c3; }
.pop5 { background-color: #06f; }
.pop6 { background-color: #609; }
.pop7 { background-color: #306; }
.pop8 { background-color: #000; }*/

.pop0 { background-image: url('//a.fsdn.com/sd/pop0.png'); background-position: left top; }
.pop1 { background-image: url('//a.fsdn.com/sd/pop1.png'); background-position: left top; }
.pop2 { background-image: url('//a.fsdn.com/sd/pop2.png'); background-position: left top; }
.pop3 { background-image: url('//a.fsdn.com/sd/pop3.png'); background-position: left top; }
.pop4 { background-image: url('//a.fsdn.com/sd/pop4.png'); background-position: left top; }
.pop5 { background-image: url('//a.fsdn.com/sd/pop5.png'); background-position: left top; }
.pop6 { background-image: url('//a.fsdn.com/sd/pop6.png'); background-position: left top; }
.pop7 { background-image: url('//a.fsdn.com/sd/pop7.png'); background-position: left top; }
.pop8 { background-image: url('//a.fsdn.com/sd/pop8.png'); background-position: left top; }

.pop1,
.pop2,
.pop3,
.pop4,
.pop5,
.pop6,
.pop7,
.pop8 {
background-position:center top;
}

.pop0 { background-image: url('//a.fsdn.com/sd/pop0.png'); }
.pop1 { background-image: url('//a.fsdn.com/sd/pop1.png'); }
.pop2 { background-image: url('//a.fsdn.com/sd/pop2.png'); }
.pop3 { background-image: url('//a.fsdn.com/sd/pop3.png'); }
.pop4 { background-image: url('//a.fsdn.com/sd/pop4.png'); }
.pop5 { background-image: url('//a.fsdn.com/sd/pop5.png'); }
.pop6 { background-image: url('//a.fsdn.com/sd/pop6.png'); }
.pop7 { background-image: url('//a.fsdn.com/sd/pop7.png'); }
.pop8 { background-image: url('//a.fsdn.com/sd/pop8.png'); }

.briefarticle .pop0 span { background-image: url('//a.fsdn.com/sd/pop0b.png'); }
.briefarticle .pop1 span  { background-image: url('//a.fsdn.com/sd/pop1b.png'); }
.briefarticle .pop2 span  { background-image: url('//a.fsdn.com/sd/pop2b.png'); }
.briefarticle .pop3 span  { background-image: url('//a.fsdn.com/sd/pop3b.png'); }
.briefarticle .pop4 span  { background-image: url('//a.fsdn.com/sd/pop4b.png'); }
.briefarticle .pop5 span  { background-image: url('//a.fsdn.com/sd/pop5b.png'); }
.briefarticle .pop6 span  { background-image: url('//a.fsdn.com/sd/pop6b.png'); }
.briefarticle .pop7 span  { background-image: url('//a.fsdn.com/sd/pop7b.png'); }
.briefarticle .pop8 span  { background-image: url('//a.fsdn.com/sd/pop8b.png'); }

.vote, .votedup, .voteddown, .vote a, .votedup a, .voteddown a, .soda {cursor: pointer;}
.vote, .votedup, .voteddown, .vote a, .votedup a, .voteddown a, .soda, .soda span {position: absolute !important;}
.vote, .votedup, .voteddown, .soda, .soda span, .article .generaltitle, .briefarticle .generaltitle, .article .generaltitle .title, .briefarticle .generaltitle .title,  #nixmenu, #nodmenu {background-repeat: no-repeat !important;}
.vote, .votedup, .voteddown, .soda span, .firehose, .story, .future { background-position: bottom left !important;}
.firehose, .story, .future {background-repeat: repeat-x;}
.generaltitle, .title {overflow: hidden;}

.vote, .votedup,  .voteddown  {top: 1px; left: 8px; z-index: 7; background-image: url('//a.fsdn.com/sd/unvote.png'); text-indent: -7000em; height: 25px; width: 44px;}
.vote a, .votedup a, .voteddown a {padding: 0;  height: 18px;  z-index: 8; width: 18px; border: none; text-indent: -7000em; margin: 0;}
.votedup {background-image: url('//a.fsdn.com/sd/upvote.png'); background-position: -5px -4px;}
.voteddown {background-image: url('//a.fsdn.com/sd/downvote.png'); background-position: -24px -4px;}

.up { left: 5px; top: 3px;}
.down { left: 24px; top: 3px;}
.soda {text-indent: -7000em; top: 0; left: 0; z-index: 4; height: 100%; width: 13px; min-height: 24px; overflow: hidden; }
.soda span {height: 10px; width: 12px; padding: 14px; bottom: 0; left: 0;}
.article .soda {border-bottom: 1px solid #fff}

.briefarticle, .article {position: relative;}
.briefarticle .tags {top: 0; left: 0; width: 100%;}

.firehose, .story, .future {background-image: url('//a.fsdn.com/sd/dark_fade_lg.png'); }

.story  {color: #fff; background-color: #066;}
.future {color: #fff; background-color: #900; }
.firehose {background-color: #ddd; }

.story .date, .story .skin {color: #8DC7C0; !important;}
.future .date, .future a.skin {color: #c99 !important;}
.firehose .date, .firehose a.skin, .firehose span.skin, .firehose span.reason {color: #777 !important;}

.article .generaltitle, .briefarticle .generaltitle { min-height: 25px; position: relative; background-image: url('//a.fsdn.com/sd/fh_btr_s.png') !important; background-position: top right !important;}
.briefarticle .generaltitle .title { background-image: url('//a.fsdn.com/sd/fh_br_s.png') !important; background-position: bottom right !important;}
.briefarticle .story a {color: #fff;}
.briefarticle h3 a {#555}

#firehose div.generaltitle h3 a, #console div.generaltitle h3 a { color: #555; }
#firehose .story div.generaltitle h3 a, #firehose .future div.generaltitle h3 a, #console .story div.generaltitle h3 a, #console .future div.generaltitle h3 a { color: #fff; }
.generaltitle a {text-decoration: none}

.tagshide div {display: none}
.future h3 a, .story h3 a {z-index: 4 !important; position: relative !important; font-size: 123%}
.story h3 a.skin {color: #8dc7c0 !important;}
.briefarticle h3, .article h3 {font-size: 100% !important; padding: .25em 50px 0 58px !important; min-height: 22px !important; display: block !important;}
.briefarticle h3 {padding-right: .3em !important}
.briefarticle .novote h3 {padding: .25em .3em  0 1em !important; margin: 0 !important}
.article .novote h3 {padding: .25em 50px 0 1em !important}
.nocolors { background: transparent url('//a.fsdn.com/sd/fh_btl_s.png') no-repeat scroll left top !important;}
.briefarticle .nocolors h3 { background: transparent url('//a.fsdn.com/sd/fh_bl_s.png') no-repeat scroll left bottom !important;}
#firehoselist {position: relative}
.nodates .briefarticle .date, .nobylines .nickname, .noicons .topicicon { display: none }

/* nodmenu */
#nod-user-tags, #nix-user-tags {display: none; position: absolute; top:-55px; width:500px;}
#nod-user-tags ol, #nix-user-tags ol {display: inline; list-style: none; padding: 0 0.2em; margin: 0 -0.2em;}
#nod-user-tags li, #nix-user-tags li {display: inline; padding: 0 0 0 0.3em; margin: 0; }
#nod-input, #nix-input {display: inline; font-size: 11px; width: 101px;}
#nod-user-tags {left: -150px;}
#nix-user-tags {left: 58px;}
#nodmenu .menu.autocomplete, #nixmenu .menu.autocomplete {display: none;}
#nodmenu.editing #nod-user-tags, #nixmenu.editing #nix-user-tags, #nodmenu.editing .menu.autocomplete, #nixmenu.editing .menu.autocomplete {display: block;}
#nodmenu, #nixmenu {display: none; width: 200px; z-index: 100000; position: absolute !important; font-size: 11px}
#nodmenu .menu, #nixmenu .menu {top: -35px; width: 150px; height: 15em; z-index: 1000000 !important; position: absolute !important; font-size: 11px}
#nodmenu .menu {left: -150px !important;  background: url('//a.fsdn.com/sd/popup_nod.png') no-repeat;}
#nixmenu .menu {left: 15px !important; text-align: right; background: url('//a.fsdn.com/sd/popup_nix.png') no-repeat;}
#nodmenu.editing.soon .menu.basic, #nixmenu.editing.soon .menu.basic {display: block;}
#nodmenu.editing .menu.basic, #nixmenu.editing .menu.basic {display: none;}

#nodmenu li, #nixmenu li {list-style: none; color: #ddd; padding: 1px 4px}
#nodmenu ul {margin: 0 43px 0 0; background: #222; opacity: .9; border: 1px solid #111;}
#nixmenu ul {margin: 0 0 0 43px; background: #222; opacity: .9; border: 1px solid #111;}
#nodmenu li:hover, #nixmenu li:hover, #nodmenu li.selected, #nixmenu li.selected  {background: #000; color: #fff;}

.embed #nodmenu .menu, #console #nodmenu .menu {left: 20px !important; background: url('//a.fsdn.com/sd/popup_nix.png') no-repeat;}
.embed #nixmenu .menu, #console #nixmenu .menu {left: 25px !important;}
.embed #nod-user-tags, #console #nod-input {left: 63px !important;}
.embed #nix-user-tags, #console #nix-input {left: 68px !important;}
.embed #nodmenu ul, #console #nodmenu ul {margin: 0 0 0 43px; background: #222; opacity: .9; border: 1px solid #111;}
ol#nod-hardened, ol#nix-hardened, ol#nod-hardened li, ol#nix-hardened li {position: relative; background: black !important;}
ol#nod-hardened, ol#nix-hardened {margin-left: 0 !important; padding-left: 0 !important; cursor: pointer;}

.tag-actions {display: none; position: absolute; opacity: 0.6; top: -0.75em; right: 0; width: 1.5em; font-size: 120%; text-align: center; color: black; background-color: white; -moz-border-radius: 0.1em; -webkit-border-radius: 0.1em;}
a.not-tag, a.del-tag {text-decoration: none;}
li:hover .tag-actions {display: inline;}
li .tag-actions:hover {opacity: 0.9;}
li .tag-actions .not-tag:hover, li .tag-actions .del-tag:hover {color: red;}

.article .title, .article h3, .article .generaltitle {border: none !important}
.article .generaltitle, #firehoselist .article .title, .article h3 {line-height: 170% !important;}
.briefarticle .generaltitle, .briefarticle .title, .briefarticle h3 {line-height: 160% !important;}
.generaltitle, .title, .generaltitle h3 {line-height: 160% !important;}

.subdue {background: #000; opacity: .3; position: relative; z-index: 10000}
.admin .contentsadmin ul.menu, .admin .contentsadmin ul {margin: 0}

.briefarticle .storylinks .comments {position: absolute !important; top: .7em !important; width: 10px; right: 1.8em !important; display: block; border: none; font-size: 75%; text-align: center; }
.briefarticle .storylinks .comments a {text-decoration: none; background:transparent url('//a.fsdn.com/sd/sic_icons.png') no-repeat 0px -1400px; padding: 4px 20px 3px 2px; text-align: center; }
.briefarticle .storylinks .comments a:hover {background:transparent url('//a.fsdn.com/sd/sic_icons.png') no-repeat scroll 0px -1498px; color: #fff !important}
.briefarticle .storylinks .comments.nocomment, .briefarticle .storylinks .comments span  {display: none}

.embed .paginate, .embed .firemenu, .embed a.skin, .copyright.embed { display: none; }
#fhtablist li:before { content: "";}
#fhtablist li { padding-left: 0.5em }

.view div.tags div.tagtitleclosed, .view div.tags div.tagtitleopen {
margin:0pt 0pt -1.4em 0pt;
text-align:right;
}

.view .article div.tagtitleclosed{
width: 90%;
left:0pt;
}

* html .view .article div.tagtitleclosed{ /* IE6 */
right:0pt;
}

* html body .view .article div.tagtitleclosed{ /* IE6 as well */
left:auto;
right:0pt;
}

*+html  .view .article div.tagtitleclosed{ /* IE7 */
left:auto;
right:0pt;
}

h3.story .date, h3.future .date { display: none }