/*++++++++++++++++++*/
/*      Common      */
/*------------------*/
/*  Effects to all  */
/* part of website  */
/*++++++++++++++++++*/

body {
	background-color: #e9c78a;
	background-image: url("../img/parchment.png");
	font-family: sans-serif;
	font-size: 0.88em;
	line-height: 1.4em;
	color: #ffffee;
    text-shadow: 1px 1px 0px #000000;
}

/*+++++++++++++++++++++++++*/
/* Links and special links */
/*+++++++++++++++++++++++++*/

a img {
	border: none;
}

a {
	text-decoration: none;
	color: rgba(254, 234, 138, 1);
	font-weight: bold;
}

.blogEntry a {
	font-weight: normal;
}

a:visited {
  color: #C8BE93;
}

a.missingLink {
	color: yellow;
}

a.externalLink:after {
	content: " "url("../img/replied.png");
}

a:hover {
	color: #181;
}

.breadCrumb{
	margin-bottom: 10px;
}

/* We put this after a:hover  */
/* to prevend the hover style */
/* for this link              */

a.wrongLink {
	color: rgb(255, 117, 0);
}

a.invertedColor {
	color: #181;
}

a.invertedColor:hover {
	color: #ffffee;
}

form {
	display: inline;
}

/**************/
/* Codeblocks */
/**************/

pre {
	white-space: pre-wrap;
	background-image: url("../img/black50.png");
	padding: 5px 10px;
	margin: 5px 10px;
	display: inline-block;
	border: 1px solid black;
}

code {
	background-image: url("../img/black50.png");
	font-size: 14px;
}
/*No double background*/
pre > code {
	background-image: none;
}

input, button, textarea, .button {
	display: inline-block;
	margin-bottom: 5px;
	padding: 2px 10px;
	border: 1px solid black;
	border-radius: 10px;
	background: none;
	background-image: url("../img/black50.png");
	outline: none;
	color: #ffffff;
	vertical-align: middle;
	cursor: pointer;
	font-family: inherit;
	font-size: 0.85em;
	font-weight: bold;
}

textarea {
	font-weight: normal;
	font-size: 0.9em;
}

input:hover, button:hover, textarea:hover {
	background-image: url("../img/black20.png");
}

input.radio {
	background: none;
	border: none;
	vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
	color: #181;
	margin-top: 0px;
	font-weight: normal;
}

/* different margin for headers where text could be written */
div.blogEntry h1, h2, h3, h4, h5, h6 {
	margin: 0.8em 0em 0.5em 0em;
}

svg {
	text-shadow: none;
}

td {
	vertical-align: top;
	line-height: 1.4em;
}

.posLeft {
	float: left;
}

.posRight {
	float: right;
}

.clear {
	clear: both;
}

.center  {
	text-align: center;
}

.middle {
	vertical-align: middle;
}

.grey {
	color: #998;
}

.green {
	color: #181;
}

.green a {
	color: #181;
}

.green a:hover {
	color: #ffffee;
}
.small {
	font-size: 0.83em;
}

a.small {
	font-weight: normal;
}

.even {
	background-image: url("../img/black20.png");
}

.odd {
	background-image: url("../img/black50.png");
}

.placeholder {
  color: #aaa !important;
}

.errormessage {
	color: #ff6b3c;
}

.errormessage ul {
	margin: 0px;
}

.noshadow, .noshadow input {
	text-shadow: none;
}

.italic {
	font-style: italic;
}

/* Base */

div#wrapper {
	min-width: 980px;
	margin: 0px 20px;
}

div #main {
	min-height: 500px;
}

div#content {
	margin-right: 240px;
}

div#footer {
	background-color: #695536;
	background-image: url("../img/wood.png");
	padding: 10px;
	margin-top: 20px;
	text-align: center;
	box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.7);
	border: 1px solid black;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/**********/
/* Header */
/**********/

div#header  img{
	position: relative;
	z-index: 0;
}

div.loginBox {
	width: 320px;
	height: 71px;
	border: 1px solid black;
	background-color: #332f29;
	background-image: url("../img/but1.png");
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	-khtml-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	position: relative;
	z-index: 0;
	padding: 15px;
	box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.7);
}

div.loginBox div.right{
	width: 120px;
}

div.loginBox ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 1.5em;
}

div.loginBox h4 {
	margin-bottom: 5px;
	margin-top: 0px;
}

div.loginBox input {
	width: 100px;
}

div.loginBox button {
	margin: 0px;
	padding: 0px;
	border: 1px solid black;
	width: 60px;
	height: 20px;
	border-radius: 10px;
	background: none;
	background-image: url("../img/black50.png");
	outline: none;
	color: #ffffff;
}

/****************/
/* Right Column */
/****************/

div#rightColumn {
	width: 220px;
}

div.columnModule {
	width: 220px;
}

div.columnModule h3 {
	margin-bottom: 10px;
	margin-top: 8px;	/* Correction for donatebox */
}

div.columnModuleBox {
	width: 220px;
	margin-bottom: 20px;
	background-color: #695536;
	background-image: url("../img/wood.png");
	border: 1px solid black;
	box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.7);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}


div.columnModuleBox h4 {
	color: #ffffee;
	padding: 8px;
	padding-bottom: 0px;
	margin: 0px;
}

div.columnModuleBox ul.poll {
	padding: 8px;
	list-style-type: disc;
	border: none;
}

div.columnModuleBox ul.poll li {
	padding: 0px;
	border: none;
	height: 20px;
}

div.columnModuleBox p {
	margin: 0px;
	padding: 8px;
}

div.columnModuleBox ul {
	width: 220px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

div.columnModuleBox ul.player {
	padding: 4px;
	list-style-type: disc;
}

div.columnModuleBox ul.player li{
	padding: 4px;
	border: none;
}

div.columnModuleBox ul li {
	display: block;
	padding: 8px;
	border-top: 1px solid black;
	font-size: 0.8em;
}

div.columnModuleBox ul li:first-child {
	border-top: none;
}

div.columnModuleBox ul.socialMediaList {
	height: 55px;
}

div.columnModuleBox ul.socialMediaList li {
	float: left;
	border: none;
	padding: 9px;
}

input.donate {
	border: none;
	background: none;
}

/* News Posts */

img.landing {
	margin-left: 20px;
	margin-bottom: 15px;
}

div.blogEntry {
	background-color: #332f29;
	background-image: url("../img/but1.png");
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid black;
	padding: 15px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.7);
}

div.blogEntry img {
	max-width: 100%;
}

div.blogEntry img.title {
	width: 150px;
	margin-right: 20px;
	margin-bottom: 10px;
}

div.blogEntry p {
	text-align: justify;
	margin: 0px;
	margin-bottom: 10px;
}

div.blogEntry hr {
	height: 1px;
	background: #998;
	border: none;
	clear: left;
}