@import "reset.css";


@font-face {
    font-family: '8bit';
    src: url('8bit.eot');
    src: url('8bit.eot?#iefix') format('embedded-opentype'),
         url('8bit.woff') format('woff'),
         url('8bit.ttf') format('truetype'),
         url('8bit.svg#8bit') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	width:100%;
}

body {
	background-image:url('../img/bg.jpg');
	background-size: cover;
	background-color:#1b2742;
	background-repeat: no-repeat;
	background-position:top;
	font-family:Courier;
	line-height:15px;
	width:100%;
}

#wrap {
	margin-top: 60px;	
}

h2 {
	font-family:Courier;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}

p {
	margin-bottom:20px;
}

b {
	font-weight: bold;

}

i {
	font-style: italic;
}

strong {
	font-weight:bold;
}

small {
	font-size: 10px;	
}

.button {
	height: 40px;
}

.button img {
	float:left;
}

.button_label {
	float:left;
	background-image: url('../img/btn_middle.png');
	background-repeat: repeat-x;
	height: 40px;
}

.button_label span {
	font-family: '8bit', Lucida;
	font-weight: bold;
	font-size: 12pt;
	color:#faff6d;
	text-shadow: 1px 1px #000000;	
	position:relative;
	top:12px;
}

#logo {
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	filter: drop-shadow(5px 0 0 white) 
        drop-shadow(0 5px 0 white)
        drop-shadow(-5px 0 0 white) 
        drop-shadow(0 -5px 0 white);
}

/* TOP MENU */

#top_menu {
	width:981px;
	margin-left: auto;
	margin-right:auto;
	margin-top:20px;
	cursor: pointer;
}

#main_menu {
	width: 981px;
	height:75px;
	position:relative;
	z-index:1;	
}

#main_menu img {
	padding:0px;
	float:left;
}

#drop_down {
	background-color:rgba(0,0,0,0.7);
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;	
	width:950px;
	padding:0px 0px 0px 0px;
	height:0px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	position:relative;
	top:-15px;
	line-height:1.5;
}

#drop_down a {
	color:#fff;
	text-decoration: none;
}

#drop_down a:hover {
	color:#fff;
	text-decoration:underline;
}

#drop_down .comingsoon {
	color:#999999;
	font-weight: bold;
}

#drop_down .highlight {
	color:#a8db7e;
	font-weight: bold;
}

.drop_down_col1 {
	width:158px;
	float:left;
	padding-top:20px;
	text-align: center;
	position:relative;
	left:10px;
}
.drop_down_col2 {
	width:160px;
	float:left;
	padding-top:20px;
	color:#fff;
	text-align: center;
}
.drop_down_col3 {
	width:160px;
	float:left;
	padding-top:20px;
	color:#fff;
	text-align: center;
}
.drop_down_col4 {
	width:159px;
	float:left;
	color:#fff;
	text-align: center;
}
.drop_down_col5 {
	width:160px;
	float:left;
	color:#fff;
	padding-top:20px;
	text-align: center;
}

.drop_down_col6 {
	width:152px;
	float:left;
	color:#fff;
	padding-top:20px;
	text-align: center;
}

/* MAIN CONTENT */

#main {
	width:967px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
}

#main_content {
	background: url('../img/body_repeat.png');
	background-repeat: repeat-y;
	width:927px;	
	padding:0px 20px 0px 20px;
}

#left_content {
	float: left;
	width: 610px;
}

.heading {
	background-image: url('../img/news_title.png');	
	width:600px;
	height:37px;
	margin: 40px 0px 20px 0px;
}

.monster_icon {
	position: relative;
	top:-20px;
	float:left;
}

.heading_text {
	float:left;
	position: relative;
	top:12px;
	margin-left: 10px;
	font-family: '8bit', Lucida;
	font-weight: bold;
	font-size: 13pt;
	color:#faff6d;
	text-shadow: 1px 1px #000000;
}

.info_text {
	margin-top:20px;
	margin-bottom:0px;
	width:560px;
	font-size:13px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.2;
	padding: 20px;
	background-color: #a7da7d;
	color: #222;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;		
}

.warning {
	background-color: #d83d3d;
	color:#fff;
	padding: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.info_dark_box {
	width: 150px;
	padding: 20px 10px 20px 10px;
	background-color: #3b3b3b;
	color: #fff;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;		
}


.info_text a {
	color: #fff;
}

#twitter_feed {
	margin-top:20px;
}

.twitter-timeline-rendered { 
      width: 600px !important;
}

li {
	list-style-type:disc;
	margin-left:30px;	
}

#sidebar {
	float:right;
	width:317px;
}

#sidebar_content {
	background: url('../img/sidebar_repeat.png');
	background-repeat: repeat-y;
	width:277px;
	text-align:center;
	padding:20px 27px 20px 13px;
}

.sidebar_text {
	text-align: center;
	font-size: 12px;
	margin-top:10px;
}

.sidebar_text a {
	color: #fff;
}

