/*@font-face {
	font-family: droid;
	src: url('fonts/DroidSans.ttf'); 
}*/

* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #070a17;
	color: #BACDEF;
	/*font-family: Palatino Linotype, Book Antiqua, Palatino, serif;*/
	font-family: "droid", "Helvetica neue", Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
}
a {
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 1px;
}
a:hover {
	color: #fff;
	text-decoration: underline;
	text-shadow: 0 0 20px;
}

#edit-search-block-form-1, #block-user-0 input[type=text], #block-user-0 input[type=password] {
	background: none repeat scroll 0 0 #8DAFE2;
	border: 2px solid #00739D;
	border-radius: 4px;
	width: 95%;
}

#block-user-0 #edit-submit {
	background: none repeat scroll 0 0 #3A9EC8;
	border: 2px solid #00739D;
	border-radius: 7px;
	color: #EDEDFF;
	font-weight: bold;
	text-shadow: 0 0 4px;
	width: 70%;
}
#block-user-0 #edit-submit:hover {
	background: none repeat scroll 0 0 #5A9EC8;
	border: 2px solid #22739D;
}

#block-search-0 #edit-submit {
	background: none repeat scroll 0 0 #3A9EC8;
	border: 2px solid #00739D;
	border-radius: 7px;
	color: #EDEDFF;
	font-weight: bold;
	text-shadow: 0 0 4px;
	width: 95%;
}
#block-search-0-0 #edit-submit:hover {
	background: none repeat scroll 0 0 #5A9EC8;
	border: 2px solid #22739D;
}

#block-user-0 ul {
	list-style-type: none;
}

.node-unpublished {
	background-color: #0d101d;
}

/*ul, ol {
	padding: 1em;
}*/
/*
li a.active {
	color: white;
	font-weight: bold;
}*/
.clear {
	clear: both;
}

/* HEADER */
.header-bar {
	width: 100%;
	background: url(images/bar-bg.png) center center repeat-x;
	height: 34px;
}
#header-top, #header-bottom {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#header {
/*	width: 1428px;*/
	height: 317px;
	margin: 0 auto;
}
#main-logo {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}
#logo {
	width: 117px;
	height: 49px;
	background: url(logo.png) center center no-repeat;
}
#login {
	position: absolute;
	right: 0;
	top: 0;
}

/* banner */

.banner {
	float: left;
	position: relative;
}
#banner-left {
	width: 280px;
	height: 317px;
	background: url(images/banner-left.jpg) center top no-repeat;
}
#banner-right {
	width: 292px;
	height: 317px;
	background: url(images/banner-right.jpg) center top no-repeat;
}
#banner {
	width: 100%;
	height: 317px;
	background: url(images/banner2.jpg) center top no-repeat;
	text-align: center;
}
#banner-over {
	width: 856px;
	display: inline-block;	
	position: relative;
}
#donations-image {
/*	background: url(images/donations.png) left center no-repeat; */
	position: absolute;
	left: -46px;
	top: 250px;
	width: 85px;
	height: 85px;
	z-index: 5;
}
#donations {
	position: absolute;
	left: -24px;
	top: 270px;
	width: 166px;
	height: 50px;
	background-color: #000;
	box-shadow: 0px 0px 10px 10px #000;
	padding-left: 60px;
	font-size: 0.7em;
	text-align: center;
}
#description {
	position: absolute;
	right: 60px;
	top: 250px;
	width: 400px;
	color: #BACDEF;
	font-weight: bold;
	text-shadow: 2px 2px 5px #979797;
}
#site-name {
	font-size: 1.2em;
}
#slogan {
	font-size: 0.85em;
}

/* primary links */
.primary-links {
	position: absolute;
	right: 0;
	top: 0;
	text-shadow: 2px 2px 2px #000000;
	font-size: 15px;
}
.primary-links a:hover {
	text-shadow: 2px 2px 2px #0088ff;
}

.menu {
	text-shadow: 2px 2px 2px #485588;
}
.menu a:hover {
	text-shadow: 2px 2px 2px #0088ff;
}

ul.primary {
	white-space: normal;
}

/* content */
#main-container {
	/*width: 1000px;*/
	margin: 0 10px;
	position: relative;
}
#wrapper {
	/*float: left;*/
}
#center {
	/*margin: 1em;*/
}

