/** HEADER **/

.logo-image {
    clear: both !important;
    display: block !important;
    float: none !important;
    text-align: center !important;
}

.header-line {
    background: url(skin/slate-top.png);
    height: 17px;
    width: 100%;
    position: absolute;
    z-index: 1;
}

#toplinks-outer {
    background: url(skin/paper.png);
    padding: 5px;
    border-radius: 2px;
}

.toplinks-inner {
    background: url(skin/marble.png);
    padding: 6px;
    border: 1px solid #000;
    font-family: Verdana;
    font-size: 10px;
}

.toplinks-inner li {
    display: inline;
}

.toplinks-inner li a {
    color: #999999;
    padding: 0 5px;
}


#navbar {
    position: absolute;
    width: 100%;
    margin-top: -20px;
    z-index: 2;
}

.nav-tab {
    margin-right: 110px;
    float: right;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    background: url(skin/paper.png);
    padding: 5px; 
    border-radius: 2px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content-inner {
    background: url(skin/marble.png);
    padding: 6px;
    border: 1px solid #000;
    font-family: Verdana;
    font-size: 10px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/** BODY **/

#main-wrapper-table {
    max-width: 1500px;
    margin: 0 auto;
}

.mwt-l,
.mwt-r {
    background: #635141;
}

.mwt-lo {
    background: url(skin/slate-back-right.png);
    width: 141px;
}

.mwt-li {
    background: #635141 url(skin/box-left.png);
    width: 21px;
}

.mwt-cm {
    background: rgba(0,0,0,0.5);
}

.mwt-ro {
    background: url(skin/slate-back-left.png);
    width: 141px;
}

.mwt-ri {
    background: #635141 url(skin/box-right.png);
    width: 21px;
}

.mwt-lil {
    background: #635141 url(skin/box-blc.png);
    height: 21px;
    width: 21px;
}

.mwt-cb {
    background: #635141 url(skin/box-bottom.png);
    height: 21px;
}

.mwt-rir {
    background: #635141 url(skin/box-brc.png);
    height: 21px;
    width: 21px;
}

.mwt-c {
    background: #635141;
    text-align: center;
}

.close-line {
    background: #635141 url(skin/slate-bottom.png) repeat-x;
    height: 17px;
    width: 100%;
    position: absolute;
    z-index: 1;
}

.newcontent_textcontrol {
    margin-left: 20px;
}

#forums,
.box-frames {
    background: url(skin/paper.png);
    padding: 5px;
}

.blockbody,
#dbtech_infopanel .blockrow,
.member_blockrow,
.blockrow {
    background: url(skin/marble.png) !important;
}

#wgo .blockhead,
#dbtech_infopanel,
.member_blockrow{
    border: none !important;
}


#dbtech_infopanel img {
    width: 75px;
    height: 98px;
}

.blockhead,
.mini_stats,
.userprof_content{
    border: none !important;
}

/** FOOTER **/
.ug {
    font-family: Cinzel;

}

