/* We need more space on the homepage than is available on the rest of the site. */
div#content {
	margin: 5px 5px 5px 0 !important;
	padding: 0 0 0 16px !important;
}
td.sidebar {
	padding-top: -10px !important;
}

/* Headers */
h1 {
	font: normal 10px/13px 'Gill Sans', Verdana, Arial, Helvetica, sans-serif;
	color: #933;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 .4em 0;
}

h2 {
	font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #036;
	margin: 0;
}

h3 {
	font: bold 13px/16px Georgia, 'Times New Roman', Times, serif;
	color: black;
	text-decoration: none;
	margin: 0;
}
	h3 a {
		text-decoration: none;
	}

h3.author {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 .5em 0;
}

p {
	margin: 0;
}

div.note {
	background-color: #eee;
	color: #444;
	border: 2px solid #000;
	padding: .5em .25em .5em .5em;
	margin: .5em 0 2em 0;
}
a:hover {
	background-color: #eef;
}

/* Horizontal Rulers */
hr.minor {
	width: 80%;
	height: 1px;
	background-color: #999;
	margin: 1em auto 1em auto;
	border: 0;
}
hr.major {
	width: 100%;
	height: 1px;
	background-color: #000;
	color: #000;
	margin: 1em auto 1em auto;
	border: 0;
}

a.read-more {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9px;
	color: #000;
}

/* The main listing of featured articles. */
div#articles {
	width: 550px;
}
	div#articles div#left {
		width: 250px;
		float: left;
		padding: 5px 0;
	}
	div#articles div#right {
		width: 260px;
		float: right;
		padding-right: 10px;
	}
	div#articles img {
		display: block;
		border: 2px solid #000;
	}

/* The top-of-the-page promo box */
div#promo-box {
	background-color: #eee;
	width: 496px;
	padding: 10px;
	margin: 0 auto 1em auto;
	font-family: Georgia, Palatino, 'Times New Roman', Times, serif;
	font-size: 1.2em;
	line-height: 1.4em;
}
	div#promo-box p + p {
		text-indent: 1em;
	}
	div#promo-box a img {
		border: 0;
	}
	div#promo-box img {
		margin: 0 auto;
	}
	div#promo-box span.photo-credit {
		font-size: .8em;
	}

/* For images, embedded in article promos. */
img.right {
	float: right;
	margin: 5px 0 5px 5px;
	border: 0 !important;
}
img.left {
	float: left;
	margin: 5px 5px 0 5px;
	border: 0 !important;
}

/* For the box that displays the current issue. */
div#current-issue {
	padding: 5px;
	background-color: #eee;
	margin-bottom: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	div#current-issue h2 {
		font: normal 9px/12px 'Gill Sans', Verdana, Arial, Helvetica, sans-serif;
		color: #933;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin: 0 0 .4em 0;
	}
	div#current-issue h3 {
		font: bold 13px/16px Georgia, 'Times New Roman', Times, serif;
		color: black;
		text-decoration: none;
		margin: .5em 0 0 0;
	}
	div#current-issue div#cover
	{
		text-align: center;
		margin-bottom: 0 auto 1em auto;
	}
	div#current-issue a {
		text-decoration: none;
	}

/* For feature-browsing carousel JavaScript. */
#carousel-container {
	width: 521px;
	height: 447px;
	background-color: #eee;
	font-family: Georgia, Palatino, 'Times New Roman', Times, serif;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
	#carousel-container #wrap {
		clear: left;
		height: 425px;
		width: 500px;
		display: block;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
	}
	#carousel-container #carousel {
		width: 10000px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
		#carousel-container #carousel li {
			height: 425px;
			width: 500px;
			margin: 0;
			padding: 0;
			float: left;
			display: inline;
		}
			#carousel-container #carousel li img {
				margin-bottom: 2px;
			}
	#carousel-container #controls {
		width: 100%;
		height: 22px;
		background-color: #ddd;
		-moz-border-top-left-radius: 5px;
		-moz-border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
		#carousel-container #controls #previous, #carousel-container #controls #next {
			display: block;
			height: 12px;
			width: 40px;
			font-size: 10px;
			font-family: 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;
		}
			#carousel-container #controls #previous a, #carousel-container #controls #next a {
				color: #000;
			}
			#carousel-container #controls #previous img, #carousel-container #controls #next img {
				vertical-align: middle;
			}
		#carousel-container #controls #previous {
			float: left;
			margin: 2px 0 5px 5px;
		}
		#carousel-container #controls #next {
			float: right;
			margin: 2px 5px 0 5px;
		}