/*------------------------------------------------------------------------------

BusinessWeek
Blog Screen Styles
Copyright (c) BLOOMBERG L.P. ALL RIGHTS RESERVED.

------------------------------------------------------------------------------*/

@import url("global.css?cbd=04112011");
@import url("biz_dev.css");

/*- Layout -------------------------------------------------------------------*/

#columnLayout {
	margin-top: 6px;
	background: #fff url(http://images.businessweek.com/gen/backgrounds/story_main_vrules_20071012.gif) repeat-y left top;
}

#columnLayout .module {
	margin-bottom: 15px;
}



/*--- Banner ---------------------------------------------------------*/

#mainBanner {
	margin: 0 0 22px 0; 
}

#mainBanner a {
	display: block;
	width: 600px;
	height: 120px;
}

#businessAtWorkBanner a {
	display: block;
	width: 600px;
	height: 30px;
}

#mainBanner span, 
#businessAtWorkBanner span {
	display: none;
}


/*- Ads ----------------------------------------------------------------------*/

#columnLayout .ad {
	border-color: #ededed;
	border-width: 1px 0 1px 0;
	border-style: solid;		
	padding: 8px 0 6px 0;
	margin-bottom: 15px;
	text-align: center;
	background-color: white;
}

/* override extra ad wrapper */
#columnLayout .ad .ad {
	border: none;
	padding: 0;
	margin: 0;
}

/*
.noAd {
	float: left;
	background-color: white;
	margin-top: -10px;
	padding: 0;
	width: 100%;
	height: 17px;
}
*/

.noAd * {
	display: none;
}

#column2 .adPair .ad {
	width: 150px;
	float: left;
}

.textAd ul li {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: .8em 0;
}

.textAd ul li a {
	font-weight: bold;
	text-decoration: underline;
}


/*- Strap + Text Sizer -------------------------------------------------------*/

#column1 #strapBox {
	position: relative;
	height: 3.7em;
	line-height: 3.7em;
	font-size: 1.2em;
	color: #666;
	border-color: #e5e5e5;
	border-width: 0 0 1px 0;
	border-style: solid;
	margin-bottom: 18px;
}

#column1 #strapBox .strap {
	text-transform: uppercase;
	font-weight: bold;
	color: #064599;
	margin-right: 3px;
}

#column1 #strapBox #textSizer {
	position: absolute;
	top: 0;
	right: 0;
}

#column1 #strapBox #textSizer a {
	font-weight: bold;
	margin-left: .3em;
	padding-left: .4em;	
}

#column1 #strapBox #textSizer .large {
	border-color: #ccc;
	border-width: 0 0 0 1px;
	border-style: solid;
	font-size: 1.4em;
	vertical-align: 0;
}

#column1 #strapBox #textSizer a.current {
	text-decoration: none;
	color: #666;
	cursor: default;	
}


/*- Story Body -------------------------------------------------------------------*/

#storyBody a:link, #storyBody a:visited { text-decoration: none; }
#storyBody a:hover, #storyBody a:active { text-decoration: underline; }

#storyBody a { color: #007cd5; }

#storyBody .entry {
	margin: 0 0 32px 0;
}

#storyBody #firstEntry h1 {
	font-size: 2.8em;
}

#storyBody .entry h1 {
	font-size: 2.1em;
	font-weight: bold;
	line-height: 1.2em;
}

#storyBody .entry li {
	font-size: 1.4em;
	line-height: 1.5em;
	list-style-type: disc;
	margin-left: 1.2em;
	}


#storyBody h1 {
	font-size: 2.8em;
	font-weight: bold;
	line-height: 1.2em;
}
	
#storyBody h2 {
	font-size: 1.5em;
	margin-bottom: 1.1em;
	font-weight: normal; 
}
	
#storyBody h3 {
	color: #333;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.3em;
	padding: 0.1em 0;
	text-transform: uppercase;
}

#storyBody h4 {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.3em;
	color: #666;
}
	
#storyBody p {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-top: 0;
	margin-bottom: 1em;
}

#storyBody p.postedBy {
	font-size: 1.5em;
	margin-bottom: 1.1em;
	font-weight: normal;
}

#storyBody ul {
	margin-bottom: 1em;
	}

#wrapper #storyBody blockquote {
	background: url(http://images.businessweek.com/gen/blog_quote_left.gif) no-repeat top left;
	font-size: 1.3em;
	line-height: 1.4em;
	color: #666;
	margin: 0 1.5em 1em 0;
	padding: 1em 1.5em 0 1.5em;
}

