/* Landing Tout */
.landingTout {
  float: right;
  width: 904px;
  margin: 0 auto;
}

.landingTout a {
  display: block;
  float: left;
  width: 302px;
  height: 101px;
  text-indent: -3000em;
  overflow: hidden;
}

.landingTout a.toutProfile {
  background: url("../images/toutProfile.png") left top no-repeat;
}

.landingTout a.toutGroup {
  width: 296px;
  background: url("../images/toutGroup.png") left top no-repeat;
}

.landingTout a.toutHoops {
	width: 306px;
  background: url("../images/toutHoops.png") 0 5px no-repeat;
}

.landingTout a.toutHow {
  background: url("../images/toutHow.png") left top no-repeat;
}

/* toutHowLong */
.toutHowLong {
	display: block;
	font-size: 14px;
	text-align: left;
	line-height: 1.25;
	color: #333333 !important; /* have to call important in order to overwrite default global a color */
	width: 568px; /* width minus padding-left  */
	height: 58px; /* height minus padding-top  */
	margin-top: 20px;
	padding: 34px 0 0 18px;
	background: url("../images/toutHowLong.png") left top no-repeat;
}

.toutHowLong:hover {
	text-decoration: none;
	color: #333333 !important; /* have to call important in order to overwrite default global a color */
}

.toutHowLong strong {
	display: block;
	font-size: 16px;
}

/* Avatar */
.avatar {
  width: 252px;
  margin: 0 auto; 
  padding: 1px 0; /* 1px for margin to bounce off of */
  background: #fff;
}

.avatar img {
  display: block;
  width: 252px;
  height: 252px;
  margin-top: 9px; /* Padding-top is 9px due to 3px top_bg div */
}

.avatarInfo {
  margin: 12px 0 2px 0; /* Margin-bottom is 2px due to stikybox's padding-bottom */
}

.friendsCount {
  font-size: 12px;
  font-weight: normal;
}

/* FANS */
.fans {
  padding-bottom: 1px; /* 1px for margin to bounce off of */
}

.fans ul {
  margin: 17px 0 0 5px;
  padding: 0;
  list-style: none;
}

.fans ul li {
  display: block;
  float: left;
  text-align: center;
  width: 54px;
  margin: 0 0 10px 10px;
  padding: 0;
}

.fans ul li.clear {
  width: 0;
  height: 0;
  margin: 0;
  float: none;
}

.fans ul li a {
  font-size: 9px;
  text-align: center;
}

.fans img {
  display: block;
  width: 50px;
  height: 50px;
  margin: 2px;
  padding: 0;
}

.fans .pagenavi {
  font-size: 11px;
  text-align: right;
  margin: 7px 17px 7px 0;
}

/* ========== */
/* = Stream = */
.streamBox {
	margin: 10px 0 20px;
}

/* StreamHeader */
.streamHeader {
	position: relative;
	width: 580px;
	height: 60px;
	margin: 0 auto;
	background: #5e1b12 url("../images/streamHeader.png") left top repeat-x;
}

.streamHeader .tabs {
	float: left;
	width: 360px;
	margin: 12px 12px 0 12px;
}

.streamHeader .tabs ul {
	list-style-type: none;
}

.streamHeader .tabs li {
	float: left;
}

.streamHeader .tabs a {
	display: block;
	font-size: 13px;
	color: #404143;
	text-align: center;
	height: 38px;
	margin-top: 10px;
	padding: 0 20px;
	line-height: 40px;
	background: url("../images/tabs.png") center top no-repeat;
}

.streamHeader .tabs a:hover {
	color: #404143 !important;
	margin-top: 11px;
	height: 36px;
	text-decoration: none;
	border-bottom: 1px solid #666666;
}	

.streamHeader .tabs a.first {
	background: url("../images/tabs.png") left top no-repeat;
}

.streamHeader .tabs a.last {
	background: url("../images/tabs.png") right top no-repeat;
}

.streamHeader .tabs .current {
	background: url("../images/tabs.png") right -86px no-repeat;
}

