/* The Network - Page Elements
#################################################################### */

	/* TEMPORARY - Until Network Launches
	---------------------------------------------- */
	#navProducts a {
		background: url(/images/btn/mainNav.png?824) -265px -41px;
		}

	/* Active Main Navigation - Shown as Library until section built
	----------------------------------------------
	#navTheNetwork a {
		background: url(/images/btn/mainNav.png) -118px -41px;
		}

	*/

	/* Container & Page Layout
	---------------------------------------------- */
	div[id^="profileContainer"],
	div[id$="Container"]	{
		float: right;
		width: 500px;
		}

	#profileNav	{
		float: right;
		width: 500px;
		}

	#subpageHeader h1	{
		width: 600px;
		padding-bottom: 3px;
		}

	#emptyPage.userPrompt {
		padding: 10px 16px;
		margin: 0 10px 10px;
		}

	/* Size / Position Profile Img
	---------------------------------------------- */
	.profileImg	{
		margin: 0 0 0 15px;
		padding: 0;
		text-align: center;
		width: 250px;
		}


	/* Profile Page Headers
	---------------------------------------------- */
	#subNavHeader	{
		border-bottom: 1px dotted #e4eae5;
		float: right;
		margin-bottom: 12px;
		padding: 14px 0 8px 0;
		width: 510px;
		}

	#subNavHeader h4	{
		color: #7d756a;
		display: block;
		font-size: 15px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 16px;
		margin: -4px 0 0 0;
		padding: 0;
		}

	#subNavHeader p	{
		color: #a29b8e;
		clear:left;
		font-size: 12px;
		font-weight: bold;
		line-height: 10px;
		text-transform: uppercase;
		}

	#subNavHeader p a	{
		color: #c9c9bf;
		}

	#subNavHeader p a:hover	{
		color: #5fc7d4;
		}


/* The Network - Account Verification
#################################################################### */

	.accountUnverified	{
		color: #d46c5f;
		display: inline-block;
		height: 14px;
		}

	.accountUnverified:hover	{
		color: #dd8a7f;
		}

	.accountVerified	{
		color: #b5c91c;
		display: inline-block;
		height: 14px;
		}

	.accountVerified:hover	{
		color: #c4d449;
		}

/* Network Profile Sidebar */
	#supportContent dl	{
		display: block;
		margin: 4px 0 8px 20px;
		line-height: 14px;
		}

		#supportContent dt	{
		font-weight: bold;
		}


/* Profile Tabs - Content Layouts
#################################################################### */


	div[id$="Container"] h5	{
		color: #83796c;
		font-size: 14px;
		margin-bottom: 2px;
		}

	div[id$="Container"] p	{
		font-size: 12px;
		line-height: 15px;
		margin: 0 12px 14px 0;
		}

	div[id$="Container"] ul,
	div[id$="Container"] dl	{
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 14px 0;
		}

	div[id$="Container"] ul li,
	div[id$="Container"] dl dd	{
		margin: 6px 0 8px 16px;
		}

	/* [Artist] Info Layout
	---------------------------------------------- */
	div[id$="Container"] ul.profilePublished li	{
		color: #c9c9bf;
		font-size: 14px;
		list-style-type: circle;
		margin: 4px 0 8px 30px;
		}

	div[id$="Container"] ul.profilePublished li em	{
		color: #72726e;
		display: block;
		font-size: 11px;
		font-weight: normal;
		padding-left: 6px;
		}

	/* [Event] Info Layout
	---------------------------------------------- */
	div[id$="Container"] ul.profileDates li,
	div[id$="Container"] ul.profileParticipating li	{
		border-right: 1px solid #ccc;
		display: inline-block;
		float: left;
		padding: 0 8px 0 0;
		margin: 4px 8px 4px 0;
		}

	div[id$="Container"] ul.profileDates li:last-child,
	div[id$="Container"] ul.profileParticipating li:last-child	{
		border-right: 0;
		}


	/* Profile Totals Fix
#################################################################### */
	#supportContent ul#supportTotals	{
		background: none;
		margin: 2px 6px 12px 14px;
		padding: 0;
		}

