/*----------------------------------------------------------------------------
[Spin stylesheet]

This stylesheet should only contain spin related styles. All styles should be
separated with a heading.

Project:	    	Webstructure.NET
Version:	    	1.0.0 [http://semver.org/]
Primary use:		For use with SPIN
Original Author: 	Qasim Alyas
Last change:		19/Mar/10 []
Last Assigned to:	Qasim Alyas

-----------------------------------------------------------------------------*/

.storytext .sectionContent {
	padding: 0;
}
.sectionContent {
	background-color: #FFF;
}
	.sectionContent h1 {
		margin-bottom:7px;
	}
	.sectionContent p {
		margin:14px 0;
	}
	#section_intro {
		margin: 0 0 21px;
		background-color: #FFF;
	}
		#section_intro p {
			margin: 0;
		}

/* =SPIN GENERIC STYLES */

.section_twocolumn p {
	margin-bottom:11px;
}
	/* Group pages */
	.groupPages a {
		padding-left: 18px;
		padding-bottom: 2px;
		font-weight: bold;
		background: url(/magazine/graphics/icons/groups.png) no-repeat left;
	}

	/* More link styling */
	.more {
		margin-bottom: 21px;
		padding: 9px;
		text-align: right;
	}
		p.more a {
			padding-right: 10px;
			background: url(/magazine/graphics/icons/more.png) no-repeat 100% 5px;
		}

	.colour1 .more {
		background:#D0ECF8 url(/magazine/graphics/decoration/moreBKGColor1.png) no-repeat 0 100%;
		border-top:1px solid #7FC7E8;
		margin:-7px 0 21px;
	}
	.colour2 .more {
		background:#C9DCAB url(/magazine/graphics/decoration/moreBKGColor2.png) no-repeat 0 100%;
		border-top:1px solid #86BD33;
		margin:-7px 0 21px;
	}
	.colour3 .more {
		background:#FFDA99 url(/magazine/graphics/decoration/moreBKGColor3.png) no-repeat 0 100%;
		border-top:1px solid #F39B11;
		margin:-7px 0 21px;
	}

	/* Spin heading */
	.sectionhead_sleeve:after {
		content: ".";
		visibility: hidden;
		height: 0;
		display: block;
		clear: both;
	}
	.sectionhead .rssfeed {
		float: right;
		width:15px;
	}
		.sectionhead .rssfeed span {
			float: right;
			margin-top: 3px;
			width: 15px;
			height: 15px;
			text-indent: -9999px;
			background: url(/magazine/graphics/buttons/b_rss.png) no-repeat right;
		}
	.sectionhead h2 {
		font-size:1.077em;
		line-height:1.214;
		font-weight:bold;
		margin-bottom: 7px;
		border-bottom: 4px solid #7FC7E8;
		padding: 0 0 3px;
	}

	.sleeve:after {
		content: ".";
		visibility: hidden;
		height: 0;
		display: block;
		clear: both;
	}
		.sleeve h2 span img {
			padding:6px 5px 0 5px;
			vertical-align:top;
		}
		.sleeve h2 span img:last-of-type {
			padding-top: 3px;
		}
		.sleeve ul {
			margin-bottom: 14px;
		}
		.sleeve p {
			margin-bottom: 7px;
		}
			.sleeve li p {
				margin: 4px 0 0;
			}
			.sleeve li p.meta {
				margin: 3px 0 0;
			}

			.sleeve p.meta span {
				display: inline;
			}
			.sleeve p.meta span.author {
				font-size:1em;
				line-height:1.364;
			}
		
	/* Spin picture */
	.picture {
		margin:0;
	}

		/* All types of stories */
		.story_large, .story_small {
			margin-bottom: 9px;
			padding-bottom: 5px;
			clear:both;
		}

		/* Story small, Story list */
		.story_small h2, .story_list h2 {
			font-size: 1.6em;
			line-height: 1.25;
		}
		.sleeve li {
			background: url(/magazine/graphics/decoration/combiList.png) 0 3px no-repeat;
		}
			.sleeve li h2 {
				margin:0;
				font-size:1em;
				line-height:1.231;
			}
			.sleeve li p {
				font-size:1em;
				line-height:1.231;
			}
			.sleeve li p.meta {
				font-size:0.846em;
				line-height:1.273;
			}
		.story_small:after {
			content: ".";
			visibility: hidden;
			height: 0;
			display: block;
			clear: both;
		}		
		.story_small .picture,
		.section_column2 .story_small .picture {
			float:left;
			padding-right:10px;
		}
		
		.embed {
			font-size:1em;
			line-height:1.077;
			font-family: Arial,Helvetica,sans-serif;
			padding: 0 0 7px;
		}
		.section_twocolumn .embed object,
		.section_twocolumn .embed embed {
			width:300px;
		}
	
	/* Last modified */
	.lastModified {
		margin-bottom: 21px;
	}