/**
* @package CSS Magic Extension
* @copyright (c) 2015 martin - http://www.martins-homelinux.net
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
---------------------------------------------------------------------------- */

/*
--------------------------------------------------------------
Topic title hover start
-------------------------------------------------------------- */
a.forumtitle:hover {
     color: #FE0202;
     text-decoration: none;
     padding-left: 20px;
     transition: all 0.75s linear 0s;
}

a.topictitle:hover {
     color: #FE0202;
     text-decoration: none;
     padding-left: 20px;
     transition: all 0.75s linear 0s;
}


/*
--------------------------------------------------------------
Meine Header box START
-------------------------------------------------------------- */
.welcome-avatar img {
	margin-bottom: 2px;
	height: 85px;
	vertical-align: middle;
	width: 85px;
	border: 2px solid #fff;
	border-color: #336699;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;


	-webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;

} 
 .avatar:hover   
{ 
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg); 
    -o-transform:rotate(360deg);
}



.welcome-avatar span:after {
	content: '\25BC';
	display: inline-block;
	font-size: 9px;
	float: right;
	padding-left: 2px;
	opacity: 0.7;
}

--------------------------------------------------------------
Meine Header box ENDE
-------------------------------------------------------------- */

--------------------------------------------------------------
If mchat installed then give it css why not ? lets  start
-------------------------------------------------------------- */

#mchat-panel {
	text-align: center;
	max-height: initial;
	padding: 0 5px 5px 5px;
	margin: 0;
	-webkit-border-radius: 6px;
        -o-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
}

/* .mChatAvatars {
	float: left;
	padding-right: 5px;
} */

.mchat-avatar {
	float: left;
	padding-right: 5px;
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-bottom: 2px;
	vertical-align: middle;
	
}

.mchat-avatar img {
	position: absolute;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	left: 0px;
	top: 0px;
	max-height: 35px;
	max-width: 35px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
	opacity: 1;
}







/*
--------------------------------------------------------------
Lets have a go at them avatars ? lets  start
-------------------------------------------------------------- */
.postprofile .has-avatar .avatar-container {
   margin-bottom: 3px;

}

.postprofile .avatar {
   display: block;
   float: left;
   max-width: 100%;

}

.postprofile .avatar img {

   display: block;
   -moz-transition: all 1s ease;
   -webkit-transition: all 1s ease;
   left: 0px;
   top: 0px;
   max-height: 60px;
   max-width: 60px;
   -webkit-border-radius: 6px;
   -o-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}

.postprofile .avatar img:hover {

   left: -40px;
   top: -40px;
   max-height:140px;
   max-width:140px;
   box-shadow: 0 0 20px #000;
   z-index: 10;
   -webkit-border-radius: 6px;
   -o-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
}
/*
-------------------------------------------------------------- */