/******************************************************************************/
/* BODY and HEADER */

body { background: #000 url('/thedrum/images/bg-body.jpg') no-repeat center -33px; }

div.page { background: #fff url('/news/assets/v5/images/common/content-bg.png') repeat-x top left; }

div.divider { margin: 15px 10px; }

#header {
	height: 80px; 
	background: url('/thedrum/images/header-sales.jpg') no-repeat top left;
	border-bottom: none;
	position: relative;
}

#brand a, 
#brand a img {
	width: 400px;
	height: 80px;
}

#brand a { margin-left: 282px; }

.banner1 #header { background: #000 url('/thedrum/images/headers/header-1.jpg') no-repeat top left; }
.banner2 #header { background: #000 url('/thedrum/images/headers/header-2.jpg') no-repeat top left; }
.banner3 #header { background: #000 url('/thedrum/images/headers/header-3.jpg') no-repeat top left; }
.banner4 #header { background: #000 url('/thedrum/images/headers/header-4.jpg') no-repeat top left; }
.banner5 #header { background: #000 url('/thedrum/images/headers/header-5.jpg') no-repeat top left; }

.the-stick #header { background: url('/thedrum/images/header-thestick.jpg') no-repeat top left !important; }

.more-of-this {
	text-align: right;
	margin: 10px 0 0 0;
	clear: both;
}


/******************************************************************************/
/* NAV */

#nav {
	height: 30px;
	background: #000 url('/thedrum/images/bg-nav-sales.jpg') top left no-repeat;
	border-bottom: none;
}

.banner1 #nav { background: #000 url('/thedrum/images/headers/header-1.jpg') no-repeat bottom left; }
.banner2 #nav { background: #000 url('/thedrum/images/headers/header-2.jpg') no-repeat bottom left; }
.banner3 #nav { background: #000 url('/thedrum/images/headers/header-3.jpg') no-repeat bottom left; }
.banner4 #nav { background: #000 url('/thedrum/images/headers/header-4.jpg') no-repeat bottom left; }
.banner5 #nav { background: #000 url('/thedrum/images/headers/header-5.jpg') no-repeat bottom left; }

.the-stick #nav { background: #000 url('/thedrum/images/bg-nav-thestick.jpg') no-repeat top left !important; }

#nav a { 
	color: #fff;
	text-shadow: none;
}

#nav li.active a {
	background: #000;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}

#nav li.dropdown a {
	padding-right: 26px;
	background: url("/news/assets/v5/images/common/nav-dropdown-arrow-white.png") no-repeat center right;
}

#nav li.dropdown:hover,
#nav li.dropdown.hover {
	background-color: #000;
}

#nav div.drop {
	background: #1E1E1E;
	border-bottom: 2px solid #333;
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5);
	color: #05c;
	border-bottom: none;
	background: #000;
	width: 150px;
}

#nav div.drop li {
	border-bottom: none;
	border-top: 1px solid #222;
	float: none;
}

#nav div.drop li a { 
	background: #000;
	color: #fff;
}

#nav div.drop li.first { border-top: none; }

#nav div.drop li.last { border-bottom: none; }



/******************************************************************************/
/* GENERAL */

h1 { 
	font-size: 2.2em;
	margin: 0 0 0.8em 0;
}

.byline {
	font: bold 14px Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
}

.photo-byline {
	display: block;
	float: left;
	display: inline; /* IE Hack */
	margin: 0 10px 0 0;
	padding: 0 0 20px 0;
	background: transparent url(/news/assets/v5/images/common/fade.png) repeat-x 0 62px;
	width: 61px;
}

.photo-byline img {
	border: 3px solid #7A7A7A;
}

.comments a {
	font-size: 0.9em;
	background: url(/news/assets/v5/images/common/icons/comment-12x9-grey-on-white.png) no-repeat center left;
	padding-left: 18px;
}

.more a,
#newsjustin p a {
	display: none; /* On Erica's suggestion */
	width: 54px;
	height: 17px;
	background: url(/news/assets/v5/images/common/buttons/more.png);
	text-indent: -9999px;
}

.business-analysis h2,
.yousaidit-homepage h2,
.your-photos h2,
.watch h2,
.fora h2 {
	font-size: 1.3em;
	margin-bottom: 1.8em;
}


/******************************************************************************/
/* TOP STORIES BLOCK */

#headlines .subcolumns .section h1 { margin-bottom: 0.15em; }

#headlines .subcolumns .tags { display: none; }

.c50r .section a.top-photo {
	display: block;
	padding-bottom: 25px;
	background: url(/news/assets/v5/images/common/fade.png) repeat-x bottom left;
}

#more-opinion-stories .section {
	width: 220px;
	background: url(/news/assets/v5/images/common/fade-long.png) repeat-x 0 125px;
}