/* Profile - Feed Layouts for Activity, News, Events
#################################################################### */
	div.feedContainer	{
		float: right;
		width: 510px !important;
		}

	div.feedContainer div.pagination	{
		width: 506px !important;
		}


	/* Feed Layout */
	.feedItem,
	.newsPostList,
	.eventList 	{
		background: url(/images/bg-pageHeader.png) repeat-x bottom;
		/*margin-bottom: 10px;
		padding-bottom: 18px;*/
		margin: 0 4px 6px 0;
		padding: 4px 3px;
		}

	.feedItem .profileIcon	{
		position: absolute;
		}

	.feedItem blockquote	{
		color: #c1bab0;
		font-size: 18px;
		font-weight: bold;
		line-height: 20px;
		margin: 0 0 0 50px;
		padding: 0 0 6px 0;
		}

	.feedItem .followMicro	{
		margin: 0 0 0 50px;
		}

	.feedItem .followMicro li	{
		border: 1px solid #bdbdb1;
		float: left;
		line-height: 0;
		margin: 0 4px 4px 0;
		padding: 1px;
		}

	/* Override for User Icon */
	.feedItem div[class^="feedType"],
	.feedItem .feedActions	{
		margin-left: 50px;
		}

	/* News, Events/Shows Feed Layouts
	---------------------------------------------- */
	div[class^="feedType"]	{
		margin: 0 0 8px 0;
		min-height: 80px;
		position: relative;
		}

	div[class^="feedType"] > a img	{
		margin: 0 0 4px 0;
		position: absolute;
		}

	div[class^="feedType"] h3	{
		background: #fff;
		clear: none;
		display: block;
		font-family: din, helvetica, sans-serif;
		font-size: 18px;
		line-height: 16px;
		margin: 0 6px 0 90px;
		padding: 0 0 0 0;
		}

	div[class^="feedType"] h3 a span	{
		color: #a49e97;
		display: block;
		font-size: 12px;
		line-height: 14px;
		padding: 0;
		}

	div[class^="feedType"] h3 a	{
		color: #83796c;
		}

	div[class^="feedType"] h3 a:hover,
	div[class^="feedType"] h3 a:hover span	{
		color: #5fc7d4;
		}

	div[class^="feedType"] p	{
		color: #c1bab0;
		font-size: 11px;
		line-height: 12px;
		margin: 0 6px 8px 90px;
		}

	/* Conversation Feed Override */
	div.feedTypeConversation h3 {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    margin: 0 0 0 0;
    }

  div.feedTypeConversation h3 img  {
    float: right;
    margin: 0 0 4px 6px;
    }

  div.feedTypeConversation > p  {
    margin: 0 0 8px 0;
    }

	.feedTypeConversation  {
    min-height: inherit !important;
    }


	/* Feed List Details
	---------------------------------------------- */
	.feedDetails	{
		display: block;
		margin: 0 6px 0 0;
		padding: 0 0 0 90px;
		}

	.feedDetails li	{
		color: #a49e97;
		float: left;
		margin-right: 12px;
		}

	.feedDetails li strong	{
		color: #a29b8e;
		}

	/* Dates, Fucking Sweet, Comments
	---------------------------------------------- */
	.feedActions	{
		color: #c1bab0;
		display: block;
		margin: 0 6px 0 0;
		padding: 0 0 2px 0;
		text-transform: lowercase;
		}


