/*
---

name: SPIN 2

description: Provides SPIN2 generic styles

provides: [CSS.SPIN2, CSS.SPIN2Visuals]

...
*/

/* COMMON STYLES */
H1, H2, H3, H4, H5, H6, P, IMG, BLOCKQUOTE, UL, OL, LI, DL, DT, DD, FORM, FIELDSET {
	border: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* LAYOUT */
#colwrapper:after {
	content: ".";
	visibility: hidden;
	height: 0;
	display: block;
	clear: both;
}
	#colwrapper {
		background: 0;
	}
	#rightcolumn_sleeve .ad {
		clear: both;
	}
	#rightcolumn .twocolumn .ad {
		background: 0;
	}
.column > div {
	margin-top: 20px;
}
.column > div:first-child {
	margin-top: 0;
}

	#columns #colmain {
		float: left;
		width: 643px;
	}
	#columns #rightcolumn {
		float: right;
		width: 308px;
	}

#rightcolumn_sleeve > div {
	margin-top: 0;
}

.htmlContent h1, .htmlContent h2, .htmlContent h3, .htmlContent h4, .htmlContent ul, .htmlContent ol {
	margin-bottom: 18px;
}
.htmlContent ol li {
	list-style-type: decimal;
	list-style-position: inside;
}
.htmlContent P {
	margin-bottom: 17px;
}

.SPIN2M2-master #rightcolumn {
	background-color: transparent
}

#top .grid.noContent {
	margin: 0;
}

/* SPIN SECTIONHEAD */
#section_intro {
	clear: both;
}

/* SPIN SECTIONHEAD */
.sectionhead {
	margin-bottom: 0;
	border-bottom: 0;
}
	.sectionhead .sectionhead_sleeve {
		min-height: 0;
	}
	.sectionhead .sectionhead_sleeve:after {
		content: ".";
		visibility: hidden;
		height: 0;
		display: block;
		clear: both;
	}
	.sectionhead h2 {
		float: left;
		font-family:Georgia, "Times New Roman", Times, serif;
		color: #006BAB;
	}
		.sectionhead h2 a {
			color: #006BAB;
			text-decoration: none;
		}
	.sectionhead .rssfeed {
		float: right;
	}
.grid .sectionhead h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
}

/* GRIDS */
.grid a {
	color: #2C6D8D;
}
.grid a:hover {
	color: #900;
}
.grid .more {
	border-top: 1px solid #C7CFD3;
	padding-top: 11px;
	clear: both;
}
	.grid .more a:hover {
		text-decoration: none;
	}
.moreinfo {
	margin-bottom: 0;
	margin-top: 8px;
	padding-bottom: 8px;
}

