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

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

Project:	    	Lincolnshire 2010
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 {
	border: 0;
	padding: 0;
	background-color: transparent;
}
.sectionContent h1 {
	margin-bottom: 13px;
	padding: 10px 11px 20px;
	background:#FEFEFE url(/magazine/graphics/decoration/main.box.shadow.png) no-repeat 0 100%;
}
.storytext .sectionContent h1 {
	margin-bottom: 15px;
	padding:6px 0 0;
	background:none;
}
	.sectionContentBlock {
		margin-bottom: 13px;
		padding: 10px 11px 12px;
		background:#FEFEFE url(/magazine/graphics/decoration/main.box.shadow.png) no-repeat 0 100%;
	}
	.storytext .sectionContentBlock {
		margin-bottom:0;
		padding:0;
		background:none;
	}
	#section_intro {
		margin-bottom: 11px;
		padding: 12px 11px 10px;
		background:#FEFEFE url(/magazine/graphics/decoration/main.box.shadow.png) no-repeat 0 100%;
	}
		#section_intro p {
			margin-bottom: 10px;
		}

/* =SPIN GENERIC STYLES */

	/* Group pages */
	.groupPages a {
		padding-left: 18px;
		padding-bottom: 2px;
		font-weight: bold;
		background: url(/magazine/graphics/icons/sprite.icons.png) no-repeat 0 -530px;
	}

	/* More link styling */
	.more {
		margin:0 0 19px;
		padding:0 0 0 5px;
		background:url(/magazine/graphics/buttons/sprite.buttons.png) no-repeat 0 0;
	}
		.more a,
		.more a:visited {
			padding:0 11px 0 6px;
			font-weight: bold;
			color:#FEFEFE;
			display:inline-block;
			background:url(/magazine/graphics/buttons/sprite.buttons.png) no-repeat 100% -25px;
		}
		.more a:hover {
			text-decoration:none;
		}
	#wrapper .text_button {
		margin:0 0 19px;
	}

	/* 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 {
		margin-bottom:7px;
		padding-right: 18px;
		color:#8DAD21;
	}
		.sectionhead h2 a {
			color:#8DAD21;
			border-bottom:1px dotted #8DAD21;
		}
		.sectionhead h2 a:hover {
			border-bottom:0;
			text-decoration:none;
		}

	.sleeve:after {
		content: ".";
		visibility: hidden;
		height: 0;
		display: block;
		clear: both;
	}
		.sleeve h2 a {
			border-bottom:1px dotted #111;
		}
		.sleeve h2 a:hover {
			border-bottom:0;
			text-decoration:none;
		}
		#index .sleeve h2 a:hover {
			background:#E6EEC4;
		}
		.sleeve p {
			margin:0;
		}

		/* Spin rating */
		.sleeve .moreinfo_sleeve {
			padding-bottom:7px;
		}

		/* All types of stories */
		.story_large, .story_small {
			margin-bottom:14px;
		}
		.story_small {
			clear:left;
		}
		.story_small:after {
			content: ".";
			visibility: hidden;
			height: 0;
			display: block;
			clear: both;
		}
			.story_large .meta, .story_small .meta {
				margin:0;
			}
			.picture {
				margin:0;
			}
			.story_large h2 {
				margin:0;
				font-size:1.231em;
			}
			.story_small h2 {
				margin-bottom:0;
				font-size: 1em;
			}
			.story_small .picture img {
				float: left;
				margin:2px 10px 0 0;
			}
			.story_list {
				clear:both;
			}
				.story_list li {
					background:url(/magazine/graphics/decoration/bullet.green.png) no-repeat 0 10px;
				}
					.story_list h2 {
						margin-bottom:0;
						font-size: 1em;
					}
	
	/* Last modified */
	.lastModified {
		margin-bottom: 10px;
		border: solid #ccc;
		border-width: 0 2px 2px 0;
		padding: 6px 8px 7px 10px;
		background-color: #FEFEFE;
		color: #666;
	}
		.lastModified p {
			margin-bottom: 10px;
		}
		
/* preserve 7px baseline grid, based on heights of resized IMGs and videos in different columns */
.story_large .picture img { 
	margin-bottom:13px;
}
.grid2col #colmain .style2 .story_large .picture img { 
	margin-bottom:14px;
}
.story_large .embed { 
	margin-bottom:7px;
}
.grid2col #colmain .style1 .story_large .embed { 
	margin-bottom:9px;
}
.grid2col #colmain .style2 .story_large .embed { 
	margin-bottom:7px;
}

/* Home page slider */
.slideshow { background:url(/magazine/graphics/decoration/main.box.shadow.png) no-repeat 0 100%; margin:0 0 11px; padding-bottom:10px; zoom:1; }
.slideshow:after { content:"."; visibility:hidden; height:0; display:block; clear:both; }
.slideshow ul { margin:0; padding:0; list-style:none; }
.slideshow li { background:none; padding:0; }

