/**
 * Stylesheet for the XtremeV3_GREEN Theme
 *
 * @filename:  style.css
 * @author  :  The Mortal
 * @version :  3.0
 * @date    :  12/24/2018 (DD/MM/YYY)
 * @license :  Copyright (c) 2019 The Mortal RealmDesignz.com under the MIT license
 * @notes   :  n/a
 *
 * -- -------------------------------------------------------------------
 * \/ STYLESHEET NAVIGATION
 * -- -------------------------------------------------------------------
 *
 * 1.  Reset CSS
 * 2.  Primary page styles
 * 3.  Page elements
 * 4.  Page header
 * 5.  Page footer
 * 6.  User interaction
 * 7.  Body content wrappers
 * 8.  Side body blocks
 * 9.  Center content wrapper
 * 10. Story content wrapper
 * 11. Inputs
 * 12. Clearfix
 * 13. Forums Page Styles
 * --- -------------------------------------------------------------------
*/

@import url('//fonts.googleapis.com/css?family=Dosis|Faster+One|Montserrat|Open+Sans|Yanone+Kaffeesatz|Kanit|Roboto');

/*
 * 1. Reset CSS
 *
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v2.0 2019-01-07 | Authors: Eric Meyer
 * html5doctor.com/html-5-reset-stylesheet/
 ----------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
	margin: 0;
	/*padding: 0;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	/*line-height: 1;*/
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

select { cursor: pointer; }

input, select { vertical-align: middle; }
label.radio { cursor: pointer; }
input[type='checkbox'] { cursor: pointer; }

/*
 * 2. Primary page styles
 *----------------------------------------
*/

#flex-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#flex-item {

}

.container {
	margin: 0 auto;
}

body {
    background-image: url('../style/images/bg1.jpg');
	/*background-image: url('../style/images/bg2.jpg');*/
	/*background-image: url('../style/images/bg3.jpg');*/
	background-attachment: fixed;
	background-position: top center;
	background-color: #101010;
}

body {	
	font-size: 14px; 
	color: #fff;
	font-family: "Open Sans", sans-serif;
	text-rendering: optimizeLegibility;
}

a { 
	color: #ccc; 
	text-decoration: none; 
}
a:hover { 
	color: #A6E908;
}
A:focus { outline: none; }
object  { outline: none; }

/*
 * 3. Page elements
 *--------------------------------------------------
*/
textarea, select, input {
	background-color: #333;
	color: #545 !important;
	font-family: "Open Sans", sans-serif;
	letter-spacing: 0px;
	margin: 0px 1px 1px;
	padding: 4px;
	border: 1px solid #A6E908;
	resize: vertical;
	box-sizing: border-box;
}

p { padding-bottom: 5px; text-decoration: none; }
p, table { text-decoration: none; }

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 5px 0;
	width: 100%;
}

ul {
	list-style-type: disc;
}

h1, h2, h3, h4, h5, h6 {
	color: #999;
	font-weight: normal;
}
h1 { font-size: 30px; line-height: 1; margin-bottom: 5px; }
h2 { font-size: 20px; margin-bottom: 7.5px; }
h3 { font-size: 15px; line-height: 1; margin-bottom: 10px; }
h4 { font-size: 12px; line-height: 1.25; margin-bottom: 12.5px; }
h5 { font-size: 10px; font-weight: bold; margin-bottom: 15px; }
h6 { font-size: 10px; font-weight: bold; }


/*
 * 4. Page Header
 *--------------------------------------------------
*/
.wrapLogo {
	background-image: url('../images/hdr/Text-Logo.png');
	float: left;
	height: 110px;
	padding: 0;
	text-indent: -9999px;
	width: 400px;
	margin: 20px 15px 0 0;
}

#hdr-banner-ads {
	width: 468px;
	height: 60px;
	float: right;
	clear: right;
	margin: 40px 15px 0 0;
}