/* Reputation
#################################################################### */

	/* Rep Totals
	---------------------------------------------- */
	#repTotals	{
		float: right;
		margin-bottom: 12px;
		width: 500px;
		}

	#repTotals li	{
		background: #f9f8ea;
		color: #83796c;
		float: left;
		font-size: 9px;
		font-weight: bold;
		padding: 6px 8px;
		text-transform: uppercase;
		width: 140px;
		}

	#repTotals li strong	{
		color: #9fc44c;
		display: block;
		font-size: 36px;
		line-height: 36px;
		}

	#repTotals li+li	{
		margin-left: 12px;
		}

	/* Badges
	---------------------------------------------- */
	#repContainer h2	{
		background: url(/images/bg-pageHeader.png) repeat-x top;
		color: #83796c;
		padding: 6px 0 12px 0;
		}

	#repContainer h2 em	{
		color: #c9c9bf;
		}

	.badgeContainer p	{
		padding: 14px;
		text-align: center;
		}

	.badgeContainer p em	{
		color: #c9c9bf;
		display: block;
		}

	.badgeContainer ul li	{
		float: left;
		margin: 0 4px 8px 0;
		}

	/* Merit Badges
	---------------------------------------------- */
	#repContainer .activityStat	{
		border-bottom: 1px dotted #e4eae5;
		padding: 10px 6px 4px 6px;
		}

	#repContainer .activityStat:hover	{
		background: #f8fff0;
		}

	#repContainer .activityStat.locked:hover	{
		background: #fff;
		}

	#repContainer .activityStat span[class^="bdg"]	{
		background-color: #c9c9bf;
		display: block;
		float: left;
		height: 40px;
		margin: -4px 12px 0 0;
		text-indent: -10000px;
		width: 40px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		}

	#repContainer .activityStat .meritTotal	{
		color: #9fc44c;
		float: right;
		font-size: 36px;
		font-weight: bold;
		line-height: 36px;
		}

	#repContainer .activityStat p	{
		color: #83796c;
		float: left;
		font-size: 20px;
		line-height: 22px;
		margin: 0;
		}

	#repContainer .activityStat p em	{
		color: #c9c9bf;
		display: block;
		font-size: 10px;
		line-height: 9px;
		}

	#repContainer .activityStat p em strong	{
		color: #9fc44c;
		}

	#repContainer .activityStat.locked p,
	#repContainer .activityStat.locked .meritTotal	{
		color: #c9c9bf;
		}

	/* Merit Badges Colors
	---------------------------------------------- */
	/* Locked Badges */
	#repContainer .locked span[class^="bdg"]	{
		background-color: #eaebe5;
		}

	/* N00b badge */
	#repContainer .merit01 span[class^="bdg"]	{
		background-color: #bddf95;
		}

	#repContainer .merit01 p em strong	{
		color: #dee65b;
		}

	/* Fanboy badge */
	#repContainer .merit02 span[class^="bdg"]	{
		background-color: #dee65b;
		}

	#repContainer .merit02 p em strong	{
		color: #e6b45b;
		}

	/* Enthusist badge */
	#repContainer .merit03 span[class^="bdg"]	{
		background-color: #e6b45b;
		}

	#repContainer .merit03 p em strong	{
		color: #e6725b;
		}

	/* Guru badge */
	#repContainer .merit04 span[class^="bdg"]	{
		background-color: #e6725b;
		}

	#repContainer .merit04 p em strong	{
		color: #d591d0;
		}

	/* Evangelist badge */
	#repContainer .merit05 span[class^="bdg"]	{
		background-color: #d591d0;
		}

	#repContainer .merit05 p em strong	{
		color: #91c8d5;
		}

	/* OCD badge */
	#repContainer .merit06 span[class^="bdg"]	{
		background-color: #91c8d5;
		}

	#repContainer .merit06 p em strong	{
		color: #5e6359;
		}

	/* Godlike badge */
	#repContainer .merit07 span[class^="bdg"]	{
		background-color: #5e6359;
		}

	#repContainer .merit07 p em strong	{
		color: #5e6359;
		}

	/* Merit Badges Icons
	---------------------------------------------- */
	.bdgLibrary	{
		background: url(/images/icon/badges.png?849) 0 0 no-repeat;
		}

	.bdgEditItem	{
		background: url(/images/icon/badges.png?849) 0 -40px no-repeat;
		}

	.bdgEditPortfolio	{
		background: url(/images/icon/badges.png?849) 0 -80px no-repeat;
		}

	.bdgConvo	{
		background: url(/images/icon/badges.png?849) 0 -120px no-repeat;
		}

	.bdgReply	{
		background: url(/images/icon/badges.png?849) 0 -160px no-repeat;
		}

	.bdgVoting	{
		background: url(/images/icon/badges.png?849) 0 -200px no-repeat;
		}

	.bdgComments	{
		background: url(/images/icon/badges.png?849) 0 -240px no-repeat;
		}

	.bdgCollection	{
		background: url(/images/icon/badges.png?849) 0 -280px no-repeat;
		}

	.bdgReferral	{
		background: url(/images/icon/badges.png?849) 0 -320px no-repeat;
		}

	/* BlindBox Badges
	---------------------------------------------- */
	#blindboxBadges ul	{
		margin: 0 0 8px 0;
		}

	#blindboxBadges li	{
		float: left;
		margin: 0;
		text-align: center;
		}

	#blindboxBadges li+li	{
		margin: 0 0 0 13px;
		}

	#blindboxBadges a[class^="bbb"]	{
		color: #fff;
		display: block;
		font-size: 10px;
		font-style: italic;
		font-weight: normal;
		height: 70px;
		width: 70px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		}

	#blindboxBadges a[class^="bbb"] span	{
		background: #83796c;
		display: inline-block;
		margin-top: 48px;
		padding: 3px 6px;
		visibility: hidden;

		}

	#blindboxBadges strong	{
		color: #c9c9bf;
		font-size: 10px;
		line-height: 10px;
		}

	#blindboxBadges li:hover span	{
		visibility: visible;
		}

	/* BlindBox Badges
	---------------------------------------------- */
	.bbbNarcissist	{
		background: url(/images/icon/blindbox.png?905) -420px 0 no-repeat;
		}

	.bbbNarcissist.earned	{
		background: url(/images/icon/blindbox.png?905) -420px -70px no-repeat;
		}

	.bbbHipster	{
		background: url(/images/icon/blindbox.png?905) -280px 0 no-repeat;
		}

	.bbbHipster.earned	{
		background: url(/images/icon/blindbox.png?905) -280px -70px no-repeat;
		}

	.bbbCitizen	{
		background: url(/images/icon/blindbox.png?905) -630px 0 no-repeat;
		}

	.bbbCitizen.earned	{
		background: url(/images/icon/blindbox.png?905) -630px -70px no-repeat;
		}

	.bbbGossip	{
		background: url(/images/icon/blindbox.png?905) -560px 0 no-repeat;
		}

	.bbbGossip.earned	{
		background: url(/images/icon/blindbox.png?905) -560px -70px no-repeat;
		}

	.bbbPundit	{
		background: url(/images/icon/blindbox.png?905) -490px 0 no-repeat;
		}

	.bbbPundit.earned	{
		background: url(/images/icon/blindbox.png?905) -490px -70px no-repeat;
		}

	.bbbTagger	{
		background: url(/images/icon/blindbox.png?905) -770px 0 no-repeat;
		}

	.bbbTagger.earned	{
		background: url(/images/icon/blindbox.png?905) -770px -70px no-repeat;
		}

	.bbbStalker	{
		background: url(/images/icon/blindbox.png?905) -350px 0 no-repeat;
		}

	.bbbStalker.earned	{
		background: url(/images/icon/blindbox.png?905) -350px -70px no-repeat;
		}

	.bbbCelebrity	{
		background: url(/images/icon/blindbox.png?905) -700px 0 no-repeat;
		}

	.bbbCelebrity.earned	{
		background: url(/images/icon/blindbox.png?905) -700px -70px no-repeat;
		}

	.bbbSpiderman	{
		background: url(/images/icon/blindbox.png?905) -140px 0 no-repeat;
		}

	.bbbSpiderman.earned	{
		background: url(/images/icon/blindbox.png?905) -140px -70px no-repeat;
		}

	.bbbSuperman	{
		background: url(/images/icon/blindbox.png?905) -210px 0 no-repeat;
		}

	.bbbSuperman.earned	{
		background: url(/images/icon/blindbox.png?905) -210px -70px no-repeat;
		}

	.bbbMcCheese	{
		background: url(/images/icon/blindbox.png?905) -70px 0 no-repeat;
		}

	.bbbMcCheese.earned	{
		background: url(/images/icon/blindbox.png?905) -70px -70px no-repeat;
		}

	.bbbBonafide	{
		background: url(/images/icon/blindbox.png?905) 0 0 no-repeat;
		}

	.bbbBonafide.earned	{
		background: url(/images/icon/blindbox.png?905) 0 -70px no-repeat;
		}