#more-opinion-stories .section p { 
	margin: 0 8px 5px 8px;
	font-size: 0.9em;
	line-height: 1.2em;
}

#more-opinion-stories .section p.comments { font-size: 1em; }

#more-opinion-stories .section p.byline { 
	font-size: 1.2em;
	margin-top: 5px;
}

#more-opinion-stories .section p.byline a,
#highlights.personalities-cycler li p.byline a, 
.business-analysis .headline p.byline a { 
	color: #666;
	display: inline;
}

#more-opinion-stories .section .photo-byline { display: none; margin: 0 8px; } /* In case it's coming back */

#more-opinion-stories .section p.more {
	clear: left;
	width: 200px;
	overflow: hidden;
}

#more-opinion-stories .section p.more a { float: right; }


/******************************************************************************/
/* COLUMNISTS CYCLER */

#highlights.personalities-cycler h2 { margin-left: 10px; }

html.js #highlights.personalities-cycler .inner { height: 145px; }

#highlights.personalities-cycler .subcolumns { height: 155px; }

#highlights.personalities-cycler .subcolumns .c33l { background: #fff; }

#highlights.personalities-cycler div.controls { top: 125px; }

#highlights.personalities-cycler .photo-byline { width: 61px; }

#highlights.personalities-cycler li p {
	height: auto;
	padding-left: 0;
	padding-right: 0;
}

#highlights.personalities-cycler li p.byline,
.business-analysis .headline p.byline {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	clear: none !important;
}

#highlights.personalities-cycler li a.photo-byline { margin-bottom: 20px; }

#highlights.personalities-cycler li h2 { 
	line-height: 1.2em;
	margin-left: 0 !important;
	}

#highlights.personalities-cycler li h2 a {
	width: auto;
	color: blue;
}

#highlights.personalities-cycler a.more-inline {
	display: inline;
	color: #0033CC;
}


/******************************************************************************/
/* UNLEASHED STORIES */

#unleashed .story {
	float: left;
	width: 340px;
}

#unleashed h2 {
	background: url("/thedrum/images/unleashed-heading.png") no-repeat top left;
	width: 316px;
	height: 41px;
	text-indent: -9999px;
	margin: 0 0 1em 0;
}

#unleashed h2 span { display: none; }

#unleashed h2 a { 
	display: block;
	width: 316px;
	height: 41px;
}

#unleashed .photo-byline { width: 104px; }

#unleashed h3 {
	font-size: 15px;
	margin: 0 0 4px 0;
}

#unleashed h3 a { color: #000; }

#unleashed .author { 
	margin: 0 0 4px 0;
	font-weight: normal;	
}

#unleashed .author a { color: #808084; }

#unleashed .more-of-this { margin-top: 0; }


/******************************************************************************/
/* BUSINESS ANALYSIS */

.business-analysis .headline {
	margin-bottom: 1.5em;
	clear: left;
}

.business-analysis .comments { display: none; }

.business-analysis .byline { margin-bottom: 0; }

.business-analysis .photo-byline { margin-bottom: 10px; }

#headlines .business-analysis .headline h3  {
	font-size: 1.3em;
	margin-top: 0;
	margin-bottom: 0.5em;
}

#headlines .business-analysis .headline h3 a {
	color: #000;
}

.business-analysis .headline p  {
	line-height: 1.4em;
	margin-bottom: 0.5em;
}

#headlines .business-analysis .more a { margin-left: 70px; }


/******************************************************************************/
/* YOU SAID IT HOMEPAGE MODULE */

.yousaidit-homepage .yousaidit-comment {
	background: url(/thedrum/images/comment-tail.png) no-repeat bottom right;
	padding-bottom: 15px;
	margin-bottom: 1.5em;
}

.yousaidit-homepage .yousaidit-comment .comment-content, 
.yousaidit-homepage .yousaidit-comment .attribution {
	background: #E2E7F5;
	border: 1px solid #E2E7F5;
	font-size: 0.9em;
	margin-bottom: 0;
}

.yousaidit-homepage .yousaidit-comment .comment-content {	
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	padding: 10px 10px 1em 10px;
}

.yousaidit-homepage .yousaidit-comment .attribution {
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	padding: 0 10px 10px 10px;
	font-size: 0.8em;
}