.streamHeader .tabs .current a {
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	margin: 0 6px 0 0;
	padding: 0 4px 0 11px;
	background: url("../images/tabs.png") left -38px no-repeat;
}

.streamHeader .tabs .current a:hover {
	margin-top: 0;
	height: 48px;
	border-bottom: none;
}

.streamHeader .showSelect {
	float: right;
	color: #fff;
	width: 184px;
	line-height: 60px;
	margin-right: 12px;
}

.streamHeader .showSelect .show_pan {
	position: relative;
	right: auto;
	top: auto;
	margin: 0;
	padding: 0;
	z-index: 100px
}


/* Stream Feed */
.streamBox .streamList {
	text-align: left;
	line-height: 1.25;
}

.streamBox .disc-wrap {
	width: 546px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px dotted #CCCCCC;
}

.streamBox .stream-text {
	float: left;
	font-size: 14px;
	width: 406px;
	padding: 10px 0;
}

.streamBox .stream-img,
.streamBox .stream-img2 {
	position: relative;
	float: right;
	width: 60px;
	height: 60px;
	margin: 10px 0 10px 10px;
	padding: 0;
}

.streamBox #rounded_avatar {
	position: absolute;
	width: 60px;
	height: 60px;
	z-index: 0;
}

.streamBox .frame_pic {
	position: absolute;
	display: inline-block;
	width: 60px;
	height: 60px;
}

.streamBox blockquote.styleStream1 {
	font-size: 13px;
	margin: 0 0 0 20px;
	padding: 0 8px 0 0;
	text-indent: 23px;
	background: url(../images/openquote1.gif) left top no-repeat;
}

.streamBox blockquote.styleStream1 span {
	display: block;
	color: #6ca944;
	margin: 0;
	padding: 0;
}

.streamBox .alignRight,
.streamBox .alignCenter {
	width: 546px;
	margin: 10px auto;
	padding: 0;
}

.streamBox .alignCenter {
	margin-bottom: 0;
	padding-bottom: 10px;
}

/* ========== */

/* ============== */
/* = streamFeed = */
.streamFeed {
	padding: 10px 0;
}

.streamFeed .streamText {
	font-size: 14px;
	width: 406px;
}

.streamFeed .streamText .streamIcon {
	float: left;
	margin: 0 6px 0 0;
}

.streamFeed .roundedAvatar {
	position: relative;
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 0 0 10px;
	padding: 0;
}

.roundedAvatar img {
	position: absolute;
	width: 60px;
	height: 60px;
	z-index: 0;
}

.roundedAvatar span {
	position: absolute;
	display: inline-block;
	width: 60px;
	height: 60px;
	background: url("../images/frame60.png") left top no-repeat;
}

/* statusFeed + favstoryFeed */
.statusFeed .roundedAvatar,
.favstoryFeed .roundedAvatar {
	margin: 0 10px 0 0;
}

.statusFeed .streamText,
.favstoryFeed .streamText {
	float: left;
	font-size: 14px;
	width: 476px;
	margin: 0;
	padding: 0;
}

.favstoryFeed h4 {
	font-size: 20px;
	color: #333333;
	margin: 0;
	padding: 0;
}

.statusFeed .streamText p,
.favstoryFeed .streamText p {
	margin: 0 0 10px 0;
}

.favstoryFeed .streamText p {
	font-size: 12px;
	color: #999999;
}

.favstoryFeed .streamText p span {
	font-size: 10px;
}

.favstoryFeed .streamText a {
	font-size: 11px;
}

.favstoryFeed .streamText a:hover h4 { 
	color: #809A44;
}

.statusFeed .statusInfo {
	font-size: 11px;
}

.statusFeed .statusInfo a {
	font-size: 11px;
}

.removeButton {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -3000em;
	overflow: hidden;
	background: url("../images/cross.gif") left top no-repeat;
}

.favstoryFeed .removeButton {
	float: right;
}
/* ============== */