/* ---  */
	.bbbMultiplayer	{
		background: url(/images/icon/blindbox.png?905) 0 -140px no-repeat;
		}

	.bbbMultiplayer.earned	{
		background: url(/images/icon/blindbox.png?905) 0 -210px no-repeat;
		}

	.bbb3030Club	{
		background: url(/images/icon/blindbox.png?905) -70px -140px no-repeat;
		}

	.bbb3030Club.earned	{
		background: url(/images/icon/blindbox.png?905) -70px -210px no-repeat;
		}

	.bbbAddict	{
		background: url(/images/icon/blindbox.png?905) -140px -140px no-repeat;
		}

	.bbbAddict.earned	{
		background: url(/images/icon/blindbox.png?905) -140px -210px no-repeat;
		}

	.bbbCompletist	{
		background: url(/images/icon/blindbox.png?905) -210px -140px no-repeat;
		}

	.bbbCompletist.earned	{
		background: url(/images/icon/blindbox.png?905) -210px -210px no-repeat;
		}

	.bbbRussel	{
		background: url(/images/icon/blindbox.png?905) -280px -140px no-repeat;
		}

	.bbbRussel.earned	{
		background: url(/images/icon/blindbox.png?905) -280px -210px no-repeat;
		}

	.bbbGold	{
		background: url(/images/icon/blindbox.png?905) -350px -140px no-repeat;
		}

	.bbbGold.earned	{
		background: url(/images/icon/blindbox.png?905) -350px -210px no-repeat;
		}

	.bbbNotorious	{
		background: url(/images/icon/blindbox.png?905) -420px -140px no-repeat;
		}

	.bbbNotorious.earned	{
		background: url(/images/icon/blindbox.png?905) -420px -210px no-repeat;
		}

	/* Following Page
	---------------------------------------------- */
	div[id^="followItem"]	{
		background: url(/images/bg-pageHeader.png) repeat-x bottom;
		border:none !important;
		margin: 0 4px 6px 0 !important;
		padding: 4px 3px 12px !important;
		}

	div[id^="followItem"] img	{
		float: left;
		}

	div[id^="followItem"] h5	{
		float: left;
		font-size: 15px;
		margin: 0 0 2px 10px;
		text-transform: none;
		width: 275px;
		}

	div[id^="followItem"] h5 em	{
		color: #a39b8f;
		display: block;
		font-size: 10px;
		font-style: italic;
		font-weight: none;
		}

	div[id^="followItem"] p	{
		float: left;
		font-size: 11px;
		margin: 0 0 6px 10px;
		text-transform: none;
		width: 390px;
		}

	div[id^="followItem"] .btnFollow	{
		float: right;
		}