#wrapper #storyBody blockquote p {
	font-size: 1em;
	margin: 1em 0;
	}

#storyBody h1 a:link, #storyBody h1 a:visited  {
	color: #333;
}

#storyBody table {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 1em;
	}

#storyBody .entry table li {
	list-style-type: none;
	margin: 0;
}


/*- Modules -------------------------------------------------------------------*/


#wrapper .module {
	margin: 0 0 15px 0;
	}

#column2 .module {
	margin: 0 0 15px 0;
}
	
#wrapper .module h2, #column2 .module h2 {
	border-top: 5px solid #e5e5e5;
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 0 0.7em 0;
	padding: 0.4em 0 0 0;
	text-transform: uppercase;
}

#column2 .module h3 { 
	font-size: 1.2em;
	line-height: 1.4em;
}

#column2 .module p { 
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 0.7em 0;
}

#column2 .module ul {
	line-height: 1.4em;
}
#column2 .module li {
	font-size: 1.2em;
	margin: 0 0 0.7em;
	padding: 0;
}

#column2 .module .extraLink {
	clear:both;
	font-size:1.1em;
	padding-top:0.3em;
	margin-bottom: 0;
}

#column2 #recentPost span, #column2 #recentComments span {
	font-size: 11px;
	color: #666;
}

#column2 #archiveMonthly li {
	font-weight: bold;
	line-height: 1.7;
	display: inline;
	margin-right: 0.7em;
}

#column2 #byCategory li {
	font-weight: bold;
	line-height: 1.7;
	display: inline;
	margin-right: 0.7em;
}

/* 2 rows of category 
.technology #column2 #byCategory li,
.managingIQ #column2 #byCategory li,
.innovation #column2 #byCategory li {
	width: 140px;
}
*/

	
#column2 .module h2 a:link, .module h2 a:visited {
	color: #999;
	text-decoration: none;
}
	
#column2 .module h2 a:hover, .module h2 a:active {
	color: #999;
	text-decoration: underline;
}

.archiveLink {
	background: #fff url(http://images.businessweek.com/icons/reprint.gif) no-repeat left 0.7em;
	padding: 0.7em 0 0 20px;
	margin-top: 0.7em;
	clear: both;
}

.video {
	background: #fff url(http://images.businessweek.com/icons/related_items/video.gif) no-repeat left 0.7em;
	padding: 0.7em 0 0.5em 20px;
	margin: 0.7em 0.5em 0 0;
	clear: both;
}


/*- Img Floats -------------------------------------------------------------------*/


.imgLeft {
	float: left;
	margin: 0.4em 1em 0.3em 0;
}
	
.imgRight {
	float: right;
	margin: 0.4em 0 0.3em 1em;
}

	
/*- Entry Footer -------------------------------------------------------------------*/

	
ul.entryFooter {
	background: #f7f7f7;
	padding: 5px;
	clear: both;
}

#storyBody .entry .entryFooter li {
	font-size: 1.2em;
	display: inline;
	margin: 0 10px 0 0;
}


/*
h4.entryInfoFooter { 	/* Authors, Date, Comments and Category */
	color: #666;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}
*/


/*- 2 Column Recent Post Homepage -------------------------------------------------------------*/


#twoColumnRecentPost {
	margin: 8px 0;
	border-bottom: 5px solid #E5E5E5;
}

#twoColumnRecentPost #recentPostCol1 {
	width: 288px;
	float: left;
}

#twoColumnRecentPost #recentPostCol2 {
	width: 288px;
	float: right;
}

#recentPostCol1 div, #recentPostCol2 div {
	margin: 0 0 15px 0;
}

#twoColumnRecentPost h3 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.3em;
}

#twoColumnRecentPost p {
	font-size: 1.3em;
	line-height: 1.4em;
}

#twoColumnRecentPost .postedBy {
	color: #666;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}

#twoColumnRecentPost .moreLink { font-size: 1.1em; }
#twoColumnRecentPost .moreLink a { color: #007CD5; }

/* 
#wrapper #twoColumnRecentPost .authors {
	font-size: 1.1em;
	color: #999;
}
*/

/*- Column1 BottomNav -------------------------------------------------------------*/

#column1 #btmNav { 
	background: #f7f7f7;
	font-size: 1.4em;
	padding: 5px;
	clear: both; 
}


