@charset "utf-8";

@media screen
{
	#lhsColumn { display: inline; position: relative; margin: 0 20px 20px 25px; float: left; width: 670px; overflow: hidden; }
	#rhsColumn { position: relative; margin: 0 25px 20px 0; float: left; width: 200px; overflow: hidden; }
	#contentWrapper { position: relative; width: 890px; margin: 0 25px 20px 25px; overflow: hidden; }

	#carouselWrapper { position: relative; width: 890px; height: 344px; overflow: hidden; margin: 0 auto 25px auto; }
	#carousel { position: relative; margin: 13px; border: 4px solid #fff; overflow: hidden; width: 856px; height: 310px; }
		#carousel .nav { position: absolute; cursor: pointer; top: 50%; margin-top: -53px; border: none; z-index: 10; text-indent: -1000px; width: 53px; height: 106px; background: url(/images/carousel-sprite.png) no-repeat; }
		#carousel .prev { left: 0px;  background-position: -57px 0; }
		#carousel .prev:hover { background-position: 0 0; }
		#carousel .next { right: 0; background-position: -171px 0; }
		#carousel .next:hover { background-position: -114px 0; }
		#carousel img { position: absolute; top: 0; left: 0; width: 856px; height: 310px; }

	.intro { overflow: hidden; font-size: 11px; padding: 13px; margin-bottom: 25px; }
		.intro ol { float: left; margin: 0 5px 0 0; width: 134px; overflow: hidden; }
		.intro li { list-style: none; line-height: 15px; }
		.intro a { color: #fff; border: none; }
		.intro a:hover { text-decoration: underline; }
		.intro h3 { font-size: 18px; margin: 0 0 10px 0; }
		.intro h4 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
		.intro .imageWrapper { width: 200px; margin-right: 15px; border: 4px solid #fff; overflow: hidden; float: left; }
		.intro .creations, .intro .dispensers { margin-bottom: 10px; }
		.intro div { float: left; }

	.pod {
		float: left;
		border-right: 1px solid #f1f1f1;
		padding-right: 12px;
		padding-bottom: 100000em;
		margin-right: 12px;
		margin-bottom: -100000em;
		width: 280px;
		background: none;
		font-size: 1.143em;
	}

	.pod:last-child {
		border-right: 0;
		padding-right: 0;
		margin-right: 0;
	}

	.pod h3 {
		margin-bottom: 0.5em;
		color: #4f3a55;
		font-size: 1.5em;
	}

	.pod a, .pod cite {
		border: 0;
		color: #7a0022;
		font-weight: bold;
		font-style: normal;
	}

	.pod cite {
		display: block;
		margin-bottom: 0.5em;
		font-weight: normal;
	}

	.pod ul, .pod li {
		margin: 0;
		list-style-type: none;
	}

	.pod-action {
		float: left;
		border: 1px solid #eee;
		margin: 13px 25px 0 0;
		width: 278px;
		height: 57px;
		background: #f8f8f8;
		color: #7a0022;
		font-weight: bold;
		line-height: 57px;
		text-align: center;
		font-size: 1.143em;
	}

	.pod-action:last-child {
		margin-right: 0;
	}

	.pod-action:hover {
		background: #fff;
	}

	.pod-action img {
		vertical-align: middle;
	}

	.twitter-pod {
		-ms-word-break: break-all;
		word-break: break-all;

		/* Non standard for webkit */
		word-break: break-word;

		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.twitter-pod img {
		float: left;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-clip: padding-box;
		margin: 0 10px 10px 0;
	}

	.twitter-name {
		display: block;
		line-height: 22px;
	}

	.tweet-body {
		clear: both;
	}

	ul.twitter-web-intents {
		width: 174px;
		height: 14px;
		margin: 0 auto;
		margin: 2em auto 0 auto;
	}

	.twitter-web-intents li {
		float: left;
	}

	.twitter-web-intents a {
		display: block;
		margin-right: 60px;
		text-indent: -99999em;
		background-image: url('/images/twitter-intents.png');
		background-repeat: no-repeat;
	}

	.twitter-web-intents .last {
		margin-right: 0;
	}

	.intent-reply {
		width: 18px;
		height: 13px;
	}

	.intent-retweet {
		width: 20px;
		height: 12px;
		background-position: -18px 0;
	}

	.intent-favourite {
		width: 16px;
		height: 15px;
		background-position: -38px 0;
	}

	#signupEmail {
		padding: 2px 0;
		margin: 1em 0;
		width: 100%;
		box-sizing: border-box;
	}

	.register-pod .button {
		border: 0;
		padding: 7px 0;
		width: 100%;
		background: #7a0022;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color: #fff;
	}
}