/* @override 
	http://10.1.34.30:9000/lib/css/screen.css
	http://betastag.responsibilityproject.com/lib/css/screen.css
	http://www.responsibilityproject.com/lib/css/screen.css
*/

/*


Built by awesome people.


*/

/* =======================================================
Begin all general, non-section-specific selectors
======================================================= */
#skipToContent {
	margin: 0;
	position: absolute;
	top: -5000px;
}
.clearBoth {
	clear: both;
	display: block;
}
	.clearBoth span {
		display: block;
		font-size: 1px;
		line-height: 1px;
	}
.textInput {
	background: #fff url(../../img/bg-text-input.gif) no-repeat left top;
	border: none;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
/* ==================================================== */

#pageWrap {
	margin: 0 auto;
	width: 951px;
}

/* =======================================================
Begin all header-specific selectors
======================================================= */
#siteNav {
	background-color: #001536;
	border: 1px solid #bcbcbc;
	border-top: none;
}
	#siteNav ul {
		float: left;
		list-style: none;
		margin: 13px 0 13px 25px;
		max-width: 550px; /* This ensures that the nav doesn't bump into the search box when the font-size is increased. */
		padding: 0;
	}
		#siteNav ul li {
			border-right: 1px solid #a5a5a5;
			float: left;
			line-height: .9;
			margin: 5px 15px 5px 0;
			padding: 0 15px 0 0;
		}
		#siteNav ul li.lastItem {
			border-right: none;
			margin-right: 0;
			padding-right: 0;
		}
			#siteNav ul li a,
			#siteNav ul li a:visited {
				color: #fff;
				font-size: 1.4em;
				font-weight: bold;
				position: relative;
				text-transform: uppercase;
				top: 1px;
			}
			#siteNav ul li a:hover,
			#siteNav ul li a:focus,
			#siteNav ul li a:active,
			#siteNav ul li.navActive a,
			#siteNav ul li.navActive a:visited {
				color: #dd3e00;
				text-decoration: none;
			}
	#siteNav form {
		float: right;
		margin: 13px 20px 0 0;
		max-width: 400px;
		width: 16.5em;
	}
		#siteNav form p {
			background-color: #fff;
			border: 1px solid #d5d5d5;
			margin: 0;
		}
			#siteNav form p label {
				position: absolute;
				top: -9999px;
			}
			#siteNav form p #searchText {
				border-right: 1px solid #d5d5d5;
				color: #a2a2a2;
				float: left;
				font-size: 1.2em;
				margin: 0;
				padding: .3em;
				width: 11em;
			}
			#siteNav form p #searchSubmit {
				float: right;
				padding: .4em .4em .3em;
				position: relative;
				right: 1px;
			}
			#siteNav form p #searchSubmit:hover {
				cursor: pointer;
			}
#topicNav {
	border-bottom: 1px solid #d5d5d5;
	overflow: hidden;
	height: 2.65em;
}
	#topicNav ul {
		float: left;
		list-style: none;
		margin: 3px 0 3px 25px;
		max-width: 655px; /* This ensures that the topic nav doesn't bump into the Follow/Share content when the font-size is increased. */
		padding: 0;
		clear: left;
	}
		#topicNav ul li {
			border-right: 1px solid #d5d5d5;
			float: left;
			line-height: .9;
			margin: 5px 12px 5px 0;
			padding: 0 12px 0 0;
		}
		#topicNav ul li.lastItem {
			border-right: none;
			margin-right: 0;
			padding-right: 0;
		}
			#topicNav ul li a,
			#topicNav ul li a:visited {
				font-size: 1.2em;
				position: relative;
				top: 1px;
			}
			#topicNav ul li a:hover,
			#topicNav ul li a:focus,
			#topicNav ul li a:active,
			#topicNav ul li.navActive a,
			#topicNav ul li.navActive a:visited {
				color: #dd3e00;
				text-decoration: none;
			}
			a#toggle-topics {
				padding-right: 14px;
				text-transform: uppercase;
			}
			a.hasExpandIcon {
				background: url(../../img/icon-arrows-down.gif) no-repeat right center;
				padding-right: 14px;
			}
			a.hasExpandIcon:hover,
			a.hasExpandIcon:focus {
				background-image: url(../../img/icon-arrows-down-hover.gif);
			}
			a.hasCollapseIcon {
				background: url(../../img/icon-arrows-up.gif) no-repeat right center;
				padding-right: 14px;
			}
			a.hasCollapseIcon:hover,
			a.hasCollapseIcon:focus {
				background-image: url(../../img/icon-arrows-up-hover.gif);
			}
	#topicNav p {
		color: #a5a5a5;
		float: right;
		font-size: 1.2em;
		margin: .2em 25px 0 0;
	}
		#topicNav p .shareLinks {
			margin-left: 20px;
		}
			#topicNav p a,
			#topicNav p a:visited {
				position: relative;
				top: 3px;
			}
#logoDate {
	background-color: #fff;
	border-bottom: 1px solid #d5d5d5;
	min-height: 92px;
	position: relative;
}
	#logoDate h1 {
		background: url(../../img/bg-lm-rp.gif) no-repeat left top;
		float: left;
		height: 64px;
		margin: 18px 0 25px 25px;
		width: 411px;
	}	
	#logoDate #byLibertyMutual {
		background: url(../../img/bg-by-liberty-mutual.gif) no-repeat left top;
		cursor: pointer;
		float: left;
		font-size: 1.8em;
		height: 64px;
		margin: 18px 0 25px 0px;
		width: 167px;
	}
		#logoDate h1 span, #logoDate #byLibertyMutual span {
			cursor: pointer;
			display: block;
			height: 3.7em;
			text-indent: -9999px;
		}
	#logoDate p {
		bottom: 0;
		margin: 0;
		position: absolute;
		right: 0;
		text-transform: uppercase;
		width: 14em;
	}
		#logoDate p #dateDay {
			color: #a5a5a5;
			display: block;
			float: left;
			font-size: 1.2em;
			margin-top: 1.35em;
			text-align: right;
			width: 6.5em;
		}
		#logoDate p #dateBox {
			background-color: #a5a5a5;
			border: 1px solid #d5d5d5;
			border-bottom: none;
			color: #fff;
			display: block;
			float: right;
			font-weight: bold;
			padding: .5em .25em .15em;
			text-align: center;
			width: 3.6em;
		}
			#logoDate p #dateBox #dateMonth {
				font-size: 1.2em;
				line-height: 1;
			}
			#logoDate p #dateBox #dateNumber {
				font-size: 2.4em;
				line-height: 1;
			}
			h1 a:hover, #byLibertyMutual a:hover {
				cursor: pointer;
			}
/* ==================================================== */

/* =======================================================
Begin the visitor location / sort methods selectors
======================================================= */
#locationSort {
	border-bottom: 1px solid #d5d5d5;
	text-transform: uppercase;
}
	#locationSort h5 {
		color: #a5a5a5;
		float: left;
		font-size: 1.8em;
		font-weight: normal;
		line-height: 1.2;
		margin: 0 0 0 25px;
	}
	/* A Safari-only selector to adjust its
	weird rendering of the above selector */
	@media screen and (-webkit-min-device-pixel-ratio:0){#locationSort h5 {position:relative; top:1px;}}
	/* ======================================== */
		#locationSort h5 span {
			font-size: .666em;
			font-weight: bold;
		}
	#locationSort ul {
		float: left;
		list-style: none;
		margin: .55em 0 0 1.8em;
		padding: 0;
	}
		#locationSort ul li {
			border-right: 1px solid #d5d5d5;
			float: left;
			line-height: .9;
			margin: 0 12px 0 0;
			padding: 0 12px 0 0;
		}
		#locationSort ul li.lastItem {
			border-right: none;
			margin-right: 0;
			padding-right: 0;
		}
			#locationSort ul li a,
			#locationSort ul li a:visited {
				font-size: 1.3em;
				font-weight: bold;
				/*position: relative;
				top: 1px;*/
			}
			#locationSort ul li a:hover,
			#locationSort ul li a:focus,
			#locationSort ul li a:active,
			#locationSort ul li.navActive a,
			#locationSort ul li.navActive a:visited {
				color: #dd3e00;
				text-decoration: none;
			}
