@import "/resources/css/screen.css";
@import "/resources/css/blog.css";

body#homepage {
}
	body#homepage div#pageBody > div#feature > h2 {
		/* Hide the title before blog post listings, which is intended as an aid for the visually impaired. */
		display:none;
	}

div#pageBody div#feature {
	width:470px;
}
	div#pageBody div#feature > ul#postList {
	}
		div#pageBody div#feature > ul#postList > li {
			width:450px;
		}


	div#pageBody div#feature .recentPosts {
		margin-top:15px;
		padding:10px;
		background:#eeeedb url('/images/backgrounds/postBackground-alt.png') no-repeat top left;
	}
		div#pageBody div#feature .recentPosts ul {
			padding:0px;
			margin:0px;
		}

		div#pageBody div#feature > .recentPosts ul li {
			margin:0px 0px 5px 0px;
			padding:0px 0px 0px 5px;
			background:none;
			width:450px;
		}

		body#homepage div#pageBody > div#feature > .recentPosts > h2 {
			font-size:16px;
			display:block;
			color:#9D9877;
		}
			body#homepage div#pageBody div#feature .recentPosts > ul li.post h3 {
				display:inline;
				padding-right:5px;
				font-size:12px;
				font-weight:normal;
				border:none;
			}
				body#homepage div#pageBody div#feature .recentPosts ul li.post h3 a {
					color:#66590C;
				}


div#pageBody div#backMatter {
	width:470px;
}
	div#pageBody > div#backMatter > div#promotions {
		width:100%;
		padding-bottom:30px;
	}

		div#pageBody > div#backMatter > div#promotions > div#portfolioFeature {
			width:472px;
			margin-bottom:5px;
			position:relative;
		}
			div#pageBody > div#backMatter > div#promotions > div#portfolioFeature > h2 {
				width:142px;
				height:17px;
				padding:4px 0px 4px 8px;
				position:absolute;
				top:0px;
				left:0px;
				z-index:4;
				background:transparent url('/images/sprites.png') no-repeat 0px -111px;
				font-weight:normal;
			}

			div#pageBody > div#backMatter > div#promotions > div#portfolioFeature > h3 {
				width:294px;
				height:21px;
				padding:2px 10px;
				position:absolute;
				bottom:0px;
				right:0px;
				z-index:4;
				background:transparent url('/images/sprites.png') no-repeat 0px -136px;
				text-align:right;
				font-weight:normal;
			}

			div#pageBody > div#backMatter > div#promotions > div#portfolioFeature > img {
				position:absolute;
				top:0px;
				left:0px;
				z-index:0;
			}

			div#pageBody > div#backMatter > div#promotions > div#twitterTwotter {
				background-color:#fff;
				margin-right:0px;
			}
				div#pageBody > div#backMatter > div#promotions > div#twitterTwotter > dl {
					padding:5px;
				}

				div#pageBody > div#backMatter > div#promotions > div#twitterTwotter > dl > dt {
					color:#777;
				}

				div#pageBody > div#backMatter > div#promotions > div#twitterTwotter > dl > dd {
					color:#a4a4a4;
					margin-bottom:10px;
				}