.sidebar_box {
	width:231px;
	margin: 20px auto 20px auto;
	padding: 20px;
	background-color: #3b3b3b;
	color: #fff;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;		
}

.download-btn:hover {
	filter: brightness(110%);
}

.download-btn:active {
	filter: brightness(60%);
}


.post_box {
	display:block;
	padding:5px 10px 5px 10px;
	background-color:#a7da7d;
	font-size:12px;	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;	
    margin-bottom:5px;
}

.post_box span {
	color: #f5fdee !important;
	text-decoration: none !important;
}

.post_box:hover {
	background-color:#c2e5a4;
}	

.events {
	font-size:12px;
}

.sidebar_box a {
	color: #fff;
	font-weight:bold;
}

.event_Player {
	color:#a8db7e !important;
}

.event_Monster {
	color:#ce00ff !important;
}

#server_status{
	margin-top:15px;
}

.server_status th {
	font-weight: bold;
}

.server_status td, th {
	padding: 4px;
	margin-right:5px;
}

.server_status img {
	position: relative;
  top: 8px;
}

/* PLAYERS PAGE */
#search_field {
	width:100%;
	font-family: '8bit', Lucida;
	font-weight: bold;
	font-size: 13pt;
	padding:8px;
	color: #666;
	
}


.players_col {
	width: 170px;
	float:left;
	background-color: #3b3b3b;
	color: #fff;
	padding: 20px 10px 20px 10px;
	margin-right:15px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;	
}

.players_col_last {
	margin-right:0px !important;
}

.player_name {
	margin-left: 12px;
}


.player {
	position: relative;
	width:50px;
	height:50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.player img {
	position: absolute;
}

.online_col {
	background-color: #a7da7d !important;
}

.playeronline {
	color: #92ff8a;	
}

.premium {
	color: #4db8ff !important;
	text-decoration: none;	
}
.premium:hover {
	text-decoration: underline;
}

.players_col a {
	color: #fff;
}

.wanted_poster {
	float:left;
	width:126px;
	height:179px;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:20px;
	background-image: url('../img/wanted_poster.png');
}

.wanted_player {
	position:relative;
	width:90px;
	top:48px;
	left:20px;
}

.wanted_title {
	width:126px;
	text-align:center;
	font-family: '8bit', Lucida;
	font-size: 8pt;
	color:#8a6a33;
	text-decoration:none;
	position:relative;
	top:43px;
}


.wanted_name {
	width:126px;
	text-align:center;
	font-family: '8bit', Lucida;
	font-size: 10pt;
	color:#6b5227;
	text-decoration:none;
	position:relative;
	top:47px;
}

.wanted_bounty {
	width:126px;
	text-align:center;
	font-family: '8bit', Lucida;
	font-size: 12pt;
	color:#8a6a33;
	position:relative;
	top:47px;
}

.wanted_bounty img {
	position:relative;
	top:2px;
}

.online_col a {
	color: #222 !important;
}



.my_player {
	float: left;
	margin: 5px;
	width:80px;
	padding: 10px;
}

.my_player:hover {
	background-color: #96c470;	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;	
}

.my_player_info {
	width:80px;
	text-align:center;
}


#member_exist {
	width:30px;
	height: 20px;
	padding: 18px 0px 20px 0px;	
	float:left;
}

#new_member_field {
	height: 20px;
	padding: 20px 0px 20px 0px;
	float: left;
}

/* FORM */
.form_wrap {
	width: 300px;	
}

.form_warning {
	float: right;
	background-image: url('../img/form_warning.png');
	width:20px;
	height:20px;
	margin-top:1px;	
	visibility:hidden;
}

.forum_help {
	padding:10px;
	width: 575px;
	font-size: 12px;
	background-color:#ebc572;	
}

/* CARDS */
.latest_cards {
}

.card_event {
	float:left;
	padding:20px;	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;	
    margin-left:5px;
	margin-right:5px;
	position:relative;
	cursor:pointer;	
}

.card_lost {
	background-color: #ff5454;	
}

.card_add {
	background-color: #96c470;
}

.card_event .card {
	position: absolute;
	top:30px;
	left:20px;	
}

.card_event .action {
	position: absolute;
	top:75px;
	left:45px;	
}

.card_event:hover {
	background-color: #ccc;	
	padding:20px;	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;	
}

/*
.card {
	float:left;
	background-image: url('../img/card.png');
	width:100px;
	height:100px;
}

.card .portrait {
	margin-top:11px;
	margin-left: auto;
	margin-right: auto;
	width:50px;
	height:50px;	
	overflow: hidden;
}
.card .portrait img {
	text-align:center;
	width:50px;
	height:50px;
	margin-left: auto;
	margin-right: auto;
}

.card .number {
	font-family: '8bit', Lucida;
	width:100px;
	margin-top:12px;
	text-align:center;
	color: #876335;
}
*/
/* FOOTER */
#footer {
	position: relative;
	text-align: center;
	color: #ffffff;
	font-size:12px;
	margin-bottom: 10px;
}

.big-tentacle {
	position: fixed;
	bottom: -20px;
	right: 20px;
}
