content, footer, input @charset "utf-8";

/* 

  CSS Document written by Sysode (Reecematthews[.co.uk]) for use
  on {sitename} only. It is important you fully understand what
  you are editing when you edit this file, try to avoid changing links
  etc unless you are 100% certain you know what you're doing.

 */
 
 
 /* ======== Some CSS Resets ======== */
 
 
 html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


/* ======== Includes of custom fonts / Global ======== */
@font-face {
	font-family:'Minecraft Regular';
	src:url('/minecraft.eot');
	src:url('/minecraft.eot') format('embedded-opentype'),
		url('/minecraft.woff') format('woff'),
		url('/minecraft.ttf') format('truetype'),
		url('/minecraft.svg#Minecraft') format('svg');
	font-weight:normal;
	font-style:normal;
}


 html, body {
	font-family:Arial, Helvetica, sans-serif;
	background: #EBEBEB ;
	background-position:50% 0;
	margin:0;
	padding:0;
}

/* Global styling for links / selectors */
a { font-weight:bold; color:black; }

a:link {color:#1E1E50;text-decoration:none;}    /* unvisited link */
a:visited {color:#006C6C;text-decoration:none;} /* visited link */
a:hover {color:#6B60B5;text-decoration:underline;}   /* mouse over link */
a:active {color:#FFFF00;text-decoration:underline;}  /* selected link */

::selection {
	background: #382E18; /* Safari */
	}
::-moz-selection {
	background: #382E18; /* Firefox */
}

/* Small addition fixes for spacing, messy but it works */
.spacefix.big{ margin-top:10%; }
.spacefix.small{ margin-top:2.5%; }
.spacefix.ssmall{ margin-top:1; }

/* footer styling (same on every page) */
div.footer { 
	font-size:70%; 
	color:#999; 
	margin-top:8%; 
	bottom:0px;
	padding-top:25px; 
	z-index:-25;
	position:absolute;
	right:35%; 
	left:35%; 
	margin-bottom:20px;
}



/* ======== Start: Topbar styles - Global ======== */

#top { 
	height: 48px; 
	background: url(https://3.bp.blogspot.com/-QsQIRI386G8/T_ieEs6okeI/AAAAAAAABj0/MEldgw8e3eY/s400/grass.jpg)repeat; 
	border-top: 2px solid #313131; 
	box-shadow: 0 1px 2px #606060; 
	-webkit-box-shadow: 0 1px 2px #606060; 
	-moz-box-shadow: 0 1px 2px #606060; 
	font-family:"Minecraft Regular"!important;
	text-shadow: 1px 1px 0px #111;
	border-bottom:2px solid #313131;
	font-size:85%;
}

.logo { 
	display: block; 
	float: left; 
	margin-top: 8px; 
	margin-bottom: 10px; 
	margin-left:5%;
	opacity:0.8;
	-webkit-transition: all ease-in-out .2s; 
	transition: all ease-in-out .2s; 
	-moz-transition: all ease-in-out .2s;
}
.logo:hover {
	opacity:1;
}

.topnav { 
	float: right; 
	display: block;
	margin-right:5%;
}
.topnav { 
	list-style-type:none;
}
.topnav li { 
	float: left; 
	position: relative;
	margin-top:-16px;
 }
.topnav li.special { 
	float: left; 
	position: relative;
 }
.topnav li a { 
	font-size: 17px; 
	color:#FFF; 
	cursor: pointer;
	display: block; 
	padding: 14px 16px 18px 16px; 
	-webkit-transition: all ease-in-out .2s; 
	transition: all ease-in-out .2s; 
	-moz-transition: all ease-in-out .2s; 
	font:inherit;
	text-decoration:none;
}
.topnav  li  a:hover { 
	background: #313131; 
	color : #FFF; 
	-webkit-transition: all ease-in-out .2s; 
	transition: all ease-in-out .2s; 
	-moz-transition: all ease-in-out .2s; 
	box-shadow: 1px 0 1px #2a2a2a inset, -1px 0 1px #2a2a2a inset; 
	-webkit-box-shadow: 1px 0 1px #2a2a2a inset, -1px 0 1px #2a2a2a inset; 
	-moz-box-shadow: 1px 0 1px #2a2a2a inset, -1px 0 1px #2a2a2a inset;
	z-index:-10;
}
.topnav li.active a { 
	border-bottom: 1px solid #a6c659; 
	background: #2a2a2a 50% 100%; 
	color: #d5d5d5; 
	box-shadow: 1px 0 0 #232323 inset, -1px 0 0 #232323 inset; 
	-webkit-box-shadow: 1px 0 0 #232323 inset, -1px 0 0 #232323 inset; 
	-moz-box-shadow: 1px 0 0 #232323 inset, -1px 0 0 #232323 inset;
}


/* ======== Start: INDEX Content style ======== */

div.container { margin:0 auto; width:980px; }

.alert {
	padding: 8px 35px 8px 14px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	color: #c09853; 
	border: 1px solid #313131; 
	color: #FFF;
	margin:0 auto;
	margin-top:25px;
	box-shadow: 0 1px 0px rgba(255,255,255,0.2) inset, 0 1px 1px #dfdfdf; 
	-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.2) inset, 0 1px 1px #dfdfdf; 
	-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.2) inset, 0 1px 1px #dfdfdf;
	background: #313131;
}
 button.close {
	 float:right;
	 padding:5px;
	 display:inline-block;
	 background:none;
	 top:70px;
	 right:200px;
	 position:absolute;
	 cursor:pointer;
	 color:white;
	 font-weight:800;
	 border:none;
	 font-size:200%;
 }
 div.success {
	 	width:400px;
		margin:0 auto;
		background:#17A209;
		border:1px solid #0ACD62;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		font-family:inherit;
		font-size:100%;
		color:#FFF;
		padding: 15px 16px 14px 16px;
 }
.side-container {
	width:280px;
	float:left;
}
 
.left-top {
	width:81%;
	float:left;
	display:block;
	font-weight:bold;
	/*background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
	*/
	font-family:"Minecraft Regular";
	text-shadow: 1px 1px 0px #d9d9d9;
	font-size:90%;
	background:url(https://i.imgur.com/XKDqfs6.png)repeat;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-left:2px solid #CCC;
	border-right:2px solid #CCC;
	border-top:2px solid #CCC;
	border-bottom:1px solid #E1E1E1;
	padding: 13px 16px 12px 16px;
	
}
.left-top.fix {
	margin-top:15px!important;
}

.left-content {
	float:left;
	display:block;
	width:80%;
	margin-left:2px;
	font-size:90%;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	background:#fafafa;
	border-top:2px solid #F2F2F2;
	border-right:2px solid #CCC;
	border-left:2px solid #CCC;
	border-bottom:2px solid #CCC;
	padding: 20px 16px 16px 16px;
	-moz-box-shadow: 0px 1px 2px rgb(0,0,0);
	-webkit-box-shadow: 0px 1px 2px rgb(0,0,0);
	box-shadow: 0px 1px 2px rgb(0,0,0);
	
}
.left-content li {
	list-style-type:none;
	margin-bottom:5px;
}

.content-top {
	width:67%;
	float:right;
	display:block;
	font-size:100%;
	font-weight:bold;
	/* background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
	background-repeat: repeat-x;
	*/
	font-family:"Minecraft Regular"!important;
	text-shadow: 1px 1px 0px #d9d9d9;
	background:url(https://i.imgur.com/XKDqfs6.png)repeat;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-left:2px solid #CCC;
	border-right:2px solid #CCC;
	border-top:2px solid #CCC;
	border-bottom:1px solid #E1E1E1;
	padding: 13px 16px 12px 16px;
	
}

.content {
	float:right;
	display:block;
	width:67%;
	font-size:90%;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	background:#fafafa;
	border-top:2px solid #F2F2F2;
	border-right:2px solid #CCC;
	border-left:2px solid #CCC;
	border-bottom:2px solid #CCC;
	padding: 20px 16px 16px 16px;
	-moz-box-shadow: 0px 1px 2px rgb(0,0,0);
-webkit-box-shadow: 0px 1px 2px rgb(0,0,0);
box-shadow: 0px 1px 2px rgb(0,0,0);
	margin-bottom:30px;
	
}
.content img {
	padding:7px; 
	border:none; 
	outline:none;
	margin-top:-15px;
}
.content .author {
	margin-top:15px;
	font-size:75%;
	color:#999;
}
.content .author3 {
	width:60%;
	border-style:groove;
	border-color:blue;
	padding-top:8px;
}
.content .author3 img {
	padding:0px;
}


.content-topfull {
	width:950px;
	display:block;
	margin-top: 35px;
	font-size:90%;
	font-weight:bold;
	/*background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
	background-repeat: repeat-x;
	*/
	font-family:"Minecraft Regular"!important;
	text-shadow: 1px 1px 0px #d9d9d9;
	font-size:100%;
	background:url(https://i.imgur.com/XKDqfs6.png)repeat;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-left:2px solid #CCC;
	border-right:2px solid #CCC;
	border-top:2px solid #CCC;
	border-bottom:1px solid #E1E1E1;
	padding: 13px 16px 12px 16px;
}

.contentfull {
	display:block;
	width:950px;
	font-size:90%;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	background:#fafafa;
	border-top:2px solid #F2F2F2;
	border-right:2px solid #CCC;
	border-left:2px solid #CCC;
	border-bottom:2px solid #CCC;
	padding: 20px 16px 16px 16px;
	-moz-box-shadow: inset 0 0 5px #FFFFFF;
	-webkit-box-shadow: inset 0 0 5px #FFFFFF;
	box-shadow: inner 0 0 5px #FFFFFF;
	overflow:visible;
}
.contentfull h2 {
	margin-top:1%;
	margin-left:20px;
	font:inherit;
	font-weight:bold;
	font-size:125%;
}

/* ======== Start: LOGIN Content style ======== */
#indexheader {
	width:380px;
	margin:0 auto;
	font-weight:bold;
	/* background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
	*/
	font-family:"Minecraft Regular"!important;
	text-shadow: 1px 1px 0px #d9d9d9;
	font-size:100%;
	background:url(https://i.imgur.com/XKDqfs6.png)repeat;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-left:2px solid #CCC;
	border-right:2px solid #CCC;
	border-top:2px solid #CCC;
	border-bottom:1px solid #E1E1E1;
	padding: 15px 16px 14px 16px;
}
	
form.main {
	margin:0 auto;
	width:380px;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	background:#fafafa;
	border-top:2px solid #F2F2F2;
	border-right:2px solid #CCC;
	border-left:2px solid #CCC;
	border-bottom:2px solid #CCC;
	padding: 20px 16px 18px 16px;
	-moz-box-shadow: inset 0 0 5px #FFFFFF;
	-webkit-box-shadow: inset 0 0 5px #FFFFFF;
	box-shadow: inner 0 0 5px #FFFFFF;
}

input[type="submit"].index {
	width:100%;
	margin:0 auto;
	background: #00AA00;
	opacity:0.8;
	box-shadow:inset 1px -1px #DBDBDB;
	color:white;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:none;
	padding: 10px 16px 8px 16px;
	-webkit-transition: all ease-in-out .2s; 
	transition: all ease-in-out .2s; 
	-moz-transition: all ease-in-out .2s; 
}
input[type="submit"].index:hover {
	background: #00AA00;
	opacity:1;
	cursor:pointer;
	box-shadow:inset 1px -2px #CCC;
}
input[type="text"] {
	border: 1px solid #bdc3c7;
	color: #34495e;
	font-size: 14px;
	padding: 10px;
	width:370px;
	text-indent: 6px;
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all .25s ;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	-webkit-backface-visibility: hidden;
}
input[type="text"]:focus {
	border:1px solid #999;
	outline:none;
}

textarea {
	border: 1px solid #bdc3c7!important;
	color: #34495e;
	font-size: 14px;
	padding: 10px;
	text-indent: 6px;
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all .25s ;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	-webkit-backface-visibility: hidden;
	resize:none;
	font:inherit;
}
textarea:focus {
	border:1px solid #999!important;
	outline:none;
}
input[type="password"] {
	border: 1px solid #bdc3c7;
	color: #34495e;
	font-size: 14px;
	padding: 10px;
	width:370px;
	text-indent: 6px;
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all .25s ;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	-webkit-backface-visibility: hidden;
}
input[type="password"]:focus {
	border:1px solid #999;
	outline:none;
}

div.register {
	width:390px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:40px;
	background: #00AA00;
	color:white;
	font-weight:bold;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:none;
	padding: 10px 16px 8px 16px;
	-webkit-transition: all ease-in-out .2s; 
	transition: all ease-in-out .2s; 
	-moz-transition: all ease-in-out .2s; 
	text-decoration:none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
	opacity:0.8;
}

div.register:hover {
	background: #00AA00;
	opacity:1;
	cursor:pointer;
}

/* Donate Page extras (credits to bootstrap) */
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}
.collapse.in {
  height: 0;
}
.accordion {
  margin-bottom: 20px;
}

.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.accordion-heading {
  border-bottom: 0;
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}

/* Some extra styling for tables in modcp only */
table {
  border-collapse: collapse;
  border-spacing: 0;
  background:#FFF;
  border-collapse:collapse;
  padding:10px;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
table thead {
    display: table-header-group;
	padding:10px;
	border-left:1px solid #CCC;
  }
table th {
	border-left:1px solid #CCC;
	padding:5px;
}
table tr {
	padding:10px;
	border:1px solid #CCC;
}
table td {
	padding:10px;
	border-left:1px solid #CCC;
}
	
/** Profile Page styling **/

div.left_column {
	float:left;
	width:250px;
	display:inline;
}
div.left_column img {
	border-radius:4px;
	box-shadow:1px 1px #CCC;
}
div.left_column li {
	width:100%;
	list-style-type:none;
	padding:12%;
	margin:0 auto;
}

div.info {
	margin-left:250px;
	width:250px;
	
}
div.info p {
	margin-top:10px;
	display:inline;
}

div.aboutinfo {
	width:95%;
	margin:0 auto;
	background:#EBEBEB;
	border-radius:4px;
	padding:10px 13px 10px 13px;
	border:1px solid #E6E6E6;
}
/* ======== Donation page css class ======= */
.donate-button, .donate-button:hover {
	width:147px;
	height:47px;
}
.donate-button {
	background: url("/donate_files/square_donate.png") no-repeat;
}
.donate-button:hover {
	background: url("/donate_files/square_donate_hover.png") no-repeat;
}

/* ======== CSS MEDIA QUERIES - Responsive time ======= */


@media screen and (min-width: 1224px) {
	
	.container  {
		width: 1200px;
	}