/* by Matthias Mueller-Prove for www.mprove.de */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500,400,300,200|EB+Garamond|Kaushan+Script|Poiret+One);


/* Layout */
body { margin:0; padding:0; bgcolor: #fff; }
#content-wrapper, .breadcrumb, .tocbanner, .phototoc, .google, body > h1, body > h2, body > h3, body > h4, body > p, body > ul, body > ol, body > blockquote, body > table, body > img, body > .twocolumns, body > .indent, body > .threecolumns, csobj > .threecolumns, body > iframe, body > csobj > dl, body > csobj > h1, body > csobj > h2, body > csobj > ul, .photo
	{
	max-width: 1200px;
	margin-right: 5%;
	margin-left: 7%;
	}

.banner{
	max-width: 800px ;
	margin: 1em 5% 2em 7%;
	padding: 1em 1em 1em 130px;
	}

.article {
	margin-left: 7%;
	padding-left: 130px;
	max-width: 800px ;
	margin-top: 3em;
	margin-right: 5%; }

.marginalnote, .sidesticker {
	line-height: 130%;
	text-align: left;
	margin-right: -130px;
	position: relative;
	z-index: 2;
	left: -130px;
	width: 120px ;
	float: left;
	margin-left: 0;
	display: block; }

img					{ height: auto !important; max-width: 100%; }

/* fonts */
* {
	font-size: 20px;
	font-family: "Source Sans Pro", Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular; }

.copyright, .copyright * {
	font-size: 11px;
	}

.sidebar *, .marginalnote, .marginalnote *, .legal, .legal * {
	font-size: 14px;
	}
	
.breadcrumb, .breadcrumb *, .toc *, nav *, .tiles li, .tiles li *, .sticker, .sticker *, .sidesticker-content, .sidesticker-content *, blockquote.twitter-strip, blockquote.twitter-strip *, .header p:last-child, .header p:last-child *, .figure, .figure * {
	font-size: 16px;
	}
	
.intro p+p, .intro p+p *, .sans11, .sans11 *, blockquote, blockquote * {
	font-size: 18px }
	
	
h1, h1 * 			{
	font-size: inherit;
	font-family: "EB Garamond", Rockwell, Georgia, "Courier New", Courier, Monaco, monospace;
	font-weight: normal;
	letter-spacing: -1pt; }
	
body, p, td, li, dl, dt, .sans11, .toc { color: #526378; }

/* links */	
a 										{ color: #0087c8; text-decoration: none; }
a:visited 								{}
.article p a, .email a, h2 a, h3 a 	{ font-weight: 500; }

*:hover > a,
*:hover > * > a,
.article ul:hover a,
.mainbar 	p:hover a,
/* .article p:hover a, .article ol:hover a, */
twocolumns:hover a,
.threecolumns:hover a,
.sidebar:hover a,
.entry-content:hover a					{
											border-bottom-style: dashed;
											border-bottom-width: 1px;
										}
.article p:hover a:visited,
.article ul:hover a:visited,
.article ol:hover a:visited,
.article dl:hover a:visited,
.mainbar 	p:hover a:visited,
.header:hover a:visited,
.sidesticker:hover a:visited,
.twocolumns:hover a:visited,
.threecolumns:hover a:visited,
.sidebar:hover a:visited,
.entry-content:hover a:visited {
	color: #f00 !important; }

a:hover,
.article ul:hover a:hover,
.mainbar p:hover a:hover,
/*	.article p:hover a:hover,
	.article ol:hover a:hover,
*/
.twocolumns:hover a:hover,
.threecolumns:hover a:hover,
.sidebar:hover a:hover,
.entry-content:hover a:hover 			{
											border-bottom-style: solid;
											border-bottom-width: 2px;
										}

td:target 				{ background-color: #f6ff00; }

h1 			{
	color: #4a5b6f;
	font-size: 44px;
	line-height: 48px;
	margin-top: 0px;
	margin-bottom: 22px;
	text-shadow: #ddd 2px 1px 3px; }

h2, h2 > a 			{
	color: #323288;
	font-size: 28px;
	line-height: 30px;
	margin-top: 48px;
	margin-bottom: 11px;
	text-shadow: #cccccc 1px 1px 3px
	-moz-column-span:all;
	-webkit-column-span:all;
	column-span:all;
	}
h3			{
	color: #3e3e3e;
	font-size: 22px;
	margin-top: 32px;
	margin-bottom: 2px; }
h3 a, h3 a:visited { border-bottom-style: none; border-bottom-width: 0; }
h4, h5, h6 			{
	color: #222;
	font-size: 20px;
	letter-spacing: -1px; }
h5,h6 			{ font-size: 17px;}
h6 					{
	letter-spacing: 0;
	margin-left: 1em; }

p				{ margin-top: 0.3em; margin-bottom: 1em; line-height: 1.3em; }
dt, dd	{ margin-top: 6px }
ul li		{ list-style-image: url(../_media/styles/marker.gif); left: 0 }
th			{
	background: url(../_media/styles/headerbar.gif) repeat-x;
	text-align: left; padding: 10px 7px 12px; target: _top
	}
hr			{ visibility: hidden; }	

/* quotes */
blockquote 	{ margin-left:60px; }
blockquote, blockquote * {
	font-style: italic;
	line-height: 1.3em;
	font-family: "EB Garamond", "PT Serif", Optima, Candara, Lucida
	; }
blockquote em { font-style: normal; }

blockquote.twitter-strip, ul.tiles, .sticker, .sidesticker {
	position: relative;
	z-index: 1; }
	
blockquote.twitter-strip p, .tiles li, .sticker p, .sidesticker-content {
	background-color: #fff;
	padding: 10px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.04) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.04) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.04) inset; }

blockquote.twitter-strip p:before, blockquote.twitter-strip p:after,
ul.tiles li:before, ul.tiles li:after, 
.sticker p:before, .sticker p:after,
.sidesticker-content:before, .sidesticker-content:after {
	content: '';
	z-index: -1;
	position: absolute;
	left: 10px;
	bottom: 20px;
	width: 70%;
	max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
	max-height: 100px;
	height: 33%;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
	-webkit-transform: skew(-15deg) rotate(-6deg);
	-moz-transform: skew(-15deg) rotate(-6deg);
	-ms-transform: skew(-15deg) rotate(-6deg);
	-o-transform: skew(-15deg) rotate(-6deg);
	transform: skew(-15deg) rotate(-6deg); }

blockquote.twitter-strip p:after,
ul.tiles li:after {
	left: auto;
	right: 10px;
	-webkit-transform: skew(15deg) rotate(6deg);
	-moz-transform: skew(15deg) rotate(6deg);
	-ms-transform: skew(15deg) rotate(6deg);
	-o-transform: skew(15deg) rotate(6deg);
	transform: skew(15deg) rotate(6deg); }

.email			{
	font-family: "Courier New", Courier, Monaco, monospace;
	margin: 11px 44px;
	}
.email blockquote {
	font-style: normal;
	margin-left: -30pt; padding-left: 35pt; border-left: 3px solid #696969
	}

.tiles li 		{
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: text-top;
	width: 330px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 10px;
	display: inline-block;
	position: relative;
 	}
.article .tiles li,
.mainbar .sticker p {
	line-height: 125%; }	
.tiles li.de 	{
	background-image: url(../_media/icon/flag3-de.png);}
.tiles li.en-us {
	background-image: url(../_media/icon/flag3-us.png); }
.tiles li.en-uk { 
	background-image: url(../_media/icon/flag3-uk.png); }

.sticker 		{
	margin-top: 2em; }
.article .sticker p {
	line-height: 22px;
	width: 320px; }
.sticker p>img 	{
	height: 444px;
	margin-right: 11px; }
.sidesticker-content{
	line-height: 22px;
	display: inline-block;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 240px rgba(222, 222, 0, 0.25) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 240px rgba(222, 222, 0, 0.25) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 240px rgba(222, 222, 0, 0.25) inset; }

.gray 			{ color: #696969 }
.marker 		{ background-color: #ffff4f }
.markergreen  	{ background-color: #93ff67 }
.markerred 		{ background-color: #ff8fb1 }

.news, .banner 	{
	background: url(../_media/backg/NZZBack.gif) repeat;
	-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
	}

.stripes tr:nth-child(2n+3) td,
.stripes1 tr:nth-child(2n-1) td,
.stripes1 li:nth-child(2n-1) td { background-color: #edf3fe; }

.invisible 		{ background-color: #bababa; display: none; }

.article p, .article li, .article dt, .article dd,.mainbar .intro p, .mainbar .header+p, .mainbar h1+p  {
	font-weight:300;
	line-height: 1.8em; }
.article blockquote p, .article blockquote li {
	break-inside:avoid;
	}
	
.header p {
	color: #9a9a9a;
	font-weight: bold;
	line-height: 22px;
	text-shadow: #fff 2px 2px 6px;
	letter-spacing: -1px;
	width: 100%;
	margin-top: 0; }
.header p:first-child	{ border-bottom: 1px solid silver; }
.header p:last-child	{
	text-align: right;
	border-top: 1px solid silver; }
	
.article strong {
	letter-spacing: -1pt; }
.indent, p.figure, figure	{ margin: 0 30px 1em 30px }
.legal, .article .legal {
	font-family: "Courier New", Courier, Monaco;
	background: url(../_media/backg/NZZBack.gif);
	margin-top: 0; margin-left: 0; padding: 16px 15px 21px 18px;
	-moz-border-radius: 7px;
	-moz-box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3);
	-webkit-border-radius: 7px;
	-webkit-box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3);
	border-radius: 7px;
	box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3);
	text-shadow: #cccccc 1px 1px 2px
	}
	
p.figure, figure		{ text-align: left; }

.twocolumns 	{
	margin-top: 1.5em;
	column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;
	column-width: 244px; -moz-column-width: 244px; -webkit-column-width: 244px;}
.threecolumns 	{
	margin-top: 1.5em;
	column-count: 3; -webkit-column-count: 3; -moz-column-count: 3;
	column-width: 300px; -moz-column-width: 300px; -webkit-column-width: 300px;}
.twocolumns + *:first-child, .threecolumns + *:first-child,
.twocolumns > h2,
.twocolumns h2+*:first-child, .threecolumns h2+*:first-child {margin-top: 0px;}
.nocolumnbreak 	{
	width: 100%;
	display: inline-block; }

.breadcrumb, .breadcrumb * 	{
	font-family: "Poiret One", "Helvetica Neue", Hevetica; background-image: url(../_media/backg/NZZBack.gif); }
#breadcrumb-target{
	margin-top: 3em; }

.portrait, .portrait2
/* home #photos23 img[src$="standard"] */ {
	margin-right: 5px;
	border-width: 5px 5px 7px;  border-color: white;

	-webkit-box-shadow: 1px 1px 5px #888;
	-moz-box-shadow: 1px 1px 5px #888;
	box-shadow: 1px 1px 5px #888;
	}
.portrait 		{	
	-webkit-transform: rotate(-1.7deg);
	-moz-transform: rotate(-1.7deg);
	-o-transform: rotate(-1.7deg);
	-ms-transform: rotate(-1.7deg)   }
.portrait2 		{		
	-webkit-transform: rotate(1.3deg);
	-moz-transform: rotate(1.3deg);
	-o-transform: rotate(1.3deg);
	-ms-transform: rotate(1.3deg)   }
.reflection  	{
	-webkit-box-reflect: below -1px
		-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(white)); }
		
.shadow,
.article iframe,
img[border="1"],
.main iframe:not[frameborder="0"] /* blogger */
				{
	margin-top: 11px; margin-right: 11px; margin-bottom: 22px; border-style: none; border-width: 0; -webkit-box-shadow: #aaa 2px 2px 12px; -moz-box-shadow: #aaa 2px 2px 12px; box-shadow: #aaa 2px 2px 12px; }
.localnav a   	{ background: url(../_media/styles/headerbar.gif) repeat-x; margin: 2px; padding: 1px 6px; border-style: solid; border-width: 1px; border-color: #ccc #aaa #aaa #ccc; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px }
.date  			{ color: #696969; font-style: italic; margin-bottom: 11px }
.feedburnerFeedBlock li  { margin-right: 22px; margin-bottom: 22px }

/* Header and main navigation */
.fixednav 	{
	position: fixed;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	z-index: 3;

	background: url(../_media/styles/bluebar.png) repeat-x;
	-webkit-box-shadow: #555 2px 2px 10px;
	-moz-box-shadow: #555 2px 2px 10px;
	box-shadow: #555 2px 2px 10px;

	transition-delay:2s;
	-webkit-transition: opacity 3s linear;
	-moz-transition: opacity 3s linear;
	-o-transition: opacity 3s linear;
	opacity: 0.25; 
	}	
.fixednav:hover {
	transition-delay:0s;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	opacity: 0.95;
	}

ul.menu 		{
	margin-top: 6px;
	margin-left: 0;
	}
ul.menu li 		{
	display: block; float: left; position: relative; z-index: 5; 
	padding: 1px 6px 2px;
	}
ul.menu li:empty { background-image: none; padding-right: 4px; border-style: none; border-width: 0; }
ul.menu li.right {
	right: 0;
	float: right; }
ul.menu li.right img {
	padding-top: 4px;
	padding-bottom: 8px;
	}
ul.menu>li:hover {
	color: white;
	background-color: #2f526d;
	border-bottom: medium none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 5px;
	border-radius: 5px
	}

ul.menu ul 		{
	list-style-type: none;
	display: block;
	visibility: hidden;	/* initially hide all submenus. */

	position: absolute;
	left: 0;
	top: inherit;
	z-index: 10;
	margin: 0; padding: 0; border: 0;

	background-image: url(../_media/backg/NZZBack.gif);
	
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px

	-webkit-box-shadow: 1px 1px 7px #aaa;
	-moz-box-shadow: 1px 1px 7px #aaa;
	box-shadow: 1px 1px 7px #aaa;
	
	transition-delay:0.5s;
	}
ul.menu li:hover>ul 	{
	visibility: visible;
	transition-delay:0s;
	}
	
ul.menu li a 		{
	color: #eee;
	font-size: 18px;
	border-bottom: medium none; }
ul.menu > li > a 	{ text-shadow: -1px -1px 2px rgba(0,0,0,0.5); }	

ul.menu li:hover, ul.menu li:hover>a { 
	z-index: 10000; white-space: normal; color: #fff; text-decoration: none;
	}

ul.menu li li		{
	float: none;
	min-width: 20em; }
ul.menu li li:empty { height: 6px; }
ul.menu li li img	{ padding-right: 5px; }
ul.menu li li a 	{
	color: #427196;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	width: 100%;
	min-height: 28px;
	display: block; }
ul.menu li li:hover	{ background-color: #2f526d; }
ul.menu li li:hover>a { color: #fff; }
.b5 			{
	color: #fff; font-size: 18px; line-height: 34px;
	padding-right: 3%; padding-left: 3%; height: 40px
	}
	
.b5 a, b5 a:visited {
	color: #eee;
	margin-right: -7px; margin-left: -7px; padding: 3px 7px 5px; border-bottom: medium none
	}
	
.b5 a:hover 	{
	color: white; background-color: #2f526d;
	border-bottom: medium none;
	-moz-border-radius: 7px;
	-webkit-border-radius: 5px;
	border-radius: 5px
	}
	
.b5 a img 		{ border-bottom: medium none }
.b5 input 		{ color: #555; border-bottom: medium none }
/* Footer */
.footer 		{
	background: #9a9b9b url(../_media/styles/footerbar.jpg) repeat-x;
	z-index: 11;
	margin: 77px 0 0 !important;
	padding: 5px 5% 2em 7%;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	opacity: 0.6; }
.footer:hover	{ opacity:0.95; }
.footer, .footer * { color: #eee; font-size: 11px; }
.footer strong 	{ color: #c6c6c6 }
.footer a   	{ color: #eee; font-weight: normal; padding: 4px 22px 2px 4px; border-bottom: 0px none; }
.footer a:hover, .footer a:hover strong { color: #555; background-color: #ff0; text-decoration: none; border-bottom: 0 none
	 }
.footer a:visited { border-bottom: 0px none }
.footer img 	{ border: 0px }

.footer>ul {
	padding-left: 0;
	display: -webkit-flex;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap; }
.footer>ul>li		{
	margin-bottom: 1em;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto; }
.footer>ul ul {
	margin-top: 1em;
	padding-left: 0; }
.footer li		{
	min-height: 1.8em;
	list-style-type: none;
	list-style-image: none; }
	
	
.copyright  	{ z-index: 12; color: #dbdbdb; text-align: right; position: relative; top: -1.5em; height: 0; float: right; margin-right: 0; padding-right: 1em; }

/* link indicators */
a[href^="http"]:after {
	content: "";
	background: url(../_media/icon/linkExternal.gif) no-repeat right top;
	display: inline-block;
	width: 11px;
	height: 1em;
	}

a[href^="http://twitter.com"]:after,
a[href^="https://twitter.com"]:after {
	content: "";
	background: transparent url(../_media/icon/twitter_15x12.png) no-repeat top right; 	display: inline-block;
	width: 17px;
	height: 1em;
	}

a[href^="https://itunes"]:after {
	content: "";
	background: transparent url(../_media/icon/apple.png) no-repeat top right;
	display: inline-block;
	width: 12px;
	height: 1em;
	}

.article a[href^="http://www.slideshare.net"]:after,
.article a[href^="http://slideshare.net"]:after {
	content: "";
	background: transparent url(../_media/icon/slideshare.gif) no-repeat top right;
	display: inline-block;
	width: 16px;
	height: 1em;
	}

a[href$=".pdf"]:after {
	content: "";
	background: transparent url(../_media/icon/pdf.gif) no-repeat top right;
	display: inline-block;
	width: 19px;
	height: 1em;
	}

a[href^="http://www.amazon."]:after {
	content: "";
	background: transparent url(../_media/icon/amazon16.gif) no-repeat top right;
	display: inline-block;
	width: 20px;
	height: 1em;
	}

.nolinkimage		{}

a.nolinkimage:after,
.nolinkimage a:after,
.fixednav a:after,
.footer a:after,
.feedburnerFeedBlock a:after,
.delicious-cloud a:after,
#flickr_badge_wrapper a:after,
a[href^="https://www.blogger.com"]:after,
a[href^="http://hci-design.blogspot."]:after,
a[href^="http://interface-culture.blogspot."]:after,
a[href^="http://uxhh-radio.blogspot."]:after,
a[href^="http://mprove.tumblr.com/"]:after,
a[href^="http://raumschiffer.de"]:after,
a[href^="http://twitter.com/"]:after,
a[href^="https://twitter.com/"]:after,
a[href^="http://www.23hq.com/"]:after,
.google a:after,
.post-body a:after
	{
	content: "";
	background: transparent;
	width: 0;
	display: inline-block; }


/* iPad */
@media only screen and (max-device-width:1024px)
{
	.fixednav  	{ opacity:0.95 !important; }
	.footer 		{ opacity:1;}
	
	ul.menu li li		{ min-width:30em}
	ul.menu li li a	{
			font-size: 18px;
			line-height: 30px; }
	ul.menu li:hover>ul 	{
		-webkit-transition: left 11s step-end;
		-moz-transition: left 11s step-end;
		-o-transition: left 11s step-end;
		left: -999em;
		}

	.footer, .footer p, .footer td { font-size: 16px; }
	#content-wrapper, .breadcrumb, .tocbanner, .phototoc, .google, body > h1, body > h2, body > h3, body > h4, body > p, body > ul, body > blockquote, body > table, body > img, body > .twocolumns, body > .indent, body > .threecolumns, csobj > .threecolumns, body > iframe, body > csobj > dl, body > csobj > h1, body > csobj > h2, body > csobj > ul, .photo
		{
		margin-right: 1%; margin-left: 2%;
		}
	.tiles li { width: 300px; }
}

/* iPhone */
@media only screen and (max-device-width: 640px)
{
	* {
		font-size: 42px;
		font-family: 'Helvetica Neue', Helvetica, Arial, Geneva, Swiss, sans-serif;
		}
	.breadcrumb, .breadcrumb * { font-family: "Source Sans Pro", Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular; }
	
	.copyright, .copyright * {
		font-size: 24px;
		}
	
	.sidebar *, .marginalnote, .marginalnote *, .legal, .legal * {
		font-size: 30px;
		}
		
	.breadcrumb, .breadcrumb *, .toc *, nav *, .tiles li, .tiles li *, .sticker, .sticker *, .sidesticker-content, .sidesticker-content *, blockquote.twitter-strip, blockquote.twitter-strip *, .header p:last-child, .header p:last-child *, .figure, .figure *, .footer, .footer * {
		font-size: 38px;
		line-height: 48px; }
		
	.intro p+p, .intro p+p *, .sans11, .sans11 *, blockquote, blockquote * {
		font-size: 40px }
	


	.fixednav  	{
		background-size: 100% 100%;
		opacity:0.95 !important; }
	ul.menu li a, ul.menu li li a	{
		font-size: 36px;
		line-height: 48px; }
	ul.menu li li		{
		min-width:880px;
		padding-top: 11px;
		padding-bottom: 9px; }
	ul.menu ul {
		position: fixed;
		left: 22px;
		border: solid 22px silver;}
	ul.menu li:hover>ul 	{
		-webkit-transition: left 11s step-end;
		-moz-transition: left 11s step-end;
		-o-transition: left 11s step-end;
		left: -999em;
		}
	.footer 		{
		background-color: #636464;
		background-image: none;
		opacity:1; }
	#content-wrapper, .breadcrumb, .tocbanner, .phototoc, .google, body > h1, body > h2, body > h3, body > h4, body > p, body > ul, body > blockquote, body > table, body > img, body > .twocolumns, body > .indent, body > .threecolumns, csobj > .threecolumns, body > iframe, body > csobj > dl, body > csobj > h1, body > csobj > h2, body > csobj > ul, .photo {
		margin-right: 1%;
		margin-left: 2%; }
	.article, .banner {
		max-width: 100%;
		margin-right: 2%;
		margin-left: 2%;
		padding-left: 0; }
	.marginalnote {
		background-color: #eee;
		float: none;
		margin-right: auto;
		position: relative;
		z-index: 2;
		left: 0;
		width: 100% ;
		clear: both;
		display: block; }
	.twocolumns, .threecolumns{
		column-count: 1; -webkit-column-count: 1; -moz-column-count: 1;
		}

	body, p, td, li, dl, dt, .sans11, .toc, .toc li, .article .sans11, .article .sans11 p, .sans9, .article .tiles li, .mainbar .sticker p, {
		xfont-size: 34px;
		xline-height: 35px !important; }
	.article p, .article li, .article dt, .article dd, .article blockquote p, .article blockquote li, .intro p {
		color: #000; }
	h1 					{ font-size: 64px;
						   	line-height: 70px; }
	.header p		{ font-size: 34px; }
	h2 {
		font-size: 56px;
		font-weight: 400;
		line-height: 52px; }
	h3 {
		font-size: 48px;
		font-weight: 400; }
	h4, h5, h6 			{ font-size: 40px;}
	.tiles li { width: 800px; }
	
	.optional { display: none; }
	.optional-uppercase { text-transform: uppercase; }
	.social img, img.social {
		width: 88px !important;
		height: 88px !important; }
	.twitter-block {display: none;}
}

/* narrow */
@media screen and (max-width: 640px)
{
	.article, .banner {
		margin-right: 2%;
		margin-left: 2%;
		padding-left: 0; }
	.marginalnote {
		background-color: #eee;
		float: none;
		margin-right: auto;
		position: relative;
		z-index: 2;
		left: 0;
		width: 100% ;
		clear: both;
		display: block; }
	.optional { display: none; }
	.optional-uppercase { text-transform: uppercase; }
}

/* printer */
@media print {
	.fixednav, .fixednav *, .breadcrumb, .footer, .copyright, iframe, #next-btn, .sticker, .noprint  { display:none; }
	h1 { font-size: 28px }
	h2 {
			font-size: 22px ;
			font-weight: 400;
			margin-top: 32px; }
	h3, .header p {
			font-size: 18px ;
			font-weight: 400;
			margin-top: 28px; }
	h4 {
			font-size: 16px ;
			font-weight: 500; }
	h5 { font-size: 14px }
	h6 { font-size: 12px }
	p, td, li, dl { font-size: 9pt !important; color:#000000; }
	a:visited { color:#0087c8; }
	a[href^="http"] {
		padding-right: 0px;
		background: none; }	
	a:after {
		content: " ["attr(href)"]";
		}
	img { max-width:100%; height:auto !important; }
}