@CHARSET "UTF-8";


#metal #loading {
	background: #fdfdfd url(loading.gif) no-repeat 50px 50%;
	border: 1px solid #CCC;
	color: #999;
	margin: 5em 0 0 220px;
	padding: 10px 50px 10px 74px;
	width: 60px; /* total 186 */
	position: fixed;
	z-index: 1;
	bottom: 75px;
}


#metal {
	float: left;
	width: 626px;
	margin-bottom: 15px;
}


/*metalhead*/

#metalhead {
	width: 626px;
	margin: 1em 0 1.2em;
	position: relative;
}

	#metalhead #login, #metalhead #count {
		text-align: right;
	}
	
	#metalhead #login {
		float: left;
		width: 100%;
		border-bottom: 1px solid #cfd4e2;
		margin: 0 0 4px; padding: 0 0 5px;
	}
	
	#metalhead #metal_add_post_button { float: left; }


#metal_add_post_button {
	background: url(edit-reply-alert-1220.png) -508px 0 no-repeat;
	border: 0;
	padding-left: 22px;
	cursor: pointer;
	font-weight: bold;
}

#metalhead form { line-height: 26px; }
	#metalhead form#user_preferences { line-height: normal; }

	#metalhead fieldset {
		float: left;
		text-align: left;
		border: 0; padding: 0; margin: 0;
	}

		#metal textarea { font-size: 1em; font-family: 'Source Sans Pro', 'Trebuchet MS', sans-serif; }
		textarea#post_text { width: 600px; height: 250px; }

		#metalhead fieldset a { float: right; margin-top: 4px; }
		#metalhead #username, #metalhead #password { 
			width: 90px; 
			height: 16px; 
			margin: 0 5px 0 0;
			border: 1px solid #cfd4e2;
		}
		#metalhead fieldset submit { height: 22px; margin: 0 5px; }
		#metalhead #autologin { vertical-align: text-top; }

#metalhead a#mt_opts_open { text-decoration: underline; cursor: pointer; }

#metalhead #mt_options {
	background: #CFD4E2;
	margin: 5px 0 24px;
	padding: 8px;
	text-align: left;
	position: absolute;
	z-index: 10;
	right: 0;	top: 55px;
}
	#metalhead #mt_opts_close {
		float: right;
		font-weight: bold;
		margin: 0 5px 0 0;
		cursor: pointer;
	}
	
	#metalhead #mt_options em {
		font-size: .933em;
		display: block;
		padding-left: 22px;
	}

	#metalhead #mt_options input {
		vertical-align: top;
	}

	/* subscriber option */

	#mt_options #email_replies.gray label {
		margin-left: -20px;
		padding-left: 20px;
		background: url(subs/padlock-10x11.png) 4px 100% no-repeat;
		cursor: pointer;
		color: #80838c;
	}
		#mt_options #email_replies.gray label:hover { text-decoration: underline; }

	
#metalhead .mt_pages { padding-right: 5px; }
	#metal .mt_pages a, #metal .mt_pages span { margin: 0 5px 0 0; }

/* bottom page selector */

#mt_page_selector_bottom { 
	border-top: 1px solid #CFD4E2;
	float: right;
	margin: 18px 0px 0px;
	padding: 2px 0px 0px;
	text-align: right;
	width: 100%;
}



/* first post box */

#metal_add_box { position: relative; }
#metal_add_box form { text-align: center; }
#metal_add_box a.mt_formatting_tips { bottom: 3px; }

#metal_add_box #mt_firstpost_tips_box { 
	border-radius: 0;
	right: 10px;
	left: 10px;
}


/* discussion closed */

.mt_discussion_closed, .mt_noposts_yet {
	position: relative;
	text-align: center;
	font-weight: bold;
	font-style: italic;
}



/* basic tree structure */

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

	#metal ul ul {
		padding: 0;
		margin: 0 0 0 8px;
		border-left: 1px solid #bfc7d8;
	}
	
	#metal ul ul li {
		padding: 6px 0 0 7px;
		margin: 0 0 0 -1px;
		background: url(bullet3.gif) no-repeat 0 -17px;
		line-height: 16px;
	}
	
	#metal ul ul li.last { background-color: #fff; }
	
	#metal #list_main>ul>li>ul { margin-left: 15px; }
	
	