/* Conversations - Preview/Listing
#################################################################### */

  div[class^="threadPreview"] {
    background: url(/images/bg-pageHeader.png) repeat-x bottom;
    margin: 0 0 16px 0;
    padding: 6px 0 8px 0;
    position: relative;
    }

  .threadContent  {
    float: left;
    width: 440px;
    }

  .threadPreview h3 {
    background-color: inherit;
    display: block;
    font-family: din, helvetica, sans-serif;
    font-size: 16px;
    letter-spacing: normal;
    line-height: 16px;
    margin: 0 6px 2px 0;
    padding: 0 0 0 0;
    }

  .threadPreview h3 a img {
    float: right;
    margin: 0 0 6px 8px;
    }

  .threadPreview h3 a {
    color: #83796c;
    }

  .threadPreview h3 a:hover {
    color: #5fc7d4;
    }

  .threadPreview p  {
    color: #c1bab0;
    font-size: 11px;
    line-height: 12px;
    margin: 0 6px 4px 0;
    }

	/* Pinned Conversation */
	div[class^="threadPreview"].pinned	{
		background: #fff9d7 url(/images/bg-pageHeader.png) repeat-x bottom;
		}

	div[class^="threadPreview"].pinned h3	{
		background: url(/images/bg/bg-pinnedConvo.png) no-repeat 0 0;
		padding-left: 16px;
		}

  /* ThreadItem Details
  ---------------------------------------------- */
  .threadDetails,
  .threadPortfolios {
    display: block;
    margin: 4px 6px 0 0;
    padding: 0 0 0 0;
    }

  .threadDetails li,
  .threadPortfolios li  {
    color: #a49e97;
    float: left;
    margin-right: 12px;
    }

  .threadDetails li strong,
  .threadPortfolios li strong {
    color: #a29b8e;
    }

  /* Dates, Fucking Sweet, Comments
  ---------------------------------------------- */
  .feedActions  {
    color: #c1bab0;
    display: block;
    margin: 0 6px 0 0;
    padding: 0 0 2px 0;
    text-transform: lowercase;
    }

  .feedActions span[class$="Icon"],
  .feedComments span[class$="Icon"] {
    height: 16px;
    margin: 0 2px 0 0;
    width: 16px;
    }

  /* Conversation Layout Totals
  ---------------------------------------------- */
  .threadTotals {
    float: left;
    margin-right: 10px;
    width: 50px;
    }

  .threadTotals li  {
    color: #c1bab0;
    font-size: 9px;
    font-style: italic;
    padding: 4px 0;
    text-align: center;
    }

  .threadTotals li+li {
    border-top: 1px dashed #ededed;
    padding-top: 5px;
    }

  .threadTotals li strong {
    color: #a29b8e;
    display: block;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    }