.half:AFTER, .thumb:AFTER {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.half {
	clear: both;
}
.twocolumn.half {
	clear: none;
}
.half .picture, .thumb .picture {
	float: left;
	margin: 0 20px 5px 0;
}

.grid .twocolumn {
	float: left;
	clear: none;
}
.grid .twocolumn.left {
	clear: left;
	margin-right: 20px;
}
.grid .twocolumn.right {
	clear: none;
}
.grid .columnContainer {
	margin-bottom: 20px;
}

.grid .full, .grid .half, .grid .thumb, .grid .list {
	clear: both;
	border-top: 1px solid #C7CFD3;
	padding-top: 12px;
}
.grid .half, .grid .thumb, .grid .list {
	padding-top: 12px;
}
.grid .list {
	border-bottom: 0;
	padding-bottom: 0;
}
.grid h2 {
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
.grid .full h2, .grid .half h2, #main .grid .oneColumn .twocolumn.full H2 {
	margin: 0 0 7px;
	font-weight: bold;
	font-size: 1.538em;
	line-height: 22px;
}
	.grid .full h2 {
		margin-bottom: 7px;
	}
	.grid .full h2 a, .grid .half h2 a, .grid .thumb h2 a {
		text-decoration: none;
		padding-right: 6px;
	}
		.grid .full h2 a:hover, .grid .half h2 a:hover, .grid .thumb h2 a:hover {
			text-decoration: none;
		}
	.grid .half .picture, .grid .thumb .picture {
		margin-right: 20px;
	}
	.grid .full p.picture, .grid .half p.picture, .grid .thumb p.picture, .grid .list p.picture {
		margin-top: 0;
		margin-bottom: 10px;
	}
	.grid .full p.picture IMG, .grid .half p.picture IMG, .grid .thumb p.picture IMG, .grid .list p.picture IMG {
		margin-top: 0;
		display: block;
	}
	.grid .full p, .grid .half p, .grid .thumb p, .grid .list p {
		margin: 0 0 3px 0;
		font-size: 1em;
		line-height: 19px;
	}
	.grid .list p {
		margin-bottom: 7px;
	}
	.grid .full p.meta, .grid .half p.meta, .grid .thumb p.meta {
		color: #666;
		font-size: .923em;
		line-height: 16px;
		
		margin-bottom: 7px;
		text-transform: none;
	}
	.grid .meta span {
		color: #666;
		line-height: 13px;
	}
	.grid .moreinfo span {
		color: #666;
		font-size: .923em;
		line-height: 16px;
	}

	.grid .moreinfo span.comments {
		border-right: 1px solid #666;
		padding-right:5px;
	}
.grid .thumb h2 {
	margin: 0;
	font-size: 1.077em;
	line-height: 16px;
	margin: 0 0 7px;
}
.grid .list h2 {
	font-size: 1em;
	line-height: 18px;
	margin-bottom: 2px;
}
	.grid .list h2 a:hover {
		text-decoration: none;
	}
	.grid .list li {
		list-style: none;
		margin: 0 0 5px;
		padding-bottom: 0px;
		padding-left: 11px;
	}
	.grid .list li p.meta {
		
	}
.grid .story_list h2 {
	font-weight: bold;
	font-size: 1em !important;
	line-height: 17px;
}
.grid H2 .icon {
	float: none;
}

/* STORY LIST */
.grid .story_list {
	padding-top: 4px;
	clear: both;
}
	.grid .story_list li {
		background-position: 0 6px;
	}

.grid .twoColumns .twocolumn.full H2,
.grid .twoColumns .twocolumn.thumb H2,
.grid .twoColumnsSmallLeft .columnOne .half H2,
.grid .twoColumnsSmallLeft .columnOne .thumb H2,
.grid .twoColumnsSmallLeft .columnOne .twocolumn.full H2,
.grid .twoColumnsSmallLeft .columnTwo .twocolumn.half H2,
.grid .twoColumnsSmallLeft .columnTwo .twocolumn.thumb H2,
.grid .twoColumnsSmallRight .columnTwo .half H2,
.grid .twoColumnsSmallRight .columnTwo .thumb H2,
.grid .twoColumnsSmallRight .columnTwo .twocolumn.full H2,
.grid .twoColumnsSmallRight .columnOne .twocolumn.half H2,
.grid .twoColumnsSmallRight .columnOne .twocolumn.thumb H2,
.grid .threeColumns .half H2,
.grid .threeColumns .thumb H2,
.grid .threeColumns .twocolumn.full H2,
.grid .threeColumnsWideLeft .columnTwo .full H2,
.grid .threeColumnsWideLeft .columnTwo .thumb H2,
.grid .threeColumnsWideLeft .columnThree .half H2,
.grid .threeColumnsWideLeft .columnThree .thumb H2,
.grid .threeColumnsWideLeft .twocolumn.full H2,
.grid .threeColumnsWideLeft .twocolumn.thumb H2,
.grid .threeColumnsWideRight .columnTwo .full H2,
.grid .threeColumnsWideRight .columnTwo .thumb H2,
.grid .threeColumnsWideRight .columnOne .half H2,
.grid .threeColumnsWideRight .columnOne .thumb H2,
.grid .threeColumnsWideRight .twocolumn.full H2,
.grid .threeColumnsWideRight .twocolumn.thumb H2,
#main .grid .twocolumn.full H2,
#main .grid .twocolumn.half H2,
#main .grid .twocolumn.thumb H2,
#main .grid .twoColumns .half H2,
#main .grid .twoColumns .thumb H2,
#main .grid .threeColumns .full H2,
#mainright .grid .oneColumn .half H2,
#mainright .grid .oneColumn .thumb H2,
#mainright .grid .twocolumn.full H2,
#mainright .grid .twoColumns .full H2 {
	font-size: 1.077em;
	line-height: 16px;
}

/* SPIN FEEDS */
.spin_feed .htmlContent p {
	padding-top: 5px;
	padding-bottom: 17px;
}
.spin_feed .story_list li {
	padding-bottom: 15px;
	padding-left: 11px;
	background: url(/magazine/graphics/primaryBullet.png) no-repeat 0 6px;
}

.blocktitle {
	border-top: 7px solid #fff;
}

#rightcolumn .blocktitle {
	position: static;
	left: auto;
}

