/* 	
	(c) CrystalCore CMS 2021
	Created by: Michnzee
	lukas@michnzee.net
	https://www.michnzee.net
	CCv4 rev: 2.0
*/


* {
	padding: 0px;
	margin: 0px;
}

@font-face {
    font-family:"8bitoperator Regular";
    src:url("../styles/font/8bitoperator.eot?") format("eot"),
    url("../styles/font/8bitoperator.woff") format("woff"),
    url("../styles/font/8bitoperator.ttf") format("truetype"),
    url("../styles/font/8bitoperator.svg#8bitoperatorRegular") format("svg");
    font-weight:normal;
    font-style:normal;
}

body {
	margin: 0 auto;
	text-align: justify;
	background: url('../images/bg-body.gif');
	font-family: "Tahoma", "Arial", "8bitoperator Regular", "Helvetica", "sans-serif";
	font-size: 0.8em;
}

/* MAIN CONTENT */

#content {
    margin: auto;
    margin-top: 50px;
	width: 65%;
    /*min-height: 400px;*/
	padding: 10px;
	border-radius: 3px 3px 3px 3px;
    border: 1px solid #c1c7d5;
    background: none repeat scroll 0 0 #f1f0f0;
    text-shadow: 0 1px #FFFFFF;
}

#content h1 {
    padding: 5px;
}

#content p {
	padding: 5px;
}

#content p.bit {
    font-family: "8bitoperator Regular";
    font-weight: bold;
    font-size: .6875rem;
    text-transform: uppercase;
}

#content a {
	color: #949494;
    text-decoration: none;
}

#content a:hover {
	color: #909ba8;
	text-decoration: underline;
}

#content ul {
	margin-left: 30px;
}

#content li {
	padding: 3px;
}

#content img {
    padding: 10px;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.floatcenter {
    text-align: center !important;
}

.boxed {
    border: 1px solid #909ba8;
	border-radius: 3px 3px 3px 3px;
}

.img10 {
    width: 10%;
}

.img20 {
    width: 20%;
}

.img30 {
    width: 30%;
}

.img40 {
    width: 40%;
}

.img50 {
    width: 50%;
}

.img100 {
    width: 100%;
}

#footer {
    margin: auto;
    width: 60%;
	padding: 5px;
    text-align: center;
    text-shadow: 0 1px #FFFFFF;
}

.copyright, .copyright a {
	color: #909ba8;
	text-decoration: none;
	margin-top: 10px;
}

.copyright a:hover {
	color: #575757;
	text-decoration: underline;
}

/* Special Buttons */

.button.primary {
    font-weight: bold;
    padding: 5px 20px;
}

.button {
    background-color: #ECECEC;
    background-image: -moz-linear-gradient(#F4F4F4, #ECECEC);
    border: 1px solid #D4D4D4;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font: 11px sans-serif;
    margin: 0;
    outline: medium none;
    overflow: visible;
    padding: 0.5em 1em;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
    white-space: nowrap;
}

.button:hover,
.button:focus,
.button:active,
.button.active {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-decoration: none; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3); 
    color: #fff; 
    background-color: #3C8DDE;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
}

.button:active,
.button.active {
    border-color: #2a65a0;
    border-bottom-color: #3884CF;
    background-color: #3072b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
    background-image: -moz-linear-gradient(#3072b3, #599bdc);
    background-image: -o-linear-gradient(#3072b3, #599bdc);
    background-image: linear-gradient(#3072b3, #599bdc);
}

/* Special inputs */

.inmedium {
   background-color: #ECECEC;
   background-image: -moz-linear-gradient(#F4F4F4, #ECECEC);
   border: 1px solid #D4D4D4;
   border-radius: 0.2em 0.2em 0.2em 0.2em;
   padding: 0.35em 0.5em;
   outline: medium none;
   overflow: visible;
   position: relative;
   text-decoration: none;
   text-shadow: 1px 1px 0 #FFFFFF;
   white-space: nowrap;
}

.inmedium:hover {
	border-color: #90b8de;
    border-bottom-color: #3f88ce;
}

.inmedium:focus {
	border-color: #90b8de;
    border-bottom-color: #3f88ce;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
}

/* CP */

#cp {
	background-color: #2C2C2C;
	background: -moz-linear-gradient(#2C2C2C, #222222) repeat scroll 0 0 transparent;
	border-bottom: 1px solid #000000;
    color: #CCCCCC;
    height: 35px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

#topline {
	margin-left: auto;
    margin-right: auto;
	width: 960px;
}

#cpbox {
	float: left;
	width: 350px;
	height: 18px;
	border-radius: 3px 3px 3px 3px;
    border: 1px solid #444444;
    margin: 5px 0 0 0;
    background: none repeat scroll 0 0 #333333;
    padding-top: 5px;
}

#cpbox a {
   font-size: 12px;
   color: #AAAAAA;
   text-decoration: none;
}

#cpbox a:hover {
   font-size: 12px;
   color: #CCCCCC;
   text-decoration: underline;
}

.icon-box {
	float: left;
	margin: -2px 5px 0 3px;
}