/* ==================================================== */

/* =======================================================
Begin the masonry/grid/box-magic selectors
======================================================= */
.boxMagic,
.boxMagicHome,
.boxMagicAbout,
.boxMagicTopic,
.boxMagicSpecialFeatures {
	border-left: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
}
.colWidths41 .column2 .relatedTable .boxMagic {
	width: 190px;
}
.boxMagicHome {
	margin-bottom: 49px;
	position: relative;
	top: -1px;
}
.boxMagicAbout {
	margin-bottom: 50px;
	margin-top: 204px; /* 204 == The height of the left-floated blue box above this one (189px), plus 15px of margin/white-space. */
	width: 760px;
}
.boxMagicSpecialFeatures {
	margin-bottom: 50px;
	margin-top: 1em;
	width: 760px;
}
	#featureHeader {
		border: 1px solid #d5d5d5;
	}
.boxMagicTopic {
	width: 760px;
}
	.bmBox {
		border-bottom: 1px solid #d5d5d5;
		border-right: 1px solid #d5d5d5;
		float: left;
		font-size: 1.3em;
		height: 189px;
		line-height: 1.2;
		overflow: hidden;
		position: relative;
		width: 189px;
	}
		.bmBox .hasText {
			height: 100%;
			padding: 25px;
		}
		.bmBox .hasText:hover {
			background-color: #d2ebe2;
			cursor: pointer;
		}
		.bmBox .hasVideo:hover {
			cursor: pointer;
		}
			.bmBox .hasVideo .bmVideoContent {
				background-color: rgba(0,21,54,.8);
				border-bottom: 1px solid #bcbcbc;
				border-top: 1px solid #bcbcbc;
				color: #fff;
				left: 0;
				margin: 0;
				padding: .5em 25px;
				position: absolute;
				top: 15px;
				width: 139px;
				z-index: 10;
			}
			.bmBox.w2 .hasVideo .bmVideoContent {
				width: 329px;
			}
				.bmBox .hasVideo .bmVideoTitle {
					color: #fff;
					font-size: 1.15em;
					font-weight: bold;
					margin: 0;
					text-transform: none;
				}
				.bmBox.w2 .hasVideo .bmVideoTitle {
					font-size: 2.7em;
				}
				.bmBox .hasVideo .bmVideoDesc {
					display: none;
					margin-top: 1.5em;
					min-height: 150px;
				}
				.bmBox.w2 .hasVideo .bmVideoDesc {
					display: block;
					font-size: 1.15em;
					margin-top: 1.25em;
					min-height: 0;
				}
				.bmBox .hasVideo:hover .bmVideoDesc {
					display: block;
				}
			.bmBox .hasVideo .bmVideoStill {
				left: 0;
				position: absolute;
				top: 0;
				z-index: 5;
			}
			.bmBox .hasVideo .continueLink {
				z-index: 15;
			}
				.bmBox .hasVideo .continueLink a,
				.bmBox .hasVideo .continueLink a:visited {
					background: #4477b0 url(../../img/icon-play-arrow.gif) no-repeat 5px center;
					border: 1px solid #a7b0ba;
					color: #fff;
					padding: 4px 6px 4px 18px;
				}
				.bmBox .hasVideo:hover .continueLink a {
					background-color: #dd3e00;
					background-image: url(../../img/icon-play-arrow-hover.gif);
					border-color: #c2a69b;
				}
		.bmBox .multiCTA { /* .multiCTA is a class added to any individual box that has more than one call-to-action. */
			background-color: #fff;
		}
		.bmBox .multiCTA:hover {
			background-color: #f7f7f5;
			cursor: default;
		}
		.bmBox .lmFeature {
			background-color: #000f27;
			border: 5px solid #a7d0c1;
			color: #fff;
			margin: 0;
			padding: 20px;
		}
		.bmBox .lmFeature:hover {
			background-color: #000f27;
			cursor: pointer;
		}
		.bmBox .lmIntroFeature {
			background-repeat: no-repeat;
			background-position: right bottom;
			font-size: 1.23em;
		}
		.bmBox .lmIntroFeature:hover {
			cursor: default;
		}
			.bmBox .closeLink {
				margin: 0 0 12px 0;
				font-size: .8125em;
				text-align: right;
			}
				.bmBox .closeLink a,
				.bmBox .closeLink a:visited {
					color: #fff;
					text-transform: uppercase;
				}
				.bmBox .closeLink a:hover {
					color: #dd3e00;
				}
			.bmBox h3 {
				color: #001536;
				font-size: 1.15em;
				line-height: 1.2;
				margin: 0 0 15px;
			}
			.bmBox.h2 h3, .bmBox.h3 h3,
			.bmBox.h4 h3, .bmBox.h5 h3 {
				font-size: 1.4em;
			}
			.bmBox.w2 h3, .bmBox.w3 h3,
			.bmBox.w4 h3, .bmBox.w5 h3 {
				font-size: 1.6em;
			}
			.bmBox .lmFeature h3 {
				color: #fff;
			}
			.bmBox .lmIntroFeature h3 {
				font-size: 2.15em;
				font-weight: normal;
			}
				.bmBox .lmIntroFeature h3 span {
					color: #dd3e00;
				}
				.bmBox h3 img {
					float: left;
					margin-right: 15px;
				}
			.bmBox .poll span {
				color: #777;
				display: block;
				font-size: .769em;
				margin-bottom: 3px;
				text-transform: uppercase;
			}
			.bmBox .poll a,
			.bmBox .poll a:visited {
				background-color: #4477b0;
				border: 1px solid #bcbcbc;
				color: #fff;
				display: inline-block;
				font-size: .95em;
				font-weight: bold;
				margin-bottom: 3px;
				text-transform: uppercase;
				float: left;
				width: 47%;
				margin-right: 2%;
				text-align: center;
			}
			.bmBox .poll a:hover {
				background-color: #dd3e00;
			}
			.bmBox .poll.options2 a,
			.bmBox .poll.options2 a:visited {
				padding: 3px 0;
			}
			.bmBox .poll.options3 a,
			.bmBox .poll.options3 a:visited {
				padding: 3px 10%;
			}
			.bmBox .poll.options4 a,
			.bmBox .poll.options4 a:visited,
			.bmBox .poll.options5 a,
			.bmBox .poll.options5 a:visited,
			.bmBox .poll.options6 a,
			.bmBox .poll.options6 a:visited,
			.bmBox .poll.options7 a,				/* Adjust these selectors, and the property/value, as necessary. */
			.bmBox .poll.options7 a:visited,
			.bmBox .poll.options8 a,
			.bmBox .poll.options8 a:visited,
			.bmBox .poll.options9 a,
			.bmBox .poll.options9 a:visited,
			.bmBox .poll.options10 a,
			.bmBox .poll.options10 a:visited {
				padding: 3px 6%;
			}
			.bmBox .continueLink {
				bottom: 20px;
				font-size: .92em;
				font-weight: bold;
				left: 25px;
				margin: 0;
				position: absolute;
				text-transform: uppercase;
			}
				.bmBox .hasText:hover .continueLink a {
					color: #dd3e00;
				}
			.bmBox .lmIntroFeature .continueLink {
				font-size: .75em;
			}
				.bmBox .lmFeature .continueLink a,
				.bmBox .lmFeature .continueLink a:visited {
					background-color: #dd3e00;
					border: 1px solid #d5d5d5;
					color: #fff;
					padding: .35em .75em;
				}
				.bmBox .lmFeature:hover .continueLink a,
				.bmBox .lmIntroFeature:hover .continueLink a:hover {
					background-color: #fff;
					color: #dd3e00;
				}
				.bmBox .lmIntroFeature:hover .continueLink a {
					background-color: #dd3e00;
					color: #fff;
				}
					.bmBox .continueLink span {
						font-size: 1.5em;
						position: relative;
						top: 1px;
					}
			.bmBox .hasPoll:hover .continueLink a {
				color: #4477b0;
			}
			.bmBox .hasPoll:hover .continueLink a:hover {
				color: #dd3e00;
			}
		.bmBox.whyRP {
			position: absolute;
			z-index: 40000;
		}
	/* Height/vertical selectors */
	.h1 {height:189px; max-height:189px; min-height:189px;}
		.h1 .lmFeature {height:139px; max-height:139px; min-height:139px;} /* These values are exactly 50 less than the ones above because .lmFeature has 20px of padding and a 5px border. */
	.h2 {height:379px; max-height:379px; min-height:379px;}
		.h2 .lmFeature {height:329px; max-height:329px; min-height:329px;} /* These values are exactly 50 less than the ones above because .lmFeature has 20px of padding and a 5px border. */
	.h3 {height:569px; max-height:569px; min-height:569px;}
		.h3 .lmFeature {height:519px; max-height:519px; min-height:519px;} /* These values are exactly 50 less than the ones above because .lmFeature has 20px of padding and a 5px border. */
	.h4 {height:759px; max-height:759px; min-height:759px;}
		.h4 .lmFeature {height:709px; max-height:709px; min-height:709px;} /* These values are exactly 50 less than the ones above because .lmFeature has 20px of padding and a 5px border. */
	.h5 {height:949px; max-height:949px; min-height:949px;}
		.h5 .lmFeature {height:899px; max-height:899px; min-height:899px;} /* These values are exactly 50 less than the ones above because .lmFeature has 20px of padding and a 5px border. */
	/* Width/horizontal selectors */
	.w1 {width:189px; max-width:189px; min-width:189px;}
		.w1 .lmFeature {width:139px; max-width:139px; min-width:139px;} /* These values are exactly 50 less than the ones above because .lmFeature has 20px of padding and a 5px border. */
	.w2 {width:379px; max-width:379px; min-width:379px;}
		.w2 .lmFeature {width:329px; max-width:329px; min-width:329px;} /* These values are exactly 50 less than the ones above because .lmFeature has 20px of padding and a 5px border. */
	.w3 {width:569px; max-width:569px; min-width:569px;}
		.w3 .lmFeature {width:519px; max-width:519px; min-width:519px;} /* These values are exactly 50 less than the ones above because .lmFeature has 20px of padding and a 5px border. */
	.w4 {width:759px; max-width:759px; min-width:759px;}
		.w4 .lmFeature {width:709px; max-width:709px; min-width:709px;} /* These values are exactly 50 less than the ones above because .lmFeature has 20px of padding and a 5px border. */
	.w5 {width:949px; max-width:949px; min-width:949px;}
		.w5 .lmFeature {width:899px; max-width:899px; min-width:899px;} /* These values are exactly 50 less than the ones above because .lmFeature has 20px of padding and a 5px border. */