.admins {
    color: #bfb15c;
    font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.hochadel {
    color: #4169e1;
    font-weight: normal;    
}

.assamites {
    color: #ffa81f;
    font-weight: normal;
}

.cainites {
    color: #b22222;
    font-weight: normal;
}

.demons {
    color: #ff0033;
    font-weight: normal;
}

.spieler {
    color: #996600;
    font-weight: normal;
}

.clergy {
    color: #7d7d7d;
    font-weight: normal;
}

.corax {
	color: #a89b5f;
	font-weight: normal;
}

.gangrel {
    color: #00a252;
    font-weight: normal;
}

.garou {
    color: #00c000;
    font-weight: normal;
}

.ghouls {
    color: #cccc66;
    font-weight: normal;
	
}.mage {
    color: #993399;
    font-weight: normal;
}

.gm {
    color: #C0C0C0;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.giovanni {
    color: #777777;
    font-weight: normal;  
}

.kinfolk {
    color: #8fbf8f;
    font-weight: normal;
}

.kreuzritter {
    color: #ff0000;
    font-weight: normal;
}


.lasombra {
    color: #565656;
    font-weight: normal;
}

.malkavians {
    color: #663399;
    font-weight: normal;
}

.mortals {
    color: #cdaa7d;
    font-weight: normal;
}

.narrator,
.ug7 {
    color: #b07400;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.nosferatu {
    color: #666666;
    font-weight: normal;    
}

.niederadel {
    color: #3199ff;
    font-weight: normal;    
}

.setites {
    color: #ffff00;
    font-weight: normal;    
}

.toreador {
    color: #c000c0;
    font-weight: normal;    
}

.ritterstand {
    color: #5d859f;
    font-weight: normal;    
}

.volk {
    color: #8f4736;
    font-weight: normal;    
}

.ventrue {
    color: #4169e1;
    font-weight: normal;      
}

.below_body {
    background: #635141;
}

.forumrow .forumtitle {
    font-family: cinzel;
}

.chars {
	background: #008080;
	border-radius: 3px;
    font-family: PT Sans Narrow;
	color: #fff;
	font-size: 10px;
	padding: 1px 3px 1px 3px;
	text-transform: uppercase;
}

.infos {
	background: #a68318;
	border-radius: 3px;
    font-family: PT Sans Narrow;
	color: #fff;
	font-size: 10px;
	padding: 1px 3px 1px 3px;
	text-transform: uppercase;
}

.news{
	background: #a8d27b;
	border-radius: 3px;
    font-family: PT Sans Narrow;
	color: #000;
	font-size: 10px;
	padding: 1px 3px 1px 3px;
	text-transform: uppercase;
}

.ig-active {
	background: #009600;
	border-radius: 3px;
    font-family: PT Sans Narrow;
	color: #000;
	font-size: 10px;
	padding: 1px 3px 1px 3px;
	text-transform: uppercase;
}

.ig-active {
	background: #009600;
	border-radius: 3px;
    font-family: PT Sans Narrow;
	color: #fff;
	font-size: 10px;
	padding: 1px 3px 1px 3px;
	text-transform: uppercase;
}

.ig-close {
	background: #960000;
	border-radius: 3px;
    font-family: PT Sans Narrow;
	color: #fff;
	font-size: 10px;
	padding: 1px 3px 1px 3px;
	text-transform: uppercase;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #121212;
    margin: 1em 0;
    padding: 0; 
}

.postcontent hr {
	border: 0;
    height: 1px;
    background: #21201c;
}


/** AVATAR **/
.avatarframe {
	background: url(skin/frame.png);
	width: 240px;
	height: 310px;
	position: absolute;
	z-index: 2;
}

.user-avatar img {
    margin-top: 5px;
    margin-left: 5px;
    position: relative;
    z-index: 0;
}

.userinfo .postuseravatar {
	margin-top: 8px !important;
	margin-left: 1px !important;
}

/** ACCORDION **/
.ac-container{
	width: 220px;
	margin-top: 15px;
    margin-left: 10px;
	position: relative;
	z-index: 1;
}

.ac-container label{
    text-align: center;
    height: 50px !important;
    font-weight: bold;
	font-family: Cinzel;
	position: relative;
	z-index: 20;
	display: block;
	height: 20px;
	cursor: pointer;
	color: #4e4e4e;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	line-height: 50px;
	font-size: 12px;
	background: url(skin/box-head-bg.png);
	margin-top: 5px;

}

.ac-container label:hover{
	background: url(skin/box-head-bg.png);
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: url(skin/box-head-bg.png);
	color: #adadad;
	text-shadow: 0px 1px 1px rgba(0,0,0, 0.6);
}

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	background: transparent url(styles/vanguard/arrow_down.png) no-repeat center center;	
}

.ac-container input:checked + label:hover:after{
	background-image: url(styles/vanguard/arrow_up.png);
}

.ac-container input{
	display: none;
}

.ac-container article{
	background: url(skin/box-main-bg.png);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	transition: 
		height 0.3s ease-in-out, 
		box-shadow 0.6s linear;
}
.ac-container input:checked ~ article{
	transition: 
		height 0.5s ease-in-out, 
		box-shadow 0.1s linear;
}

.ac-container article p{
	font-family: Cuprum;
	color: #777;
	line-height: 14px;
	font-size: 12px;
	padding: 5px;
}

.ac-container input:checked ~ article.ac-idc {
	height: auto;
	background: transparent;
}

.ac-idc img {
   width: 200px;
}

.ac-container input:checked ~ article.ac-standard {
	height: auto;
}

.field-left {
	padding: 3px 15px;
	font-weight: bold;
	font-size: 10px;
	border-radius: 0px !important;
	text-transform: uppercase;
}

.field-right {
	font-size: 10px;
	font-size: 11px;
	padding: 3px 15px;
}

.field-right img {
	padding-bottom: 5px;
    padding-left: 5px;
}

.box-footer-line {
	background: url(skin/box-foot-bg.png);
    width: 220px;
    height: 16px;
}


/** POSTBIT **/
/*.usertitle {
	text-align: center;
	width: 55px;
	margin-bottom: -30px;
	z-index: 2;
	position: absolute;
}*/

.userinfo .rank {
	width: 240px;
	text-align: center;
}

.userinfo .username_container,
.userinfo .username_container .ug{
	width: 240px;
	margin-top: 5px;
	text-align: center;
    font-size: 16px !important;
}

.userinfo .username_container .inlineimg {
	display: none;
}


/** POSTBODY **/


/*.postrow .content {
	padding: 10px;
	background: #272119;
	border: 1px solid #514135;
	border-radius: 10px;
	font-family: Lora;
	font-size: 12px;
	line-height: 150%;
	margin: 20px 20px 0 20px;
	text-align: justify;
}*/

.formcontrols .blockrow,
#forumrules{
    border-top: none !important;
}

#activity_tab_container > div {
    background-color: #252422 !important;
}

.userprof_headers {
    background-color: #252422 !important;
}

/********************** TABS **********************/

.tab-container {
    width: 98%;
    margin: 10px auto 0 auto;
	padding-bottom: 20px;
}

