#sidebar.appMe {
	width:280px;
	padding-right:0;
}

.appWidget {
	border:1px solid #eaeaea;
	background:#FFF;
	padding:8px 0;
	border-radius:2px;
	box-shadow:0 1px 1px #eaeaea;
	position:relative;
	margin-bottom:24px;
}

.appWidget ul {
	border:none;
	margin:0;
	padding:0 14px;
	margin-bottom:0 !important;
}

.appWidget ul li {
	font-weight:normal;
}

h3.user {
	border:1px solid #eaeaea;
	background: #fff;
	padding: 12px;
	border-radius: 2px;
	box-shadow: 0 1px 1px #eaeaea;
	position: relative;
	margin-bottom: 24px;
	height: 108px;
}

h3.user b {
	background:#fff;
	padding-right:0 !important;
}

h3.user .avatar {
	width:96px;
	height:96px;
	margin-right:12px;
}

h3.user .avatar img {
	width:100%;
}

h3.user span {
	margin-top:0;
}

#monthlyUsage {
	border:1px solid #eaeaea;
	background:#FFF;
	padding:8px 0 24px;
	border-radius:2px;
	box-shadow:0 1px 1px #eaeaea;
	position:relative;
	height:200px;
	margin-bottom:24px;
}

.month {
	width:8.33%;
	float:left;
	height:200px;
	position:relative;
}

.month .fill {
	position:absolute;
	left:10px;
	right:10px;
	bottom:0;
	background:#fcc94f;
}

.month .tag {
	position:absolute;
	bottom:-22px;
	text-align:center;width:100%;
	font-size:12px;
	font-weight:bold;
}

#currentStats {
	border:1px solid #eaeaea;
	background:#FFF;
	padding:8px 0;
	border-radius:2px;
	box-shadow:0 1px 1px #eaeaea;
	position:relative;
	margin-bottom:24px;
}

#currentStats ul {
	border:none;
	margin:0;
	padding:0 14px;
	margin-bottom:0 !important;
	list-style:none;
}

#currentStats ul li {
	font-weight:normal;
}

#activity {
	position:relative;
	padding-top:82px;
}

#timeline {
	width:6px;
	background:#22b4c9;
	position:absolute;
	top:0;
	bottom:126px;
	left:50%;
	margin-left:-3px;
	opacity:0.4;
	border-radius:3px;
}

.action {
	width:50%;
	position:relative;
	font-size:14px;
	margin-bottom:48px;
}

.action.first {
	margin-top:-82px;
}

.action h4 {
	font-weight:bold;
	font-size:16px;
	background:#22b4c9;
	color:#FFF !important;
	padding:6px 9px;
	width:100%;
	margin:-9px 0 8px -9px;
	border-radius:2px 2px 0 0;
	position:relative;
}

.action.left h4 .caret {
	position:absolute;
	right:-10px;
	top:8px;
	width:0;
	height:0;
	border-left:10px solid #22b4c9;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
}

.action.right h4 .caret {
	position:absolute;
	left:-10px;
	top:8px;
	width:0;
	height:0;
	border-right:10px solid #22b4c9;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
}

.action .activityAvatar {
	width:44px;
	height:44px;
	float:left;
	margin-right:8px;
	border-radius:100%;
}

.action .comments {
	position:absolute;
	bottom:3px;
	right:10px;
	font-size:12px;
	font-style:italic;
	color:#888;
}

.action.left {
	float:left;
}

.action.right {
	float:right;
}

.action.left .pad {
	padding-right:40px;
}

.action.right .pad {
	padding-left:40px;
}

.action .inner {
	border:1px solid #eaeaea;
	background:#FFF;
	padding:8px;
	border-radius:2px;
	box-shadow:0 1px 1px #eaeaea;
	height:115px;
	position:relative;
}

.action.left .pad .iconBG {
	right:0;
	margin-right:-21px;
	top:0;
	margin-top:-2px;
}

.action.right .pad .iconBG {
	left:0;
	margin-left:-21px;
	top:0;
	margin-top:-2px;
}

.action .pad .iconBG {
	width:42px;
	height:42px;
	background:#fcfcfc;
	position:absolute;
	border-radius:100%;
}

.action .pad .iconBorder {
	width:42px;
	height:42px;
	background:#22b4c9;
	opacity:0.4;
	position:absolute;
	border-radius:100%;
}

.action.left .pad .iconBorder {
	right:0;
	margin-right:-21px;
	top:0;
	margin-top:-2px;
}

.action.right .pad .iconBorder {
	left:0;
	margin-left:-21px;
	top:0;
	margin-top:-2px;
}

.action .pad .actionIcon {
	width:32px;
	height:32px;
	background:#22b4c9;
	border-radius:100%;
	position:absolute;
}

.action.left .pad .actionIcon {
	right:0;
	margin-right:-16px;
	top:0;
	margin-top:3px;
}

.action.right .pad .actionIcon {
	left:0;
	margin-left:-16px;
	top:0;
	margin-top:3px;
}

@media only screen and (max-width: 1200px) {
  .action {
  	width:95%;
  }
  .inner {
  	height:auto;
  	padding-bottom:20px;
  }
}