div.specialcoleach {
	float: left;
	width: 320px;
}

/* featured story */
.specialcol {
	position: relative;
	clear: both;
	overflow: hidden;
	width: 320px;
	padding: 0;
}

.specialcol a:hover .overlay { background: #000; }

.specialcol .listitem img {
	display: block;
	position: relative;
}

.specialcol .overlay {
	position: absolute;
	width: 270px;
	bottom: 11px;
	left: 1px;
	z-index: 10;
	cursor: pointer;
	padding: 0 15px;
	background: transparent url("../images/specialopacity.png") top left;
}

.specialcol .headline {
	display: block;
	color: #fff;
	position: relative;
	font-size: 1.00em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 34px;
	font-family: Arial, Helmet, Freesans, sans-serif;
	text-transform: uppercase;
}

body.space-shuttle-retirement { background: #000 url("../images/shuttle-bg.jpg") top left fixed; }
body.rolling-thunder { background: #000 url("../images/rolling-thunder-bg.jpg") top left fixed; }
body.london-2012-olympics { background: #000 url("../images/olympics-bg.jpg") top left fixed; }
body.health-care-reform { background: #000 url("../images/health-care-reform-bg.jpg") top left fixed; }
body.republican-national-convention-2012 { background: #000 url("../images/republican-national-convention-2012-bg.jpg") top center fixed; }
body.democratic-national-convention-2012 { background: #000 url("../images/bgs/dnc.jpg") top center fixed; }

div.cb { clear: both !important; }

/* ------------------- */
/* --- twt menubar --- */
/* ------------------- */

div#specialhead {
	background: #000;
	border: 1px solid #000;
}

div.specialheadwrap {
	width: 980px;
	margin: 0 auto;
}

div.specialwrap {
	/* width: 980px; */
	margin: 0 auto;
}

div.specheadleft {
	float: left;
	padding: 6px 0 0 10px;
	width: 240px;
}

div.specheadright {
	float: right;
	width: 730px;
}

/* ad */
div.specialad { margin: 4px 0; }

/* breadcrumbs */
div.specialcrumbs { margin-top: 8px; }

/* section title */
h1.specialtitle { font-family: 'Glegoo', serif; }

span.specialoffer a {
	background: #c00;
	color: #fff;
	padding: 3px 6px;
	font-size: 13px;
	font-family: arial;
}


/* -------------------- */
/* --- content body --- */
/* -------------------- */

div.specialcontent {
	width: 940px;
	padding: 4px 20px 0 0;
	margin-top: 4px;
	margin: 0 auto;
	border-top: 4px solid #ccc;
	background: #fff;
}

/* featured story */
.special-feature-top {
	position: relative;
	clear: both;
	overflow: hidden;
	width: 620px;
	padding: 8px 0 0;
	margin-bottom: 17px;
}

.special-feature-top a:hover .overlay { background: #000; }

.special-feature-top .topstory img {
	display: block;
	position: relative;
}

.special-feature-top .overlay {
	position: absolute;
	width: 550px;
	bottom: 6px;
	left: 2px;
	z-index: 10;
	cursor: pointer;
	padding: 7px 16px 11px;
	background: transparent url("../images/specialopacity.png") top left;
}

.special-feature-top .headline {
	display: block;
	color: #fff;
	position: relative;
	font-size: 2.00em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 34px;
	font-family: Arial, Helmet, Freesans, sans-serif;
	text-transform: uppercase;
}

.special-feature-top .summary {
	display: block;
	color: #fff;
	position: relative;
	font-weight: normal;
}

.specialleadelement { padding-bottom: 20px; }



/* communities entries */
div.specialcommunities span.blogname {
	background: #666;
	color: #fff;
	padding: 2px;
	margin-right: 5px;
}

.c300 h2.mediaheading {
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #6d0100;
	color: #fff;
	font-family: georgia;
	padding: 5px;
}




/* ------------------ */
/* --- multimedia --- */
/* ------------------ */

.c620 h2.mediaheading,
.c620 h2.mediaheading.sponsors {
	font-family: 'Glegoo', serif;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #082c4c;
	color: #fff;
	padding: 5px;
}

div#specialgallery { padding-bottom: 50px; }

div.specialmultimedia h2.mediaheading {
	font-family: 'Glegoo', serif;
	padding: 5px 0;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 940px;
}

.specialmediaspecialwrapped .twtPlay {
	position: relative;
	margin: -120px 0 80px 50px;
	width: 192px;
	height: 45px;
	background: transparent url("../images/play-alpha.png") top left;
}

.specialmediaspecialwrapped a {
	float: left;
	width: 300px;
	display: block;
	text-decoration: none;
	padding: 0;
	margin-bottom: 12px;
	cursor: pointer;
}

.specialmediawrapped .twtPlay {
	position: relative;
	margin: -90px 0 50px 1px;
	width: 192px;
	height: 45px;
	background: transparent url("../images/play-alpha.png") top left;
}

.specialmediawrapped .twtnoPlay {
	position: relative;
	margin: -80px 0 40px 1px;
	width: 192px;
	height: 45px;
}

.specialmediawrapped a {
	float: left;
	width: 200px;
	height: 261px;
	min-height: 261px;
	display: block;
	text-decoration: none;
	padding: 0 35px 0 0;
	margin-bottom: 12px;
	cursor: pointer;
}

span.gallerydate { font-size: 13px; font-weight: bold; padding: 3px 6px; }
span.gallerydate.photo { background: #c00; color: #fff; }
span.gallerydate.video { background: #fff000; color: #000; }
span.gallerydate.audio { background: #000fff; color: #fff; }
span.gallerydate.document { background: #0f0; color: #000; }

span.gallerytitle {
	font-size: 14px;
	font-weight: bold;
}

span.galleryexcerpt {
	font-size: 11px;
	color: #000;
	margin-top: 3px;
	line-height: 15px;
}

div.specialmultimedia {
	clear: both;
	width: 940px;
	padding-top: 20px;
}

div.specialmultimedia .specialwrap { background: #fff; }



div.specialnav ul {
	background: #bb0b3a;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 9px 6px;
}

div.specialnav li {
	display: inline;
	font-family: georgia;
	font-size: 14px;
	padding: 0 2px;
	color: #fff;
}

div.specialnav li a {
	padding: 4px;
	color: #fff;
}

div.specialnav li a:hover {
	background: #0b56bb;
	text-decoration: none;
}

body.second-amendment-and-gun-control .c620 h2.mediaheading.sponsors,
body.x113th-congress .c620 h2.mediaheading.sponsors {
	font-family: 'Glegoo', serif;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #082c4c;
	color: #fff;
	padding: 5px;
}

@media only screen and (min-width: 1258px) {
  body.specials .aside-inner,
  body.specials .content-inner {
    padding-bottom: 24px;
  }
}
