﻿
/* .hp => homepages for creator and publisher */
.hp { }
	.hp #mainbody { }
		.hp .module { clear: both; margin: 0 0 35px 0; }
			.module .dualinset { border-color: #e3e3e3; border-width: 1px 0 1px 0; border-style: solid; padding: 7px 0; }
			.module .topinset { border-color: #e3e3e3; border-width: 1px 0 0 0; border-style: solid; padding: 7px 0; }
			.hp .sifrheading { margin: 0 0 7px 5px; }
		.hp p { line-height: 2em; }

		.hp .videoorb { padding: 7px 0 7px 34px; background: url(../../images/v2/videoorb.png) no-repeat left; font-weight: bold; }

		/* roles + featured creator */
		.hp .sixtyforty { }
			.sixtyforty .left { width: 350px; }
			.sixtyforty .right { width: 469px; }

		/* earnings + press + blog */
		.hp .thirds { }
			.thirds .left { width: 37%; }
			.thirds .centers { width: 30%; margin: 0 0 0 12px; }
			.thirds .right { width: 30%; }


	/* homepage rotator */
	.hp .rotator { }
		.hp .rotator h2 { margin: 0; }
		.hp .rotator div.entry-master { height: 395px; position: relative; }
		.hp .rotator .entry { display: none; position: absolute; }
		.hp .rotator div.first { display: block; }
		.hp .rotator img { display: block; }
		.hp .rotator p { line-height: 2.3em; }

		.hp .rotator .rotator-bottom { }
			.hp .rotator .left { width: 219px; }
			.hp .rotator .right { width: 465px; padding: 17px 0 0 0; }

		.hp .rotator-bottom .box { width: 363px; height: 219px; }
				.hp .rotator-bottom .box h3 { font-size: 16px; color: #336699; font-weight: bold; margin: 0 0 .3em 0; }
				.hp .rotator-bottom .box p { line-height: 1.5em; }
				.hp .rotator-bottom .box .content { padding: 32px 14px 0 160px; }

		.hp #now-hiring { position: relative; background: url(../../images/v2/now-hiring.png) no-repeat top left; }
				.hp #now-hiring .call { position: absolute; top: 166px; left: 160px; height: 37px; display: block; width: 185px; text-indent: -3000em; }
		.hp #content-marketing { position: relative; background: url(../../images/v2/content-marketing.png) no-repeat top left; }
				.hp #content-marketing p { margin: 7px 0 0 0; }
				.hp #content-marketing .call { position: absolute; top: 156px; left: 158px; height: 37px; display: block; width: 185px; text-indent: -3000em; }



	/* roles */
	.hp .roles { }
		.hp .roles .dualinset { height: 162px; border-bottom: 0 none; }
		.hp .roles ul { padding: 0 0 0 225px; background: url(../../images/v2/roles.jpg) no-repeat left top; }
			.creators .roles ul { padding-bottom: 60px; }
		.hp .roles li { border-bottom: 1px solid #e3e3e3; padding: 3px 0; }
			.creators .roles li { background: url(../../images/v2/li_arrow.png) no-repeat right center; }
		.hp .roles a { display: block; }

	/* featured creators slider */
	.hp .featuredcreators { }
		.hp .featuredcreators .dualinset { padding: 15px 0; border-bottom: 0 none; }
		.hp .featuredcreators .viewport { width: 469px; height: 140px; overflow: hidden; position: relative; }
		.hp .featuredcreators .cs-slide-master  { width: 5000px; position: relative; }
		.hp .featuredcreators .slide-entry { float: left; width: 469px; margin-right: 30px; }
		.hp .featuredcreators .slide-entry.hidden { display: none; }
			.hp .featuredcreators .slide-entry .photo { float: left; width: 85px; margin-right: 10px; }
			.hp .featuredcreators .slide-entry .photo .imageframe { width: 81px; height: 84px; background: url(../../images/v2/frontpage_profilephotoframe.gif) left top no-repeat; margin: 0px auto 0 auto; overflow: hidden; }
			.hp .featuredcreators .slide-entry .photo .imageframe img { display: block; width: 70px; margin: 5px auto 0px auto; }
			.hp .featuredcreators .photo p { text-align: center; }
			.hp .featuredcreators .slide-entry .bio { float: left; font-size: 11px; width: 370px; }
			.hp .featuredcreators .slide-entry .bio .bioName { display: block; font-weight: bold; font-size: 12px; }
			.hp .featuredcreators .slide-entry .bio .bioLocation { display: block; font-weight: bold; margin-bottom: 3px; }
			.hp .featuredcreators .slide-entry .bio p { margin: 0px; padding: 0px; line-height: 1.3em; }
			.hp .featuredcreators .slide-entry .bio a.hidden { display: none; }

		.hp .featuredcreators .controls { padding-top: 4px; }
			.hp .featuredcreators .controls .nav { float: left; display: inline; margin-right: 10px; }
			.hp .featuredcreators .controls .nav .prev, .hp .featuredcreators .controls .nav .separate, .hp .featuredcreators .controls .nav .next { display: block; float: left; margin-right: 3px; }
			.hp .featuredcreators .controls .nav .prev, .hp .featuredcreators .controls .nav .next { background: url(../../images/v2/fc_arrows.png) no-repeat; height: 17px; }
			.hp .featuredcreators .controls .nav .prev { background-position: left -35px; padding-left: 10px; }
			.hp .featuredcreators .controls .nav .next { background-position: right 2px; padding-right: 10px; }
			.hp .featuredcreators .controls .nav a.prev.disabled, .hp .featuredcreators .controls .nav a.prev.disabled:hover, .hp .featuredcreators .controls .nav a.next.disabled, .hp .featuredcreators .controls .nav a.next.disabled:hover { color: #999999; text-decoration: none; cursor: default; }
			.hp .featuredcreators .controls .nav a.disabled { background: none; }
			.hp .featuredcreators .controls .nav .separate { color: #369; }
			.hp .featuredcreators .controls .articleLink { float: left; display: inline; }
				.hp .featuredcreators .controls .articleLink a { text-decoration: underline; background: url(../../images/v2/frontpage_favicons_mod.gif) no-repeat; line-height: 16px; padding-left: 20px; }
				.hp .featuredcreators .controls .articleLink a.hidden { display: none; }
				.hp .featuredcreators .controls .articleLink a.ehow { background-position: left -225px; }
				.hp .featuredcreators .controls .articleLink a.trails { background-position: left -75px; }
				.hp .featuredcreators .controls .articleLink a.livestrong { background-position: left -150px; }
				.hp .featuredcreators .controls .articleLink a.youtube { background-position: left top; }
				.hp .featuredcreators .controls .articleLink a.beettv { background-position: left -375px; }
				.hp .featuredcreators .controls .articleLink a.videonuze { background-position: left -300px; }
				.hp .featuredcreators .controls .articleLink a.cracked { background-position: left -450px; }
				.hp .featuredcreators .controls .articleLink a.expertvillage { background-position: left -525px; }

	/* press posts */

	.hp .thirds li { padding: 5px 0 5px 0; border-bottom: 1px solid #e5e5e5; line-height: 1.5em; }
	.hp .press li, .publishers .featuredarticles li, .publishers .casestudies li { padding: 5px 0 5px 24px; background: url(../../images/v2/frontpage_favicons_mod.gif) no-repeat; }
	.hp .thirds li.last { border: 0; }
	.hp .press li { color: #336699; }	
	.hp li.aarp { background-position: left -983px; }
		.hp li.mediapost { background-position: left -1028px; }
		.hp li.paidcontent { background-position: left -923px; }
		.hp li.kiplinger { background-position: left -603px; }
		.hp li.wallstreetjournal { background-position: left -678px; }
		.hp li.allthingsdigital { background-position: left -852px; }
		.hp li.statesman { background-position: left -748px; }
		.hp li.youtube { background-position: left 5px; }
		.hp li.beettv { background-position: left -370px; }
		.hp li.videonuze { background-position: left -295px; }
		.hp li.slashgear { background-position: left -1104px; }
		.hp li.forbes { background-position: left -1179px; }
		.hp li.demandmedia { background-position: left -1280px; }
		.hp li.cracked { background-position: left -444px; }
		.hp li.ehow { background-position: left -219px; }
		.hp li.livestrong { background-position: left -144px; }
		.hp li.trails { background-position: left -69px; }
		.hp li.ajc { background-position: left -1479px; }
		.hp li.modernmom { background-position: left -1382px; }
		.hp li.youtube { background-position: left 4px; }
		.hp li.readwriteweb { background-position: left -1578px; }
		.hp li.backstage { background-position: left -1678px; }
	.hp .press .propertyname { color: black; padding: 0 10px 0 0; }
	.hp .press .date { padding: 0 0 0 10px; }
	.hp .press a, .publishers .featuredarticles a { font-weight: bold; display: block; }

	/* case studies */

	.publishers .casestudies li { border-bottom: 1px solid #e6e5e5; line-height: 1.5em; font-size: 11px; color: #336699; }
	.publishers .casestudies a { font-weight: bold; font-size: 12px; }


	/* blog articles */

	.hp .blog li { border-bottom: 1px solid #e6e5e5; line-height: 1.5em; font-size: 11px; color: #999; }
	.hp .blog a { font-weight: bold; font-size: 12px; display: block; }

	/* featured articles */

	.publishers .featuredarticles li { color: #999; }

	/* earnings */

	.hp .thirds .moneycounter { padding: 7px 0 0 0; }
