body, div, form, h1, h2, h3, h4, h5, h6, #links ul li, #links ul, #topnav, img
{
padding: 0;
margin: 0;
font-family: Verdana, Geneva, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
}

body
{
min-width: 720px;
color: #000;
position: relative;
font-size:100%;
word-wrap: break-word;
}

sup
{
margin: 0 0 -.3em 0;
padding: 0;
}

pre, code, kbd, samp, tt {
font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
font-size: 1em;
}

#top_parent {
border: 1px solid transparent;
}

a { color: #006; text-decoration:underline;}
a:visited { color: #000; }
a:hover { color: #008; text-decoration: none; }
a.commentUserLink {color:inherit;text-decoration:inherit;font-weight:bold;}
a.commentUserLink:before {content:"@";}
a.commentUserLink:after {content:":";}

img { border: none; }

#jump { display: none; }

span.sd-info-block, span[class^=sd-key-] {
display: none !important;
}

/* layout */
#frame
{
margin: .8em;
position: relative;
}

#contents
{
width: auto;
z-index: 1;
position: relative;
padding: 0;
margin: 0 0 0 7.8em;
}

#messages, #submit, #comments, #login, #pollBooth, #wide, #search, #authors, #topics
{
height: 100%;
z-index: 2;
position: relative;
margin: 0 0 1em 0;
padding: 0;
}

#articles, #polls
{
height: 100%;
z-index: 2;
position: relative;
margin: 0 15.6em 1em 0;
min-width: 20em;
padding: 0;
}

#users-blocks
{
height: 100%;
z-index: 2;
position: relative;
margin: 0 15.6em 0 0;
min-width: 20em;
padding: 0;
}
#poll-content legend { display: none; }

#users-lists{
    clear: both;
}


/* Header */
#logo h1 a
{
text-indent: -700em;
display: block;
text-decoration: none;
float: left;
position: relative;
}

#topnav
{
z-index: 0;
position: relative;
height: 5em;
margin: 0 0 .1em 0;
}

#topnav h4 a
{
text-align: center;
padding: 0 .6em;
text-decoration: none;
}

#topnav h4
{
text-align: center;
margin: 0 auto;
white-space: nowrap;
}

#topnav ul {
position: absolute;
right: 0;
margin: 0;
width: 55%;
list-style: none;
}

#topnav li {
float:left;
text-align: center;
width:19%;
}

#slogan {
    clear:both;
    margin: 0 0 .3em 0;
}

#slogan h2
{
    display: inline;
    padding: .3em;
}

#slogan #head_message{
    float:right;
    display: inline;
    padding: .3em;
}

.clear {
    clear:both;
}


#section_banner  {
	margin: .4em 0;
	padding:.3em .5em;
	background: #999;
	color: #fff;
}

#section_banner a {
	text-decoration: none;
}

#section_banner a, #section_banner a:visited
{
color: #fff;
}


/* links */

#links a, #links a:visited { color: #006; text-decoration:none;}
#links a:hover { color: #008; text-decoration: underline; }

#links
{
float: left;
width: 7.2em;
z-index: 0;
position: relative;
padding: 0;
}

#links div.block
{
padding: 0;
margin: 0 0 1em 0;
position: relative;
}

#links div.title
{
background: #999;
padding: 0;
margin: 0;
position: relative;
}

#links h4
{
margin: 0;
padding: .3em .6em;
color: #fff;
position: relative;
font-size: .813em;
}

#links h4 a, #links h4 a:visited { color: #fff; }

#links div.content
{
padding: .3em .3em .6em .3em;
position: relative;
}

#links em
{
font-weight: bold;
margin: .3em 0 .3em .3em;
font-style: normal;
}

#links h2
{
background: #ddd;
position: relative;
font-size: 1.30em;
margin: 0 0 0 -.2em;
padding: 0 .2em;
}

#links h2 a, #links h2 { color: #444; }
#links ul li { list-style: none; }
#links ul { margin: 0 .4em; }

#navigation-content li.user
{
background: #ddd;
position: relative;
margin: 1em 0 0 0;
padding: .2em 0 0 0;
color: #444;
}