/* ==================================================== */

/* =======================================================
Begin all Special Feature Landing page selectors
======================================================= */
#specialFeatureBanner {
	border: 1px solid #d5d5d5;
}

/* 2010 Olympics */
#olympics2010 {
	background: url(../../img/_temp/2010-olympics.jpg) no-repeat left top;
	border-left: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	position: relative;
}
#olympics2010:hover {
	cursor: default;
}
	#olympics2010 h3 {
		color: #fff;
		font-size: 3.4em;
		font-weight: normal;
		position: relative;
		text-shadow: 2px 2px 4px #222;
		text-transform: uppercase;
		top: -15px;
	}
	#olympics2010 h3:hover,
	#olympics2010 p:hover {
		cursor: text;
	}
	#olympics2010 p {
		background-color: rgba(255, 255, 255, .8);
		color: #001536;
		font-size: 1.1em;
		left: -25px;
		padding: 15px 25px;
		position: relative;
		top: -20px;
		width: 485px;
	}
/* ------------- */

/* ==================================================== */

/* =======================================================
Begin the special feature banners area
======================================================= */
#specialFeatureBanners {
	margin-top: 2.4em;
	margin-bottom: -1.5em;
}
	#specialFeatureBanners img {
		border: none;
	}
.column1 #specialFeatureBanners {
	margin-top: 0;
	margin-bottom: 3em;
}
/* ==================================================== */

/* =======================================================
Begin the Get a Free Quote box selectors
======================================================= */
.freeQuote h4 span {
	display: block;
	font-size: .6111em;
}
.freeQuote form {
	background-color: #000f27;
	border: 5px solid #a7d0c1;
	color: #fff;
	padding: 18px 10px;
}
	.freeQuote form dl {
		margin-top: 0;
	}
		.freeQuote form dl dt {
			font-size: 1.1em;
			font-weight: normal;
			text-transform: uppercase;
		}
		.freeQuote form dl dd {
			margin-bottom: 1.2em;
		}
			.freeQuote form dl dd #quoteType {
				width: 130px;
			}
				.freeQuote form dl dd #quoteType option {
					color: #4477ac;
					text-transform: lowercase;
				}
			.freeQuote form dl dd #quoteZip {
				font-size: 1.2em;
				padding: 2px;
				width: 124px;
			}
			.freeQuote form dl dd #quoteSubmit {
				background: #dd3e00 url(../../img/icon-arrows-right.gif) no-repeat 8px center;
				border: 1px solid #fff;
				color: #fff;
				font-size: 1.15em;
				padding: 5px 0;
				text-transform: uppercase;
				width: 128px;
			}
			.freeQuote form dl dd #quoteSubmit:hover {
				cursor: pointer;
			}
	.freeQuote form p {
		font-size: 1.2em;
		margin: 0;
	}
/* ==================================================== */

/* Twitter Feed Block */
.twitterFeed {
  padding-bottom: 4em;
}

.twitterFeed h4 {
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: .75em;
	background: url(/img/icon-twitter-medium.png) no-repeat right 2px;
}

.twitterFeed h4 span {
	display: block;
	width: 95px;
	font-size: .6111em;
}
.twitterFeed p {
	font-size: 1.2em;
	margin-bottom: 0;
}
.twitterFeed p.twitterDate{
	color: #a5a5a5;
	font-size: .9em;
	margin: 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #d5d5d5;	
}
.twitterFeed p.twitterFollow {
	font-weight: bold;
}

/* =================================================== */

/* =======================================================
Begin the column widths/grid voodoo. Who do? YOU DO.
======================================================= */
/* "colWidths41" means za four-box-wide left column and a one-box-wide right column. */
.colWidths41 .column1 {
	float: left;
	margin-top: 25px;
	width: 760px;
}
.colWidths41 .column2 {
	float: right;
	margin-top: 25px;
	width: 190px;
}
.colWidths41 .column2.hasLeftMargin {
	margin-left: 30px;
	width: 160px;
}
/* "colWidths32" means a three-box-wide left column and a two-box-wide right column. */
.colWidths32 .column1 {
	float: left;
	margin-top: 25px;
	width: 570px;
}
.colWidths32 .column1.hasRightMargin {
	margin-right: 30px;
	width: 540px;
}
.colWidths32 .column2 {
	float: right;
	margin-top: 25px;
	width: 381px;
}
/* ==================================================== */

/* =======================================================
Begin main content selectors
======================================================= */
.contributorWrap {
	margin-bottom: 3.5em;
	padding: 0 25px;
}
	.contributorWrap h2 {
		color: #000f27;
		font-size: 3.5em;
		margin: 0 0 .5em;
	}
	#contributorImage {
		float: left;
		left: -25px;
		position: relative;
		width: 190px;
	}
	#contributorText {
		font-size: 1.4em;
	}
	.contributorWrap.hasImage #contributorText {
		margin-left: 190px;
	}