.slideshow .overlay { background:url(/magazine/graphics/decoration/slideshow.overlay.png) repeat; padding:11px 10px 15px; position:absolute; bottom:41px; width:599px; }
.slideshow .overlay h2 { color:#FEFEFE; margin:0; font-size:1.231em; }
.slideshow .overlay h2 a { color:#FEFEFE; }
.slideshow .overlay h2 a:hover { border-bottom:1px dotted #FEFEFE; }

.slideshow .slideshow_buttons { margin:-42px 0 0 1px; position:relative; zoom:1; }
.slideshow .slideshow_buttons:after { content:"."; visibility:hidden; height:0; display:block; clear:both; }
.slideshow .slideshow_buttons ul { float:left; zoom:1; }
.slideshow .slideshow_buttons ul:after { content:"."; visibility:hidden; height:0; display:block; clear:both; }
.slideshow .slideshow_buttons li { float:left; font-size:1.077em; line-height:18px; text-align:center; }
.slideshow .slideshow_buttons li a { display:block; width:153px; border:1px solid #FEFEFE; padding:10px 0 12px; background:#A0C209 url(/magazine/graphics/decoration/slideshow.button.png) repeat-x 0; color:#FEFEFE; text-decoration:none; font-weight:bold; }
.slideshow .slideshow_buttons .current a, .slideshow .slideshow_buttons li a:hover { background:#EF6901 url(/magazine/graphics/decoration/slideshow.button.current.png) repeat-x 0; padding-top:14px; margin-top:-4px; position:relative; }
.slideshow .slideshow_buttons .first a { border-left:0; }
.slideshow .slideshow_buttons .last a { border-right:0; width:154px; }

.slideshow .slideshow_items { position:relative; height:248px; border:1px solid #FEFEFE; }
.slideshow .slideshow_items li { position:absolute; top:0; left:0; }
.slideshow .slideshow_items li img { display:block; }

/* Events Calendar Widget */
div.calendar { zoom:1; padding:0 0 13px; }
div.calendar:after { content:"."; visibility:hidden; height:0; display:block; clear:both; }
.calendar h2 { font-size:1.231em; margin:0; }
.calendar h2 span { padding:0 25px 4px 0; background:url(/magazine/graphics/decoration/calendar.arrow.png) no-repeat 100% 0; color:#111; position:relative; z-index:1; }
.calendar h2 span:hover { cursor:pointer; }
.calendar .open h2 span { background-position:100% -23px; }
.calendar h2 span span { position:static; padding:0; background:0; color:#2DAEBF; }

.calendar .whatson_dropdown .month_list { position:absolute; left:-9999px; width:258px; margin-top:1px; padding:6px 10px 24px 11px; background:url(/magazine/graphics/decoration/calendar.box.shadow.png) no-repeat 0 100%; border-top:1px solid #C8C8C8; }
.calendar .whatson_dropdown.open .month_list { left:auto; }
.calendar .whatson_dropdown .month_list ul { float:left; width:50%; margin:0; }
.calendar .whatson_dropdown .month_list li { float:left; clear:left; background-image:url(/magazine/graphics/decoration/bullet.blue.png); }
.calendar .whatson_dropdown .month_list li a { border-bottom:1px dotted #111; font-weight:bold; }
.calendar .whatson_dropdown .month_list .current a { color:#2DAEBF; border-bottom-color:#2DAEBF; }
.calendar .whatson_dropdown .month_list li a:hover { border:0; }

.calendar .forthcoming { margin:0 0 7px; font-size:1.077em; color:#2CAEBE; }
.calendar .events_list { float:left; width:278px; min-height:168px; }
.calendar .events_list li { background-image:url(/magazine/graphics/decoration/bullet.blue.png); font-weight:bold; }
.calendar .events_list li a { border-bottom:1px dotted #111; }
.calendar .events_list li a:hover { border:0; background: #CDECF0; }
.calendar .events_list li p { margin:0; }

#wrapper .calendar .text_button { float:left; margin:1px 6px 6px 0; padding-top:0; background:url(/magazine/graphics/buttons/sprite.buttons.png) no-repeat 0 -50px; }
#wrapper .calendar .text_button a { background:url(/magazine/graphics/buttons/sprite.buttons.png) no-repeat 100% -75px; }

table.calendar { margin:7px 0 15px; border-collapse:collapse; }
#wrapper .calendar th, .calendar td { font-size:.923em; line-height:1; text-align:center; }
.calendar thead tr { background:none; color:#111; }
.calendar thead tr th { font-weight:bold; padding-bottom:3px; }
.calendar td span, .calendar th span.longday { position:absolute; left:-9999px; }
.calendar td { text-align:center; padding:0; }
.calendar td a { display:block; color:#111; margin:-5px -12px -5px -11px; padding:5px 12px 5px 11px; outline:0; }
.calendar td a:hover, .calendar td a:focus { background:#CCEBEF; color:#111; font-weight:bold; }
.calendar td p { border:1px solid #C8C8C8; border-width:1px 0 0 1px; color:#A9A9A9; margin:2px 2px 0 0; padding:5px 12px 5px 11px; }
.calendar td.weekend p { border:0; background:#EBEBEB; }
.calendar td.today p { background:#2DAEBF; color:#FEFEFE; font-weight:bold; }
.calendar td.today p a { color:#FEFEFE; font-weight:bold; }
.calendar td.today p a:hover, .calendar td.today p a:focus { color:#111; }

.grid2col table.calendar { float:left; margin-right:20px; }
.grid2col .calendar .events_list { margin-top:8px; }