.bviewed {
	font-size: 14px;
	color: #303030;
	text-decoration: none;
	padding-top: 14px;
}
/*
 * 5. Page Footer
 *--------------------------------------------------
*/
footer .copyright { color: #fff; }
footer a { color: #A6E908; }

.copyright,
a.copyright,
a.copyright:link,
a.copyright:active,
a.copyright:visited {
	font-size: 14px;
	color: #ccc;
	text-decoration: none;
}
a.copyright:hover {
	font-size: 14px;
	color: #A6E908;
	text-decoration: none;
}

.ftr-banner-ads {
	width: 468px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*
 * 6. User interaction
 *--------------------------------------------------
*/
.welcomebg {
	background: url('../images/hdr/Usernav_01.png') no-repeat;
	height: 60px;
	min-width: 280px;
	width: 280px;
	color: #A6E908;
	text-indent: 96px;
}
.userlinksbg {
	background: url('../images/hdr/Usernav_03.png') no-repeat;
	height: 60px;
	min-width: 280px;
	width: 280px;
	color: #A6E908;
	text-indent: -80px;
}

/*
 * 7. Body Content wrappers
 *--------------------------------------------------
*/
.body-background {
	background-color: #262626;
}
.body-background2 {
	background-color: #202020;
}

/*
 * 8. Side Body Blocks
 *--------------------------------------------------
*/
.blocktitle {
	font-weight: bold;
	font-size: 12px;
	color: #A6E908;
	letter-spacing: 0px;
	text-decoration: none;
	text-shadow: 0px 0px 5px #636363, 0px 0px 5px #131313;
	text-transform: uppercase;
}
.bl1 {
	background: url('../images/blocks/Blocks_01.png') no-repeat;
	height: 50px;
	width: 218px;
}
.bl2 {
	background: url('../images/blocks/Blocks_02.png') repeat-y;
	height: auto;
	width: 218px;
}
.bl3 {
	background: url('../images/blocks/Blocks_03.png') no-repeat;
	height: 20px;
	width: 218px;
}
.bl5 {
	background-color: #202020;
}

.bl5-content {
	padding-left: 20px; 
	padding-right: 20px;
}

/*
 * 9. Tables Center Content
 *--------------------------------------------------
*/
.tb1 {
	background: url('../images/tables/Tables_01.png') no-repeat;
	height: 20px;
	min-width: 30px;
	width: 30px;
}
.tb2 {
	background: url('../images/tables/Tables_02.png') repeat-x;
	height: 20px;
	width: 100%;
}
.tb3 {
	background: url('../images/tables/Tables_03.png') no-repeat;
	height: 20px;
	min-width: 30px;
	width: 30px;
}
.tb4 {
	background: url('../images/tables/Tables_04.png') repeat-y;
	height:auto;
	width: 18px;
}
.tb6 {
	background: url('../images/tables/Tables_06.png') repeat-y;
	height:auto;
	width: 18px;
}
.tb5 {
	background-color: #202020;
	width: 96%;
}
.tb7 {
	background: url('../images/tables/Tables_07.png') no-repeat;
	height: 20px;
	min-width: 30px;
	width: 30px;
}
.tb8 {
	background: url('../images/tables/Tables_08.png') repeat-x;
	height: 20px;
	width: 100%;
}
.tb9 {
	background: url('../images/tables/Tables_09.png') no-repeat;
	height: 20px;
	min-width: 30px;
	width: 30px;
}

/*
 * 10. News Story Content Wrapper
 *--------------------------------------------------
*/

article:first-of-type, .news-article {
	padding-top: 10px;
}

article:last-of-type, .news-article {
	padding-top: 0;
	padding-bottom: 10px;
}

.storytitle-wrapper {
	padding-top: 14px;
}

.storytitle {
	font-weight: bold;
	font-size: 12px;
	color: #FACD8F;
	letter-spacing: 0px;
	text-decoration: none;
}

.postedoption {
	padding-bottom:6px; 
	float: right;
	text-align: right;
}

.st1 {
	background: url('../images/news/News_01.png') no-repeat;
	height: 50px;
	min-width: 32px;
	width: 32px;
}
.st2 {
	background: url('../images/news/News_02.png') repeat-x;
	height: 50px;
	width: 100%;
}
.st3 {
	background: url('../images/news/News_03.png') no-repeat;
	height: 50px;
	min-width: 38px;
	width: 38px;
}
.st4 {
	background: url('../images/news/News_04.png') repeat-y;
	width: 20px;
}
.st6 {
	background: url('../images/news/News_06.png') repeat-y;
	width: 20px;
}
.st5 {
	background-color: #202020;
	height: auto;
	width: 96%;
}
.st7 {
	background: url('../images/news/News_07.png') no-repeat;
	height: 60px;
	min-width: 32px;
	width: 32px;
}
.st8 {
	background: url('../images/news/News_08.png') repeat-x;
	height: 60px;
	width: 100%;
}
.st9 {
	background: url('../images/news/News_09.png') no-repeat;
	height: 60px;
	min-width: 32px;
	width: 32px;
}
.story-bd article {
	margin: 0 16px;
	overflow: hidden;
	position: relative;
	text-align: left;
	z-index: 1;
}


/*
 * 11. Inputs
 *--------------------------------------------------
*/
input {
	color: #A6E908;
	font-size: 13px;
	border: 1px solid #858585;
	padding: 4px;
	letter-spacing: 1px;
	box-sizing: border-box;
}
input.noborder {
	color: #fff;
	font: 11px arial, helvetica, sans-serif;
	border: 0 solid #fff;
}
input.sub {
	color: #A6E908;
	font-size: 11px;
	background-color: #444;
	border: 1px solid #858585;
}

input.button, input.mainoption, input.liteoption {
	color: #A6E908;
	font-size: 13px;
}

.language-css { color: #cd6a51; }

.left { text-align: left; }
.center { text-align: center; }
.justify { text-align: justify; }
.right { text-align: right; }

/* Changes Color for: Story Box - Post By Line */
td.content {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}
td.extra {
	border: 0 solid #131313;
	border-right-color: #898989;
	border-bottom-color: #898989;
}

.heading {
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	letter-spacing: 0;
	text-decoration: none;
}


/*
 * 12. Clearfix
 *
 * The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
 * j.mp/bestclearfix
 *--------------------------------------------------
*/
.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*
 * 13. FORUMS CSS Coding Begins Here
 *--------------------------------------------------
*/

/* Border Line & Background Color Round the Entire Page */
.bodyline {
	background-color: #2c2c2c;
	border: 0 solid #000;
}

/* The Outline Round the Main Forum Tables */
.forumline {
	background: #333;
	border: #222 0px solid;
}

/* Main table cell colours and backgrounds */
td.row1 {
	background: #494949;
	border: 1px solid #787878;
	padding: 4px;
}

td.row2 {
	background-color: #494949;
	border: 1px solid #787878;
	padding: 4px;
}

td.row3 {
	background-color: #4c4c4c;
	border: 1px solid #222;
	border: 1px solid #787878;
	padding: 4px;
}

/* Category Row Right */
td.rowpic {
	background: #292929;
	border: #cccccc 1px solid;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}

/* Recent Topics Row*/
th {
	color: #FFF;
	border: 1px solid #222;
	border-bottom-width: 0;
	font-size: 10px;
	background-color: #3d3d3d;
	white-space: nowrap;
	text-align: center;
}

th.bar {
	background: #333;
	border: #222 1px solid;
	color: #ddd;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

/* Category Row Left */
td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
	background-color: #343434;
	color: #FFF;
	border: 1px solid #787878;
	white-space: nowrap;
	padding: 4px;
}

td.cat, td.catHead, td.catBottom {
	background-color: #343434;
	color: #FFF;
	border: 1px solid #787878;
	white-space: nowrap;
}

/*
 * Setting additional nice inner borders for the main table cells.
 * The names indicate which sides the border will be on.
 * Don't worry if you don't understand this, just ignore it :-)
 *----------------------------------------------------------------
*/


/* Recent Topics, Row1, Viewforum_Body.tpl */
th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR {
	color: #F1F1F1;
	border: 1px solid #222;
	border-bottom-width: 0;
	font-size: 10px;
	background-color: #444;
	white-space: nowrap;
}

/* Forum_Body.tpl - Last Column */
td.row3Right, td.spaceRow {
	height: 25px;
	color: #F1F1F1;
	border: 1px solid #222;
	border-bottom-width: 0;
	font-size: 10px;
	background-color: #444;
	white-space: nowrap;
}

/* The Largest Text Used in the Index Page Title & Toptic Title Etc. */
.maintitle, h1, h2 {
	font-weight: bold;
	font-size: 18px;
	line-height: 120%;
	color: #CCC;
	text-decoration: none;
}
a.maintitle:link {
	color: #A6E908;
	font-size: 18px;
	text-decoration: none;
}
a.maintitle:visited {
	color: #A6E908;
	font-size: 18px;
	text-decoration: none;
}
a.maintitle:hover {
	color: #888;
	font-size: 18px;
	text-decoration: none;
}

/* General Text */
.gen {
	font-size: 13px;
	color: #FFF;
}
.genmed {
	font-size: 12px;
}
.gensmall {
	font-size: 10px;
}
.gen, .genmed, .gensmall {
	color: #FFF;
}
a.gen, a.genmed, a.gensmall {
	background: transparent;
	color: #FFF;
	text-decoration: none;
}
a.gen:hover, a.genmed:hover, a.gensmall:hover {
	color: #A6E908;
	text-decoration: none;
}

/* The Register, Login, Search, Etc, Links at the Top of the Page */
.mainmenu {
	color: #FFF;
}
a.mainmenu {
	color: #FFF;
	text-decoration: none;
}
a.mainmenu:hover {
	color: #bbbbbb;
	text-decoration: none;
}

/* Forum Cattitle & Description Text */
.cattitle {
	font-size: 11px !important;
	letter-spacing: 1px;
}
a.cattitle {
	color: #AFAFAF;
	text-decoration: none;
}
a.cattitle:hover {
	color: #A6E908;
	text-decoration: none;
}

.cattitle3 {
	color: #FED192;
	font-size: 13px !important;
	letter-spacing: 1px;
}
a.cattitle3 {
	color: #AFAFAF;
	text-decoration: none;
}
a.cattitle3:hover {
	color: #A6E908;
	text-decoration: none;
}

/* Forum title: Text and link to the forums used in: index.php */
.forumlink {
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
}
a.forumlink {
	color: #999;
	text-decoration: none;
}
a.forumlink:hover {
	color: #006a0a;
	text-decoration: none;
}

/* Used for the Navigation text, (Page 1,2,3 etc) & the navigation bar when in a forum */
.nav {
	font-weight: bold; font-size: 11px; color: #999;
}
a.nav {
	color: #999; text-decoration: none;
}
a.nav:hover {
	color: #999; text-decoration: none;
}

/* Titles for the Topics: Could specify viewed link color too */
.topictitle {
	color: #DDD;
}
a.topictitle:link {
	color: #999;
	text-decoration: none;
}
a.topictitle:visited {
	color: #999;
	text-decoration: none;
}
a.topictitle:hover {
	color: #58cb63;
	text-decoration: none;
}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name {
	font-size: 11px;
	color: #FFF;
}

/* Location, number of posts, post date etc */
.postdetails {
	font-size: 10px;
	color: #FFF;
}

/* The content of the posts (body of text) */
.postbody {
	font-size: 15px;
	color: #D3D3D3;
}

a.postlink:link {
	color: #FED192;
	text-decoration: none;
}
a.postlink:visited,
a.postlink:hover {
	color: #A6E908;
	text-decoration: underline;
}


.fa-angle-double-up {
	text-shadow: 0px 0px 5px #636363, 0px 0px 4px #A20303;
}

/*--------------------------------------------------------------*/
/* Everything Below this Line Needs to be Added to Other Themes */
/*--------------------------------------------------------------*/
input[type='submit'],input[type='checkbox'],input[type='radio']{cursor:pointer;}
select{color: #fff;border:1px solid #A6E908;cursor:pointer;margin:0 1px 1px;box-sizing:border-box;}
input{color: #A6E908;border:1px solid #A6E908;box-sizing:border-box;letter-spacing:1px;margin:0 1px 1px;padding:5px;box-sizing:border-box;}
span.uppercase{text-transform:uppercase;}

td.forums,th.forums{padding-left:5px;}
td.threads,th.threads{width:80px;}
td.last_post,th.last_post{width:200px;padding-left:5px;}

input[type='radio']{background-color:transparent!important;width:18px;height:18px;}
input[type='checkbox']{width:18px;height:18px;}
input[type='image']{border:none;padding:0;}

progress{background-color:#f3f3f3;border:0;height:18px;}

.codebox { display: block; padding: 7px; border: 1px solid #b5b7b9; background-color: #343434; }
.codebox code { display: block; font: 1em Monaco, andale mono, courier new, Courier, monospace; max-height: 500px; max-width: 100%; overflow: auto; margin: 0; padding: 5px 3px; }
.codebox p { display: block; font-weight: 600; border-bottom: 1px solid #ccc; text-transform: uppercase; }
.phpcodebox { background-color: #fdf6e3; }
.phpcodebox p { color: #333; }
.code_select { color: #676767; }
.code_select:hover { color: #D29A2B; }

.notepaper{position:relative;margin:auto;padding:29px 20px 20px 45px;width:90%;line-height:32px;color:#6a5f49;text-shadow:0 1px 1px #fff;background-color:#f2f6c1;background-image:-webkit-radial-gradient(center,cover,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.1) 90%),-webkit-repeating-linear-gradient(top,transparent 0%,transparent 29px,rgba(239,207,173,0.7) 29px,rgba(239,207,173,0.7) 30px); background-image:-moz-radial-gradient(center,cover,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.1) 90%),-moz-repeating-linear-gradient(top,transparent 0%,transparent 29px,rgba(239,207,173,0.7) 29px,rgba(239,207,173,0.7) 30px); background-image:-o-radial-gradient(center,cover,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.1) 90%),-o-repeating-linear-gradient(top,transparent 0%,transparent 29px,rgba(239,207,173,0.7) 29px,rgba(239,207,173,0.7) 30px);border:1px solid #c3baaa;border-color:rgba(195,186,170,0.9);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.5),inset 0 0 5px #d8e071,0 0 1px rgba(0,0,0,0.1),0 2px rgba(0,0,0,0.02);box-shadow:inset 0 1px rgba(255,255,255,0.5),inset 0 0 5px #d8e071,0 0 1px rgba(0,0,0,0.1),0 2px rgba(0,0,0,0.02)}
.notepaper:before,.notepaper:after{content:'';position:absolute;top:0;bottom:0;}
.notepaper:before{left:28px;width:2px;border:solid #efcfad;border-color:rgba(239,207,173,0.9);border-width:0 1px;}
.notepaper:after{z-index:-1;left:0;right:0;background:rgba(242,246,193,0.9);border:1px solid rgba(170,157,134,0.7);-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}

.curly-quotes:before,.curly-quotes:after{display:inline-block;vertical-align:top;height:30px;line-height:48px;font-size:50px;opacity:.2;}
.curly-quotes:before{content:'\201C';margin-right:4px;margin-left:-8px;}
.curly-quotes:after{content:'\201D';margin-left:4px;margin-right:-8px;}

.quote-by{display:block;padding-right:10px;font-size:13px;font-style:italic;color:#84775c;}
.lt-ie8 .notepaper{padding:15px 25px;}

.lastpost .fa{float:right;padding:10px;transition:all .2s ease-in-out;}
.left{text-align:left;}
.center{text-align:center;}
.justify{text-align:justify;}
.right{text-align:right;}

.forum-ranks {margin-bottom: 2px;}
.forum-avatar {padding-bottom: 5px;}