.itemsList {
	border-bottom: 1px solid #d5d5d5;
	list-style: none;
	margin: 0 0 25px;
	padding: 0;
}
	.itemsList li a:hover {
		color: #d74000;
	}
	.itemsList li,
	#itemDetail {
		border: 1px solid #d5d5d5;
		border-bottom: none;
		margin: 0;
		min-height: 138px;
		padding: 25px;
	}
	#itemDetail {
		border: none;
		padding-top: 0;
	}
		.itemsList li h2,
		#itemDetail h2 {
			margin: 0;
		}
			.itemsList li .contributorItem h2 .itemType {
				color: #a5a5a5;
				display: block;
				font-size: .625em;
				font-weight: normal;
				margin-bottom: .5em;
				text-transform: uppercase;
			}
			.itemsList li .filmVideoItem h2 .itemDuration {
				color: #a5a5a5;
				font-size: .55em;
				font-weight: normal;
				position: relative;
				top: -3px;
			}
				.itemsList li .filmVideoItem h2 .itemDuration span {
					position: relative;
					top: 1px;
				}
			.itemsList li h2 a,
			.itemsList li h2 a:visited,
			#itemDetail h2 {
				color: #001536;
				font-size: 1.75em;
				line-height: 1.1;
			}
			.itemsList li h2 a:hover {
				color: #d74000;
			}
			.itemsList li .contributorItem h2 a,
			.itemsList li .contributorItem h2 a:visited,
			.itemsList li .filmVideoItem h2 a,
			.itemsList li .filmVideoItem h2 a:visited {
				font-size: 1.166em;
			}
			.itemsList li .partnersItem h2 a,
			.itemsList li .partnersItem h2 a:visited {
				font-size: 1.25em;
			}
			.itemsList li .partnersItem p {
				line-height: 1.2;
				margin-bottom: 0;
			}
			#itemDetail h2 {
				font-size: 4.5em;
			}
				#itemDetail h2 .titleByline {
					display: block;
					font-size: .4em;
					margin-top: .85em;
				}
		#itemDetail.finePrint h2 {
			line-height: .8;
		}
		.finePrint h3 {
			color: #001536;
			font-size: 1.35em;
			margin-bottom: 0;
		}
		.itemComments {
			float: right;
			margin-top: 1.6em;
		}
		.itemDescription {
			font-size: 1.3em;
			margin-top: 2em;
		}
		.contributorItem .itemComments,
		.filmVideoItem .itemComments {
			margin-bottom: 0;
			margin-top: .666em;
		}
		.filmVideoItem .itemComments {
			margin-top: 0;
		}
		#commentsWrap .itemComments {
			margin-bottom: 0;
		}
			.itemComments a,
			.itemComments a:visited {
				font-size: 1.2em;
				text-transform: uppercase;
			}
			.contributorItem .itemComments a,
			.contributorItem .itemComments a:visited,
			.filmVideoItem .itemComments a,
			.filmVideoItem .itemComments a:visited {
				font-size: .777em;
			}
			.itemComments.grayedOut a,
			.itemComments.grayedOut a:visited {
				color: #a5a5a5;
			}
			.itemComments.grayedOut a:hover {
				cursor: default;
				text-decoration: none;
			}
				.itemComments a span,
				.itemComments a:visited span {
					background: url(../../img/bg-cmnt-bbl-bl.png) no-repeat left bottom;
					color: #fff;
					display: inline-block;
					float: right;
					margin-left: .75em;
					padding-bottom: 8px;
					position: relative;
					top: -6px;
				}
				.itemsList li .itemComments a:hover span,
				.itemsList li:hover .itemComments a:visited span {
					background-image: url(../../img/bg-cmnt-bbl-bl-orange.gif);
				}
				.itemComments.grayedOut a span,
				.itemComments.grayedOut a:visited span {
					background-image: url(../../img/bg-cmnt-bbl-bl-gray.gif);
				}
					.itemComments a span span,
					.itemComments a:visited span span {
						background: url(../../img/bg-cmnt-bbl-tl.gif) no-repeat left top;
						float: none;
						margin-left: 0;
						padding: 0;
						top: 0;
					}
					.itemsList li .itemComments a:hover span span,
					.itemsList li:hover .itemComments a:visited span span {
						background-image: url(../../img/bg-cmnt-bbl-tl-orange.gif);
					}
					.itemComments.grayedOut a span span,
					.itemComments.grayedOut a:visited span span {
						background-image: url(../../img/bg-cmnt-bbl-tl-gray.gif);
					}
						.itemComments a span span span,
						.itemComments a:visited span span span {
							background: url(../../img/bg-cmnt-bbl-tr.gif) no-repeat right top;
							float: none;
							margin-left: 0;
							padding: 0;
							top: 0;
						}
						.itemsList li .itemComments a:hover span span span,
						.itemsList li:hover .itemComments a:visited span span span {
							background-image: url(../../img/bg-cmnt-bbl-tr-orange.gif);
						}
						.itemComments.grayedOut a span span span,
						.itemComments.grayedOut a:visited span span span {
							background-image: url(../../img/bg-cmnt-bbl-tr-gray.gif);
						}
							.itemComments a span span span span, /* Whoa whoa whoa! */
							.itemComments a:visited span span span span {
								background: url(../../img/bg-cmnt-bbl-br.gif) no-repeat right bottom;
								float: none;
								font-size: 1.1666em;
								font-weight: bold;
								margin-left: 0;
								min-width: 20px;
								padding: 4px 9px 2px;
								text-align: center;
								top: 0;
							}
							.itemsList li .itemComments a:hover span span span span, /* Whoa whoa whoa! */
							.itemsList li:hover .itemComments a:visited span span span span {
								background-image: url(../../img/bg-cmnt-bbl-br-orange.gif);
							}
							.itemComments.grayedOut a span span span span,
							.itemComments.grayedOut a:visited span span span span {
								background-image: url(../../img/bg-cmnt-bbl-br-gray.gif);
							}
							.itemComments a:hover span span span span {
								cursor: pointer;
							}
							.itemComments.grayedOut a:hover span span span span {
								cursor: default;
							}
				.contributorItem .itemComments a span,
				.contributorItem .itemComments a:visited span,
				.filmVideoItem .itemComments a span,
				.filmVideoItem .itemComments a:visited span {
					top: -3px;
				}
					.contributorItem .itemComments a span span,
					.contributorItem .itemComments a:visited span span,
					.contributorItem .itemComments a span span span,
					.contributorItem .itemComments a:visited span span span,
					.contributorItem .itemComments a span span span span,
					.contributorItem .itemComments a:visited span span span span,
					.filmVideoItem .itemComments a span span,
					.filmVideoItem .itemComments a:visited span span,
					.filmVideoItem .itemComments a span span span,
					.filmVideoItem .itemComments a:visited span span span,
					.filmVideoItem .itemComments a span span span span,
					.filmVideoItem .itemComments a:visited span span span span {
						top: 0;
					}
		.itemsList .itemMeta,
		#itemDetail .itemMeta {
			color: #a5a5a5;
			font-size: 1.2em;
		}
		.itemsList .itemContent,
		#itemDetail .itemContent {
			clear: both;
		}
		.itemContent.filmVideoItem.hasImage,
		.itemContent.partnersItem.hasImage {
			position: relative;
		}
		.itemsList .contributorItem .itemMeta,
		.itemsList .filmVideoItem .itemMeta {
			font-size: .925em;
			margin-top: .75em;
		}
		.itemsList .filmVideoItem .itemMeta {
			margin-top: 0;
		}
			.itemsList .itemImage,
			#itemDetail .contentPhotoLeft,
			#itemDetail .contentPhotoFull {
				float: left;
				left: -25px; /* This is the same value defined in the parent element's padding, above. */
				position: relative;
			}
			.itemsList .contributorItem .itemImage {
				margin-top: 3.3em;
			}
			.itemsList .filmVideoItem .itemImage,
			.itemsList .partnersItem .itemImage {
				left: -25px;
				position: absolute;
				top: -26px;
			}
			#itemDetail .contentPhotoLeft {
				margin-bottom: 1em;
			}
				.itemsList .itemImage img,
				#itemDetail .contentPhotoLeft {
					border: 1px solid #d5d5d5;
				}
				.itemsList .itemImage img {
					border-left: none;
				}
			.itemsList .partnersItem .itemText {
				font-size: 1.4em;
			}
			.itemsList .itemText,
			#itemDetail .itemContent {
				font-size: 1.5em;
			}
			.itemsList .hasImage .itemText {
				margin-left: 190px; /* All of the text will move over if .hasImage is applied to the container. Otherwise, it stays put. */
			}
			.itemsList .contributorItem.hasImage .itemText {
				margin-left: 95px; /* All of the text will move over if .hasImage is applied to the container. Otherwise, it stays put. */
			}
				.itemsList .itemText .itemContinue {
					font-size: .86em;
					font-weight: bold;
					text-transform: uppercase;
				}
				.itemsList .contributorItem .itemText .itemContinue,
				.itemsList .filmVideoItem .itemText .itemContinue,
				.itemsList .partnersItem .itemText .itemContinue {
					font-size: .8em;
				}
				.itemsList .partnersItem .itemText .itemContinue {
					font-size: .85em;
				}
				.itemsList .filmVideoItem .itemText .itemContinue {
					margin-bottom: .75em;
				}
					.itemsList .itemText .itemContinue span {
						font-size: 1.8em;
						line-height: 0;
						position: relative;
						top: 2px;
					}
					.itemsList .contributorItem .itemText .itemContinue span,
					.itemsList .filmVideoItem .itemText .itemContinue span,
					.itemsList .partnersItem .itemText .itemContinue span {
						font-size: 1.6em;
						top: 1px;
					}
				.itemsList .itemText .itemTags {
					color: #a5a5a5;
					font-size: .86em;
					margin-bottom: 0;
					text-transform: uppercase;
				}
				.itemsList .contributorItem .itemText .itemTags,
				.itemsList .filmVideoItem .itemText .itemTags,
				.itemsList .partnersItem .itemText .itemTags {
					font-size: .8em;
				}
					.itemsList .itemText .itemTags a,
					.itemsList .itemText .itemTags a:visited {
						font-size: 1.08em;
						text-transform: none;
					}
			#itemDetail .viewAlternate {
				color: #d5d5d5;
				font-size: 1.2em;
			}
			#itemDetail .viewAlternateBottom {
				clear: left;
				margin-bottom: 4em;
				padding-top: .75em;
			}
				#itemDetail .viewAlternate a,
				#itemDetail .viewAlternate a:visited {
					font-size: 1.1em;
					font-weight: bold;
					text-transform: uppercase;
				}
				#itemDetail .viewAlternate .viewLarge {
					margin-right: 16px;
				}
				#itemDetail .viewAlternate .viewFull {
					margin-left: 16px;
				}
	.inContent {
		margin-bottom: 0;
	}
	.inContent + p {
		margin-top: 0;
	}
