/* GLOBAL */

.template-tag {
	text-align: center;
}
.template-tag span {
	font-weight: bold;
	text-transform: uppercase;
}

	/* TEMPLATE 1 */

.template1-bg { 
	background-image: url(../../../images/templates/template1-bg.png); 
	width: 480px; 
	margin: 0 auto; 
	padding: 40px; 
	border-radius: 10px; 
} 
.template1-border { 
	padding: 1px; 
} 
.template1 { 
	background-color: #1f2028; 
	padding: 40px; 
}

	/* TEMPLATE 2 */

.template2-bg { 
	background-image: url(../../../images/templates/template1-bg.png); 
	width: 480px; 
	margin: 0 auto; 
	padding: 40px; 
	border-radius: 10px; 
} 
.template2-border { 
	padding: 1px; 
} 
.template2 { 
	background-color: #1f2028; 
	padding: 40px; 
}
.template2-images { 
	display: block; 
	text-align: center; 
	margin: -60px 0 30px; 
} 
.template2-img { 
	display: inline-block; 
	padding: 1px; 
	width: 100px; 
	margin-right: 40px; 
} 
.template2-img:last-child { 
	margin-right: 0; 
} 
.template2-img img { 
	width: 100px; 
	height: 100px; 
}

	/* TEMPLATE 3 */

.template3-top {
	background-image: url(../../../images/templates/template1-bg.png); 
	width: 560px;
	margin: 0 auto;
	height: 40px;
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px; 
}
.template3-line {
	width: 560px; 
	margin: 0 auto; 
	height: 1px;
}
.template3-img {
	width: 560px;
	margin: 0 auto;
}
.template3-bg { 
	background-image: url(../../../images/templates/template1-bg.png); 
	width: 480px; 
	margin: 0 auto; 
	padding: 0 40px 40px; 
	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px; 
} 
.template3-border { 
	padding: 0 1px 1px; 
} 
.template3 { 
	background-color: #1f2028; 
	padding: 40px; 
}

	/* PROFILE TEMPLATE 1 */

.prof-title-outer {
	background-image: url(/images/templates/template1-bg.png); 
	padding: 15px; 
	border-radius: 10px; 
	margin-bottom: 15px
}
.prof-title-border {
	padding: 1px;
}
.prof-title {
	background-color: #1f2028; 
	padding: 12px; 
	color: #d7d8dd; 
	text-transform: uppercase; 
	font-size: 11px; 
	text-align: center;
}

.prof-template-1-wrapper {
	display: flex;
}
.prof-template-1-outer {
	background-image: url(/images/templates/template1-bg.png); 
	padding: 30px; 
	border-radius: 10px; 
	width: 320px; 
	float: left; 
	display: flex; 
	align-items: stretch;
}
.prof-template-1-border {
	padding: 1px;
	width: 100%;
	display: flex; 
	align-items: stretch;
}
.prof-template-1 {
	background-color: #1f2028; 
	padding: 24px; 
	color: #d7d8dd; 
	text-transform: uppercase; 
	font-size: 11px;
	width: 100%;
	display: flex; 
	align-items: stretch;
}
.prof-template-1 ul {
	width: 100%;
}
.prof-template-1 ul li {
	display: block; 
	border-bottom: 1px solid #40414a; 
	padding-bottom:4px; 
	margin-bottom: 8px;
}
.prof-template-1 ul li:last-child {
	border-bottom: none; 
	padding-bottom: 0; 
	margin-bottom: 0;
}
.prof-template-1-right {
	float: left; 
	width: 478px; 
	margin-left: 40px;
}
	
	/* RELATIONSHIPS TEMPLATE 1 */

.relationships-left { 
	float: left; 
	width: 200px; 
	margin-right: 15px; 
} 

.relationships-right { 
	float: left; 
	width: 388px; 
} 
.relationships-right-bg { 
	background-image: url(/images/templates/template1-bg.png); 
	padding: 25px; 
	border-radius: 10px; 
} 
.relationships-right-border { 
	padding: 1px; 
} 
.relationship { 
	background-color: #1f2028; 
	padding: 25px; 
} 
.relationship img { 
	display: block;
	border-radius: 5px; 
	opacity: 0.5; 
} 
.relationship h2 {
	margin-top: 15px;
}
.relationship h2 span { 
	background-color: #1f2028; 
} 
.relationship-bar { 
	text-align: center; 
	color: #62636b; 
	font-size: 35px; 
	letter-spacing: 0.05em; 
	border-top: 1px solid #383941; 
	padding-top: 8px; 
	margin-top: 6px; 
} 
.relationship-bar:first-child { 
	border-top: 0; 
	margin-top: 20px; 
} 
.relationship-bar-left { 
	display: block; 
	float: left; 
	font-size: 10px; 
	color: #d7d8dd; 
	letter-spacing: 0; 
	width: 63px; 
	text-align: left; 
} 
.relationship-bar-mid { 
	display: block; 
	float: left; 
	width: 166px; 
} 
.relationship-bar-bg {
	background-color: #4e4f57;
	height: 7px;
	width: 130px;
	border-radius: 3px;
	margin: 4px auto 0;
	box-sizing: border-box;
}
.relationship-bar-fill {
	height: 100%;
	width: 50%;
	border-radius: 3px;
	opacity: 0.8;
}
.relationship-bar-right { 
	display: block; 
	float: left; 
	font-size: 10px; 
	color: #d7d8dd; 
	letter-spacing: 0; 
	width: 57px; 
	text-align: right; 
} 
.relationships-thread { 
	display: block; 
	font-size: 11px; 
	text-transform: uppercase; 
	border-bottom: 1px solid #383941; 
	padding-bottom: 8px; 
	margin-bottom: 8px; 
}