/*
This is the default CSS for perturb.org
Scott Baker - 2004
*/

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
	font-family : 'FontinRegular';
	font-style  : normal;
	font-weight : 400;
	src:
		local('Fontin'),
		local('Fontin-Regular'),
		url('/css/fonts/fontin/fontin-regular-fontin.woff') format('woff');
}

@font-face {
	font-family : 'FontinRegular';
	font-style  : italic;
	font-weight : 400;
	src:
		local('Fontin Italic'),
		local('Fontin-Regular-Italic'),
		url('/css/fonts/fontin/fontin-italic-fontin.woff') format('woff');
}

@font-face {
	font-family : 'FontinRegular';
	font-style  : normal;
	font-weight : 700;
	src:
		local('Fontin Bold'),
		local('Fontin-Regular-Bold'),
		url('/css/fonts/fontin/fontin-bold-fontin.woff') format('woff');
}

/* Best monospace font EVAR! */
/* http://blogs.adobe.com/typblography/2012/09/source-code-pro.html */
@font-face {
	font-family : 'Source Code Pro';
	font-style  : normal;
	font-weight : 400;
	src         :
		local('Source Code Pro'),
		local('SourceCodePro-Regular'),
		url('/css/fonts/source_code_pro/source_code_pro.woff') format('woff');
}

@font-face {
	font-family : 'Source Code Pro';
	font-style  : normal;
	font-weight : 700;
	src         :
		local('Source Code Pro Bold'),
		local('SourceCodePro-Bold'),
		url('/css/fonts/source_code_pro/source_code_pro_bold.woff') format('woff');
}

/* ------------------------------------------------------------- */

body {
	font-family: 'FontinRegular', sans-serif;
	margin-top: 15px;
	margin-left: 1.5em;
	margin-right: 1.5em;
	background-color: black;
	/*min-width: 650px;*/
	color: white;
}

::selection {
  background: #ffb7b7; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #27BC1F; /* Gecko Browsers */
}

/* This is the header navigation buttons at the top of each page */
.page_header {
	width: 100%;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	border: 0px solid yellow;
	color: white;
}
.page_header img { border: 0px solid white; margin-left: 3%; margin-right: 3%; }

/* This is the formatting for the "New Entry" if you're logged in */
.admin_section { font-weight: bold; font-size: 12pt; margin-bottom: 15px; }