/* sidebar */
#sidebar-left {
	width: 200px;
	/*float: left;*/
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0px 0px 15px #557799;
}
#sidebar-right {
	width: 200px;
	/*float: right;*/
	position: absolute;
	top: 0;
	right: 0;
	box-shadow: 0px 0px 15px #557799;
}
.sidebar {
	background: url(images/block-header.png) top center no-repeat;
	background-color: #384668;
	border-radius: 8px;
	margin-top: 15px;
}
.sidebar-wrapper {
	background-color: #131A35;
	margin: 40px 10px 10px;
	padding: 5px;
	border-radius: 5px;
}

.fast-gallery-image{
	float:left;
	width: 235px;
	height: 155px;
	text-align:center;
}

/* center */
body.sidebars #wrapper {
	margin: 0 220px;
}
body.sidebar-left #wrapper {
	margin-left: 220px;
}
body.sidebar-right #wrapper {
	margin-right: 220px;
}

#wrapper .breadcrumb {
	margin-top: 5px;
	padding: 3px;
	box-shadow: 0 0 3px #A3A3A3;
	background-color: #1F1F1F;
	display: inline-block;
}

#title-container {
	text-align: center;
	margin-top: 3px;
}

#title-container h2 {
	text-transform: capitalize;
	color: #F5F5F4;
	background-color: #102030;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 0 3px;
	display: inline-block;
	padding: 0 26px;
	text-shadow: 0 0 1px;
	font-size: 1.5em;
}

/* footer */
#footer {
	margin: 0 10px;
	clear: both;
}

/* block */
.sidebar .block-footer {
	background: url(images/block-header.png) top center no-repeat;
	height: 35px;
}
.sidebar h2 {
	font-size: 1.2em;
	text-align: center;
	text-shadow: 0 0 11px;
}

/* theming */
.block-region {
	margin: 0;
	color: #000;
}

li a.active {
	color: #fff;
}
/* list bullets */

li.collapsed {
	list-style-image: url(images/arrow-close.gif);
}

li.expanded {
	list-style-image: url(images/arrow-open.gif);
}

ol, dl {
	margin-left: 20px;
}

ul li,
.item-list ul li,
li.leaf {
	list-style-image: url(images/bullet.png);
}

td.revision-current {
	background: none repeat scroll 0 0 transparent;
	color: #FFFF00;
}

td.diff-context {
	background-color: #4A4A6A;
}

/* from previous theme */
table, tr, td, thead, tbody {
	border-spacing: 0;
	border-collapse: collapse;
	border-width: 0px;
}
tr.odd td, tr.even td {
	padding: 0.4em;
}
tr.odd {
	background: #202020;
}
tr.even {
	background: #252525;
}
tr.even, tr.odd {
	border-bottom: 1px solid #666;
}

thead th, tbody th {
	padding: 0.3em;
    border-bottom: 3px solid #666;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.3em;
}
h1 {
  font-size: 1.3em;
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
  color: #88AF9A;
}
h4, h5, h6 {
  font-size: 1em;
}
p {
  margin-top: 0.4em;
  margin-bottom: 0.8em;
}
em {
	text-decoration: none;
	font-weight: normal;
}
table {
	/* make <td> sizes relative to body size! */
	font-size: 1em;
	width: 100%;
	margin: 0px;
}
ul {
	padding: 0;
	padding-left: 1em;
	margin: 0px;
}
li {
	padding: 0;
	margin: 0px;
	padding-left: 0;
	line-height: 1.6em;
}
li a, li a:visited, li a:active, li a:hover {
	font-weight: normal;
}

.comment-unpublished {
	background-color: #0054f4;
}

/***** tabs *****/

ul.tabs li a {
	background-color: #0D252E;
}
ul.tabs li a:hover {
	background-color: #1D353E;
}

ul.tabs li.active a {
	background-color: #2B4349;
}

.wikitable {
	background-color: #070a17;
}

.preview .node {
	background-color: #070a17;
}

/******* Charsheet ********/
.charsheet {
	background-color: #333333;
	border-width: 2px;
	border-style: solid;
	border-color: #777777;
	border-radius: 4px;
	margin-bottom: 6px;
	margin-right: 6px;
	float: left;
}

.charsheet table tr td {
	text-align: left;
}

.charsheet table tr td:nth-child(odd) {
	color: #00ff44;
	width: 30%;
}