ul#info-tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
	font-family: Lora;

}

ul#info-tabs li {
    background: rgba(13,13,13, 0.5);
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

ul#info-tabs li.current {
    background: #272119;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-left: 1px solid #514135;
    border-top: 1px solid #514135;
    border-right: 1px solid #514135;
    padding-bottom: 12px;
    position: relative;
    z-index: 1;
}

.tab-content {
    display: none;
    background: #272119;
    padding: 10px;
    border-left: 1px solid #514135;
    border-bottom: 1px solid #514135;
    border-right: 1px solid #514135;
    border-top: 1px solid #514135;
	line-height: 1.5;
    margin-top: -2px;
    box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.75);
    border-radius: 0 10px 10px 10px;
	font-family: Tahoma;
    font-size: 13px;
	color: #999;
}

/*.tab-content-txt {
    font-family: 'Open Sans';
    font-size: 12px;
}*/

.tab-content.current {
    display: inherit;
}

.post-content {
    width: 98%;
    border: 1px solid #514135;
    padding: 10px;
    margin: 10 auto 0 auto;
    text-align: justify;
    background: #272119;
    border-radius: 10px;
    box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.75);
	font-family: Lora;
    font-size: 12px;
	line-height: 1.5;
}

.field-left {
    padding: 3px;
    font-weight: bold;
    font-size: 10px;
    border-radius: 0px !important;
    text-transform: uppercase;
    background: #514135;

}

.field-right {
    font-size: 11px !important;
    padding: 3px;
}



#userinfos_top {
	height: 60px;
	padding-top: 5px;
}


#userinfos_top .ucom {
}

#userinfos_top .usertitle {
	top: 30px;
	margin: 0 0 0 20px;
	right: 30px;
}

.tdright {
	text-align: right;
}

.rankimg {
	text-align: right;
	padding-right: 10px;
}

#userinfos_top .rank {
	float: right;
	margin-top: -10px;
}


#userinfos_top .username{
	font-size: 20px;
	margin: 0 0 0 10px;
}

#userinfos_top .urank {
	font-size: 16px;
	margin: 0 0 0 10px;
	font-family: Lora;
	font-variant: small-caps;
	color: #999;
}

#userinfos_top .username-container a{
	font-size: 20px !important;
	font-variant: small-caps !important;
}

#userinfos_top .username_container .inlineimg {
	display: none;
}

.nsc-pic {
	margin-top: -121px;
	margin-left: -265px;
	position: absolute;
	z-index: 1 !important;
}

.nsc-name {
	font-size: 18px;
	position: absolute;
	width: 240px;
	height: 25px;
	background: url(skin/marble.png);
    color: #7eadb1;
	margin-top: -115px;
	margin-left: -10px;
	padding: 2px;
	font-family: 'Cinzel';
}

.nsc-n {
	font-size: 13px;
	position: absolute;
	width: 240px;
	height: 15px;
	background: url(skin/marble.png);
	padding: 2px;
	margin-top: -90px;
	margin-left: -10px;
}


.textbox,
select,
option {
    background: #332b23 !important;
    color: #7B6E53 !important;
    border: 1px solid #614F3F !important;
}

input {
    background: #332b23 !important;
    color: #7B6E53 !important;
	font-family: Cinzel !important;
	border: 1px solid #614F3F !important;
}

#userinfos_top .urank {
	font-size: 13px;
	margin: 0 0 0 10px;
}

#userinfos_top .urank2 {
	font-size: 13px;
	margin: 0 0 0 10px;
}

legend {
	color: #7B6E53 !important;
}

/***Profile Box***/

#contentBox {
	width: 90%;
	height: auto;
	padding: 15px;
	border: 4px solid #4a433a;
	margin: auto;
	background: #1b1714;
	background-attachment: fixed;
}


#contentBox .cms_table  td {
	padding: 2px 10px 2px 2px;
	font-family: 'Lora';
}

.tab-content .cms_table {
	border-collapse: separate;
    border-spacing: 3px;
	padding: 2px !important;
}

.headingA {
	font-family: 'Cinzel';
	font-size: 33px;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.headingB {
	font-family: calibri;
	font-size: 12px;
	font-style: italic;
	border-bottom: 2px solid #4a433a;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.headingC {
	font-family: calibri;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 5px;
}


.hul {
	border-bottom: 2px solid #4a433a;
}

.textA {
	font-family: 'Lora';
	font-size: 14px;
}

.catTxt {
	font-family: 'Cinzel';
	font-size: 24px;
	background-color: rgba(74, 67, 58, 0.5);
	text-align: center;
	letter-spacing: 1px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

.normTxt {
	font-family: 'Lora';
	font-size: 14px;
	font-weight: 600;
}

.boxPicsA {
	float: left;
	width: 153px;
	height: 200px; 
	border-radius: 50px; 
	padding: 10px;
}
.boxPicsB {
	float: right;
	width: 153px;
	height: 200px; 
	border-radius: 50px; 
	padding: 10px;
}


.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}