.opinion .yousaidit-homepage .yousaidit-comment .attribution a.about { color: #000; }


/******************************************************************************/
/* YOUR PHOTOS HOMEPAGE MODULE */

.opinion .your-photos img { margin-bottom: 0.8em; }


/******************************************************************************/
/* WATCH HOMEPAGE MODULE */

.watch .headline { margin-bottom: 2em; }

.watch .photo-byline,
.fora .photo-byline {
	padding-bottom: 25px;
	background-position: bottom left;
}

.watch .headline h3,
.fora .headline h3 {
	font-size: 1.2em;
	margin-bottom: 0;
}

.watch .headline p,
.fora .headline p {
	font-size: 0.9em;
	margin-bottom: 0.2em;
}

.opinion .watch .watch-now a {
	padding-left: 18px;
	background: url(/news/assets/v5/images/common/icons/video-12x9-grey-on-white.png) no-repeat center left;
}


/******************************************************************************/
/* YOU SAID IT HOMEPAGE MODULE */

.polls h1 { margin-bottom: 0.5em; }

.polls-section form { margin-bottom: 1em; }

.polls .last { margin-bottom: 3.5em; }

.polls h3 { margin-top: 2em; }

.polls b { 
	display: block;
	margin-bottom: 0.8em;
}

.polls .history tr:last-child td {
	color: #666;
	font-style: italic;
}


/******************************************************************************/
/* STORY PAGES */

#article .section ol {
	list-style-type: disc;
	margin: 1em 0px 1em 30px;
}

#article .section ol { list-style-type: decimal; }

#article .section ol li {
	margin-bottom: 0.833em;
}

#storyPhotosCaption, .caption {
	padding-top: 0.33em;
	color: rgb(102, 102, 102) !important;
	font-size: 83.3%;
}

#storypage blockquote {
	border: 1px solid #DADADA;
	background: #F1F1F1;
	padding: 1em;
	margin: 0 0 0 20px;
	color: #4C4C4C;
	line-height: 1.5;
}


/******************************************************************************/
/* PROFILE PAGES */

#article.profile ul {
	margin: 0 0 1em 15px;
}

.lindesc { display: none; }


/******************************************************************************/
/* CONTRIBUTE PAGE */

.contribute .method {
	margin: 25px 0 0 0;
	padding: 25px 0 0 0;
	border-top: 1px solid #CCC;
	}
	
	.contribute .method ol { list-style: decimal; }
	
	.contribute .openforcomment ul { list-style: disc; }
		
		.contribute .method ol li, 
		.contribute .openforcomment ul li { margin: 0 0 0.5em 3em; }


/******************************************************************************/
/* MORE DRUM TOP STORIES SIDEBAR MODULE */

#more-drum {
	background: url(/thedrum/images/bg-topreads.jpg) no-repeat 0 0;
	padding: 10px 0 0 0;
}

#more-drum h2 { text-indent: -9999px; }

#more-drum ul li {
	background: none;
	padding-left: 0;
	margin-bottom: 10px;
	_margin: 0;
}

#more-drum ul li span {
	display: block;
	color: #000;
}

#more-drum p {
	text-align: right;
	margin: 0;
	}


/******************************************************************************/
/* BLOGS SIDEBAR MODULE */

div.tools #blogs h2 { margin: 0 0 1.6em 0; }

div.tools #blogs ul li {
	background: none;
	padding-left: 0;
	margin: 0 0 1.2em 0;
}

div.tools #blogs ul li h3 {
	font-size: 1em;
	margin: 0;
}


/******************************************************************************/
/* JUST IN SIDEBAR MODULE */

#newsjustin p { height: 17px; display: none; }

#newsjustin p a { float: right; }

#newsjustin li {
	background: none;
	padding-left: 0;
	margin-bottom: 8px;
}

#newsjustin .time-since {
	display: block;
	font-size: 11px;
	color: #000;
}


/******************************************************************************/
/* TOOLS SIDEBAR MODULE */

div.tools .section.opinion-tools { background: none; }

div.tools .section.opinion-tools .inner {
	background: none;
	padding: 10px 0;
}

div.tools .section.opinion-tools li {
	background: none;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	height: 16px;
}

div.tools .section.opinion-tools li.tool-email { background-image: url("/news/assets/v5/images/common/icons/mail-16x16-black-on-white.png"); }
div.tools .section.opinion-tools li.tool-rss { background-image: url("/news/assets/v5/images/common/icons/rss-16x16-orange-on-white.png"); }
div.tools .section.opinion-tools li.tool-twitter { background-image: url("/news/assets/v5/images/common/icons/twitter-16x16.png"); }
div.tools .section.opinion-tools li.tool-facebook { background-image: url("/news/assets/v5/images/common/icons/facebook-16x16.png"); }



/******************************************************************************/
/* PROVOKING COMMENT ON THE WEB SIDEBAR MODULE */

.elsewhere .inner h2 { margin: 0; }

.elsewhere .date { display: none; }

div.tools .elsewhere .inner h3 {
	font-size: 1.1em;
	margin: 1em 0 0.5em 0;
	color: #000;
}

.elsewhere .inner p {
	line-height: 1.2em !important;
}

.elsewhere .inner p.byline { 
	font-size: 1.1em;
	margin: 0 0 1.3em 0;
}