.charsheet table tr td.red {
	color: #ff4400;
}

.charsheet table.talents tr td:nth-child(odd) {
	width: 80%;
}
.charsheet table.inventory tr td:nth-child(odd) {
	width: 100%;
}

.charsheet h4 {
	color: #33aaff;
	text-decoration: bold;
	text-align: center;
}

.charsheet table.eoauto tr {
	border-bottom: 1px solid #fff;
	padding: 0.4em;
}
.charsheet table.eoauto tr:nth-child(even) {background: #252525;}
.charsheet table.eoauto tr:nth-child(odd) {background: #202020;}

/************** Download *************/
.download-button {
	position: relative;
	border: 2px solid;
	border-radius: 5px;
	background-color: #222230;
	background: linear-gradient(120deg, #424255, #222230);
	width: auto;
	text-align: center;
	display: inline-block;
	padding: 3px;
	margin: 4px;
	cursor: pointer;
	min-width: 222px;
}
.download-button:hover {
	background-color: #333344;
	background: linear-gradient(120deg, #525265, #333344);
}
.download-button a {
	font-size: 24px;
	text-shadow: 0px 0px 7px #8888ff;
}
.download-button span.download-button-text-top {
	font-size: 12px;
	text-shadow: 1px 1px 1px #8888ff;
	position: absolute;
	right: 5px;
	top: 5px;
}
.download-button span.download-button-text-bottom {
	font-size: 12px;
	text-shadow: 1px 1px 1px #8888ff;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.download-button span.download-button-text-bottom a {
	font-size: 12px;
	text-shadow: 1px 1px 1px #8888ff;
	text-decoration: underline;
}

.download-button-center  {
	text-align: center;
}

.register-button a {
	font-size: 1em;
}

div.donate-button {
	background-color: #2A4FC7;
	border: 1px solid #6B90FE;
	border-radius: 10px;
	box-shadow: 0 0 8px #365BD3;
	padding: 5px;
	width: 80px;
}

div.donate-recur-button {
	background-color: #2A7FC7;
	border: 1px solid #6B90FE;
	border-radius: 10px;
	box-shadow: 0 0 8px #366BD3;
	padding: 5px;
	width: 80px;
}

div.donate-button input[type=text], div.donate-recur-button input[type=text] {
	background: none repeat scroll 0 0 #8DAFE2;
	border: 2px solid #00739D;
	border-radius: 4px;
	width: 75%;
	text-align: right;
}

/*********** Blogs *************/
.blog-style .views-row {
	background-color: #121223;
	border: 1px solid #283951;
	border-radius: 3px 3px 3px 3px;
	margin: 21px 0;
	padding: 3px;
}

.news-block .views-row {
	border-top: 1px solid #283951;
	padding: 1px;
}

/*************** Videos **************/
div.grid-video {
	text-align: center;
	cursor: pointer;
	background-color: #121223;
	border: 1px solid #283951;
	border-radius: 3px 3px 3px 3px;
	padding: 3px;
}

div.yt-player-container {
	text-align: center;
}

div.grid-video div.nowOverlay {
	display: none;
}
div.grid-video div.queueOverlay {
	display: block;
}

div.nowplaying {
	cursor: auto;
}
div.nowplaying div.nowOverlay {
	display: block;
}
div.nowplaying div.queueOverlay {
	display: none;
}

/******************** Addons **************/
.addonslist small a {
	color:#A7A7F3;
}

/*************** Registration form **********/
.tome-reg-form {
    background-color: #1D1F4C;
    border-radius: 5px 5px 5px 5px;
    float: left;
    margin: 3px;
    padding: 6px;
    width: 45%;
}


/*************** Profile page **********/
div#achskindsselect {
	padding: 3px;
}
div#achskindsselect div {
	background: none repeat scroll 0 0 #003935;
	border: 1px solid;
	border-radius: 5px;
	box-shadow: 0 0 4px;
	float: left;
	margin: 3px;
	padding: 3px;
}
div#achskindsselect div.current {
	background: none repeat scroll 0 0 #6A3935;
}

div.userprofile-achievements div.ach {
	position: relative;
	float: left;
	width: 154px;
	height: 104px;
	margin: 2px;
}

div.userprofile-achievements div.ach div.box {
	background-color: #001032;
	border: 1px solid #55688A;
	border-radius: 6px;
	text-align: center;
	width: 150px;
	height: 100px;
	padding: 2px;
	overflow: hidden;
}
div.userprofile-achievements div.ach div.box img { width: 64px; height: 64px }
div.userprofile-achievements div.ach div.box span.name { display: block; }
div.userprofile-achievements div.ach div.box span.desc { display: none; }

div.userprofile-achievements div.ach div.box:hover {
	background-color: #102042;
	border: 1px solid #65789A;
	box-shadow: 0px 0px 15px 15px #001032;
	width: 200px;
	height: auto;
	z-index: 999;
	position: absolute;
	left: -25px;
	top: -50px;
}
div.userprofile-achievements div.ach div.box:hover img { width: 128px; height: 128px }
div.userprofile-achievements div.ach div.box:hover span.name { font-weight: bold; }
div.userprofile-achievements div.ach div.box:hover span.desc { display: block; }



div.userprofile-deaths div.death {
	position: relative;
	float: left;
	width: 154px;
	height: 119px;
	margin: 2px;
}

div.userprofile-deaths div.death div.box {
	background-color: #001032;
	border: 1px solid #55688A;
	border-radius: 6px;
	text-align: center;
	width: 150px;
	height: 115px;
	padding: 2px;
}
div.userprofile-deaths div.death div.box div.divimg { width: 64px; height: 64px; position: relative; }
div.userprofile-deaths div.death div.box img { width: 64px; height: 64px; position: absolute; left:45px; }
div.userprofile-deaths div.death div.box img.bigimg { width: 48px; height: 96px; left:54px; top:-32px; position: absolute; }
div.userprofile-deaths div.death div.box span.name { display: block; }
div.userprofile-deaths div.death div.box span.desc { display: block; }




div.uservault div.vault {
	position: relative;
	float: left;
	width: 154px;
	height: 119px;
	margin: 2px;
}

div.uservault div.vault div.box {
	background-color: #001032;
	border: 1px solid #55688A;
	border-radius: 6px;
	text-align: center;
	width: 150px;
	height: 115px;
	padding: 2px;
}
div.uservault div.vault div.box div.divimg { width: 64px; height: 64px; position: relative; }
div.uservault div.vault div.box div.divimg img { width: 64px; height: 64px; position: absolute; left:45px; }
div.uservault div.vault div.box div.divimg img.bigimg { width: 48px; height: 96px; left:54px; top:-32px; position: absolute; }
div.uservault div.vault div.box span.name { display: block; }
div.uservault div.vault div.box span.desc { display: block; }
div.uservault div.vault div.box div.delete {
	width: 12px; height: 12px; position: absolute; right:0px; top:2px;
}
div.uservault div.vault div.box div.timeleft:before {
	border-right: 40px solid transparent;
	border-top: 40px solid #ff002f;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
}
div.uservault div.vault div.box div.timeleft .text {
/*	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg) translateZ(0px);
*/
	font-size: 66%;
	left: -11px;
	position: absolute;
	top: 11px;
	transform: rotate(-45deg);
	width: 50px;
}



div.last-chars-feed-block div.char {
	position: relative;
	margin: 2px;
	padding: 2px;
	border: 1px solid #55688A;	
	border-radius: 6px;
}

div.last-chars-feed-block div.char div.box div.divimg { float:left; width: 24px; height: 24px; position: relative; }
div.last-chars-feed-block div.char div.box img { width: 24px; height: 24px; top:8px; position: absolute; }
div.last-chars-feed-block div.char div.box img.bigimg { width: 24px; height: 48px; top:-16px; position: absolute; }
div.last-chars-feed-block div.char div.box div.name { width: 164px }

/*************** DLCs **********/
div.dlc-right {
	float: right;
	width: 465px;
	margin-left: 8px;
}

img.dlc-header {
	display: block;
}

div.dlc-media {
	background-color: #080808;
	border: 1px solid #6B90FE;
	border-radius: 10px;
	box-shadow: 0 0 8px #365BD3;
	padding: 5px;
}
div.dlc-media h4 {
	text-align: center;
	font-variant:small-caps;
}

div.dlc-download span.smallcaps {
	font-variant:small-caps;
	font-size: 18px;
}

.buy-dlc-button {
	position: relative;
	border: 2px solid;
	border-radius: 5px;
	background-color: #222230;
	background: linear-gradient(120deg, #426255, #223230) repeat scroll 0 0 rgba(0, 0, 0, 0);
	width: auto;
	text-align: center;
	display: inline-block;
	padding: 3px;
	margin: 4px;
	cursor: pointer;
}
.buy-dlc-button:hover {
	background-color: #333344;
	background: linear-gradient(120deg, #356241, #173228) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.buy-dlc-button-red {
	background-color: #624255;
	background: linear-gradient(120deg, #624255, #322230) repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin-left: 100px;
}
.buy-dlc-button-red:hover {
	background-color: #624255;
	background: linear-gradient(120deg, #663346, #320A18) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.buy-dlc-button-fixed {
	width: 230px;
}

.buy-dlc-button a {
	font-size: 24px;
	text-shadow: 0px 0px 7px #8888ff;
}
.buy-dlc-button span.buy-dlc-button-text-top {
	font-variant:small-caps;
	color: #88AF9A;
	font-size: 14px;
	text-shadow: 1px 1px 1px #8888ff;
	position: absolute;
	right: 5px;
	top: 5px;
}
.buy-dlc-button span.buy-dlc-button-text-bottom {
	font-size: 12px;
	text-shadow: 1px 1px 1px #8888ff;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.buy-dlc-button span.buy-dlc-button-text-bottom a {
	font-size: 12px;
	text-shadow: 1px 1px 1px #8888ff;
	text-decoration: underline;
}

.buy-dlc-button-center  {
	text-align: center;
}

span.nocoins {
	color: yellow;
	font-weight: bold;
}

div.coins {
	display: inline;
}
div.coins img {
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
}
div.coins_big {
	display: inline;
}
div.coins_big img {
	position: relative;
	top: 4px;
	width: 22px;
	height: 22px;
}

div#checkbuy {
	background-color: #090900;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

div#checkbuyinner {
	background-color: #303041;
	border: 3px solid #274B5B;
	border-radius: 9px;
	box-shadow: 5px 5px 15px #404051;
	padding: 5px;
	margin: auto;
	display: block;
	position: fixed;
	left: 0px;
	top: 150px;
	right: 0px;
	width: 600px;
	z-index: 1002;
	text-align: center;
}
div#checkbuyinner h3 {
	font-size: 24px;
	text-shadow: 0 0 8px #000000;
}

div#checkbuyinner div.checkbuy-confirms {

}

div#donate-oneshot-select {
	background-color: #090900;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

div#donate-oneshot-selectinner {
	background-color: #303041;
	border: 3px solid #274B5B;
	border-radius: 9px;
	box-shadow: 5px 5px 15px #404051;
	padding: 5px;
	margin: auto;
	display: block;
	position: fixed;
	left: 0px;
	top: 150px;
	right: 0px;
	width: 400px;
	z-index: 1002;
	text-align: center;
}
div#donate-oneshot-selectinner h3 {
	font-size: 24px;
	text-shadow: 0 0 8px #000000;
}