/* posts, reply views */
	
	#metal .starter, #metal .reply.highlight {
		padding-top: 23px;
		/*	padding-top: 16px;
		margin-top: 7px; */
	}
	
	#metal .starter { margin-top: 10px; /* formerly 17 */}
	
	
	#metal .post_user {
		position: absolute;
		background: url(mobile/callout.png) bottom right no-repeat;
		background-size: 20px 14px;
		height: 25px;
		margin: -23px 0 0 0 !important;
		padding: 0 27px 0 8px;
	}
		#metal .reply.highlight .post_user { padding-left: 3px; }
		
		#metal .post_user a { color: #000; text-decoration: none; }
			#metal .post_user a:hover { text-decoration: underline; }


	#metal span.gold, #metal span.silver {
		background: url(subs/small-badge-gold2.png) 100% 50% no-repeat;
		padding-right: 15px;
		border-right: 1px solid transparent;
	}

		#metal span.silver {
			background-image: url(subs/small-badge-silver2.png);
		}

		#metal .starter span.gold,
		#metal .starter span.silver,
		#metal .highlight span.gold,
		#metal .highlight span.silver { background: none; padding-right: inherit; }

	
	#metal .text_long {
		border-radius: 8px;
		border: 1px solid #bfc7d8;
		background-color: #fdfdfe;
		margin-top: -3px;
		
		box-shadow: inset -1px -1px 3px #e7eaf0;
			-moz-box-shadow: inset -1px -1px 3px #e7eaf0;
			-webkit-box-shadow: inset -1px -1px 3px #e7eaf0;

	}

	#metal .footer {
		position: relative;
		clear: both;
		height: 30px;
	}
		
		#metal .text_long .left {
			font-family: 'Lato', 'Trebuchet MS', sans-serif;

			padding: 5px 12px 0 5px;
			height: 20px;
			line-height: 18px;

		}
		
	#metal .reply > a { text-decoration: none; color: #142A51 !important; }
	#metal .reply > a:hover { text-decoration: underline; }	
		
			/* inside posts */
			
		
			#metal .left .date {
				float: left;
				height: 18px;
				line-height: 18px;
				border-radius: 8px;
				border: 1px solid #b6bed2;
				text-align: center;
				padding: 0 6px 0 0;

				font-size: 0.733em;
			}
			
				#metal .left .date strong {
					/* font-family: trebuchet ms, sans-serif; */
					color: #fff;
					background: #b6bed2;
					float: left !important;
					height: 20px;
					line-height: 20px;
					border-radius: 8px 0 0 8px;
					padding: 0 6px 0;
					margin: -1px 6px 0 -1px;
					text-transform: uppercase;					
				}
				
			#metal .left .score {
				float: left;
				height: 18px;
				border-radius: 8px;
				border: 1px solid #b6bed2;
				margin-left: 6px;
				padding: 0 6px 0 6px;
				line-height: 18px;
				text-align: center;
				font-weight: bold;
				color: #c3cada;

				font-size: 0.867em;
			}
				
				#metal .left .score.positive { color: #54a154; }
				#metal .left .score.negative { color: #cc6e6e; }
				
					#metal a.voteup, #metal a.voteup_gray, #metal a.votedown, #metal a.votedown_gray {
						float: left;
						width: 14px; height: 15px;
						background: url(mobile/thumbs.png) top left no-repeat;
						background-size: 28px 30px;
						margin: 1px 17px 0 0;
						text-decoration: none;
						line-height: 100px;
						overflow: hidden;
					}

						#metal a.votedown, #metal a.votedown_gray { 
							float: right;
							margin: 1px 0 0 17px;
						}
					
					#metal a.voteup_gray { background-position: bottom left; }
					#metal a.votedown {	background-position: top right; }
					#metal a.votedown_gray { background-position: bottom right; }
					
			

			#metal .sub {
				float: left;
				height: 18px;
				background: url(subs/full-badge-gold2.png) 6px no-repeat;

				border-radius: 8px;
				border: 1px solid #b6bed2;
				padding: 0 8px 0 25px;
				margin-left: 6px;
				font-size: 0.733em;
			}

				#metal .sub.silver {
					background-image: url(subs/full-badge-silver2.png);
				}


			#metal .mod_funcs {
				float: left;
				font-size: .867em;
				padding: 3px 0 0 8px;
			}

				#metal .mod_funcs a { margin-left: 5px; }
				
			
			#metal .footer a { text-decoration: none !important; color: #142A51; }
				#metal .footer a:hover { text-decoration: underline !important; }
			
			#metal .replybutton, #metal .editbutton  {
				position: absolute;
				right: 5px;
				bottom: 5px;
				border: 1px solid #b6bed2;
				border-radius: 8px;
				width: 62px;
				height: 20px;
				line-height: 20px;
				font-weight: bold;
				font-size: .867em;
				padding: 0 0 0 9px;

				background: #e8ebf1 url(mobile/reply.png) 48px 1.5px no-repeat;
				background-size: 17px 17px;