a:link { color: #cccccc; font-weight: normal; text-decoration: none; }
a:visited { color: #999999; font-weight: normal; text-decoration: none; }
a:hover { color: #33ccff; text-decoration: underline; }

/* Code selections */
.code_header {
	font-family : 'FontinRegular', sans-serif;
	font-size   : 8pt;
	font-weight : bold;
	margin      : 15px 0 0 0;
}

/*
.code_table { border: 0px solid red; margin-bottom: 5px; }
*/

code, .line_numbers {
	font-family      : 'Source Code Pro', monospace;
	color            : black;
	text-align       : left;
	font-size        : 10pt;
	background-color : #FAFAFA;
	border           : 1px solid #D1D7DC;
	padding          : 3px;
	white-space      : pre;
	display          : inline-block;
	-moz-tab-size    : 4;
	tab-size         : 4;
}

.entry_body pre > code, .reply_body pre > code, .entry_body code {
	display       : inline-block;
	border-radius : 3px;
	padding       : 3px;
	background    : url('/images/graph-paper-wallpaper.gif');
}

.entry_body ol {
	margin: .5em 0 .5em 0;
}

.entry_body table {
	margin: .5em 0 .5em 0;
}

.entry_body.format_markdown > * {
	/*margin: 1em 0;*/
	margin-top: 0;
}

.entry_body.format_html code {
	display : block;
	margin  : 0 0 1em 0;
}

.entry_body > *:first-child, .reply_body > *:first-child {
	margin-top    : 0px;
}

.entry_body > *:last-child, .reply_body > *:last-child {
	margin-bottom    : 0px;
}

.entry_body.format_markdown blockquote:first-child {
	margin-top: 0.75em;
}

.entry_body table {
	border-collapse: collapse;
}

.entry_body th {
	background-color: #585858;
	text-align: center;
}

.center {
	text-align: center;
}

.entry_body td, .entry_body th {
	border: 1px solid;
	padding: 0.5em;
}

.entry_body blockquote {
	border-left      : 2px solid white;
	padding          : 0.5em 1em 0.5em 0.5em;
	background-color : #414141;
	/*margin         : 0 1em !important;*/
	margin-right     : 1em;
	margin-left      : 1em;
}

blockquote > p:first-child {
	margin-top: 0;
}

blockquote > p:last-child {
	margin-bottom: 0;
}

/* Qutotation styles */
.quotation {
	max-width     : 500px;
	width         : 80%;
	margin-left   : auto;
	margin-right  : auto;
	border        : 0px solid white;
	margin-top    : 0px;
	margin-bottom : 40px;
}
.quote_quote { text-align: justify; }
.quote_author { text-align: right; font-style: italic; }

.quote_whole { width: 95%; border: 0px solid green; margin-bottom: 15px; }
.quote_header { border: 0px solid; color: white; font-weight: bold; }
.quote_date { color: red; width: 150px; border: 0px solid; }
.quote_buttons { margin-left: 25px; }

/* Entries */
.entry { border: 0px solid; color: yellow; }

.entry_header_text {
	/*border: 1px solid #4f4f4f;*/
	/*background: #292929;*/
	/*padding: 3px;*/
	font-size: 1.4em;
	text-shadow: gray 2px 2px 2px;
	font-weight: bold;
}

.entry_header {
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 3px;
	border: 0px;
	margin-left: 3px;
}
.entry_title {
	color: #FFAA00;
	border: 0px solid;
}

.entry_header a:hover {
	color: #FFAA00;
	text-decoration: underline;
}

.entry_date {
	color: yellow;
	margin-left: 25px;
	border: 0px solid;
}

.entry_para { border: 0px solid red; margin: 10px 0px 0px 0px; }

.entry_buttons {
	margin-left : 10px;
	border      : 0px solid green;
}
.entry_buttons img {
	border  : 0px solid;
	padding : 0px;
}

.admin_button {
	margin-left: 0.33em;
}

.entry_meat:hover a { color: #00ffff; text-decoration: underline; }
.entry_meat a:hover { color: #33ccff; text-decoration: underline; }
.entry_body {
	color: #ffffff;
	background: #292929;
	text-align: justify;
	border: 1px solid #4f4f4f;
	margin-top: 7px;
	padding: 5px;
}

.entry_reply { border: 0px solid; text-align: right; margin-bottom: 20px; margin-top: 5px; }

/* Page footer stuff */
.page_footer { color: white; width: 700px; margin-left: 15px; margin-top: 15px; border: 0px solid green; }
.page_footer:hover a { color: #00ffff; text-decoration: underline; }
.page_footer a:hover { color: #33ccff; text-decoration: underline; }
.page_counter { margin-top: 10px; border: 0px solid; }

/* Reply formatting for showing a whole entry */
.reply_main { color: white; margin-bottom: 15px; border: 0px solid; }
.reply_header { color: white; border: 1px solid #4f4f4f; font-weight: bold; margin-bottom: 3px; background: #292929; padding: 3px; margin-top: 0px; }
.reply_name { color: red; border: 0px solid; }
.reply_date { color: yellow; border: 0px solid; margin-left: 10px; }
.reply_body { color: white; border: 1px solid #4f4f4f; background: #292929; padding: 3px; margin-bottom: 15px; }
.reply_email { color: #ffa200; }
.reply_div_text { font-size: 1.1em; font-weight: bold; }

.creative_commons { text-align: center; font-size: .8em; }

.page_footer { width: 99%; }
.page_counter { border: 0px solid; }

/* The email address footer formatting */
.email_address { font-family: monospace; }
.email_footer { float: left; margin-top: 5px; }

/* Formatting for the search box at the bottom of the page */
.entry_search { float: right; margin-bottom: 10px;}
.search_label { display: block; float: left; width: 120px; font-weight: normal; }
.search_input { border: 1px solid gray; }
.search_results { border: 1px solid green; }
.clear { clear: both; }

/* Assorted other little formatting */
.hidden { display: none; }
.login_header { font-size: 12pt; font-weight: bold; }
.debug_text { font-size: 8pt; color: #8f8f8f; margin-left: 15px; clear: both; }
.medium_header { font-size: 14pt; }
.small_text { font-size: 8pt; color: gray; }

/* td { font-family: Verdana, sans-serif; font-size: 10pt; } */
table.tborder { border-collapse: collapse; }
td.tborder { border: 1px solid; vertical-align: baseline; }

.input_flat { border: 1px solid gray; }
.ip_address { font-family: monospace; font-weight: bold; }

ul { border: 0px solid; margin: 0px; }

/*
See: https://bugzilla.mozilla.org/show_bug.cgi?id=116083#c22
*/
.moz-hack { margin: 0; }

.search_hl_one { font-weight: bold; color: #BFFFB6; }
.search_hl_two { font-weight: bold; color: #FFFF98; }
.search_hl_three { font-weight: bold; color: #CFF5FF; }
.search_hl_four { font-weight: bold; color: #DDBBFF; }

.private_entry { background: #4f4f4f; border: 1px solid #292929; }

.header_buttons { margin-left: auto; margin-right: auto; text-align: center; border: 0px solid; }

.header_icon {
	display    : inline-block;
	border     : 0px solid;
	width      : 100px;
	margin     : 0 25px;
	font-style : italic;
	font-size  : 1.2em;
}

.captcha {
	border-radius: 4px;
}

.entry_header_text, .entry_body {
	border-radius: 2px;
	overflow: auto;
}

.stat_table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

.stat_table tr.header {
	background-color: #585858;
	text-align: center;
}

.stat_table td, .stat_table th {
	border: 1px solid;
	padding: 0.5em;
}

.entry_tags {
	border: 0px solid green;
}

.entry_tag_item {
	display          : inline-block;
	padding          : 2px 4px;
	border-radius    : 2px;
	border           : 1px solid #aaa;
	margin           : 0 5px 0 0;
	background-color : #222;
}

/*This is for medium width devices - tablets*/
@media (min-width: 641px) and (max-width: 1025px) {
	body {
		margin-left  : 0.5em;
		margin-right : 0.5em;
		/*background-color: orange ;*/
	}

	.header_icon {
		margin: 0 9px;
	}
}

/* This is for small width devices - phones */
@media (min-width: 0px) and (max-width: 640px) {
	body {
		margin-left  : 0.5em;
		margin-right : 0.5em;
		/*background-color: red;*/
	}

	.phone-hide {
		display: none;
	}
	.header_icon {
		margin: 0;
	}

	.header_icon img {
		max-width: 50%;
	}

	/*.entry_header_text {*/
	/*    border: 0;*/
	/*    background: 0;*/
	/*}*/
}