/*- Master Archive -------------------------------------------------------------*/

.masterArchive li {
	font-size: 1.2em;
	margin: 0 0 0.7em;
	}

.masterArchive span {
	color: #999;
	margin: 0 0.7em 0 0;
}

.masterArchive h1 {
	margin-bottom: 22px;
}


/*- Category Archive -------------------------------------------------------------*/

#storyBody.categoryArchive h1 { margin: 0 0 20px 0; }

#storyBody.categoryArchive h3 { text-transform: none; }

#storyBody.categoryArchive h3 a:link, 
#storyBody.categoryArchive h3 a:visited {
	color: #064599;
}

#storyBody.categoryArchive h3 a:hover, 
#storyBody.categoryArchive h3 a:active {
	color: #064599;
}


/*- Monthly Archive -------------------------------------------------------------*/

#column2 .monthlyArchive div { 
	width: 300px;
	float: left; 
}

#column2 .monthlyArchive h2 {
	font-size: 2.1em;
	margin: 1.1em 0 0 0;
}

#column2 .monthlyArchive li {
	font-size: 1.5em;
}


/*- Ind Monthly Archive -------------------------------------------------------------*/

#column1 .indMonthlyArchive h1 {
	margin: 0 0 20px 0;
}

#column1 .indMonthlyArchive h2 {
	font-size: 1.5em;
	margin: 1.1em 0 0 0;
}

#column1 .indMonthlyArchive h3 {
	font-size: 1.5em;
	text-transform: none;
}

#storyBody.indMonthlyArchive h3 a {
	color: #064599;
}

#storyBody .archiveEntryFooter {
	font-size: 1.1em;
	color: #666;
}

/*- Comment Approval & Error Page layout -------------------------------------------------------------*/
/* Add .commentPages to wrapper. */

.commentPages#wrapper {
	width: 632px;
	margin: 0 auto;
	}
	
.commentPages #innerWrapper {
	margin-top: 0.7em;
	padding: 1.5em 1.5em 0 1.5em;
	border: 1px solid #e5e5e5;
	}
			
.backToStory {
	background: #fff url(http://images.businessweek.com/icons/back_to_story.gif) no-repeat left 0;
	margin: 0 0 0 390px;
	text-align: right;
	}



/*- Comment Form -------------------------------------------------------------*/


#commentForm fieldset {
	border: solid 0 transparent;  /* removes fieldset borders in Opera 7 */
	width: 600px;
	/* text-align: right; */
	margin: 0;
	padding: 0;
}

#commentForm p {
	margin-bottom: 1.5em;
	text-align: left;
}

#commentForm label {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	margin-bottom: .3em;
}

#commentForm input {
	width: 190px;
	border: 1px solid #ccc;
}

#commentForm textarea {
	width: 340px;
	height: 160px;
	border: 1px solid #ccc;
}

#commentForm fieldset .submitBtn {
	width: auto;
	margin: 0 10px 0 0;
}

#userInfo {
	float: left;
}

#userComment {
	float: right;
}

/*- Comment Form Sponsorship -------------------------------------------------*/

#commentForm .ad {
	margin-top: 30px;
}

/*- Comment Display ----------------------------------------------------------*/

#commentDisplay h3.author { /* only used on Five Questions for and What's Your Story */
	background: url(http://images.businessweek.com/blogs/icon_author_comment.gif) no-repeat left center;
	padding-left: 22px;
}

#commentDisplay h3 {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: capitalize;
	padding: .1em 0;
	color: #333;
}

#commentDisplay h4 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2em;
	padding: .2em 0;
	color: #999;
}

#commentDisplay p {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-top: 0;
}

#commentDisplay div {
	margin: 0 0 15px 0;
	border-color: white white #e5e5e5 white; /* forces bottom border to display correctly in IE */
	border-width: 1px;
	border-style: solid;
}

.errorMessage {
	color: #900;
}


/*- Permalinks, Trackbacks, Feed Links ---------------------------------------*/

.feedLink {
	background:transparent url(http://images.businessweek.com/icons/feed_icon_16x16.gif) no-repeat scroll 0pt 70%;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-left: 1px;
	padding: 3px 0pt 0pt 21px;
	clear: both;
}

#about .feedLink {
	margin-top: 0.7em;
}

#trackback {
	background: #f7f7f7;
	padding: 5px;
	margin: 0 0 0.7em 0;
	clear: both;
}