/* ==================================================== */

/* =======================================================
Begin modal window selectors
======================================================= */
#modalWindow {
	background-color: #fff;
	border: 4px double #d5d5d5;
	padding: 15px 20px 20px;
	/* width: 31.6em; */
}
	#modalWindow #windowControl {
		font-size: 1.3em;
		margin: 0;
		text-align: right;
		text-transform: uppercase;
	}
	#modalWindow h3 {
		color: #a5a5a5;
		font-size: 1.8em;
		font-weight: normal;
		margin-bottom: 0;
		text-transform: uppercase;
	}
	#modalWindow p {
		font-size: 1.2em;
	}
	#modalWindow ul {
		list-style: none;
		padding-left: 0;
	}
		#modalWindow ul li {
			float: left;
			margin-right: 20px;
		}
			#modalWindow ul li a,
			#modalWindow ul li a:visited {
				font-size: 1.2em;
			}
				#modalWindow ul li a img,
				#modalWindow ul li a:visited img {
					display: block;
				}
	#modalWindow h5 {
		clear: left;
		color: #000f27;
		font-size: 1.2em;
		font-weight: normal;
		margin-bottom: 0;
		padding-top: 1em;
		text-transform: uppercase;
	}
	#embedCode {
		width: 24em;
	}
	a.copyCode,
	a.copyCode:visited {
		background-color: #dd3e00;
		border: 1px solid #bcbcbc;
		color: #fff;
		font-size: 1.16em;
		font-weight: bold;
		padding: .25em .5em;
		text-transform: uppercase;
	}
/* ==================================================== */

/* =======================================================
Begin the Beliefnet selectors
======================================================= */
.inPageNav {
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 14px;
	padding: 0 25px;
}
	.inPageNav h3 {
		color: #001536;
		font-size: 2em;
		margin: 0;
	}
	.inPageNav ul {
		float: left;
		list-style: none;
		margin-right: 5em;
		padding-left: 0;
	}
		.inPageNav ul li {
			font-size: 1.4em;
			margin: 0;
		}
.inPageSection {
	background-color: #f7f7f7;
	border: 1px solid #d5d5d5;
	margin-bottom: 2.5em;
	padding: 25px;
}
	.inPageSection h3 {
		color: #001536;
		font-size: 2em;
		line-height: 1;
		margin: 0;
	}
	.inPageSection p {
		font-size: 1.5em;
		margin-top: .5em;
	}
	.inPageSection h5 {
		color: #a5a5a5;
		font-size: 1.3em;
		font-weight: normal;
	}
	.inPageSection ul {
		float: left;
		list-style: none;
		margin: 0 5em 0 0;
		padding-left: 0;
	}
		.inPageSection ul li {
			font-size: 1.2em;
			margin: .75em 0;
		}
			.inPageSection ul.pdf li a,
			.inPageSection ul.pdf li a:visited {
				background: url(../../img/icon-pdf.gif) no-repeat left center;
				padding: 4px 0 4px 26px;
			}
			.inPageSection ul li span {
				font-size: 1.2em;
				font-weight: bold;
			}
.backToTop {
	font-size: 1.2em;
	margin: 0;
	text-align: right;
	text-transform: lowercase;
}
/* ==================================================== */

/* =======================================================
Begin the poll selectors
======================================================= */
.pollWrap {
	background-color: #f7f7f7;
	border: 1px solid #d5d5d5;
	clear: both;
	left: -25px;
	position: relative;
	width: 568px;
}
.hasRightMargin .pollWrap {
	width: 538px;
}
	.pollWrap dl {
		margin: 25px 25px 0;
	}
		.pollWrap dl dt {
			border-bottom: 1px solid #e1e1e1;
			color: #a5a5a5;
			font-size: 1.2em;
			font-weight: normal;
			margin-bottom: .75em;
			text-transform: uppercase;
		}
		.pollWrap dl dd {
			clear: left;
			font-size: 1.2em;
			overflow: hidden;
			padding-top: .5em;
		}
			.pollWrap dl dd input {
				float: left;
				position: absolute;
				top: -5000px;
				visibility: hidden;
			}
			.pollWrap dl dd label {
				background: url(../../img/bg-radio-unselected.gif) no-repeat 0 .1em;
				color: #4477b0;
				cursor: pointer;
				float: left;
				font-weight: bold;
				padding: 0 20px;
				text-transform: uppercase;
				width: 155px;
			}
			.pollWrap dl dd label.radioSelected {
				background-image: url(../../img/bg-radio-selected.gif);
				color: #dd3e00;
			}

			.pollWrap.hasVoted dl dd.myVote label {
				background-image: url(../../img/bg-radio-selected.gif);
				color: #dd3e00;
			}

			body .pollWrap.hasVoted dl dd label {
				background: url(../../img/bg-radio-unselected.gif) no-repeat 0 .1em;
				color: #4477b0;
				cursor: default;
				
			}
	.pollWrap form #pollSubmit {
		clear: left;
		margin-bottom: 2em;
		margin-left: 25px;
		padding-top: 1.25em;
	}
		.pollWrap form #pollSubmit input {
			background-color: #4477b0;
			border: 1px solid #a5a5a5;
			color: #fff;
			cursor: pointer;
			font-size: 1.4em;
			font-weight: bold;
			padding: .5em 1em;
			text-transform: uppercase;
		}
		.pollWrap form #pollSubmit a,
		.pollWrap form #pollSubmit a:visited {
			font-size: 1.4em;
		}

