/*member.css*/

.mblbox1{
			float: left;
			margin-left: 2px;
			margin-bottom: 10px;
			height: 478px;
			width: 596px;
}

.mblbox2{
height: 215px;
	padding:3px;
}

.mblbox3{
width:auto;
	margin-top: 10px;
	height: 231px;
}

.mblbox4{
height: 53px;
	width: 596px;
}

.mblcharaava{
	float:	left;
	margin:1px;
	border: 5px solid #deb45c;
	width: 250px;
	margin-left: 30px;
}

.mblcharaava:hover{
width: 250px;
	border: 5px solid #deb45c;
	background-color:#deb45c;
	opacity:0.5;
	  -webkit-transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
  transition: all ease 0.6s;
}

.mblusericon{
	width: 250px;
	height: 120px;
	border: 5px solid #deb45c;
	background-color: #deb45c;
}

.mblcharafacts{
	float:	right;
	margin:1px;
	width: 262px;
	margin-right: 30px;
}

.mblcharafacts .facts{
	font-size: 9.5pt;
	text-align: center;
	text-transform: uppercase;
	background-color: #deb45c;
	margin:1px;
}

.mblcharafacts .facts i{
color: #433236;
}

.mblname{
	font-size: 17pt;
	height: 42px;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px solid #deb45c;
	color: #deb45c;
	display: block;
}

.mblusertitel{
    text-align: center;
	font-size:10pt;
    height: 37px;
    text-transform: uppercase;
    background-color: #deb45c;
}

.mbltext{
	font-size: 12pt;
	padding: 5px;
	height: 100px;
	overflow: auto;
	text-align: justify;
}

.mblshortbox2{
	height: auto;
}

.mblshort2{
		   text-align: center;
		   font-size:12pt;
		   text-transform: uppercase;
		   background-color: #deb45c;
		   display: block;
		   padding: 2px;
		   margin:1px;
		   height: 17px;
		   width: 292px;
		   float: left;
}

.mblshort2 i{
color: #433236;
}