#navigation-content ul ul
{
margin: 0;
padding: .3em 0 .3em .6em;
background: #fff;
}

/* slashboxes */
#slashboxes
{
float: right;
width: 15em;
z-index: 0;
position: relative;
margin: 0 0 0 0;
padding: 0;
}

#slashboxes div.block
{
margin: 0 0 .6em 0;
position: relative;
}

#slashboxes div.title
{
background: #999;
padding: 0;
margin: 0;
position: relative;
}

#slashboxes h4
{
margin: 0;
padding: .3em .6em;
color: #fff;
position: relative;
z-index: 4;
}

#slashboxes h4 a, #slashboxes h4 a:visited { color: #fff; }

#slashboxes div.content
{
margin: 0;
padding: .3em .6em .6em .6em;
position: relative;
overflow-y: hidden;
}

#slashboxes #related-content {
	overflow-y: auto;
	max-height: 150px;
}

#slashboxes h4 img.map
{
position: absolute;
right: .3em;
}

#slashboxes ul
{
padding: 0 .3em;
margin: 0 1em;
position: relative;
}

#slashboxes ul li
{
overflow-y: hidden;
}

/* login content */
#slashboxes #userlogin-content legend,
#slashboxes #login-content legend
{ display: none; }

#slashboxes #userlogin-content fieldset,
#slashboxes #login-content fieldset
{
margin: 0;
padding: 0;
border: none;
}

/* Hide broken Slashboxes */

#slug-Crown, #slug-Top {display:none !important;}

/* olderstuff content */
#slashboxes #olderstuff-content ul
{
list-style: none;
padding: 0;
margin: 0;
}

#slashboxes #olderstuff-content ul li a
{
font-size: 1.5em;
font-weight: bold;
}

#slashboxes #olderstuff-content ul li ul li a, #slashboxes #olderstuff-content p
{
font-size: 1em;
font-weight: normal;
}

#slashboxes #olderstuff-content ul li ul
{
list-style: disc;
padding: 0 0 0 1.3em;
margin: 0;
}

.logout{
    margin:.3em 0;
    padding: 0;
    text-align:center;
}

input[type=submit], button[type=submit], .logout a, div.storylinks ul li.more a {
background: #555;
border:none;
border-radius: .3em;
text-align:center;
font-weight:bold;
padding: .2em .6em;
color:#fff !important;
text-decoration:none;
font-size: 1em;
cursor: pointer;
font-family: Verdana, Geneva, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;
}

input[type=submit]:hover, button[type=submit]:hover, .logout a:hover, div.storylinks ul li.more a:hover {background-color: #555;}

input[type=text], input[type=password] {border: 1px solid #555; font-size: 1em;}

button {
cursor: pointer;
}

.whysub{
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

.fullbox{
	width: 100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

textarea {
	font-family: inherit;
	font-size: inherit;
}

#login-block {display: none;}

/* FORMTABS */

#formtabs {
    margin:0;
    padding:.2em 0 0 0;
}

#formtabs ul {
    margin:0;
    padding:0;
}

#formtabs ul li{
    background: #888;
    display:inline-block;
    padding: .2em .3em;
    margin:0;
}

#formtabs ul li.active{
    background: #888;
    color: #fff;
}

#formtabs ul li a {
    text-decoration:none;
    color:#000;
}

#formtabs ul li a:visited {
   color:#000;
}
#formtabs ul li a:hover {
    color:#fff;
}


/* General */
html .generaltitle,* html .generalbody,* html .article .body,* html .article .details
{
position: relative;
}
.generaltitle
{
padding: 0;
margin: 0;
}

.generaltitle div.title, .search-results h4
{
background: #999;
padding: 0;
margin: 0;
overflow-y: hidden;
}

.generaltitle h3, .search-results h4
{
margin: 0;
padding: .3em .8em .2em .8em;
color: #fff;
overflow-y: hidden;
}

.generaltitle h3 a, .search-results h4 a
{
text-decoration: none;
}

