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

}

.name img {width:200px; height:auto;}

a:hover {text-decoration:underline;}

.shortcode-author-avatars .author-list {
	float: left;
	padding-bottom:10px;
}

.shortcode-author-avatars div.author-list .user {
	display: block;
	float: left;
	margin: 0;
	text-align: left;
position:relative;
   transition: .55s ease-in-out;
   -moz-transition: .55s ease-in-out;
   -webkit-transition: .55s ease-in-out;
}
.shortcode-author-avatars div.author-list .user .name {
	height:133px;
	width:200px;
padding:10px 10px 20px 10px;
	position:absolute;
	top:0;
	font-size: 12px;
line-height:15px;
	display: none;
z-index:1;
overflow:hidden;
}


.shortcode-author-avatars div.author-list .user:hover .name {
padding-bottom:10px;
	height:210px;
	width:210px;
	position:absolute;
	top:0;
	background: black; /*url('http://ntslive.co.uk/jph/wp-content/uploads/2013/01/bgbg2.png') repeat*/;
	display: block;
	font-size: 14px;
line-height:15px;
text-transform:uppercase;
	overflow:hidden;
	color:#fff;
z-index:1001;
text-align:left;
font-weight:normal;
text-decoration:none;
}












.shortcode-author-avatars div.author-list .user .name2 {
padding:8px 10px 10px 10px;
	height:133px;
	width:210px;
	position:absolute;
	top:0;
	background:transparent;
	display: block;
	font-size: 14px;
text-transform:uppercase;
	overflow:hidden;
	color:#fff;
	text-shadow: 1px 1px #000;
z-index:1001;
text-align:left;
font-weight:normal;
text-decoration:none;
}


.shortcode-author-avatars div.author-list .user:hover .name2 {
padding-bottom:10px;
	height:133px;
	width:210px;
	position:absolute;
	top:0;
	background:/*rgba(0,0,0, 0.8)*/ url('http://ntslive.co.uk/jph/wp-content/uploads/2013/01/bgbg2.png') repeat;
	display: none;
	font-size: 14px;
text-transform:uppercase;
	overflow:hidden;
	color:#ccc;
z-index:1001;
text-align:left;
font-weight:normal;
text-decoration:none;
}













.shortcode-author-avatars div.author-list .user:hover .name p {height:106px; overflow:hidden;}

.name {padding-top:10px; height:140px;  overflow:hidden; background:transparent;
font-family:'UniConRegular';
text-decoration:none;

}

.shortcode-author-avatars ul.author-list {
	list-style: none;
	margin: 0;


}

.shortcode-author-avatars ul.author-list .avatar,
.shortcode-author-avatars ol.author-list .avatar {
	float: left;
	clear: left;
	margin-right: .25em;
width:200px;


}
.shortcode-author-avatars div.aa_pageList{
	width:100%;
	clear: left;
	text-align:left;
}
.shortcode-author-avatars div.aa_pageList div {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.shortcode-author-avatars div.aa_pageList  a{
padding: 2px 4px;
margin:0 2px;
}

.shortcode-author-avatars div.aa_pageList a.current, .shortcode-author-avatars div.aa_pageList  a:hover{
border-color: black;	
text-decoration:none;
}
.shortcode-author-avatars div.aa_pageList a.current{
	font-weight: bold;
}
.shortcode-show-avatar{
	display: block;
}

img {position:relative;}
	

























/* for mobile */
@media screen and (max-width: 568px) {



a:hover {text-decoration:none;}

.shortcode-author-avatars .author-list {
	float: left;
	bottom:0;
}

.shortcode-author-avatars .author-list img {position:relative; width:100%; height:auto; opacity:0.4;}

.shortcode-author-avatars div.author-list .user {
	display: block;
	float: left;
	margin: 0;
	text-align: left;
position:relative;
padding:0;
width:100%;
}
.shortcode-author-avatars div.author-list .user .name {
	height:auto;
	width:100%;
padding:0;
	position:absolute;
	top:12px;
	font-size: 18px;
line-height:20px
text-align:center;
z-index:1;
display:none;

}


.shortcode-author-avatars div.author-list .user:hover .name {
	height:auto;
	width:100%;
padding:0;
	position:absolute;
	top:12px;
	font-size: 18px;
line-height:20px
text-align:center;
z-index:1;
display:none;

}












.shortcode-author-avatars div.author-list .user .name2 {
padding:0;
	height:auto;
	width:100%;
	position:absolute;
	top:12px;
	background:transparent;
	display: block;
	font-size: 18px;
line-height:20px
text-transform:uppercase;
	overflow:hidden;
	color:#fff;
z-index:1001;
text-align:center;
font-weight:normal;
text-decoration:none;
}


.shortcode-author-avatars div.author-list .user:hover .name2 {
padding:0;
	height:auto;
	width:100%;
	position:absolute;
	top:12px;
	background:transparent;
	display: block;
	font-size: 18px;
line-height:20px
text-transform:uppercase;
	overflow:hidden;
	color:#fff;
z-index:1001;
text-align:center;
font-weight:normal;
text-decoration:none;

}













.shortcode-author-avatars div.author-list .user:hover .name p {}

.name {padding-top:0px; height:140px;  overflow:hidden; background:transparent;
font-family:'UniConRegular';
text-decoration:none;

}

.shortcode-author-avatars ul.author-list {
	list-style: none;
	margin: 0;


}

.shortcode-author-avatars ul.author-list .avatar,
.shortcode-author-avatars ol.author-list .avatar {
	float: left;
	clear: left;
	margin-right: .0;


}
.shortcode-author-avatars div.aa_pageList{
	width:100%;
	clear: left;
	text-align:left;
}
.shortcode-author-avatars div.aa_pageList div {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.shortcode-author-avatars div.aa_pageList  a{
padding: 0;
margin:0;
}

.shortcode-author-avatars div.aa_pageList a.current, .shortcode-author-avatars div.aa_pageList  a:hover{

}
.shortcode-author-avatars div.aa_pageList a.current{
	font-weight: bold;
}
.shortcode-show-avatar{
	display: block;
}

img {position:relative; width:100%; height:auto;}
	

}