/* The below selectors are only used when the visitor submits their Poll vote OR clicks "...view results." */
/*.pollWrap.hasVoted dl dd label,
.pollWrap.hasVoted dl dd label.radioSelected {
	background: url(../../img/bg-bullet-gray-triangle.gif) no-repeat 0 .3em;
	color: #a5a5a5;
	cursor: default;
}*/
.pollWrap dl dd span {
	float: left;
	width: 245px;
}
	.pollWrap dl dd span span {
		background-color: #8ebdac;
		color: #8ebdac;
		display: inline-block;
		float: none;
		height: 1.5em;
		position: relative;
	}
		.pollWrap dl dd span span span {
			background-color: #f7f7f7;
			color: #000;
			display: inline;
			font-size: 1.333em;
			font-weight: bold;
			height: auto;
			position: absolute;
			right: -37px;
			top: -2px;
			width: 32px;
		}
.pollWrap.hasVoted form #pollSubmit {
	display: none;
}
.pollWrap.hasVoted #hasVotedNotice {
	background-color: #a5a5a5;
	color: #fff;
	font-size: 1.8em;
	padding: .5em 25px;
}
/* ==================================================== */

/* =======================================================
Begin the Point, Counter-point selectors
======================================================= */
#itemDetail .innerColumn {
	float: left;
	margin-right: 25px;
	padding-bottom: 1em;
	width: 355px;
}
#itemDetail .innerColumn.lastItem {
	margin-right: 0;
	width: 329px;
}
	#itemDetail .innerColumn .innerColumnContent {
		border-right: 1px solid #d5d5d5;
		padding-right: 25px;
	}
	#itemDetail .innerColumn.lastItem .innerColumnContent {
		border-right: none;
		padding-right: 0;
	}
		#itemDetail .innerColumn h3 {
			font-size: 1.2em;
			margin: 0;
		}
			#itemDetail .innerColumn h3 span {
				background-color: #8ebdac;
				border: 1px solid #bcbcbc;
				color: #fff;
				padding: .28em 1.38em;
			}
		#itemDetail .innerColumn .itemMeta {
			font-size: .8em;
			margin-top: .75em;
		}
			#itemDetail .innerColumn .summaryContent {
				color: #001536;
				font-size: 1.267em;
				font-weight: bold;
				line-height: 1.3;
			}
/* ==================================================== */

/* =======================================================
Begin the media area selectors
======================================================= */
#mediaPlayer, #embeddedMediaPlayer {
	float: left;
	margin-top: 25px;
	width: 760px;
}
#mediaInfo {
	float: right;
	margin-top: 25px;
	width: 165px;
}

#mediaPlayerHolder {
	height: 423px;
}

.complex {
	background-color: #061735;
	float: left;
	margin: 1em 0 0;
	padding: 2px;
	width: 760px;
}

	.complex #mediaPlayer, .complex #embeddedMediaPlayer {
		margin: 0;
		min-height: 423px;
		float: none;
		text-align: center;
	}
	
	.complex h4 {
		color: #a5a4a4;
		font-size: 1.8em;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 1.3em;
		text-transform: uppercase;
	}
	
	#embeddedMediaPlayer object, #embeddedMediaPlayer embed {
		text-align: center;
	}

	#episodeGallery {
		padding: 1.5em 2em 2.5em;
	}
	
		#episodeGallery ul {
			list-style: none;
			margin: 0 24px;
			padding: 0;
			width: 630px;
		}
		
		#episodeGallery .episodes {
			float: left;
			width: 630px;
			margin: 0 10px;
		}
		
		#episodeGallery li {
			margin: 0;
			padding: 0;
		}
		
		#episodeGallery ul a {
			background-color: #777;
			border: 1px solid #d5d5d5;
			color: #fff;
			float: left;
			font-size: 1.2em;
			height: 94px;
			margin: 1px 18px;
			outline: none;
			position: relative;
			width: 94px;
		}
		
			#episodeGallery ul a:hover {
				border-color: #fff;
			}
		
		#episodeGallery ul a span {
			background-color: #061735;
			border-top: 1px solid #d5d5d5;
			bottom: 0;
			height: 36px;
			left: 0;
			opacity: 0.85;
			overflow: hidden;
			padding: 6px 8px;
			position: absolute;
			width: 78px;
		}
		
		#episodeGallery ul a.now-playing {
			border-color: #db4226;
			border-width: 2px;
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 17px;
			margin-right: 17px;
		}
		
			#episodeGallery ul a.now-playing span {
				border-color: #8a878f;
			}
	
	#previous, #next {
		background: transparent url('/img/episode-gallery/button-sprite.gif') scroll no-repeat 0 0;
		display: block;
		float: left;
		height: 22px;
		margin-top: 32px;
		outline: none;
		text-indent: -999em;
		width: 20px;
	}
	
		#next {
			background-position: -25px 0;
		}

/* ==================================================== */

/* =======================================================
Begin the share selectors (short URL and social networks)
======================================================= */
#itemShareURL {
	clear: both; /* Added on 3/4/10 - At a future time, see if this negatively affects anything. */
	color: #a5a5a5;
	font-size: 1.8em;
	margin-top: 0;
	padding-left: 25px;
	text-transform: uppercase;
}
	#itemShareURL span {
		float: left;
		padding-top: .35em;
	}
	
	#itemShareURL span.textInput {
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		color: #001536;
		font-size: .888em;
		margin-left: 25px;
		padding: .45em .55em .35em;
		text-transform: none;
	}
#itemShareIcons {
	font-size: 1.2em;
	margin-bottom: 0;
	margin-top: 4.5em;
	padding-left: 25px;
	text-transform: uppercase;
}
	#itemShareIcons span {
		float: left;
		margin-right: 1.25em;
		position: relative;
		text-align: center;
		top: -36px;
	}
		#itemShareIcons span a,
		#itemShareIcons span a:visited {
			margin-right: 0;
		}
			#itemShareIcons span img {
				display: block;
				margin-top: .25em;
			}
	#itemShareIcons a,
	#itemShareIcons a:visited {
		margin-right: .35em;
	}
/* ==================================================== */

