/* ============ */
/* ! ACCOUNTS   */
/* ============ */

#a-left {	
	float: left;
	margin: 0px 0px 0px 10px;
	width: 280px;
}

#a-right {
	float: right;
	margin: 10px 0px 40px 0px;
	width: 650px;
}

/* ========= */
/* ! AVATAR */
/* ========= */

.avatar-header {
	height: 30px;
	margin: 0px 0px 0px 16px;
	text-align: center;
	width: 208px;
}

.avatar-title, .avatar-title a {	
	color: #222222;	
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
	text-shadow: 0px 1px 1px #FFFFFF;
}

.avatar-title a:hover {
	color: #006F84;
	text-decoration: none;
}

.avatar-author, .avatar-author a {
	color: #222222;	
	font-weight: bold;
	text-shadow: 0px 1px 1px #FFFFFF;
}

.avatar-author a:hover {
	color: #006F84;
	text-decoration: none;
}

.avatar-top {
	background: transparent url(../images/avatar-top.png) no-repeat top;
	clear: both;
	height: 13px;
	width: 282px;
}

.avatar-top-200 {
	background: transparent url(../images/avatar-top-200.png) no-repeat top left;
	clear: both;
	height: 19px;
	width: 282px;
}

.avatar-middle {
	background: transparent url(../images/avatar-middle.png) repeat-y top;
	height: auto;
	margin: 0px 0px -3px 0px;
	padding: 0px 0px 0px 7px;
	width: 274px;
}

.avatar-middle-200 {
	background: transparent url(../images/avatar-middle-200.png) repeat-y top left;
	height: auto;
	margin: -3px 0px -4px 0px;
	padding: 0px 0px 0px 32px;
	width: 274px;
}

.avatar-bottom {
	background: transparent url(../images/avatar-bottom.png) no-repeat top;
	height: 20px;
	width: 284px;
}

.avatar-bottom-200 {
	background: transparent url(../images/avatar-bottom-200.png) no-repeat top left;
	height: 20px;
	width: 284px;
}

.avatar-middle img {
	position: relative;
	width: 266px;
}

.avatar-middle-200 img {
	position: relative;
	width: 201px;
}


/* ============================= */
/* ! ACTUAL AVATAR CONTAINER  */
/* ============================= */


.avatar-container {	
	float: left;
	height: auto;
	margin: 0px 0px 5px 5px;
	position: relative;
	width: 280px;
}

/* ================ */
/* ! ACCOUNT FORM   */
/* ================ */

div#account-form {	
	float: left;
	margin: 0px 0px 0px 0px;
} 

/* ========= */
/* ! STATS   */
/* ========= */

#a-stats {
	background: transparent url(../images/stats-bg.png) no-repeat right;
	height: 68px;
	margin: 0px 0px 20px 0px;
	position: relative;
	width: 100%;
}

#a-stats span {
	color: #656565;
	font-size: 26px;
	font-weight: bold;
}

#stats-views {
	height: auto;
	left: 26px;
	position: absolute;
	text-align: right;
	top: 18px;
	width: 132px;
}

#stats-favd {	
	height: auto;
	left: 181px;
	position: absolute;
	text-align: right;
	top: 18px;
	width: 132px;
}

#stats-upl {	
	height: auto;
	left: 336px;
	position: absolute;
	text-align: right;
	top: 18px;
	width: 132px;
}

#stats-rating {	
	height: auto;
	left: 491px;
	position: absolute;
	text-align: right;
	top: 18px;
	width: 132px;
}

/* =========== */
/* ! FRIENDS   */
/* =========== */

#acct-friends-list {
	margin: 5px 0 0 9px;
}

#acct-friends-list-body {
	background: #DCDCDC url(../images/tags-bg.jpg) repeat-x top;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	float: left;
	height: auto;
	margin: 0 0 10px 0;
	padding: 17px 10px 5px 10px;
	width: 622px;
}

/* =================== */
/* ! ACTIVITY STREAM   */
/* =================== */

#activity-stream {
	margin: 20px 0px 0px 9px;
}

.as-module-top {
	background: transparent url(../images/module-header-bg.jpg) repeat-x;
	color: #FFF;
	display: block;
	font-weight: Bold;
	height: 34px; 
	margin: 10px 0 -11px 0;
	padding: 11px 0 0 12px;
	text-shadow: 0px 1px 1px #14434E;
	width: 631px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.as-module-top a {
	color: #FFF;
	text-decoration: none;
}

.as-module-top:hover {
	background: transparent url(../images/module-header-bg.jpg) repeat-x;
}

a:hover.as-module-top {
	text-decoration: none;
}

.as-module-row {
	background: transparent url(../images/as-row-bg.jpg) repeat-x left;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	border-top: 1px solid #d3d3d3;
	clear: both;
	color: #616161;
	font-size: 12px;
	font-weight: Bold;
	height: 86px;
	line-height: 20px;
	padding: 0px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
}

.as-module-row:hover {
	background: transparent url(../images/as-row-bg-hover.jpg) repeat-x top;
	color: #202020;
	text-decoration: none;
}

.as-module-left {
	float: left;
	text-align: left;
	width: 132px;
}

.as-module-right {
	float: right;
	padding: 0 12px 0 0;
	text-align: right;
	width: 112px;
}

.as-module-icons-users-fp {
	background: url(../images/users-fp-action.png) no-repeat;
	height: 20px;
	left: 10px;
	opacity: .3;
	-moz-opacity: .3;
	filter:alpha(opacity=30);
	position: absolute;
	top: 20px;
	width: 20px;
	z-index: 10;
}

.as-module-icons-users-fp:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
}

.as-module-icon-users-fp a {
	display: block;
	height: 100%;
	width: 100%;
}

.as-module-icons-this-fp {
	background: url(../images/this-fp-action.png) no-repeat;
	height: 20px;
	left: 10px;
	opacity: 0.3;
	position: absolute;
	top: 47px;
	width: 20px;
	z-index: 10;
}

.as-module-icons-this-fp:hover {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
}

.as-module-icons-this-fp a {
	display: block;
	height: 100%;
	width: 100%;
}

.as-module-photo-container {
	background: transparent url(../images/as-photo-bg.png) no-repeat;
	float: left;
	height: 86px;
	left: 30px;
	position: absolute;
	top: 0;
	width: 86px;
	z-index: 9;
}

.as-module-photo {
	left: 14px;
	position: absolute;
	top: 12px;
}

.as-module-photo img {
	height: 59px;
	width: 59px;
}

.as-module-photo img:hover {
	
}

.as-module-commentary {
	color: #4D4D4D;
	font-size: 14px;
	font-weight: normal;
	height: 45px;
	left: 94px;
	position: absolute;
	text-shadow: 0px 1px 1px #FFFFFF;
	text-transform: none;
	top: 21px;
	width: 500px;
}

.as-module-commentary-clock {
	background: url(../images/clock.png) no-repeat;
	float: left;
	height: 15px;
	margin: 2px 5px 0 0;
	width: 15px;
}

.as-module-commentary-text {
	font-size: 12px;
}

.as-module-commentary a {
	text-decoration: none;
}

.as-module-commentary a:hover {
	text-decoration: underline;
}