.generaltitle h3 a, .generaltitle h3 a:visited, .search-results h4 a, .search-results h4 a:visited
{
color: #fff;
}

.search-results h4 a:hover
{
color: #ccc;
}

.search-results .intro, .search-results .author
{
padding: 1em;
margin: 0;
font-size: 0.929em;
overflow-y: hidden;
}

.search-results .details
{
margin: 0 0 1em 0;
padding: .4em 1em;
}

.generalbody
{
padding: 1em;
margin: 0 0 1em 0;
height: 100%;
width: auto;
z-index: 2;
font-size:0.875em;
overflow-y: hidden;
}

.generalbody .generalbody, .generalbody .article .body
{
	font-size: 1em;
}

/* articles */
.article
{
padding: 0;
margin: 0;
}

.article div.title
{
background: #999;
padding: 0;
margin: 0;
}
#journal .article h3
{
margin: 0;
padding: .3em .8em .2em .8em;
color: #fff;
overflow-y: hidden;
}

#journal .article h3 a, #journal .article h3 a:visited
{
color: #fff;
text-decoration: none;
}

.article .details, .search-results .data
{
padding: .4em 1em;
margin: 0;
position: relative;
}

.article .body
{
padding: 1em;
margin: 0;
min-height: 4em;
font-size: 0.875em;
overflow-y: hidden;
}

.article blockquote,  .article .quote {
	display: block;
	padding-left: 0.6em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	margin: 0.6em;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.03), transparent 60%) repeat scroll 0% 0% transparent;
	border-left: 2px solid;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 5px;
	border-left-color: rgba(0,0,0, 0.2);
}

.article blockquote p,
.article blockquote div, 
.article .quote p
{
	margin: 0;
	padding-top: .5em;
	padding-bottom: .5em;
}

.article blockquote div p:first-child
{
	padding-top: 0;
}

.article blockquote div p:last-child
{
	padding-bottom: 0;
}

.article .details strong
{
font-weight: bold;
position: relative;
}

.topic
{
margin: 0 .4em .4em 0;
float: right;
position: relative;
}

.topic img
{
display: block;
position: relative;
z-index: 10;
}

.intro p
{
margin: 0 0 1em 0;
position: relative;
}

.full
{
margin: 1em 0 0 0;
position: relative;
}

input[type=checkbox].story_more,
input[type=checkbox].story_more ~ div.story_more{
    display: none;
}

input[type=checkbox].story_more:checked ~ div.story_more{
    display: block;
}

input[type=checkbox].story_more ~ label.story_more{
    padding: 0;
    cursor: pointer;
    font-weight: unset;
}

input[type=checkbox].story_more:checked ~ label.story_more{
    display: none;
}

div.storylinks
{
margin: 0 0 .5em 0;
padding: 0;
}

div.storylinks div
{
margin: 0;
padding: 0;
}

div.storylinks ul
{
padding: .6em .4em .6em .6em;
margin: 0;
}

div.storylinks ul li
{
border-left: 1px solid #555;
padding: 0 .2em 0 .4em;
list-style: none;
display: inline-block;
}

div.storylinks ul li.more
{
border: none;
font-weight: bold;
}

div.storylinks ul li.comments a { font-weight: bold; }

/* Footer */
#footer
{
clear: both;
z-index: 0;
position: relative;
font-weight: normal;
margin-left: 7.8em;
  margin-top:.3em;
}

#footer em
{
text-align: right;
padding: .8em;
vertical-align: middle;
font-style: italic;
position: relative;
}

.copyright
{
clear: both;
text-align: center;
position: relative;
}

/* Bottom Nav */
.btmnav
{
color: #999;
text-align: center;
margin: 0 0 .4em 0;
position: relative;
}

.btmnav ul li
{
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}

.btmnav ul li a
{
border-left: 1px solid #555;
color: #999;
padding: 0 .4em;
}

.btmnav ul li.begin a
{
border: none;
padding: 0 .4em 0 0;
}