.elsewhere .byline em { font-style: normal; }

.elsewhere .inner b {
	color: #000;
	display: block;
}

.elsewhere .inner p a {
	display: block;
	color: #000;
	margin: 0 0 1.6em 0;
}


/******************************************************************************/
/* YOU SAID IT PAGE */

.yousaidit .c75l .subcolumns .section {
	margin-bottom: 2em;
	padding: 0 0 2em 0;
	background: none;
	border-bottom: 1px solid #CCC;
	}

.yousaidit p.published {
	font-weight: normal;
	font-style: italic;
}
	
.yousaidit p.source { 
	font-weight: bold;
	padding: 0 0 0 25px;	
	background-repeat: no-repeat;
	background-position: top left;
}
		
.yousaidit .email p.source { background-image: url("/news/assets/v5/images/common/icons/mail-16x16-black-on-white.png"); }
.yousaidit .story-comment p.source { background-image: url("/news/assets/v5/images/common/icons/comment-16x16-black-on-white.png"); }
.yousaidit .facebook p.source { background-image: url("/news/assets/v5/images/common/icons/facebook-16x16.png"); }
.yousaidit .twitter p.source { background-image: url("/news/assets/v5/images/common/icons/twitter-16x16.png"); }
.yousaidit .blog-post p.source { background-image: url("/news/assets/v5/images/common/icons/doc-16x16-black-on-white.png"); }


/******************************************************************************/
/* VIDEO PAGE */

.video-page div.pagination span.status { margin-right: 1em; }

.video-page div.pagination div.page-links { display: inline; }

.video-page div.pagination div.page-links a,
.video-page div.pagination div.page-links span.current { 
	border-left: 1px solid #999;
	padding: 0 0.5em;
	}

.video-page div.pagination { color: #ccc; }

.video-page div.pagination span { color: #333; }

.video-page div.pagination .prev,
.video-page div.pagination .next {
	font-weight: bold;
	font-size: 0.9167em;
	margin-right: 0.5em;
	letter-spacing: 0 !important;
	border-left: none !important;
}

.video-page div.pagination .prev { 
	margin-right: 0 !important;
	padding-right: 0 !important;	
	}

#paginated-video { margin: 10px 0; }

ol.paginated-list {
	list-style-type: none;
	border-top: 1px solid #ccc;
	float: left;
	width: 100%;
	margin: 0;
}

.watch ol.paginated-list { border-top: none; }

ol.paginated-list li {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	float: left;
	width: 100%;
}

.watch ol.paginated-list li { border-bottom: none; }

ol.paginated-list li li {
	padding: 0;
	border: 0;
}

ol.paginated-list div.preview-image {
	float: left;
	width: 106px;
	margin-right: -106px;
}

ol.paginated-list div.text { margin: 0 0 0 120px; }

ol.paginated-list div.date {
	color: #999;
	font-size: 0.85em;
}

ol.paginated-list h3 {
	margin-bottom: 0;
	font-size: 1.25em;
}

ol.paginated-list h3 a { color: #000; }

ol.paginated-list p { 
	font-size: 1.1em;
	line-height: 1.2;	
	}

span.external {
	width: 12px;
	height: 12px;
	text-indent: 12px;
	margin-left: 8px;
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	background: url(/news/assets/v5/images/common/icons/external_link-12x9.png) no-repeat 0 0;
}


/******************************************************************************/
/* ARCHIVE */

#archive-content .headline {
	border-bottom: 1px dotted rgb(204, 204, 204);
	margin-bottom: 1em;
	margin-top: 1em;
	padding-bottom: 0.5em;
}

#archive-content .headline h3 {
	font-size: 133%;
	line-height: 105%;
	margin: 0.25em 0px;
}


/******************************************************************************/
/* EMAILS STORY PAGE */

.page_margins.email #article h2 {
	font-size: 1.3em;
	letter-spacing: -1px;
	border-bottom: 1px solid #E8E8E8;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
}

.page_margins.email #article h1 {
	font-size: 1.3em;
	margin: 0 0 3px 0;
	padding: 0 0 0 23px;
	background: url("/news/assets/v5/images/common/icons/mail-16x16-black-on-white.png") no-repeat center left;
}

.page_margins.email #article p.published {
	color: #999999;
	font-weight: normal;
	border-bottom: 1px solid #E8E8E8;
	padding: 0 0 8px 0;
}

.page_margins.email #article p.first { font-weight: normal; }

.page_margins.email #article p.author { display: none; }

.page_margins.email #article p.tags { display: none; }


/******************************************************************************/
/* PERSON - AUTHOR'S INDEX PAGES */

.person .person-header {
	width: 100%;
	overflow: hidden;
}

.person .person-header img {
	float: left;
	border: 3px solid #666;
	margin: 0 15px 0 0;
}