/************************************/
/*	PUBLIC PROFILE UPPER CONTAINER	*/
/************************************/
.upperContainer h3{
	font-size:				18px
}

.columns.topBar{
	margin-bottom:			10px
}

.columns.topBar .data{
	width:					60%;
	vertical-align:			middle
}

.columns.topBar .data > h1{
	margin-bottom:			3px;
	line-height:				30px
}

.columns.topBar .data > h4{
	font-size:				14px
}

.columns.topBar .btns{
	width:					40%;
	vertical-align:			middle;
	text-align:				right
}

.columns.topBar .btns a{
	text-align:				left;
	position:				relative;
	margin-left:			10px
}

.columns.topBar .btns a img{
	display:				inline-block;
	margin-right:			10px
}

.columns.topBar .btns a img.hover{
	top:					10px;
	left:					15px
}

.columns.topBar .btns a span{
	display:				inline-block;
	vertical-align:			top;
	line-height: 			16px
}

.mainPhoto{
	margin-right:			30px;
	border-radius:			100%
}

.userData{
	width:					666px
}

.userData .left{
	width:					282px
}

.userData .right{
	width:					350px
}

.userData h2{
	margin-bottom:			5px
}

.row{
	margin-bottom:			5px
}

.row .field.inline{
	display:				inline-block
}

.row .field.margin{
	margin-right:			15px
}

.row .field.margin10{
	margin-right:			10px
}


.row .field h5{
	color:					#9f9f9f
}


.aboutMe{
	margin-top:				15px	
}

.aboutMe p{
	text-indent:			30px;
	text-align:				justify
}


/************************************/
/*	PUBLIC PROFILE LOWER CONTAINER	*/
/************************************/

.lowerContainer .noticeBox{
	margin-top:				100px;
	margin-bottom:			-100px
}

.lowerContainer h2{
	margin-bottom:			10px
}

.lowerContainer .photos{
	width:					540px;
	margin-right:			30px;
	font-size:				0px
}

.lowerContainer .photos > :nth-child(4n + 1){
	margin-right:			0
}

.lowerContainer .photos h2{
	font-size:				28px
}

.lowerContainer .photos > a{
	display:				inline-block;
	width:					123px;
	height:					123px;
	overflow:				hidden;
	vertical-align:			top;
	margin-right:			16px;
	margin-bottom:			16px;
	position:				relative
}

.lowerContainer .photos > a::after{
	content:				'';
	border-radius:			10px;
	background-image:		url(/img/ico/magnifyLarge.png);
	background-position:	center;
	background-repeat:		no-repeat;
	position:				absolute;
	top:					0px;
	left:					0px;
	width:					100%;
	height:					100%;
	moz-transition: 		all 0.3s ease-out;
	-webkit-transition: 	all 0.3s ease-out;
	-o-transition: 			all 0.3s ease-out;
	-ms-transition: 		all 0.3s ease-out;
	transition: 			all 0.3s ease-out;
	background-color:		#000000;
	opacity:				0
}

.lowerContainer .photos > a:hover::after{
	opacity:				0.6
}

.lowerContainer .photos > a img{
	width:					100%;
	margin-top:				0%;
	margin-left:			0%;
	moz-transition: 		all 0.2s ease-out;
	-webkit-transition: 	all 0.2s ease-out;
	-o-transition: 			all 0.2s ease-out;
	-ms-transition: 		all 0.2s ease-out;
	transition: 			all 0.2s ease-out
}

.lowerContainer .photos > a:hover img{
	width:					116%;
	margin-top:				-8%;
	margin-left:			-8%
}

.lowerContainer .photos > a.noMargin{
	margin-right:			0px
}

.lowerContainer .experience{
	width:					390px
}

.lowerContainer .experience ul{
	list-style:				square;
	padding-left:			15px;
	margin:					0px 0px 7px 0px;
	font-size:				14px
}

.lowerContainer .experience ul h3{
	margin-left:			-15px;
	margin-bottom:			5px
}

.lowerContainer .experience ul li span{
	font-weight:			600
}

.lowerContainer .experience .btnBar{
	text-align:				right;
	margin-top:				10px;
	font-size:				16px
}




/************************************/
/*	USER EXPERIENCE OVERTLAY		*/
/************************************/
.userExperience{
	-moz-column-count: 		2;
	-moz-column-gap: 		30px;
	-webkit-column-count: 	2;
	-webkit-column-gap: 	30px;
	column-count: 			2;
	column-gap: 			30px;
}

.userExperience ul{
	margin:				0;
	padding-left:		0;
	list-style:			square;
	-webkit-column-break-inside:	avoid;
    -moz-column-break-inside:		avoid;
    column-break-inside:			avoid;
	-ms-column-break-inside: 		avoid; /* Internet Explorer */
	-o-column-break-inside: 		avoid; /* Opera */
	page-break-inside: 				avoid;
	-webkit-backface-visibility:	hidden;
}

.userExperience ul h3{
	margin-left:		-22px;
	margin-bottom:		5px
}

.userExperience ul span{
	font-weight:			600
}




/* FADE ICO */
.btnBar .moreAdv .fadeIco{
	height:					15px
}