#trackback p {
	font-size: 1.1em;
	color: #999;
}

.permalinkTrackBacks, .trackBackLink {
	background: #ccc;
	font-size: 1.3em;
}

.permalinkTrackBacks {
	margin: 0 0 10px 0;
}


/*- Embedded Video -----------------------------------------------------------*/

#videoLink a:link, #videoLink a:visited {
    display: block;
    height: 22px;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 1em 0;
    padding: 1px 0 0 30px;
    text-decoration: none;
    background: url(http://images.businessweek.com/ss/common_images/v1/ss_nav_next.gif) no-repeat -2px -2px;
}

#videoLink a:hover, #videoLink a:active {
    text-decoration: underline;
    background-position: -2px -26px;
}

#videoDisplay {
    width: 370px;
    text-align: center;
    padding: 8px 0 6px 0;
    background-color: #f2f2f2;
}

#column2 #videoDisplay {
    width: 300px;
    text-align: center;
    margin-bottom: 15px;
    padding: 0;    
    overflow: hidden;
}


/*- Extra -------------------------------------------------------------------*/

#columnLayout .module .cornerLink {
	position: absolute;
	top: 10px;
	right: 0;
	background: url(http://images.businessweek.com/gen/blue_arrow_5x7.gif) no-repeat 100% 50%;
	padding-right: 8px;
	font-size: 11px;
}

#columnLayout .module .extraLinks {
	clear: both; 
	padding-top: .3em;
}

#columnLayout .module .extraLinks li {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: .2em 0;
}

#column1 {
	width: 600px;
	float: left;
	margin: 16px 0 0 25px;
	display: inline; /* fixes IE double margin float bug */
}

#column2 {
	width: 300px;
	float: right;
	margin-top: 3px;
	margin-right: 15px;
	display: inline; /* fixes IE double margin float bug */
}


/*- Module Media Links -------------------------------------------------------*/

#column2 .module ul.mediaLinks {
	clear: both;
	/* margin-top: .2em; */
}

#column2 .module ul.mediaLinks li {
	float: left;
	width: 120px;
	padding: 5px 0 5px 25px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
}

#column2 .module ul.mediaLinks li.podcast {
	background: url(http://images.businessweek.com/icons/related_items/ipod.gif) no-repeat 1% 50%;
}

#column2 .module ul.mediaLinks li.email {
	background: url(http://images.businessweek.com/icons/story_tools/email.gif) no-repeat 0 50%;
}


/*- Listings Layout -----------------------------------------------------------------*/

#column1 #storyBody .listing {
	padding-top: 15px;
	border: none;
	}

#column1 #storyBody .listing .headshot {
	float: left;
	margin: 3px 7px 5px 0;
	}

#column1 #storyBody .listing h3, 
#column1 #storyBody .listing p, 
#column1 #storyBody .listing ul { 
	margin-left: 88px; 
	}

#column1 #storyBody .listing ul {
	margin-top: -1.2em;
	margin-bottom: 1.8em;
	}

#column1 #storyBody .listing li {
	margin: 0 0 .6em 0;
	font-size: 1.3em;
	line-height: 1em;
	list-style-type: none;
	}

#column1 #storyBody .listing p {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-top: 0;
	margin-bottom: 1.4em;
	}
	
#column1 #storyBody .listing img {
	border: 1px solid #ededed;
	}

#column1 #storyBody .listing .viewAll {	
	font-size: 1.2em;
	margin: 0;
	padding: 3px 0 3px 10px;
	background: url(http://images.businessweek.com/icons/arrow_dkblue_7x9.gif) no-repeat 0 50%;
	}

#column1 #storyBody .listing h3 {
	text-transform: none;
	}

#column1 #storyBody .listing .moreLink {
	margin: 1.5em 0 1.8em 0;
	}

#column1 #storyBody .listing a, .listing a:visited {
	color: #064599;
	text-decoration: none;
	}
#column1 #storyBody .listing a:hover, .listing a:active {
	color: #064599;
	text-decoration: underline;
	}


/*-Special Events -----------------------------------------------------------*/

.specialEvent #mainBanner { 
	margin: 0; padding: 0; 
	}

#column1 #specialEventBanner {
	margin: 1px 0 22px 0;
	}


/*- Arcade Style Blogs -------------------------------------------------------*/

.dek { margin: 0 0 0.2em 0; }