div#donate-oneshot-selectinner div.donate-oneshot-select-confirms {

}

p.dlc-added {
	background-color: #03410E;
	border: 2px solid #2BE61A;
	border-radius: 5px;
	box-shadow: 0 0 5px;
	padding: 4px;
}

.dlc-list-view {
}


div#donate-oneshot-select {
	background-color: #090900;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

div#donate-oneshot-selectinner {
	background-color: #303041;
	border: 3px solid #274B5B;
	border-radius: 9px;
	box-shadow: 5px 5px 15px #404051;
	padding: 5px;
	margin: auto;
	display: block;
	position: fixed;
	left: 0px;
	top: 150px;
	right: 0px;
	width: 300px;
	z-index: 1002;
	text-align: center;
}
div#donate-oneshot-selectinner h3 {
	font-size: 24px;
	text-shadow: 0 0 8px #000000;
}

div#donate-recur-select {
	background-color: #090900;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

div#donate-recur-selectinner {
	background-color: #303041;
	border: 3px solid #274B5B;
	border-radius: 9px;
	box-shadow: 5px 5px 15px #404051;
	padding: 5px;
	margin: auto;
	display: block;
	position: fixed;
	left: 0px;
	top: 150px;
	right: 0px;
	width: 300px;
	z-index: 1002;
	text-align: center;
}
div#donate-recur-selectinner h3 {
	font-size: 24px;
	text-shadow: 0 0 8px #000000;
}