/* =======================================================
Begin all comments list/form selectors...
...and the Contact Us page form selectors...
...and the Newsletter page form selectors
======================================================= */
#commentsWrap {
	padding-top: 3em;
	margin-bottom: 3em;
	width: 540px;
}
	.thinkBox  {
		background-color: #001536;
		border: 1px solid #bcbcbc;
		clear: right;
		color: #fff;
		font-size: 2.1em;
		margin-top: 0;
		padding: 8px 25px;
		position: relative;
	}
		.thinkBox a,
		.thinkBox a:visited {
			font-size: .666em;
			margin-left: 20px;
			position: absolute;
			bottom: 1px;
		}
		.thinkBox a:hover {
			text-decoration: none;
		}
			.thinkBox a span,
			.thinkBox a:visited span {
				background: url(../../img/bg-lv-cmnt-bbl-br.gif) no-repeat right bottom;
				color: #fff;
				display: inline-block;
				padding-bottom: 12px;
			}
				.thinkBox a span span,
				.thinkBox a:visited span span {
					background: url(../../img/bg-lv-cmnt-bbl-tr.gif) no-repeat right top;
					margin-left: 0;
					padding: 0;
				}
					.thinkBox a span span span,
					.thinkBox a:visited span span span {
						background: url(../../img/bg-lv-cmnt-bbl-tl.gif) no-repeat left top;
						margin-left: 0;
						padding: 0;
					}
						.thinkBox a span span span span, /* Whoa whoa whoa! */
						.thinkBox a:visited span span span span {
							background: url(../../img/bg-lv-cmnt-bbl-bl.gif) no-repeat left bottom;
							font-weight: bold;
							margin-left: 0;
							padding: 4px 12px 1px;
							text-align: center;
							text-transform: uppercase;
						}
	#commentList,
	#commentList li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#commentList li {
			border: 1px solid #d5d5d5;
			margin: 25px 0 0;
			padding: 25px;
		}
			#commentList li .commentInfo {
				color: #a5a5a5;
				font-size: 1.3em;
				margin-top: 0;
			}
			#commentList li .commentContent,
			#commentList li .commentReply {
				font-size: 1.4em;
			}
			#commentList li .commentReply {
				margin-bottom: 0;
			}
				#commentList li .commentReply a,
				#commentList li .commentReply a:visited {
					background: url(../../img/bg-cmnt-reply-arrow.gif) no-repeat left center;
					font-weight: bold;
					padding-left: 15px;
					text-transform: uppercase;
				}
		#commentList li ul {
			margin-bottom: 0;
			padding-left: 0;
		}
	#commentForm,
	#contactForm,
	#newsletterForm {
		font-size: 1.2em;
		margin: 0 25px;
	}
	#contactForm,
	#newsletterForm {
		margin: 0;
	}
		.session-message {
			list-style: none;
			padding: .65em 1em;
		}
		.session-message.error {
			background-color: #fcc;
			border: 1px solid red;
			color: red;
		}
		.session-message.success {
			background-color: #cfc;
			border: 1px solid green;
			color: green;
		}
		#contactForm .largerFormCopy,
		#newsletterForm .largerFormCopy {
			font-size: 1.25em;
		}
		#contactForm dl dt,
		#newsletterForm dl dt {
			clear: left;
		}
		#commentForm dl dt label,
		#contactForm dl dt label,
		#contactForm dl dt.fauxLabel,
		#newsletterForm dl dt label,
		#newsletterForm dl dt.fauxLabel {
			text-transform: uppercase;
		}
		#commentForm dl dt .labelNote,
		#contactForm dl dt .labelNote,
		#newsletterForm dl dt .labelNote {
			float: right;
			font-weight: normal;
		}
		#commentForm dl dd,
		#contactForm dl dd,
		#newsletterForm dl dd {
			margin-bottom: 1em;
		}
			#commentForm dl dd input,
			#commentForm dl dd textarea,
			#contactForm dl dd input,
			#contactForm dl dd textarea,
			#newsletterForm dl dd input,
			#newsletterForm dl dd textarea {
				font-size: 1.1em;
				padding: .25em;
				width: 480px;
			}
			#contactForm dl dd ul,
			#newsletterForm dl dd ul {
				list-style: none;
				padding-left: 0;
				margin-top: 0;
			}
				#contactForm dl dd ul li,
				#newsletterForm dl dd ul li {
					clear: left;
				}
					#contactForm dl dd ul li input,
					#newsletterForm dl dd ul li input {
						float: left;
						position: absolute;
						top: -5000px;
						visibility: hidden;
					}
					#contactForm dl dd ul li label,
					#newsletterForm dl dd ul li label {
						background: url(../../img/bg-radio-unselected.gif) no-repeat 0 .1em;
						color: #4477b0;
						cursor: pointer;
						float: left;
						font-weight: bold;
						padding: 0 20px;
						text-transform: uppercase;
					}
					#contactForm dl dd ul li label.radioSelected,
					#newsletterForm dl dd ul li label.radioSelected {
						background-image: url(../../img/bg-radio-selected.gif);
						color: #dd3e00;
					}
			#commentForm dl dd textarea,
			#contactForm dl dd textarea,
			#newsletterForm dl dd textarea {
				font-family: "Lucida Grande", arial, sans-serif;
				
			}
		#commentForm #submitWrap,
		#contactForm #submitWrap,
		#newsletterForm #submitWrap {
			color: #a5a5a5;
		}
			#commentForm #submitWrap input,
			#contactForm #submitWrap input,
			#newsletterForm #submitWrap input {
				background-color: #dd3e00;
				border: 1px solid #d5d5d5;
				color: #fff;
				cursor: pointer;
				display: block;
				font-size: 1.166em;
				font-weight: bold;
				margin-bottom: .5em;
				padding: .25em 1em;
				text-transform: uppercase;
			}
			
			#commentForm #submitWrap input.hidden,
			#contactForm #submitWrap input.hidden,
			#newsletterForm #submitWrap input.hidden {
				border: none;
				background-color: transparent;
				display: none;
			}
/* ==================================================== */

/* =======================================================
Begin pagination selectors
======================================================= */
.pageNavWrap {
	margin: 50px 0;
}
	.pageNavWrap .pageNavLinks {
		float: left;
		font-size: 1.4em;
		font-weight: bold;
		margin: 0 50px 0 0;
		max-width: 575px;
		position: relative;
		z-index: 10;
	}
		.pageNavWrap .pageNavLinks a,
		.pageNavWrap .pageNavLinks a:visited {
			border: 1px solid #e5e5e5;
			line-height: 0;
			padding: .4em .7em .3em;
		}
		.pageNavWrap .pageNavLinks a.pageNavPrev,
		.pageNavWrap .pageNavLinks a.pageNavNext,
		.pageNavWrap .pageNavLinks a.pageNavPrev:visited,
		.pageNavWrap .pageNavLinks a.pageNavNext:visited {
			border: none;
			font-size: 1.5em;
			padding: .085em .1em .095em;
			position: relative;
			top: .08em;
		}
		.pageNavWrap .pageNavLinks a:hover,
		.pageNavWrap .pageNavLinks a:focus,
		.pageNavWrap .pageNavLinks a:active,
		.pageNavWrap .pageNavLinks a.navActive,
		.pageNavWrap .pageNavLinks a:visited.navActive {
			color: #dd3e00;
			text-decoration: none;
		}
	.pageNavWrap form p {
		font-size: 1.4em;
		font-weight: bold;
		margin: 0;
		position: relative;
		top: -5px;
		z-index: 5;
	}
		.pageNavWrap form p .pageNavInput {
			font-size: 1.1em;
			padding: .25em;
			width: 1.5em;
		}
		.pageNavWrap form p .pageNavSubmit {
			background: none;
			border: none;
			color: #4477b0;
			font-size: .9em;
			padding-left: .25em;
			padding-left: .25em;
			text-transform: uppercase;
		}
		.pageNavWrap form p .pageNavSubmit:hover,
		.pageNavWrap form p .pageNavSubmit:focus,
		.pageNavWrap form p .pageNavSubmit:active {
			color: #dd3e00;
			cursor: pointer;
		}
/* ==================================================== */

/* =======================================================
Begin the right-column list selectors
======================================================= */
.freeQuote,
.topicsList,
.specialFeaturesList,
.partnersList,
.sectionsList,
.mediaDetails,
.mediaContributors,
.relatedTable,
.findMoreList,
.rssSubscribe,
.blogrollList,
.tagsList,
.archivesList {
	margin-bottom: 5em;
}
.column1 .tagsList {
	margin-left: 25px;
}
	.column1 .tagsList p {
		margin-top: 0;
	}
#mediaInfo .mediaDetails,
#mediaInfo .mediaContributors,
#mediaInfo .findMoreList {
	margin-bottom: 2em;
}
	.freeQuote h4,
	.topicsList h4,
	.specialFeaturesList h4,
	.partnersList h4,
	.sectionsList h4,
	#mediaInfo h4,
	.relatedTable h4,
	.findMoreList h4,
	.rssSubscribe h4,
	.blogrollList h4,
	.tagsList h4,
	.archivesList h4,
	.twitterFeed h4 {
		color: #a5a5a5;
		font-size: 1.7em;
		font-weight: normal;
		line-height: 1;
		margin-bottom: .5em;
		margin-top: 0;
		text-transform: uppercase;
	}
	.rssSubscribe h4 {
		margin-top: 25px;
	}
		.rssSubscribe h4 a,
		.rssSubscribe h4 a:visited {
			margin-left: 6px;
			position: relative;
			top: 4px;
		}
	.topicsList p,
	.specialFeaturesList p,
	.partnersList p,
	.column2 .tagsList p.continueLink,
	.blogrollList p {
		font-size: 1.3em;
		text-transform: uppercase;
	}
	#mediaInfo h5 {
		color: #061735;
		font-size: 1.6em;
		margin: .25em 0;
	}
	.mediaDetails #mediaDescription {
		font-size: 1.2em;
		margin: .5em 0;
	}
	.mediaDetails .itemMeta {
		color: #a5a5a5;
		font-size: 1.2em;
		margin: .5em 0;
	}
		.mediaDetails .itemMeta a,
		.mediaDetails .itemMeta a:visited {
			background: url(../../img/bg-mini-cmnt-bbl.gif) no-repeat right center;
			display: inline-block;
			padding: 1px 21px 1px 0;
			text-transform: uppercase;
		}
	.mediaContributors dl {
		color: #a5a5a5;
		margin: 0;
	}
		.mediaContributors dt {
			clear: left;
			float: left;
			font-size: 1.2em;
			margin: 0 .25em 0 0;
			position: relative;
			top: .2em;
		}
		.mediaContributors dd {
			float: left;
			font-size: 1.4em;
			margin: 0 .5em 0 0;
		}