.grid .tab_block h2 a:hover { color: #fff; }
.grid .tab_block .current h2 a:hover { color: #000; }

/* WIDGETS */
.grid .currentissue h2 {
	margin-bottom: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#register .grid form, fieldset {
	margin-bottom: 6px;
}
.grid .newsletter_block {
	margin-bottom: 20px;
	margin-top: 0;
}
#wrapper #main .grid .threeColumns .newsletter_block .text {
	width: 99px;
}
#wrapper .grid .twoColumnsSmallRight .columnTwo .newsletter_block .text,
#wrapper .grid .twoColumnsSmallLeft .columnOne .newsletter_block .text,
#wrapper .grid .threeColumnsWideRight .columnTwo .newsletter_block .text,
#wrapper .grid .threeColumnsWideLeft .columnTwo .newsletter_block .text {
	width: 127px;
}
#rightcolumn .active {
	border: 0 none;
	margin-bottom: 20px;
}
/* Job of the week Widget */
.threeColumnsWideLeft .columnTwo #jotw .button_start,
.threeColumnsWideRight .columnTwo #jotw .button_start,
#main .twoColumnsSmallLeft .columnOne #jotw .button_start,
#main .twoColumnsSmallRight .columnTwo #jotw .button_start {
	width: 98px;
}
#main .threeColumns .columnOne #jotw .button_start,
#main .threeColumns .columnTwo #jotw .button_start,
#main .threeColumns .columnThree #jotw .button_start {
	width: 75px;
}

#mainright .twoColumns .columnOne #jotw .button_start,
#mainright .twoColumns .columnTwo #jotw .button_start {
	width: 149px;
}
/* Newsletter */
#main.area .twoColumnsSmallLeft .columnOne #newsletter_block #news_email {
	margin-right: 0;
	margin-bottom: 10px;
	width: 194px;
}
#main.area .twoColumnsSmallRight .columnTwo #newsletter_block #news_email {
	margin-right: 0;
	margin-bottom: 10px;
	width: 194px;
}
#main.area .threeColumns .column #newsletter_block #news_email {
	margin-right: 0;
	margin-bottom: 10px;
	width: 165px;
}
.threeColumnsWideLeft .columnTwo #newsletter_block #news_email, .threeColumnsWideRight .columnTwo #newsletter_block #news_email {
	margin-right: 0;
	margin-bottom: 10px;
}

.editorial {
	margin-bottom: 5px;
}

/* Newsletters Widget */
.column > div.newslettertop {
	margin-top: 0;
}
.newslettertop span {
	height: 107px;
	display: block;
	background: url(/magazine/graphics/subscriber/sprite.subscribers.png) no-repeat 100% 100%;
}

.grid .oneColumn .column .newslettertop span {
	background-position: 0 -1320px;
	height: 83px;
	width: 964px;
}
.grid .oneColumn .column .newslettertop.subscriber span {
	background-position: 0 -1190px;
}
.grid .twoColumns .column .newslettertop span {
	width: 472px;
	background-position: 0 -413px;
}
.grid .twoColumns .column .subscriber span {
	background-position: 0 -259px;
}
.grid .twoColumnsSmallLeft .columnOne .newslettertop span, .grid .twoColumnsSmallRight .columnTwo .newslettertop span,
.grid .threeColumns .column .newslettertop span, 
.grid .threeColumnsWideLeft .columnThree .newslettertop span, .grid .threeColumnsWideRight .columnOne .newslettertop span,
#mainright .newslettertop span, #rightcolumn .newslettertop span,
#main .grid .twoColumns .column .newslettertop span {
	width: 308px;
	background-position: 0 -1029px;
}
.grid .twoColumnsSmallLeft .columnOne .subscriber span, .grid .twoColumnsSmallRight .columnTwo .subscriber span,
.grid .threeColumns .column .subscriber span, .grid .threeColumnsWideLeft .columnThree .subscriber span,
.grid .threeColumnsWideRight .columnOne .subscriber span, 
#mainright .subscriber span, #main .grid .twoColumns .column .subscriber span {
	background-position: 0 -874px;
}
.grid .twoColumnsSmallLeft .columnTwo .newslettertop span, .grid .twoColumnsSmallRight .columnOne .newslettertop span,
#main .grid .oneColumn .columnOne .newslettertop span {
	background-position: 0 -130px;
	width: 636px;
	height: 83px;
}
.grid .twoColumnsSmallLeft .columnTwo .subscriber span, .grid .twoColumnsSmallRight .columnOne .subscriber span,
#main .grid .oneColumn .columnOne .subscriber span {
	background-position: 0 0;
}
.grid .threeColumnsWideLeft .columnOne .newslettertop span, .grid .threeColumnsWideRight .columnThree .newslettertop span,
#main .grid .twoColumnsSmallLeft .columnTwo .newslettertop span, #main .grid .twoColumnsSmallRight .columnOne .newslettertop span {
	width: 390px;
	background-position: 0 -720px;
}
.grid .threeColumnsWideLeft .columnOne .subscriber span, .grid .threeColumnsWideRight .columnThree .subscriber span,
#main .grid .twoColumnsSmallRight .columnOne .subscriber span, #main .grid .twoColumnsSmallLeft .columnTwo .subscriber span {
	background-position: 0 -566px;
}

