@charset "UTF-8";/* CSS Document */


/* @group RESET
---------------------------------------------- */
html{color:#000;background-color:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;overflow:hidden;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body {font-family: sans-serif;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* @end */


/* @group CORE STYLES
---------------------------------------------- */
html {background: url(../images/paper.jpg) 0 0 repeat;}
body {font-family: georgia, serif; font-size: 10px; color: #262626; background: url(../images/headerBackground.png) center top no-repeat;}
a {color: #8e0100; text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {color: #600;}
em {font-style: italic;}
strong {font-weight: bold;}
h1 {font-size: 4.8em; letter-spacing: -0.025em;}
h2 {margin: 1.35em 0 .55em; font-size: 2.8em;}
input:focus,
textarea:focus {color: #262626 !important;}
.container {width: 951px; margin: 0 auto; overflow: visible;}
.hidden {display: none;}
.noBorderTop {border-top-width: 0 !important;}
.noBorderBottom {border-bottom-width: 0 !important;}
.noMarginTop {margin-top: 0 !important;}
.noMarginRight {margin-right: 0 !important;}
.noMarginBottom {margin-bottom: 0 !important;}
.noMarginLeft {margin-left: 0 !important;}
.smaller {font-size: smaller}
/* @end */

#friendfeed.widget{
	font-family: Arial,sans-serif;
	border: 1px solid #262626 !important;
	overflow: hidden;
	font-size: 13px;
	
}
#friendfeed.widget a{
	color: #262626 !important;
	background: none;
	text-decoration: none;
}
#friendfeed.widget .entry .info a,#friendfeed.widget .entry .likes a,#friendfeed.widget .entry .comment a,#friendfeed.widget .entry .expandcomment a{
	color: #262626 !important
}


/* @group CORE ELEMENTS
---------------------------------------------- */
.nav li {display: inline;}
#header {height: 140px; margin-bottom: 36px;}
	#header .mixLogo {float: right; margin: 34px 0 0 2px;}
	#header .webstockLogo {margin: 80px 0 0 2px;}
	#header .streamLinks {float: right; width: 297px;}
		#header .streamLinks a {float: left; height: 17px; margin-top: 29px; text-indent: -9999px; background-image: url(../images/headerStreamLinks.gif);}
		#header .followUs {width: 190px; margin-right: 17px; background-position: left top;}
		#header .followUs:hover {background-position: left bottom;}
		#header .subscribe {width: 90px; background-position: right top;}
		#header .subscribe:hover {background-position: right bottom;}
	#header .nav {clear: right; float: right; position: relative; right: -24px; width: 470px; margin-top: 31px; outline: none;}
		#header .nav a {float: left; height: 37px; text-indent: -9999px; background-image: url(../images/headerNav.gif); outline: none;}
		#header .navWriting {width: 145px; background-position: 0 0;}
		#header .navWriting:hover,
		#header .navWriting.active {background-position: 0 37px;}
		#header .navLabs {width: 95px; background-position: -145px 0 ;}
		#header .navLabs:hover,
		#header .navLabs.active {background-position: -145px 37px;}
		#header .navAbout {width: 109px; background-position: -240px 0;}
		#header .navAbout:hover,
		#header .navAbout.active {background-position: -240px 37px;}
		#header .navEvents {width: 121px; background-position: -349px 0;}
		#header .navEvents:hover,
		#header .navEvents.active {background-position: -349px 37px;}
#footer {height: 166px; width: auto; margin-top: 0px; background: url(../images/footerBackground.gif) center top repeat-x; clear:both;}
	#footer .mixLogo {float: left; margin: 33px 0 0 8px;}
	#footer .mswebnotwarLogo {float: left; margin: 33px 0 0 8px; }
	#footer .nav {float: left; width: 252px; margin: 46px 0 0 25px;}
		#footer .nav a {float: left; height: 17px; text-indent: -9999px; color: #fff; background-image: url(../images/footerNav.png); outline: none;}
		#footer .navWriting {width: 79px; background-position: 0 0;}
		#footer .navWriting:hover,
		#footer .navWriting.active {background-position: 0 17px;}
		#footer .navLabs {width: 53px; background-position: -79px 0;}
		#footer .navLabs:hover,
		#footer .navLabs.active {background-position: -79px 17px;}
		#footer .navAbout {width: 58px; background-position: -132px 0;}
		#footer .navAbout:hover,
		#footer .navAbout.active {background-position: -132px 17px;}
		#footer .navEvents {width: 62px; background-position: -190px 0;}
		#footer .navEvents:hover,
		#footer .navEvents.active {background-position: -190px 17px;}
	#footer .streamLinks {float: right; margin: 40px 0 0; font-size: 1.3em; color: #848484;}
		#footer .streamLinks a {padding: 3px 4px; color: #848484;}
		#footer .streamLinks a:hover {color: #fff;}
		#footer .streamLinks p {margin-top: 7px; padding-right: 2px; text-align: right;}
		#footer .streamLinks .followUs {padding: 0px 15px 2px 28px; background: url(../images/footerTwitter.png); background-position: 0 0; background-repeat: no-repeat; height: 17px }
		#footer .streamLinks .followUs:hover { background-position: 0 -17px }
		#footer .streamLinks .subscribe {padding: 3px 3px 3px 23px; background-image: url(../images/footerRSS.gif); background-position: 0 3px; background-repeat: no-repeat;}
		#footer .streamLinks .subscribe:hover {background-image: url(../images/rssIcon.png);}
#article {position: relative; z-index: 2; width: 701px; padding: 0 19px 52px; background: url(../images/articleBackground.png) top center repeat-y; overflow: visible;}
	#articleTop {width: 739px; height: 2px; background: url(../images/articleTop.png) center no-repeat;}
	#articleBottom {width: 739px; height: 2px; background: url(../images/articleBottom.png) 0 -1px no-repeat;}
	.sectionTop.tungsten17 {height: auto; margin-bottom: 0px; padding: 0px 0 0; border-top: 5px solid #262626; overflow: hidden; min-height: 5px;}
		.sectionTop h2 {margin-top: 3px; margin-bottom: 0;}
		.sectionTop > a {float: right; margin: 0; font-size: 1.4em; letter-spacing: -0.02em; text-indent: 0; font-style: italic;}
		.tungsten17 {height: 0px;}
		.tungsten17 > h2,
		.tungsten17 > span {float: left; height: 0px; text-indent: -9999px;}
		#retweetLink {height: 19px; padding: 4px 30px 0 5px; background: url(../images/twitterIcon.png) right center no-repeat;}
		#commentLink {display: inline-block; width: 102px; height: 19px; padding: 4px 0 0 8px; text-align: left;}
		#commentLink span {position: relative; top: -1px; float: right; width: 29px; height: 20px; padding: 3px 0 0 2px; font-size: .85em; text-align: center; background: url(../images/commentBubble.gif) center;}
	#belowArticle {width: 475px; padding: 4px 132px 0; text-align: center;}
	#belowArticle h2 {font-size: 12px; font-weight: bold; text-transform: uppercase;}
	#belowArticle p {font-size: 1.4em;}
#aside {position: relative; z-index: 1; float: right; width: 189px; overflow: visible;}
	#aside hr {margin: 23px 0; background: url(../images/asideDottedDivider.png) center no-repeat; border: none;}
	.more {font-size: 1.4em; background: url(../images/asideMoreBackground.png) 0 0;}
		.more h4 {padding: 14px 16px 3px; text-transform: uppercase;}
		.more li {display: block; zoom: 1;}/* IE7-only Fix */
		.more li:first-child a {border-top-width: 0;}
		.more li a {display: block; margin: -1px 16px 0; padding: 8px 0; border: solid #c5c5c5; border-width: 1px 0; zoom: 1;} /* Zoom is an IE7-only Fix */
		.more li a:hover {margin: -1px 0 0; padding: 8px 16px; background: url(../images/writingsMoreActiveBackground.png) center right repeat; cursor: pointer;}
		.more li a span {color: #262626;}
		.more li a.active span {font-weight: normal;}
		.separated {padding-top: 12px;}
#full {width: 913px; padding: 0 19px; background: url(../images/fullBackground.png) center repeat-y;}
	#fullTop {height: 2px; margin-top: 37px; background: url(../images/fullTopBottom.png) 0 0;}
	#fullBottom {height: 2px; background: url(../images/fullTopBottom.png) 0 2px;}
.writing {margin: 0; padding: 0; overflow: hidden;}
	.writing .authorThumbnail {float: left; width: 50px; height: 50px; margin: 2px 0 0;}
	.writing .writingType {float: right; width: 85px; margin-top: 12px; margin-bottom: 20px; margin-left: 20px; padding: 2px 0; text-align: center; letter-spacing: 0.2em; text-transform: uppercase; background-color: #efefde;}
	.writing .date {float: right; margin-top: 15px; font-size: 1.3em; color: #262626;}
	.writing .writingTitle {margin-top: 0; margin-bottom: 0; font-size: 3em;}
	.writing .writingTitle a {display: block; letter-spacing: -0.025em; color: #262626;}
	.writing .writingTitle a:hover {color: #8e0100; text-decoration: none;}
	.writing .writingImage {float: right; margin: -13px 0 0 25px;}
	.writing .writingSubtitle {margin-top: 1px; margin-bottom: 0; font-size: 1.3em;}
	.writing .writingSubtitle a {font-style: italic;}
	/* Change writings summary such that it's not fixed width; previous working solution on next line */
	.writing .summary {clear: left; padding-top: 15px; font-size: 1.6em; line-height: 1.5em;}
	/*.writing .summary {clear: left; width: 520px; padding-top: 5px; font-size: 1.6em; line-height: 1.5em;}*/
	/* Indent .writingTitle and .subtitle when there is an Author Thumbnail Image */
	.authorThumbnail + .writingTitle,
	.authorThumbnail + .writingTitle + .writingSubtitle {margin-left: 58px;}
.bulletSwitcher {height: 18px;}
	/* .bulletSwitcher a {float: left; width: 12px; height: 18px; margin-right: 4px; text-indent: -9999px; background: url(../images/switcherBullet.png) 3px 5px no-repeat; outline: none;} */
	.bulletSwitcher a {float: left; width: 12px; height: 18px; margin-right: 4px; text-indent: -9999px; background: 3px 5px no-repeat; outline: none;}
	.bulletSwitcher a:hover {background-color: #4c4c4c;}
	.bulletSwitcher .activeSlide {background-color: #4c4c4c; cursor: default;}
	.bulletSwitcher img {display: block;}
	/* Hide all bullets except for .bulletOne */
.comment {display: inline-block; width: 27px; height: 20px; margin: -7px 0 0 9px; padding: 3px 0 0 4px; vertical-align: middle; text-align: center; font-size: .3667em; font-style: italic; color: #8e0100; background: url(../images/commentIcon.png);}
	a:hover .comment {color: #8e0100; text-decoration: underline;}
.viewMore {display: block; padding: 5px 0 6px !important; font-size: 1.4em; font-style: italic;}
	.viewMore:hover {background-color: #e5e5e5;}
#readMore {display: block; height: 20px; margin: 15px -17px 0; text-indent: -9999px; background: url(../images/aboutReadMore.png) center top no-repeat; outline: none;}
	#readMore.loading {display: block; height: 20px; margin: 15px -17px 0; text-indent: -9999px; background: url(../images/aboutReadMoreLoading.png) center top no-repeat; outline: none;}
	#readMore.done {display: none; height: 20px; margin: 15px -17px 0; text-indent: -9999px; background: url(../images/aboutReadMoreDone.png) center top no-repeat; outline: none;}
	#readMore:hover {background-position: center bottom;}
	#hiddenWritings {display: none;}
/* @end */


/* @group HOME
---------------------------------------------- */
#features {position: relative; z-index: 2; width: 596px; padding: 0 19px; background: url(../images/homeFeatureBackground.png) repeat-y;}
	#featuresTop {width: 634px; height: 2px; background: url(../images/homeFeaturesTop.png);}
	body.home .sectionTop h2 {width: 78px; background-position: -587px 0;}
	#features .bulletContent > div {width: 596px;}
	/*#features .summary {width: 410px;}  IE7 Fix */
	/*#features .bulletSwitcher {margin: 0 -17px; padding: 14px 0 0 312px; text-indent: -9999px; background: url(../images/homeViewing.gif) center bottom no-repeat; border-bottom: 3px solid #262626;}*/
	#features .bulletSwitcher {margin: 0 -17px; padding: 14px 0 0 312px; text-indent: -9999px; background: center bottom no-repeat; border-bottom: 3px solid #262626;}
#mswebLogo {float: right; position: relative; left: 4px; top: 10px; }
#weAreACommunity {float: right; position: relative; left: -3px; 
top: 2px; 
width: 300px;
}
#silverlightControlHost{clear: both; margin: 31px 1px 27px; overflow: hidden;
    width: 950px;
}
#middleSection {clear: both; margin: 31px 1px 27px; overflow: hidden;
    width: 950px;
}
	#middleSection a {float: left; height: 101px; text-indent: -9999px; background-image: url(../images/homeMiddleSection.png); outline: none;}
	#middleSection a:hover {background-color: #444;}
	#middleSection a:active {background-color: #000;}
	#articlesOpinions {width: 328px; background-position: 0 0;}
	#articlesOpinions:hover {background-position: 0 101px;}
	#mixLabs {width: 301px; background-position: -328px 0;}
	#mixLabs:hover {background-position: -328px 101px;}
	#eventsSpeaking {width: 318px; background-position: -629px 0;}
	#eventsSpeaking:hover {background-position: -629px 101px;}
body.home #article {width: 506px; height: 535px; padding-bottom: 21px; background-image: url(../images/homeArticleBackground.png); overflow: hidden;}
	body.home #articleTop {width: 544px; margin-top: 27px; background: url(../images/homeArticleTopBottom.png) 0 0;}
	body.home #articleBottom {width: 544px; background: url(../images/homeArticleTopBottom.png) 0 2px;}
	body.home #article > div {float: left; border-top: 5px solid #262626;}
	body.home #article .writing {height: 110px; overflow: hidden;}
	body.home #article h2 {margin: 19px 0 23px; padding-bottom: 8px; border-bottom: 1px dotted #b8b8b8;}
	body.home #article h3 {vertical-align: top; line-height: 1.13em;}
	body.home #article .writingSubtitle {clear: left; float: left; max-width: 182px; margin: 7px 0 0; font-size: 1.1em;}
	body.home #article .comment {float: left; margin-top: 3px; font-size: 1.1em;}
	#mixOpinions {width: 244px; padding-right: 21px;}
	#mixOpinions .tungsten17 span {width: 116px; background-position: -665px 0;}
	#mixOpinions h3 {font-size: 1.5em;}
	#articlesByExperts {width: 241px;}
	#articlesByExperts .tungsten17 span {width: 182px; background-position: -781px 0;}
	#articlesByExperts h3 {max-width: 70%; padding-top: 9px; font-size: 1.8em;}
	body.home .viewMore {clear: left; border-top: 1px dotted #b8b8b8;}
body.home #aside {clear: right; width: 394px; margin-top: 0; padding: 0;}
	#homeLabs {width: 356px; height: 535px; padding: 0 19px 21px; background: url(../images/homeAsideBackground.png) repeat-y; overflow: hidden;}
	body.home #asideTop {display: block; width: 394px; height: 2px; background: url(../images/homeAsideTopBottom.png) 0 0;}
	body.home #asideBottom {display: block; width: 394px; height: 2px; background: url(../images/homeAsideTopBottom.png) 0 2px;}
	body.home #aside h2 {margin: 0 0 15px; padding: 19px 0 8px; border-top: 5px solid #262626; border-bottom: 1px dotted #b8b8b8;}
	body.home #aside .tungsten17 span {width: 78px; background-position: -963px 0;}
	#homeLabsBeaker {float: right; width: 114px; height: 153px; margin-top: 5px;}
	#aside .introduction {font-size: 1.5em; line-height: 1.3333em;}
	#seeWhatsCooking {display: block; padding-top: 6px; font-size: 1.4em; font-style: italic;}
	.lab a {display: block;}
	.lab a:hover img {opacity: .9;}
	.lab .title {padding: 0 5px 3px; font-size: 1.2em; font-weight: bold; text-transform: uppercase;}
	.lab p {padding: 0 5px; font-size: 1.6em; line-height: 1.1875em;}
	.mainLabs {margin: 18px 0 7px;}
	.mainLabs img {padding-bottom: 7px;}
	.secondaryLabs {float: left; width: 170px; margin: 15px 0 3px; padding: 0 0 0 8px;}
	.secondaryLabs.labOne {padding: 0 8px 0 0;}
	.secondaryLabs p {padding-right: 0;}
	.secondaryLabs img {padding-bottom: 14px; background: url(../images/homeLabsSecondary.png) center bottom no-repeat;}
	.secondaryLabs .title {margin-top: -6px;}
/* @end */


/* @group ABOUT
---------------------------------------------- */
/* #ARTICLE */
body.about #article {overflow: hidden;}
body.about h1 {width: 702px; height: 149px; padding-bottom: 0; text-indent: -9999px; background: url(../images/aboutWereAnOpinionated.gif) 0 0 no-repeat;}
body.about .sectionTop {margin-bottom: 0; padding-bottom: 13px; border-bottom: 1px solid #000;}
body.about .sectionTop h2 {width: 156px; background-position: -81px 0;}
.aboutContent {margin-top: 22px;}
	.aboutContent span {display: block;}
	.aboutContent h2 {height: 13px; margin: -6px 0 14px; text-indent: -9999px; background-image: url(../images/tungstenHeaders13px.gif);}
	.aboutContent a {font-size: 1.6em; color: #262626;}
	.aboutContent a:hover {color: #8e0100; text-decoration: none;}
	.aboutContent a:hover img {opacity: .90; filter: alpha(opacity=90);}
	.aboutContent a:hover span {text-decoration: underline;}
#team {float: left; width: 455px; padding-left: 24px;}
	#team h2 {width: 62px; margin-right: 2px; background-position: -212px 0;}
	#team a {display: inline-block; width: 102px; margin-bottom: 9px; vertical-align: top; padding: 0 5px 9px 0;}
	#team img {width: 102px; height: 133px; padding-bottom: 1px;}
#mixEvents {float: left; width: 455px; margin-top: 13px; padding-left: 24px;}
	#mixEvents h2 {width: 74px; background-position: -398px 0;}
#contributers {float: right; width: 221px; border-left: 1px dotted #b8b8b8;}
	#contributers h2 {width: 124px; margin-left: 25px; background-position: -274px 0;}
	#contributers a {display: block; padding: 0 0 9px 25px;}
	#contributers span {position: relative; top: -6px; display: inline-block; margin: 0 0 0 6px;}
	#contributers .viewMore {margin-left: 24px;}
/* #ASIDE */
body.about #aside {margin-top: 37px;}
.beliefs {margin-top: -1px; padding: 18px 0 19px; border: solid #c5c5c5; border-width: 1px 0;}
	.beliefs h3 {margin-bottom: 5px; font-size: 1.2em; font-weight: bold; text-transform: uppercase;}
	.beliefs p {font-size: 1.4em;}
	img + .beliefs {margin-top: 15px; border-top-width: 0;}
	.darkBeliefs {margin: -1px -25px 0; padding: 6px 25px 16px; background: url(../images/aboutDarkBelief.png) repeat;}
	.beliefs.twitter {padding: 12px 0 12px 27px; background: url(../images/twitterIcon.png) 0 12px no-repeat;}
	.beliefs.rss {padding: 12px 0 12px 27px; background: url(../images/rssIcon.png) 0 12px no-repeat; border-bottom-width: 0;}
#hiHumans {display: block; margin: 28px 0 0 -26px;}
	#hiHumans:hover {opacity: .85;}
/* @end */


/* @group ABOUT > PERSON
---------------------------------------------- */
/* #ARTICLE */
body.person #article {padding-bottom: 0; border-bottom: 3px solid #262626; min-height: 600px; height: auto;}
#backToAbout {padding: 3px 0 0 13px; font-style: italic; background: url(../images/aboutBackToArrow.png) 0 7px no-repeat;}
body.about.person h1 {width: auto; height: auto; margin: 0 0 19px; padding: 9px 0 6px; text-indent: 0; background: url(../images/aboutHiIm.gif) 5px 0 no-repeat; border-bottom: 1px dotted #000;}
#personAside {float: right; width: 190px; margin-left: 13px; padding: 0 9px 0 12px; background-color: #fff;}
	#personAside img {max-width: 190px;}
	#profileLarge {display: block; width: 190px; }
	#profileAttribution {min-height: 24px; margin-top: 2px; padding: 10px 22px 0; text-align: center; font-family: verdana, sans-serif; font-size: .9em; color: #888; background: url(../images/aboutAttributionGradient.png) 0 0 no-repeat;}
	#attributionIdentity {text-transform: uppercase;}
	#profileMyStream {margin-top: 18px; font-size: 1.4em; line-height: 1.35em; color: #000;}
	#followMe {display: block; margin-top: 15px; margin-bottom: 15px; padding: 11px 0 11px 0px; text-align: center; font-size: 1.4em; color: #262626; background-color: #efefef;}
	#followMe span {color: #8e0100; background: url(../images/twitterIcon.png) 0px 0px no-repeat; padding: 0px 0px 0px 25px;}
	#followMe:hover {background-color: #eaeaea; text-decoration: none;}
	#followMe:hover span {text-decoration: underline;}
#personContent {padding-top: 58px;}
	#personContent p {margin-bottom: 1.4em; font-size: 1.6em; line-height: 1.5em;}
	#recentPosts {height: 17px; margin: 41px 0 10px; padding-bottom: 13px; text-indent: -9999px; background: url(../images/aboutRecentPosts.gif) 2px 0 no-repeat; border-bottom: 1px solid #000;}
	#hiddenPosts {min-height: 50px; margin-bottom: 28px;}
	body.person .writing {margin: -1px 0 0; padding: 14px 18px 15px 6px; border: solid #d8d8d8; border-width: 1px 0;}
	#visiblePosts > .writing:first-child {border-top: 0;}
/* #ASIDE */
body.person #aside > img {margin-bottom: 5px;}
body.person #aside h3 {margin: 36px 0 9px; text-indent: -9999px; background-image: url(../images/tungstenHeaders13px.gif);}
body.person #aside .filter {display: block; width: auto; height: auto; margin: 24px 0 -10px -24px; padding: 12px 0 12px 24px; font-size: 1.5em; text-indent: 0; border-bottom-width: 0;}
body.person #aside .filter img {float: right; margin: 3px 10px 0 32px;}
body.person #aside .filter:hover {color: #8e0100; text-decoration: underline;}
.aboutPeople a {clear: both; display: block; font-size: 1.6em; color: #262626;}
.aboutPeople a:hover {text-decoration: none; background: url(../images/aboutDarkBelief.png) repeat;}
#theMixTeam h3 {display: block; width: 88px; height: 13px; background-position: 0 0;}
#theMixTeam a {margin-bottom: 5px; padding-top: 4px;}
#theMixTeam img {display: inline-block; padding-right: 5px;}
#theMixTeam span {position: relative; top: -5px; font-size:.9em;}
#theMixTeam a:hover span {color: #8e0100; text-decoration: underline;}
#andContributors h3 {display: block; width: 124px; height: 13px; background-position: -88px 0;}
#andContributors a {padding: 9px 5px 8px; border-bottom: 1px solid #c5c5c5;}
#andContributors a:hover {color: #8e0100; text-decoration: underline;}
body.about .viewMore {padding: 6px 5px !important; font-size: 1.4em; color: #8e0100; border-top: 1px solid #c5c5c5;}
#andContributors .viewMore {border: 0;}
/* @end */


/* @group LABS
---------------------------------------------- */
.labs #full {height: 1075px;}
/* .RIGHT */
.right {float: right; width: 611px;}
	#featuredLabs {height: 262px; margin: 21px 0 32px;}
	#featuredLabs .side {position: relative; float: right; width: 173px; height: 236px; padding: 26px 20px 0; background: url(../images/labsFeaturedSide.gif);}
	#featuredLabs .introduction {font-size: 1.5em; line-height: 1.2em;}
	#featuredLabs p {margin-bottom: .7em; font-size: 1.3em; line-height: 1.3846em; color: #fff;}
	/*#featuredLabs .title {display: block; margin-bottom: 2px; height: 25px; text-indent: -9999px; background: url(../images/contentImages/labsFeaturedOomphTitle.png) 0 0 no-repeat;}*/
	#featuredLabs .title {margin-bottom: 10px; font-size: 2em; font-weight: bold; color: #ffe104; display: block;}
	#featuredLabs .bulletContent a img {display: block; width: 398px; height: 262px;}
	#featuredLabs .bulletContent a:hover img {opacity: .92; filter: alpha(opacity=92);}
	.labItem {float: left; width: 185px; margin: 0 26px 14px 0; padding-bottom: 14px;}
	.labItem img {width: 185px; height: 124px; padding-bottom: 15px; background: url(../images/labsLabShadow.png) center bottom no-repeat;}
	.labItem span {display: block; padding: 0 5px;}
	.labItem .title {margin: -3px 0 3px; font-size: 1.2em; font-weight: bold; text-transform: uppercase;}
	.labItem .description {font-size: 1.6em; color: #262626;}
	.labItem:hover {background-color: #e7e7e7; text-decoration: none;}
	.labItem:hover img {opacity: .93;}
	.labItem:hover .title {text-decoration: underline;}
	#featuredLabs .bulletSwitcher {position: absolute; bottom: 0; left: 82px; min-width: 80px;}
/* .LEFT */
.left {width: 282px; padding-right: 20px; border-top: 5px solid #262626;}
	body.labs .sectionTop h2 {width: 115px; background-position: -1041px 0;}
	#welcomeToTheMixOnlineLabs {padding-top: 19px;}
	.left p {margin: 9px 0 12px; font-size: 1.5em; line-height: 1.3333em;}
	#labsSubscribeToMixOnlineLabs {display: block; width: 255px; height: 31px; text-indent: -9999px; background: #262626 url(../images/labsSubscribeToMixOnlineLabs.gif) 0 0 no-repeat; outline: none;}
	#labsSubscribeToMixOnlineLabs:hover {background-color: #3e3e3e;}
	#labsSubscribeToMixOnlineLabs:active {background-color: #000;}
	.left .tungsten17 {margin: 38px 0 4px; padding-bottom: 11px; border-bottom: 1px solid #000;}
	.left .tungsten17 span {width: 86px; background-position: -1156px 0;}
	.left .writing {clear: left; padding: 9px 5px; border-bottom: 1px solid #ccc; margin-top: 3px;}
	.left .writing .writingTitle {max-width: 180px; /*padding-top: 12px;*/ font-size: 1.8em; line-height: 1.111em;}
	.left .writing .subtitle {clear: left; margin: 8px 0 0; font-size: 1.1em;}
	.left .writing .subtitle a {font-style: normal;}
	.left .writing .comment {height: 23px; padding-top: 0; font-size: .6em;}
/* @end */


/* @group WRITINGS
---------------------------------------------- */
/* #ARTICLE */
body.writings #article {padding-bottom: 0; border-bottom: 3px solid #262626;}
body.writings .sectionTop h2 {width: 81px; background-position: 0 0;}
#searchOurArchives {float: right;}
#searchOurArchives input {width: 235px; height: 20px; padding: 4px 0 0 5px; font-size: 1.4em; font-style: italic; color: #828282; background: url(../images/writingsSearch.gif) center top; border: 0;}
	#searchOurArchives input:focus {background-position: center bottom;}
	#searchOurArchives button {width: 24px; height: 24px; margin-left: 6px; vertical-align: top; background: url(../images/writingsButtonBackground.gif) center top; border: 0; cursor: pointer;}
	#searchOurArchives button:hover {background-position: center;}
	#searchOurArchives button:active {background-position: center bottom;}
#youAreViewing {margin-top: 14px; padding: 19px 4px 17px; border-top: 1px solid #000; border-bottom: 1px dotted #000;}
	#youAreViewing h1 {font-size: 1.6em; letter-spacing: 0.025em; text-transform: uppercase; line-height: 1.4em;}
	#youAreViewing div {float: right; margin-top: 1px; font-size: 1.4em;}
	#youAreViewing div span {font-weight: bold;}
	#youAreViewing div a {display: inline-block; vertical-align: middle; height: 21px; background-image: url(../images/writingsTools.gif);}
	#listView {width: 20px; margin: 0 4px 0 9px; background-position: 0 0;}
		#listView:hover {background-position: 0 -21px;}
		#listView:active {background-position: 0 -42px;}
	#gridView {width: 21px; background-position: -20px 0;}
		#gridView:hover {background-position: -20px -21px;}
		#gridView:active {background-position: -20px -42px;}
#writingsList .writing {margin: 0 -17px 3px; padding: 16px 17px 18px;}
	/*#writingsList .writing .summary {width: 518px;}  IE7 Fix */
	#writingsList #featuredWriting {margin-top: 24px; margin-bottom: 0; padding: 24px 17px 22px; background-color: #fffff6; border-top: 3px solid #f3f3e1; border-bottom: 1px solid #d7d7d1; overflow: hidden;}
	#writingsList #underFeaturedWriting {padding-top: 39px; background: url(../images/postFeaturedWritingShadow.png) center top no-repeat;}
	#writingsList.listView .writing {margin: 0; padding-right: 0; padding-left: 0; border-bottom: 1px solid #d8d8d8;}
	#writingsList.listView .summary,
	#writingsList.listView .writingImage {display: none;}
	#writingsList.listView #featuredWriting {padding: 16px 0 18px; background: none; border-top-width: 0;}
	#writingsList.listView #underFeaturedWriting {padding-top: 16px; background: none;}
/* #ASIDE */
body.writings #article
body.writings .separated {padding: 9px 0 19px;}
body.writings .separated h4 {padding-bottom: 16px;}
body.writings .more li a {padding: 4px 0 5px;}
	body.writings .more li a:hover {padding-right: 16px; padding-left: 16px;}
	body.writings .more li a .activeArrow {float: left; width: 5px; height: 9px; margin: 4px 5px 0 7px;}
	body.writings .more li .active:hover {padding-left: 41px;}
	body.writings .more li .active {margin: -1px 0 0 -25px; padding-left: 41px; font-weight: bold; background: url(../images/writingsMoreActiveBackground.png) center left no-repeat; border-top: 1px solid #c5c5c5;}
body.writings .more li .kindsOfWritings {padding: 8px 0;}
	body.writings .more li .kindsOfWritings.active {padding: 8px 16px 8px 40px;}
	body.writings .more li .kindsOfWritings span {display: block; width: 152px; height: 21px; margin: 2px 0; text-indent: -9999px; background-image: url(../images/writingsArticlesOpinionsLabNotes.png);}
#articlesBy {background-position: 0 0;}
#opinionsFromOurTeam {background-position: 0 -21px;}
#labNotesFromOurLabs {background-position: 0 -42px;}
/* @end */


/* @group WRITINGS > POST
---------------------------------------------- */
/* #ARTICLE */
body.post h2.title {margin: 0; padding: 18px 0 24px; font-size: 4.8em; letter-spacing: -0.025em; text-align: center;}
body.post #article > .tungsten17 h2 {width: 66px; background-position: -781px 0;}
	body.post #article.labNote > .tungsten17 h2 {width: 78px; background-position: -1156px 0;}
	body.post #article.opinion > .tungsten17 h2 {width: 72px; background-position: -701px 0;}
	body.post #article.legal > .tungsten17 h2 {width: 0px; background-position: -701px 0;}
#article address {padding: 15px 13px 14px 10px; text-align: center; border-top: 1px solid #000; border-bottom: 1px dotted #000;}
	#articleDate {float: left; font-size: 1.4em;}
	#articleAuthor {font-size: 1.6em; text-transform: uppercase;}
	#articleTag {float: right; font-size: 1.4em;}
	#articleTag a {font-style: italic;}
#post {padding: 14px 22px 0 25px;}

	/**/
	/*#post > * {margin-bottom: 1.4em;}*/ /*Broke in IE*/
	#post * {margin-bottom: 1.4em;}
	/*#post > h2 {margin-bottom: .55em;}*/ /*Broke in IE*/
	#post h2 {margin-bottom: .55em;}
	/*#post h2 a {font-size: .4286em;}*/
	/*#post > h3 {margin: 1.35em 0 .55em; font-size: 2.0em;}*/ /*Broke in IE*/
	#post h3 {margin: 1.35em 0 .55em; font-size: 2.0em;}
	#post h4 {margin: 1em 0 .55em; font-size: 1.5em; font-style: italic;}
	#post .primary + h2,
	#post .primary + h3,
	#post .primary + p {margin: 1.1em 0 .8em; padding-top: 1em; background: url(../images/postDottedDivider.gif) center top no-repeat;}	
	#post ul,
	/*#post ol,*/
	#post dl {margin: .8em 0 1.25em;}
	#post p + ul {margin-top: -1.6em;}
	#post p,
	#post li,
	#post div {font-size: 1.6em; line-height: 1.5em;}
	#post div {overflow: hidden;}
	#post p br {margin-bottom: 8px;}
	#post li {margin: 0 29px; padding: 12px 14px 12px 4px; list-style: url(../images/postListArrow.gif) outside; border-bottom: 1px solid #c5c5c5;}
	#post ol li {list-style: decimal none outside; margin: 0 29px; padding: 12px 14px 12px 4px; }
	#post li:last-child {border-bottom-width: 0; border-bottom: none;}
	#post blockquote {float: right; width: 52%; margin: 0 0 20px 20px; padding: 8px 0 0 42px; font-size: 2.6em; line-height: 1.23em; font-style: italic; background: url(../images/articleOpenQuote.gif) top left no-repeat;}
	#post blockquote img {position: relative; top: 11px; margin-left: 8px;}
	#post blockquote .source {position: relative; left: 10px; font-size: .7em; color: #787878;}
		#post .wide {width: 93%; margin: 0px auto 25px;}
	#post img {vertical-align: text-top;}
	#post pre {clear: both; padding: 13px 18px; font-size: 1.4em; line-height: 1.5em; font-family: "monaco", "courier", serif; background-color: #eee; white-space: normal; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */	white-space: -pre-wrap; /* Opera 4-6 */	white-space: -o-pre-wrap; /* Opera 7 */ /*width: 99%; */ word-wrap: break-word; /* Internet Explorer 5.5+ */}   
	#post hr {clear: left; display: block; height: 3px; margin: 30px 0 18px; background: url(../images/postDottedDivider.gif) center no-repeat; border: none;}
	#post .imgrighthalf {float: right; margin: 0 0 2% 4%;}
	#post .imglefthalf {float: left; margin: 0 4% 2% 0;}
	#post .imgsetleftthird {float: left; width: 31%; margin: 0 3.25% 3.5% 0;}
	#post .imgsetleftthirdend,
	#post .imgsetleftthirdlast {margin-right: 0;}
	#post .alignFull {clear: both; display: block; width: 100%; margin: 32px auto 36px;}
	#post .footnote:before {content: "[";}
	#post .footnote:after {content: "]";}
	#post .primary {font-size: 1.8em; line-height: 1.556em;}
	#post .figure {clear: both; display: block; font-size: .9em; font-style: italic;}
/* #comments */
#comments .sectionTop {margin-top: 108px; padding: 13px 0 14px; color: #000; border-bottom: 1px solid #7f7f7f; clear: both;}
	#comments .tungsten17 h2 {width: 231px; margin: 0; background-position: -356px 0;}
	#comments .tungsten17 p {margin: 4px 2px 0 0; text-align: right; font-size: 1.4em; line-height: 1.2857em;}
	#comments .tungsten17 p a {font-style: italic;}
#commentsSoFar {text-transform: uppercase;}
#commentsSoFar span {font-weight: bold;}
.contribution {padding: 24px 34px 2px 0; margin: 0 0 2px; font-size: 1.4em; border-bottom: 1px dotted #7f7f7f; min-height:75px; height: auto !important;}
	.thumbnail {float: left; width: 48px; height: 48px; margin-right: 15px;}
	.contributer {float: left; width: 134px;}
	.contributer a {font-style: italic;}
	.content {margin-left: 224px;}
	.content p {margin-bottom: 1.275em; /*line-height: 1.2858em;*/ line-height: 1.4em;}
#contribute {min-height: 200px; margin: 80px -20px 0 -16px; padding: 80px 0; background: url(../images/contributeBackground.gif) left top no-repeat;}
	#incarnate {position: relative; top: -2px; float: right; width: 80px; margin: 0 50px 0 0;}
		#incarnate p {margin: 0 0 10px; padding: 0 12px; text-align: center; font-size: 1.2em;}
		#incarnate .incarnateAvatar {position: relative; top: 3px; width: 5px; height: 10px; text-indent: -9999px; outline: none;}
		#incarnate .previous {float: left; margin-right: 3px; background: url(../images/postListArrowLeft.gif); display: none;}
		#incarnate .next {float: right; margin-left: 3px; background: url(../images/postListArrow.gif); display: none;}
		#incarnateImgWrapper {position: relative;}
		#incarnateProviderImg {position: absolute; top: 6px; left: 6px;}
		#incarnateImg {border: 3px solid #eee;}
		#incarnatePager {margin-bottom: 10px; display: block; min-height: 10px; height: auto;}
		#incarnateCounter {text-align: center; margin: 0 auto; font-size: 1.1em; font-family: Verdana;}
		#incarnate #poweredBy {margin-top: 8px;}
		#incarnateHelp {position: relative;}
		#incarnateHelpImage {display: none; position: absolute; top: -56px; right: -264px; width: 258px; height: 92px;}
		#incarnateHelp:hover #incarnateHelpImage {display: block;}
	#contribute label {display: block; text-indent: -9999px;}
	#contribute .text {display: block; width: 328px; height: 27px; margin: 5px 0 7px 240px; padding: 7px 4px 0; font-size: 1.8em; color: #a6a6a6; background: url(../images/contributeInputBackground.gif) 0 0 no-repeat; border: 0;}
	#contribute .addSocial {width: 336px; margin: 9px 0 9px 240px; font-size: 1.2em; color: #040404; font-style: italic;}
	#contribute .validation {margin: 20px 0 0 240px; font-size: 1.5em; color: red; font-style: italic;}
		#contribute .validation span {display:block; float: left; margin: 2px 0 0 20px; width: 300px;}
	#contribute textarea {width: 450px; height: 199px; margin: 5px 0 0 240px; padding: 7px 4px; font-size: 1.8em; color: #a6a6a6; background: url(../images/contributeTextareaBackground.gif) 0 0 no-repeat; border: 0;}
	#contribute button,
	#contribute #commentSubmit {float: left; width: 140px; height: 40px; margin: 20px 0 0 240px; font-family: Verdana; text-transform: uppercase; font-size: 1.1em;}
	#contribute span {float: left; margin: 12px 0 0 32px;}
	#contribute span label {display: block; margin: 0 0 4px; text-indent: 0; font-size: 1.2em; font-style: italic; color: #000; cursor: pointer;}
	#contribute span input {margin-right: 8px;}
	#contribute #settings2 {display: none;}
	#contribute #subscribeEmail {float: none; display: none; width: 100%; margin: 0;}
	#contribute #subscribeEmail label {display: inline;}
	#contribute #subscribeEmail	#subscribeText {width: 140px; margin-left: 5px;}
/* #ASIDE */
body.post #aside {margin-top: -10px; padding-top: 136px;}
body.post #aside.legalAside {margin-top: 0; padding-top: 0;}
#youAreReading {position: absolute; top: 0; left: 0;}
#prevNext {overflow: hidden;}
	#prevNext a {float: left; height: 22px; font-size: 1.4em; font-style: italic; background: url(../images/asidePrevNext.png);}
	a#prev {width: 55px; padding: 5px 0 0 39px; background-position: 0 0;}
	a#prev:hover {background-position: 0 54px;}
	a#prev:active {background-position: 0 27px;}
	a#next {width: 68px; padding: 5px 0 0 26px; background-position: 94px 0;}
	a#next:hover {background-position: 94px 54px;}
	a#next:active {background-position: 94px 27px;}
#profileLink {position: relative; display: block; width: 188px; margin-top: 19px; color: #fff;}
	#profileLink span {position: absolute; bottom: 3px; left: 0; display: block; width: 152px; height: 26px; padding: 11px 18px 0; font-size: 1.4em; text-transform: uppercase; background: url(../images/asideProfileSpanBackground.png) center top no-repeat;}
	#profileLink:hover span {background-position: center;}
	#profileLink:active span {background-position: center bottom;}
/* @end */


/* @group EVENTS
---------------------------------------------- */
body.events {background-image: url(../images/eventsHeaderBackground.png);}
body.events #header {margin-bottom: 40px;}
#featuredEvent {position: relative; clear: both; width: 950px; height: 292px; margin-bottom: 41px;}
	#featuredEvent a {position: absolute; display: block; top: 180px; right: 65px; width: 192px; height: 46px; text-indent: -9999px; background: url(../images/eventsRegisterNow.png) center top no-repeat; outline: none;}
	#featuredEvent a:hover {background-position: center bottom;}
body.events #aside {width: 254px; padding: 31px 16px 0 0;}
	#eventAside {display: block; width: 255px;}
	#eventAsideDescription em {display: block; clear: both; margin-top: 20px}
	#sponsorshipCallout {display: none;}
	body.events #aside p {margin: 22px 0; font-size: 1.8em; line-height: 1.22em;}
	body.events #aside a:hover img {opacity: .9; filter: alpha(opacity=90);}
body.events #article {width: 596px; margin-left: -17px; padding: 0 17px; background: none; border-bottom: 3px solid #262626;}
	body.events .tungsten17 h2 {width: 60px; background-position: -1336px 0;}
	body.events #upcomingEvents {margin: 14px -16px 0 0; padding-right: 16px; border-right: 1px solid #d4d4d4;}
		body.events .writing {margin-top: -1px; padding: 11px 0; border: solid #d4d4d4; border-width: 1px 0;}
		body.events .writing:first-child {border-top-width: 0;}
		body.events .profile {float: left; margin-right: 16px;}
		body.events .profile:hover img {opacity: .9; filter: alpha(opacity=90);}
		body.events .date {float: none; margin: 0; font-size: 1.4em; letter-spacing: .2em; text-transform: uppercase; color: #171717;}
		body.events .writingTitle {margin: 2px 0 4px; line-height: 1em;}
		body.events .writingSubtitle {margin-left: 99px; font-size: 1.6em;}
		body.events .writingSubtitle a {font-style: italic;}
		body.events .type {float: right;}
		body.events #hiddenEvents {display: none; border-top: 1px solid #d4d4d4;}
/* @end */