/* CSS stylesheet for the Politics in the Room website */
/* Author: Alastair Mucklow (www.strangerpixel.com) */

@import "reset.css";
@import "typography.css";
@import "grid.css";

#header {
	height: 367px;
	padding: 20px;
	text-align: center;
}

.meta-links {
	text-align: center;
	margin: 0 auto 20px;
	width: 550px;
}

.meta-links ul {
	margin: 0;
	padding: 0;
}
.meta-links ul li {
	display: inline;
	margin: 0 10px 0 0;
}

.meta-links.footer, .meta-links.header {
	text-align: right;
	margin: 4px auto 30px;
}

.hidden-structure {
	position: absolute;
	left: -999em;
}

#footer {
	padding: 5px 0;
	border-top: 2px solid #ccc;
	width: 550px;
}

#subscribe {
	float: left;
	padding: 10px 0 0 0;
}

#lux-content ul {
	float: left;
}

#lux-content ul li {
	float: left;
	display: block;
}

.hidden {
	display: none;
	clear: left;
	padding: 30px 14px;
}

.name, .title, .more, #footer {
	float: left;
}

.name {
	padding: 2px 0 0 0;
	width: 500px;
}

.indent {
	margin-left: 14px;
}

.title {
	width: 550px;
}

.title a:hover, .title a:focus{
	background: none;
}

.grey {
	float: left;
}

#lux-content .block {
	float: left;
}

/* Credit page */
#logo-panel {
	margin: 40px 0;
}

#logo-panel img {
	vertical-align: middle;
	padding: 0 10px 0 0;
}