/*
				box-shadow: inset 0 0 3px #d8dce6;
					-moz-box-shadow: inset 0 0 3px #d8dce6;
					-webkit-box-shadow: inset 0 0 3px #d8dce6; */
			}
			
			#metal .editbutton {
				width: 54px;
				right: 83px;
				padding: 0 0 0 10px;
				background-image: url(mobile/edit.png);
				background-position: 40px 1.5px;
			}
			
				#metal .replybutton:hover, #metal .editbutton:hover { text-decoration: underline !important; }
			
			
		
		#metal .text_long .right {
			padding: 12px 12px 12px;
			line-height: normal;
			clear: both;
			overflow-wrap: break-word;
			}

			#metal .text_long .right a {
			/* horrible hack to make long URLs wrap [only in older browsers?] */
				word-wrap: break-word;
				white-space: pre;           /* CSS 2.0 */
				white-space: pre-wrap;      /* CSS 2.1 */
				white-space: pre-line;      /* CSS 3.0 */
				white-space: -pre-wrap;     /* Opera 4-6 */
				white-space: -o-pre-wrap;   /* Opera 7 */
				white-space: -moz-pre-wrap; /* Mozilla */
			}
		
		#metal .post_alert, #metal .mt_formatting_tips_box {
			background: #fffab2;
			position: absolute;
			z-index: 1;
			padding: 8px 40px 8px 8px;
			font-size: .933em;
			bottom: -1px; right: -1px; left: -1px;
			border: 1px solid #b6bed2;
			border-radius: 0 0 8px 8px;
			box-shadow: 0 -2px 6px rgba(0,0,0,0.1);
				-moz-box-shadow: 0 -2px 6px rgba(0,0,0,0.1);
				-webkit-box-shadow: 0 -2px 6px rgba(0,0,0,0.1);

		}
		
			#metal .post_alert a.alert_close, a.mt_formatting_tips_close {
				position: absolute;
				top: 0; right: 0;
				padding: 0 3px;
				margin: 7px 8px 0 20px;
				font-weight: bold;
				font-size: 1.2em;
				cursor: pointer;
			}
			
			#metal #post_alert_msg a { color: #354977; text-decoration: underline !important; }
				#metal #post_alert_msg a:hover { color: #677699; }
			
			
	/* anchor */
	
	#metal .mt_post_link {
		position: absolute;
		width: 8px; height: 8px;
		background: url(anchor5.png) no-repeat;
		margin: -31px 0 0 596px;
	}
	
		#metal .reply.highlight .mt_post_link { margin: -32px 0 0 573px; }




	/* reply styling */

	#metal .reply .post_user {
		background-image: url(mobile/reply-callout.png);
	}


	#metal .reply .text_long { 
		background-color: #f1f3f7;
		outline: 6px solid #fff;

	}

	#metal .reply .date, #metal .reply .score, #metal .reply .sub { background-color: #f9fafc; }

	#metal .reply .replybutton, #metal .reply .editbutton { background-color: #f9fafc; }


	#metal a.collapse {
		float: right;
		width: 23px; height: 19px;
		margin: -38px -13px 0 0;
		text-align: center;
		text-decoration: none !important;
		line-height: 16px;

		background: #fff;
		border-radius: 0 8px 0 0;
		border: 1px solid #bfc7d8;

		box-shadow: inset 1px -1px 2px #e7eaf0;
			-moz-box-shadow: inset 1px -1px 2px #e7eaf0;
			-webkit-box-shadow: inset 1px -1px 2px #e7eaf0;

	}

	
	#metal ul.mt_margin_fix { position: relative; } /* makes it go on top */










	/* reply collapsed */

	#metal .reply > strong { margin: 0 5px 0 3px; }
	
	#metal .mt_score_inner { margin-right: 5px; }
	
	/* latest reply bolding */
	
	.reply.latest { font-weight: bold; }
		.reply.latest.highlight { font-weight: normal; }


	



/* end basic tree structure */



/* post/reply text formatting */

#metal .reply strong { float: left; font-weight: bold; }
	#metal .reply strong a { color: #000; text-decoration: none; }
	#metal .reply strong a:hover { text-decoration: underline; }
#metal .reply a strong { float: left; font-weight: normal; }
	#metal .reply.highlight strong { float: none; }

#metal .reply:after { content: ""; display: block; height: 0; clear: both; }

/* #metal .starter div, #metal .highlight div { font-family: trebuchet ms, sans-serif; } */
	/* #metal .starter div.post_info, #metal .highlight div.post_info { font-family: tahoma, sans-serif; } */
	
#metal em.edited { display: block; margin: 12px 0 0px; font-size: .867em; color: #666; }

#metal .mt_spoiler, #metal .btspoiler { color: #000; background: #000; }
	#metal .mt_spoiler:hover, #metal .mt_spoiler_click, #metal .btspoiler:hover { color: #fff; }
	
