/*
---

name: SPIN 2 Grid Layout

description: Provides grid layout for SPIN2

provides: [CSS.SPIN2GridLayout]

...
*/

.gridLayout .htmlContent {
	padding-bottom: 17px;
}
.gridLayout .sectionhead {
	background-color: #fff;
	border-bottom: 1px solid #C7CFD3;
	margin-bottom: 10px;
}
.gridLayout .sectionhead H2 {
	
}
.gridLayout li {
	background: 0;
	display: inline-block;
	margin-right: 20px;
	padding-left: 0;
	vertical-align: top;
	width: 144px;
	padding-bottom: 14px;
}
	.gridLayout li h2 {
		font-size: 1.077em;
		line-height: 16px;
		margin: 0 0 3px;
	}
		.gridLayout li h2 a {
			text-decoration: none;
		}
		.gridLayout .picture {
			margin: 0 0 10px
		}
		.gridLayout .picture IMG {
			display: block;
		}
		.gridLayout p {
			margin: 5px 0 0;
			line-height: 19px;
		}
		.grid .gridLayout .oneColumn > P {
			margin-bottom: 17px;
		}
		.gridLayout p.meta {
			margin: 0;
			padding-top: 3px;
			font-size: .923em;
			line-height: 16px;
		}
		.gridLayout .more {
			text-align: right;
			text-transform: uppercase;
		}
			.gridLayout .more a {
				text-decoration: none;
				background: url(/magazine/graphics/primaryBullet.png) no-repeat left 4px;
				padding-left: 12px;
				font-weight: bold;
			}

.oneColumn .gridLayout UL {
	width: 996px;
}
.twoColumns .columnOne .gridLayout UL {
	width: 498px;
}
.twoColumns .columnTwo .gridLayout UL {
	width: 498px;
}
.twoColumnsSmallRight .columnOne .gridLayout UL {
	width: 664px;
}
.twoColumnsSmallLeft .columnTwo .gridLayout UL {
	width: 664px;
}

/* MAIN */
#main.area .gridLayout UL {
	width: 664px;
}
/* TOP / FOOT */
#top.area .oneColumn .gridLayout LI, #foot.area .oneColumn .gridLayout LI {
	width: 144px;
}