#spin2 #rightcolumn .newslettertop span, #spin2 #rightcolumn .subscriber span {
	background-position: 0 -1027px;
	width: 308px;
}
#spin2 #rightcolumn .subscriber span {
	background: url(/magazine/graphics/subscriber/sprite.subscribers.png) no-repeat 0 -872px;
}

#rightcolumn .oneColumn .newsletter_block {
	margin-top: 0;
}
#mainright .newslettertop span { height: 107px; }

/* JOB OF THE WEEK */
.grid #jotw .button_start, .grid #related_jobs .button_start {
	width: 190px;
}

#top .threeColumns .columnOne #jotw .button_start,
#top .threeColumns .columnTwo #jotw .button_start,
#top .threeColumns .columnThree #jotw .button_start,
#foot .threeColumns .columnOne #jotw .button_start,
#foot .threeColumns .columnTwo #jotw .button_start,
#foot .threeColumns .columnThree #jotw .button_start,
#top .twoColumnsSmallRight .columnTwo #jotw .button_start,
#top .twoColumnsSmallLeft .columnOne #jotw .button_start,
#foot .twoColumnsSmallRight .columnTwo #jotw .button_start,
#foot .twoColumnsSmallLeft .columnOne #jotw .button_start,
#foot .threeColumnsWideRight .columnOne #jotw .button_start,
#foot .threeColumnsWideLeft .columnThree #jotw .button_start,
#top .threeColumnsWideRight .columnOne #jotw .button_start,
#top .threeColumnsWideLeft .columnThree #jotw .button_start,
#main .twoColumns .column #jotw .button_start {
	width: 180px;
}

/* POLL */
.poll h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* NEWSLETTER */
.newsletter_block .newsletter_hybridtext .subscribe { padding-bottom: 8px; }
.newsletter_block p + ul { padding-top: 10px; }

#top .grid .oneColumn .newsletter_block li, #foot .grid .oneColumn .newsletter_block li { width: 420px; }
#top .grid .twoColumns .newsletter_block li, #foot .grid .twoColumns .newsletter_block li { width: 205px; }
#top .grid .twoColumnsSmallLeft .columnTwo .newsletter_block li, #foot .grid .twoColumnsSmallLeft .columnTwo .newsletter_block li,
#top .grid .twoColumnsSmallRight .columnOne .newsletter_block li, #foot .grid .twoColumnsSmallRight .columnOne .newsletter_block li { width: 285px; }
#top .grid .threeColumnsWideLeft .columnOne .newsletter_block li, #foot .grid .threeColumnsWideLeft .columnOne .newsletter_block li, 
#top .grid .threeColumnsWideRight .columnThree .newsletter_block li, #foot .grid .threeColumnsWideRight .columnThree .newsletter_block li { width: 165px; }

#main .grid .oneColumn .newsletter_block li { width: 285px; }
#main .grid .twoColumnsSmallLeft .columnTwo .newsletter_block li, #main .grid .twoColumnsSmallRight .columnOne .newsletter_block li { width: 165px; }

/* NEWSLETTER LABELS */
#top .grid .oneColumn .newsletter_block li label, #foot .grid .oneColumn .newsletter_block li label { width: 401px; }
#top .grid .twoColumns .newsletter_block li label, #foot .grid .twoColumns .newsletter_block li label { width: 186px; }
#top .grid .twoColumnsSmallLeft .columnTwo .newsletter_block li label, #foot .grid .twoColumnsSmallLeft .columnTwo .newsletter_block li label,
#top .grid .twoColumnsSmallRight .columnOne .newsletter_block li label, #foot .grid .twoColumnsSmallRight .columnOne .newsletter_block li label { width: 266px; }
#top .grid .threeColumnsWideLeft .columnOne .newsletter_block li label, #foot .grid .threeColumnsWideLeft .columnOne .newsletter_block li label, 
#top .grid .threeColumnsWideRight .columnThree .newsletter_block li label, #foot .grid .threeColumnsWideRight .columnThree .newsletter_block li label { width: 146px; }

#main .grid .oneColumn .newsletter_block li label { width: 266px; }
#main .grid .twoColumnsSmallLeft .columnTwo .newsletter_block li label, #main .grid .twoColumnsSmallRight .columnOne .newsletter_block li label { width: 146px; }