#content {
	text-align: left;
	padding:0 15px;
}


.profile_top {
	width:100%;
	border-bottom:1px solid #987;
	padding:10px 0px;
}
.profile_top .picture {
	display:inline-block;
	vertical-align: bottom;
	width:100px;
	height:100px;
	margin-right:12px;
	position:relative;
}
.profile_top .picture .img {
	background-size:cover;
	background-position:center;
	width:100%;
	height:100%;
	border:1px solid #fed;
}
.profile_top .editoverlay {
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	color:#fff;
	cursor:pointer;
}
.profile_top .editoverlay:hover {
	opacity:1;
}
.profile_top .editoverlay:before {
	display:inline-block;
	vertical-align: middle;
	width:0;
	height:100%;
	content:" ";
}
.profile_top .editoverlay span {
	display:inline-block;
	vertical-align: middle;
	font-size:24px;
	text-align:center;
	width:95%;
}
#profpic .content {
	padding:20px 30px;
	max-width:640px;
	text-align:left;
}
#profpic h5 {
	font-size:24px;
	width:100%;
	padding-bottom:5px;
	border-bottom:1px solid #987;
}
#profpic .defaults {
	padding:10px 0;
}
#profpic .defaults .option {
	display:inline-block;
	width:100px;
	height:100px;
	position:relative;
	margin:0 4px 4px 0;
}
#profpic .defaults .option .image {
	background-size:cover;
	background-position:center;
	width:100%;
	height:100%;
}
#profpic .defaults .option .overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:7px solid rgba(255,255,255,0.7);
	cursor:pointer;
}
#profpic .defaults .option .overlay:hover, #profpic .defaults .option.selected .overlay {
	border-color:rgba(0,0,0,0.5);
}
#profpic .upload {
	padding-top:10px;
	border-top:1px solid #987;
}
#profpic .upload h6 {
	margin-bottom:5px;
	font-size:21px;
}
#profpic .upload .file {
	font-size:16px;
	cursor:pointer;
}
#profpic .upload .message {
	margin:8px 0 0 0;
	color:#090;
	font-size:18px;
}
#profpic .upload .message.error { color:#f00; }



h1 {
	display:inline-block;
	vertical-align: bottom;
}




.tabs {
	border-bottom:1px solid #987;
	padding:5px 0 5px 7px;
}
.tabs .tab {
	font-size:20px;
	cursor:pointer;
	display:inline-block;
	margin:0 5px;
	padding:0 0px 0 2px;
	border-bottom:1px solid rgba(0,0,0,0);
}
.tab.active, .tab:hover { border-bottom-color:rgba(0,0,0,255); }
.tabsc {
	padding:10px 0px;
}
.tabsc .tabsc_holder {
	position:relative;
	width:100%;
	min-height:100px;
	overflow-x:hidden;
}
.tabsc .tabc {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	padding:0 10px;
	min-height:100px;
	display:none;
}
.tabsc .tabc.active { display:block; position:relative; }

.editable {
	display:block;
	width:100%;
}

.description .label {
	vertical-align: bottom;
	display:inline-block;
	font-size:21px;
	font-weight:bold;
	margin-bottom:3px;
}
.description .edit {
	vertical-align: bottom;
	display:inline-block;
	font-size:16px;
	cursor:pointer;
	margin-bottom:3px;
}
.description .content {
	font-size:17px;
}
.description .content.empty { color:#555; font-style:italic; }
.description .content.empty:before { content: "This user has no description"; }
.description textarea {
	display:none;
	width:100%;
	height:80px;
	padding:3px 5px;
	font-size:16px;
}

.badges {
	margin-top:17px;
	width:100%;
}
.badges.disabled {
	opacity:0.5;
}
.badges .label {
	vertical-align: bottom;
	display:block;
	font-size:21px;
	font-weight:bold;
	margin-bottom:7px;
}
.badges .badge {
	margin:0 6px 6px 0;
}

.activity {
	margin-top:17px;
	width:100%;
}

.stats {
	font-size:20px;
}
.stats h3 {
	font-size:32px;
	display:block;
	margin-bottom:8px;
	font-weight:normal;
}
.stats .dataset {
	display:block;
	margin-bottom:3px;
}
.stats count {
	font-weight:bold;
}


.events h3 {
	margin:0 0 5px 0;
	font-size:32px;
	font-weight:normal;
}
.events .eventitem {
	margin:0 0 7px 0;
}
.events .eventitem .title {
	font-size:21px;
	vertical-align: bottom;
	text-transform: capitalize;
}
.events .eventitem .time {
	font-size:16px;
	color:#383838;
	margin-left:15px;
}
.events .eventitem .info {
	margin-left:15px;
}