.text_long ul { list-style-type: disc !important; padding: 0 0 0 36px !important; margin: 0 0 -0.7em !important; border: 0 !important; }
.text_long li { padding: 0 !important; margin: 0 !important; background: 0 !important; line-height: 18px !important; }

.text_long blockquote { 
	border-left: 2px solid #c3cada;
	color: #666;
	margin: 5px 0px 5px 20px;
	padding: 2px 8px;
}
	.text_long blockquote cite { font-size: .933em; display: block; }
	
	.text_long blockquote + br { display: none; }


/* formatting tips */

a.mt_formatting_tips {
	font-style: italic; font-weight: bold; font-size: .923em; cursor: pointer;
}
	

	
#metal .mt_code { 
	background: #CFD4E2;
	display: block;
	font: .923em courier new, monospace;
	overflow: auto;
	white-space: pre;
	padding: 5px;
}

	#metal .mt_code br { display: none; }

	
	/* reply form */
	
	#metal .footer.replyarea {
		height: auto;
		padding: 0 0 9px;
		background: #f1f3f7;
		border-top: 1px solid #bfc7d8;
		border-radius: 0 0 8px 8px;
		text-align: center;
	}
	
		#metal .footer.replyarea form {
			position: relative;
			text-align: center;
			padding: 8px 14px 2px 8px;
		}
		
		#metal .footer.replyarea form textarea {
			width: 100%;
			height: 250px;
		}

		#metal .footer.replyarea form button { margin-right: 5px; }
	
	
		#metal .reply .footer.replyarea, #metal .reply .footer.replyarea form { 
			background: #fdfdfe;
		}
		
	


	/* edit form */
	
	#metal form#edit_form {
		text-align: center;		
	}
	
	#metal form#edit_form  textarea {
		width: 100%;
		height: 250px;
		text-align: left;
	}
	
	#metal form#edit_form fieldset { border: 0; margin: 0; }
	#metal form#edit_form fieldset.right { 
		margin-top: -3px;
		margin-right: 6px;
		padding-bottom: 0; 
		float: none;
	}
	
	#metal form#edit_form fieldset.footer {
		padding: 0 0 8px 0;
	
	}
		#metal form#edit_form fieldset.footer button { margin-right: 5px; }

	

.starter .mt_post_deleted, .reply.highlight .mt_post_deleted {
	color: #e6e6e6;
	/* float: left; */
	display: block;
	font-size: 2.533em;
	font-weight: normal;
	/* padding-top: 22px; */
	text-align: center;
	width: 100%;
}



a.mt_tagbox_open { cursor: pointer; }

.mt_tagbox {
	background: #cfd4e2;
	padding: 8px;
	position: absolute;
	z-index: 10;
	margin-left: -20px;
}


	.mt_tagbox_close {
		text-transform: lowercase;
		font-weight: bold;
		padding-left: 20px;
		cursor: pointer;
	}
	
	.mt_tagbox a { cursor: pointer; }
	
	.mt_tagbox a.mt_tag_selected { font-weight: bold; background: #ffffdd; padding: 0 3px; }
	
	
	
/* flat view */

.mt_flat_id {
	float: left;
	margin-top: 5px;
	text-align: center;
	width: 55px;
	font-size: .867em;
}


.mt_flat_reply {
	color: #354977; 
	text-decoration: underline;
	cursor: pointer;
}
	.mt_flat_reply:hover { color: #677699; }




/* ja.zz styles (legacy) */

	.smaller { font-size: .933em; }
	.btred { color: red }
	.btyellow { color: #008103; }
	.btgreen { color: #008103; }
	.btblue { color: #008103; }
	.btunderline { text-decoration: underline }
	.btbold { font-weight: bold }
	.btitalic { font-style: italic }
	.btstrike { text-decoration: line-through }
	.btlime { color: #008103 }

	.btolive { font-family: ms mincho }
	.~btfuchsia { color: fuchsia }
	.~btorange { color: orange }	
	.~btpink { color: pink }
	.~btaqua { color: #7FFFD4 }
	
	.btsample { font-family: courier new; font-size: .933em; }
	.btspoiler { color: #606c85; background-color: #606c85; font-family: courier new; }

	.btquote { letter-spacing : 0; color: #878ABB; font-weight: bold;} 

	.threadprevblock { margin-left: 10px }
	
	
	
	
/* mobile addendums */

@media only screen and (max-device-width: 480px) {
	#metal { -webkit-text-size-adjust: 100% !important; }
		#metal .right { -webkit-text-size-adjust: 150% !important; line-height: 1em !important; }
}



/* line height stuff -- MERGE AFTER FURTHER TESTING */

#metal .text_long .right { line-height: 1.385em; }