.topicsList ul,
.specialFeaturesList ul,
.partnersList ul,
.sectionsList ul,
.findMoreList ul,
.blogrollList ul {
	list-style: none;
	padding-left: 0;
}
#verticalTopicList {
	height: 11.5em;
	overflow: hidden;
}

.blogrollList ul{
	overflow: hidden;
}
	.findMoreList ul li {
		background: url(../../img/bg-bullet-gray-square.gif) no-repeat 0 .25em;
		font-size: 1.4em;
		margin: .5em 0;
		padding-left: 22px;
	}
		.findMoreList ul li a,
		.findMoreList ul li a:visited {
			font-weight: bold;
		}
	.topicsList ul li,
	.specialFeaturesList ul li,
	.partnersList ul li,
	.sectionsList ul li,
	.blogrollList ul li {
		font-size: 1.3em;
		margin: 0;
	}
	.partnersList ul li {
		margin-bottom: .75em;
	}
.findMoreList p {
	font-size: 1.3em;
}

.column1 .tagsList p {font-size:1.5em;}	/* Adjusting this--and only this--value will affect all of the tagsSizeX selectors below, in the left column. */
.column2 .tagsList p {font-size:1em;}	/* Adjusting this--and only this--value will affect all of the tagsSizeX selectors below, in the right column. */
.tagsSize2 {font-size:1.1em;} .tagsSize3 {font-size:1.2em;}
.tagsSize4 {font-size:1.3em;} .tagsSize5 {font-size:1.4em;}
.tagsSize6 {font-size:1.5em;} .tagsSize7 {font-size:1.6em;} .tagsSize8 {font-size:1.7em;}

.archivesList .archiveYear {
	color: #a5a5a5;
	float: left;
	margin-bottom: 2.5em;
	width: 80px;
}
	.archivesList .archiveYear h6 {
		font-size: 1.3em;
		margin-bottom: .3em;
	}

.archivesList .archiveYear h6 a {
	color: #a5a5a5;
	}
	.archivesList .archiveYear ul {
		list-style: none;
		padding-left: 0;
	}
		.archivesList .archiveYear ul li {
			font-size: 1.2em;
			margin: 0;
		}
/* ==================================================== */

/* =======================================================
Some items in the right column need to be indented even
when the column's contents are generally full-width.
======================================================= */
.indentedItem {
	margin-left: 25px;
}
/* ==================================================== */

/* =======================================================
Begin the bottom nav and footer selectors
======================================================= */
#bottomNav {
	border-top: 1px solid #d5d5d5;
}
	#bottomNav ul {
		float: left;
		list-style: none;
		margin: 3px 0 3px 25px;
		max-width: 630px; /* This ensures that the bottom nav doesn't bump into the Follow/Share content when the font-size is increased. */
		padding: 0;
	}
		#bottomNav ul li {
			border-right: 1px solid #d5d5d5;
			float: left;
			line-height: .9;
			margin: 5px 12px 5px 0;
			padding: 0 12px 0 0;
		}
		#bottomNav ul li.lastItem {
			border-right: none;
			margin-right: 0;
			padding-right: 0;
		}
			#bottomNav ul li a,
			#bottomNav ul li a:visited {
				font-size: 1.2em;
				position: relative;
				top: 1px;
			}
			#bottomNav ul li a:hover,
			#bottomNav ul li a:focus,
			#bottomNav ul li a:active,
			#bottomNav ul li.navActive a,
			#bottomNav ul li.navActive a:visited {
				color: #dd3e00;
				text-decoration: none;
			}
	#bottomNav p {
		color: #a5a5a5;
		float: right;
		font-size: 1.2em;
		margin: .2em 25px 0 0;
	}
		#bottomNav p .shareLinks {
			margin-left: 20px;
		}
			#bottomNav p a,
			#bottomNav p a:visited {
				position: relative;
				top: 3px;
			}
#footerWrap {
	border: 1px solid #bcbcbc;
	border-bottom: none;
	border-top: 25px solid #001536;
	padding: 25px;
}
	#fAboutLM {
		float: left;
		margin-right: 50px;
		width: 325px;
	}
		#fAboutLM h2 {
			color: #001536;
			font-size: 2.8em;
			margin: 0;
		}
		#fAboutLM p {
			font-size: 1.2em;
		}
			#fAboutLM p a,
			#fAboutLM p a:visited {
				color: #dd3e00;
			}
	#fTopics {
		float: left;
		width: 325px;
		display: inline;
	}
		#fTopics h3 {
			color: #a5a5a5;
			font-size: 1.8em;
			font-weight: normal;
			padding: 10px 0 16px;
			margin: 0;
			text-transform: uppercase;
		}
		#fTopics ul {
			float: left;
			list-style: none;
			margin: 0;
			padding-left: 0;
			width: 162px;
		}
			#fTopics ul li {
				margin: 0;
			}
				#fTopics ul li a,
				#fTopics ul li a:visited {
					font-size: 1.2em;
				}
	#fSections {
	float: left;
	padding-left: 50px;
	width: 134px;
	}
		#fSections h3 {
			color: #a5a5a5;
			font-size: 1.8em;
			font-weight: normal;
			padding: 10px 0 16px;
			margin: 0;
			text-transform: uppercase;
		}
		#fSections ul {
			list-style: none;
			margin: 0;
			padding-left: 0;
		}
			#fSections ul li {
				margin: 0;
			}
				#fSections ul li a,
				#fSections ul li a:visited {
					font-size: 1.2em;
				}
	#fCopyright {
		clear: both;
		color: #a5a5a5;
		padding-top: 2em;
	}
		#fCopyright p {
			font-size: 1.2em;
			margin: 0;
		}
/* ==================================================== 
No Phone Zone
==================================================== */

#pledge_widget {
	margin: auto;
	width: 300px;
}

.wallpaper-download {
	font-size: .8em;
	margin-bottom: 3em;
}

.wallpaper-download span {
	text-transform: uppercase;
	margin-right: 1em;
}

.wallpaper-download a {
	font-weight: bold;
	margin: 0 1em;
}

/* ==================================================== 
Floodlight tags
==================================================== */
iframe.floodlight {
	left: -1px;
	position: absolute;
	top: 0;
}

/* ==================================================== 
Search page
==================================================== */
.search-header form {
	display: inline;
}

.search-header input {
	font-size: 1.2em;
}

.search-header input.textbox {
	font-size: 1.6em;
	margin: .2em 0 .2em.4em;
	width: 60%;
}

.searchResults h2 {
	padding-bottom: 1em;
}

/* ==================================================== 
Conversation view page
==================================================== */
.conversation {
	position:relative;
	padding:15px;
	margin:1em 0 7em;
	color:#fff;
	background:#001536; /* default background for browsers without gradient support */
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.conversation.right:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-40px; /* value = - border-top-width - border-bottom-width */
	right:100px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:20px 0 20px 20px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#001536 transparent transparent; 
}

.conversation.right cite {
	display: block;
	position: absolute;
	color: #333;
	bottom: -70px;
	right: 0;
	text-align: right;
}

.conversation.left:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-40px; /* value = - border-top-width - border-bottom-width */
	left:100px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:20px 20px 20px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#001536 transparent transparent; 
}

.conversation.left cite {
	display: block;
	position: absolute;
	color: #333;
	bottom: -70px;
	left: 0;
	text-align: left;
}

.conversation cite a {
	display: block;
}

.conversation.moderator {
	background-color: #4477b0;
}

.conversation.moderator:after {
	border-color: #4477b0 transparent transparent;
}

.conversation p a {
	color: #fff;
	text-decoration: underline;
}