/*
---

name: SPIN 2 Grid Layout

description: Provides grid layout for SPIN2

provides: [CSS.SPIN2GridLayout]

...
*/

.gridLayout .sectionhead {
	margin-bottom: 0px;
    border-top: 4px solid #98A2AD ;
    padding-top: 8px ;
    background-color: #FFF;
    /****border-bottom: 1px solid #CAD3EA ;*****/
	border-bottom: none ;
    padding-bottom: 8px ;
}
.gridLayout .sectionhead h2 {
	font-size: 1.3em ;
    font-family: Helvetica,sans-serif ;
    color: #D10019;
	}
	.gridLayout .sectionhead .rssfeed span {	
	display: block;
    margin-top: 1px;
    width: 16px;
    height: 16px;
    background: url('http://www.insidehousing.co.uk/Pictures/web/k/z/p/rss_red.png') no-repeat scroll 50% 50% transparent ;
    text-indent: -9999px;
	}

.gridLayout LI {
	 display: inline-block;
    margin-top: 5px ;
    margin-right: 21px;
    vertical-align: top;
    width: 145px;
}
	.gridLayout h2 {
		margin: 0;
		font-weight: bold;
		font-size: 1.47em;
		line-height: 1.25em;
	}
.gridLayout h2 a {
			text-decoration: none;
		}
.gridLayout h2 a:hover{
	text-decoration:underline;}
	
.gridLayout .picture {
		margin: 0px 0px 8px 0px ;
		}
.gridLayout p {
    margin: 5px 0px 0px;
    font-size: 1.12em ;
		}
		.gridLayout p.meta {
			margin: 0;
			padding-top: 3px;
			font-size: 1em;
		}

.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: 228px;
}