.btmnav ul li a:visited { color: #000; }

/* Usermenu */
#usermenu
{
background: #fff;
margin: 0;
padding: .3em;
height: 100%;
}

#usermenu + .generalbody{
border-top:none;
padding-top:.2em;
}

ul.menu
{
padding: 0;
font-size: .855em;
margin: .3em .5em;
}

ul.menu li
{
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}

ul.menu li a
{
border-left: 1px solid #ccc;
padding: 0 .3em;
width: auto;
}

ul.menu li a.begin
{
border: none;
padding: 0 .3em;
}

ul.menu li a:visited { color: #006; }

ul.menu li.selected a
{
font-weight: normal;
text-decoration: none;
color: #000;
padding: 0 .3em;
}

.generalbody ul.menu, .submenu
{
margin: 1em 0 1em 0;
padding: 0;
font-size: .913em;
}

.generalbody ul.menu li, .submenu li
{
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}

.generalbody ul.menu li a, .submemu li a
{
border-left: 1px solid #ccc;
padding: 0 .3em 0 .3em;
}

.generalbody ul.menu li a.begin, .submenu li a.begin
{
border: none;
padding: 0 .3em 0 .3em;
}

#usermenu ul.menu li.selected a, .generalbody ul.menu li.selected a, .submenu li.selected a
{
font-weight: normal;
text-decoration: none;
color: #000;
}


/* Messaging */

.message_menu{
margin: 0;
padding: .6em 1em;
font-size: .75em;
display: block;
background: #fff;
}

.message_subject
{
background: #fff;
padding: .1em 1em .3em 1em;
font-size: .9em;
}

.message_body
{
padding: 1em .8em .1em .8em;
background: #fff;
}


.message_footer
{
padding: .4em .8em;
background: #fff;
font-size: .9em;
margin-bottom: 1em;
}


.error
{
padding: 1em;
color: #600;
font-weight: bold;
}


/* PollBooth */

#pollbody ul {list-style: none; margin: 0; padding: 0;}

#pollbody ul li {padding: .1em 0; margin: 0;}

.bar
{
	font-weight: bold;
	margin: 0 0 1em 0;
	border: 1px #ddd solid;
	font-size: .85em
}

.barAnswer
{
	font-size: 1.1em; 
	text-align: left;
	margin: .5em 0 0 0;
}

.barColor
{
	background: #aaa;
	border: 1px #ddd solid;
	border-bottom: 1px #555 solid;
	border-right: 1px #555 solid;
}

.barPercent
{
	padding: 0 .6em;
	background: #eee;
	color: #555;
}

.barVotes
{
	padding: 0 .6em;
	background: #eee;
	color: #555;
	white-space: nowrap;
}

.totalVotes { float: right; }
#polls-wide li { margin: 0 0 1em 0; }
#pollBooth .generalbody table {width: 90%; margin: 0 0 1em 5%}
#pollBooth .generalbody caption {margin-bottom: .2em}


/* Forms */
fieldset
{
margin: 0 0 1em 0;
padding: 0 1em 1em 1em;
border: 1px solid #aaa;
}

#footer fieldset, #slashboxes fieldset { border: none; }

legend
{
color: #555;
font-size: .813em;
font-weight: bold;
margin: 1em 0;
}

label
{
display: block;
font-weight: bold;
padding: 1em 0 0 0;
}

label.checkbox { font-weight: normal; }

input.button
{
display: inline;
margin: 1em 0 0 0;
}

/* Data tables */
.data { font-size: .755em; border-spacing: 0px; margin-bottom: 1em; }
.data_head
{
color: #fff;
background: #006;
}

.data_head th { text-align: left; padding: .3em .6em; }
.data_head a { color: #fff; }
.data td { padding: .3em .6em; overflow-y: hidden;}
.data_hl1
{
background: #ccc;
}
tr.flagged * {
	text-decoration: line-through;
}
.data_hl2
{
background: #ddd;

}

.data_hl3
{
background: #eee;
}

.data .status0
{
	background: #ffa;
}
.data .status1
{
	background: #faa;
}
.data .status2
{
	background: #afa;
}


/* Authors */
#authors .generalbody .title { margin-top: 1em; }

#authors .generalbody h3 { display: inline; }

#authors .generalbody h3 a { color: #000; }

#authors .intro
{
display: block;
margin: .3em;
}

#authors .notes { margin-top: 1em; }

/* Misc */
.notes, .note
{
display: block;
font-size:.9em;
padding: .6em 0;
}

.note ul li {
padding: .3em;
}


pre
{
overflow: auto;
position: relative;
width: 90%;
padding: 0 0 0 1em;
margin: 0;
}

.lt_tb_col { background: #ccc; }
.lt_text_col { color: #fff; }
.right { text-align: right; }
.sb_header { font-size: 1.25em; font-weight: bold; color: #006; }
.hide { display: none }
.buttons { text-align: right }



/* modal */
#modal_cover {background-color: #222; height: 100%; opacity: 0.75; position: fixed; width: 100%; z-index: 1000000;}
#modal_box .generaltitle .title h3 {background: transparent; margin: 0; padding: .1em .3em 0 .3em;}
#modal_box .generaltitle .title { margin: 0; border: none;}
#modal_box {position: fixed; margin: 15% 25%; width: 50%;z-index: 1000001;border: 4px solid #222; overflow: auto; background: #fff; height: 65%;}
#modal_box h3 a {position: absolute !important; right: .3em; top: .3em}
#modal_box #modal_box_content legend {display: none;}
#modal_box #modal_box_content fieldset {margin: 0;padding: 0;border: none;}
#modal_box #modal_box_content {overflow: auto; background-color: #fff;padding: 0 2em 2em 2em; border-top: 1px solid #222;}


/* login pop */
#login_cover {background-color: #222; height: 100%; opacity: 0.75;position: fixed;width: 100%;z-index: 1000000; overflow: hidden;}
#login_box .generaltitle .title h3 {background: transparent; margin: 0; padding: .1em .3em 0 .3em;}
#login_box .generaltitle .title {margin: 0;border: none;}
#login_box {position: fixed;margin: 25%;width: 50%;z-index: 1000001;border: 4px solid #222;}
#login_box h3 a {position: absolute !important;right: .3em;top: .3em}
#login_box #login_box_content legend {display: none;}
#login_box #login_box_content fieldset {margin: 0;padding: 0;border: none;}
#login_box #login_box_content {background-color: #fff;padding: 0 2em 2em 2em; border-top: 1px solid #222;}

/* modal preference help */
div.modalprefhelp {
        padding: 15px 15px 15px 15px;
        width: 300px;
        border-style: solid;
        border-width: 2px;
}

abbr {
	text-decoration: none;
	border-bottom: 1px dotted #000;
}

/* Spoilers */

blockquote.spoiler input[type=checkbox].spoiler ~ label
{
    display: block;
    padding: 0.2em .1em;
    cursor: pointer;
    font-weight: normal;
}

blockquote.spoiler input[type=checkbox].spoiler,
blockquote.spoiler input[type=checkbox].spoiler ~ label.spoiler_on,
div.spoiler_text
{
	display:none;
}

blockquote.spoiler input[type=checkbox].spoiler:checked ~ label.spoiler_off
{
	display:none;
}

blockquote.spoiler input[type=checkbox].spoiler:checked ~ label.spoiler_on,
blockquote.spoiler input[type=checkbox].spoiler:checked ~ div.spoiler_text
{
	display:block;
}

body blockquote.spoiler {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent 60%);
}



#sabutton {
	display: none;
}

.purchasesubscription legend + p {
	margin-top: 0;
}

.purchasesubscription__type, .purchasesubscription__duration {
	list-style: none;
	padding: 0;
	margin: 0:
}

.purchasesubscription__duration {
	display: table;
}

.purchasesubscription__duration li {
	display: table-row;
}

.purchasesubscription__duration li input, .purchasesubscription__duration li span {
	text-align: right;
}

.purchasesubscription__duration li input, .purchasesubscription__duration li span {
	display: table-cell;
	padding: 0 0.2em;
}