@charset "UTF-8";
/* CSS Document */
/* Mobile Stylesheet for C3 Migration/Reboot */


/* Styles */
.pre-banner,img.banner,#footer,.trending,.breadcrumbs, #searchbox,#mainsearch,#searchside,.experts, .no-mobile, #side .follow, #side .events, #side .cartoon, #side .reports, #side .around-the-web, #side .partner, #side .photos, .contributors, #side .experts, #side .multimedia, #mainsearch, #search-input {display:none}

html, body, #main, #container, #wrapper, #masthead, #core, #main, #widemain,nav.topnav, #side, #side .subscribe{display:inline;width:100%;margin:0;padding:0;}

.no-big-screens {display:block}

#side {margin-top:2em;}

#wrapper {margin:0 2%; display:block; width:96%}

html{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	font-size:100%;
	}

body {padding:0;}

p {font-size:1em; line-height:1.25em;}

h1.issuehead {border-bottom:0; padding-bottom:0;color:#333; font-family:Calibri, Verdana, sans-serif;font-size:1.5em; margin:0 0 .75em 0;}
/* #core h1.issuehead {font-size:3em; line-height:1.25em; border:0; margin:0 0 1em 0} */

h1 {font-size:1.5em;}
h2 {font-size:1.2em;}

.mobile-only {display:block;}

img.mainphoto {width:100%;height:auto; display:block}

#masthead img.minibanner {width:100%;height:auto;}

.featured {background:#eee; padding:2em 2em 0; margin-bottom:3em;}
.featured h2 {font-size:1.5em;margin-left:0;}
.featured h3 {font-size:1.25em; margin-left:0;}
.featured p {font-size:1em;line-height:100%; clear:both; padding-top:0; margin:0;font-style:italic;width:100%;}
.featured .picleft {width:100%;float:none;height:auto;}
.featured p.tease, .featured p.byline {margin:0}
.home .featured p.byline {font-size:.9em;margin:0;padding:0}

.wide {margin-bottom:1em;}
.wide .featured-pic {width:100%;float:none;height:auto;}
.wide h2, .wide h3 {margin-left:0}

.infobox {padding-bottom:1em;}
.infobox h4 {font-weight:normal;margin-left:0;padding-bottom:0; line-height:1.25em;font-size:1.1em;} 
.infobox p {font-size:.9em; line-height:1.5em;clear:none;padding:.5em 0;margin:0;}
.infobox .thumb {width:33%; height:auto;float:right;  margin:.25em 0 .25em .25em; padding-left:1em;}
.infobox p.timestamp {font-style:italic; padding:.5em 0; margin:0;color:#777; font-size:.75em;line-height:1.25em}
.two, .three, .four, .five, .six, .seven, .eight, .nine, .ten {width:100%}

.series #widemain .infobox {width:100%;}


.infobox h5 {margin-left:0px;font-size:.6em;}
.infobox .content-plus {font-size:.3em;}
.infobox .content-plus img.icon {margin:0 .5em 0 0;position:relative;top:.3em;}


/* Navigation */
nav.topnav {width:100%;clear:both;display:block; overflow:hidden; padding:.5em 0 0 0;}
nav.topnav ul {list-style:none; margin:1em auto;padding:0 auto 0; width:100%;}
nav.topnav li, nav li {color:#fff; padding:0; text-transform:none;}
nav.topnav li.issues {display:block; width:auto; padding:0; margin:0; text-transform:none;}


nav.topnav li:last-child {margin-right:0;}

nav.topnav .primary li a {
   display:block;
   float:left;
   color:#fff;
   background: #036;
   padding: .1em .75em .2em;
   margin:0 .5em .1em 0; 
   font-weight:bold;
   font-size:.75em;
   text-decoration: none;
   vertical-align: middle;
   text-align:center;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   border-radius:4px;
   }

nav.topnav li.no-mobile {display:none}
nav.topnav ul li.issues ul {display:none}
nav.topnav li.active a, nav.topnav li a.active {border-bottom:0; background:#85C2FF}
nav.topnav li:hover div.drop {display:none}


nav.subnav ul {background:none; padding:.5em 0 1em; margin:0; text-align:center;}
nav.subnav li {
	font-size:.65em; 
	text-transform:none; 
	font-weight:normal; 
	padding: .1em .8em .1em;
	background:#eee;
	margin:0 .1em .5em 0; 
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	    }
nav.subnav li a {}
nav.subnav ul.p2050 li a {color:#f15c22}


p.archive-nav {margin:1em 0; text-transform:uppercase; font-size:.75em}
p.archive-nav a {padding:.5em 1em .6em;background:#3399FF; color:#fff; 
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;}


.project-banner {width:90%; height:auto; padding:1em 0 0}
/* Projects stuff */

.project-banner {display:block;margin:0 auto;padding:0; text-align:center; width:100%;height:auto;margin-bottom:2em;}

.project h2, .project h3 {margin-left:0;width:100%;}
.project p.tease  {width:100%;clear:both; margin-left:0; font-size:1.1em; padding-top:.5em;margin-left:0}
.project p.byline {margin-left:0; font-size:.9em;}
.project img.project-feature-pic {width:100%; float:none; margin-right:0; margin-top:0;}

/* Home features & sub features */

.home .featured {background:#eee;margin-bottom:1em; width:96%;padding:1em 2% 1.5em;}
.home .featured h2 {font-size:1.5em;margin-left:0;}
.home .featured h3 {font-size:1.1em;margin-left:0;}
.home .featured p {font-size:1.1em;line-height:150%; clear:both; padding-top:0; margin:0;font-style:italic;width:100%;}

.home .sub-featured {}
.home .sub-featured .infobox {width:96%;padding:1em 2% 1.5em;background:#eee; margin-bottom:1em;}
.home .sub-featured .infobox h4 {font-weight:normal; color:#666;font-size:1.1em;margin-left:0%; color:#333; width:100%;}
.home .sub-featured .infobox p {padding:.5em 0 0; margin:0; font-family:Calibri, Verdana, sans-serif; font-size:.9em; display:inline}
.home .sub-featured .infobox .thumb {width:100%;height:auto;margin:0 0 1em 0; padding:0;float:none;}
.home .sub-featured .right {float:none;}
.home .sub-featured .infobox p.byline {clear:both;font-size:.8em;display:block;clear:left;width:100%;margin:.5em 0 0 0;padding:0}

.home .infobox p {display:inline; font-size:.9em; }
.home .infobox p.timestamp {width:100%; display:block;clear:both;}
.home .infobox h4 {padding:.25em 0;}
.home .infobox h5 {font-size:.65em;}

/* Issue sub-features */

 .sub-featured .infobox {width:96%;padding:1em 2% 0;background:#fff; margin-bottom:0;border:none;}
.sub-featured .infobox h4 {padding-right:0;font-weight:normal; color:#666;font-size:1.1em;margin-left:50%; width:45%;}
 .sub-featured .infobox p {padding:.5em 0 0; margin:0; font-family:Calibri, Verdana, sans-serif; font-size:.9em;margin-left:50%; width:45%;}
 .sub-featured .infobox .thumb {width:45%;height:auto;margin:0 0 .5em 0; float:left;}
.sub-featured .right {float:none;}



/* Wide Main infoboxes */
#widemain .infobox {width:100%;float:none; overflow:hidden; padding-right:0; }
#widemain .infobox h4 {font-weight:normal;margin-left:0;padding-bottom:0; line-height:1.25em;font-size:1em;} 
#widemain .infobox p {clear:both; padding:1em 0 0 0;margin:0;}
#widemain .infobox p.timestamp {font-style:italic; padding:.5em 0; margin:0;color:#777; font-size:.625em;}

#widemain .row {display:inline;}

/* Story page adaptations */
article p img {max-width:100%;height:auto; !important}
ul.storytools li img {width:inherit;heigh:auto;}
article iframe {width:90%; height:auto;}

#main article h1 {font-size:2.25em; padding:0 0 .5em 0; font-family:Georgia, "Times New Roman", Times, serif;}
#main article h2 {font-size:2em;}
#main article h3 {font-size:1.75em; line-height:1.25em;}
#main article h4 {font-size:1.5em;}
#main article h5 {font-size:1.25em; font-weight:bold;}
#main article p, #main article li  {font-size:1.25em; line-height:1.5em;}
#main article p.photocaption, #main article p.photosource {font-size:1.1em;}
#main article p.byline {font-size:1.1em}
.storyextra {font-size:1.1em;}


ul.readbox {text-align:center;padding:1em 1em .5em 1em;list-style:none; margin:0 0 1em 1em; width:50%; float:right; background:#eee; font-size:1.1em;}
ul.readbox li a {padding:.5em 0; display:inline-block;}
ul.readbox img.cover {display:none;}


#main p.more {font-size:.9em; display:inline-block;padding:.5em 1em; background:#ddd;     
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; }

/* War Mode adaptation */
.war {display:block;width:100%;overflow:hidden;}

.warbox {margin:-6px 0 1em 0; padding:1em;background:#ddd; overflow:hidden;}
.warbox .col {float:none;padding-right:0; width:100%; float:none;}
.warbox .last {padding-right:0;}
.warbox p {line-height:1.5em; font-size:.9em;padding-bottom:1em;}
.warbox h6 {font-size:1.1em;padding:.5em 0 .25em; line-height:1em;font-weight:normal}
.warbox p a {display:inline-block;}
.warbox img {float:right; padding:0 0 .5em .5em; width:50%;height:auto;}

.war .sub-featured {margin:0; padding:0;}
.home .war .sub-featured .infobox {display:block;width:100%;padding:1em; margin:0 0 1em 0;}
.war .sub-featured .infobox img.thumb {width:100%; height:auto;}
.war .sub-featured .infobox p {font-size:.9em; line-height:1em; padding-bottom:1em;}
.war .sub-featured .last {padding-right:0}

/* Event Adaptation */
	/* Event Landing */
	.event h3 {font-size:1em; line-height:1.2em;margin-left:-20px;}
	.event h4 {font-weight:normal; padding:1em 0 .5em 0; font-size:.75em; font-weight:bold; font-family:Calibri, Verdana, sans-serif;}
	.event p {font-size:.75em; line-height:1.5em;}
	
	.event .special {font-style:italic;color:#47A3FF}
	
	/* Event Single */
	
	/*article.event h1 {font-size:2.5em; padding:0}
	article.event h4 {font-size:1.2em;}
	article.event p {font-size:1.2em; line-height:1.5em;}*/
	article.event h3 {font-size:1em; line-height:.6em;}
	article.event img.icon {height:11px;width:auto;}
	article.event img.picright {width:50%;height:auto;float:right; margin-top:.5em;}

/* JOBS Stuff */
.job h2 {font-size:1.5em;margin-left:0;}
.job h3 {font-size:1em; line-height:1.2em; padding:.5em 0;}
.job p.read-full {padding:.5em 0 1em 0;font-size:.75em; line-height:.75em; font-weight:bold;}
.job span {font-family:Arial, Helvetica, sans-serif;}


/* Sidebar element styling */
.sidebox {display:block;width:96%;padding:1em 2%;background:#eee; margin:1em 0 2em;}
#side h4, .sidebox h4, #side .pulse h4 {font-size:1.33em;}
#side h5 {font-size:1.25em; text-transform:none; font-weight:normal;}

#side li, #side ul.cleanlist li, #side .sidebox p, #side .pulse li, #side .pulse p, #side .cleanlist li,#side ul li, #side ul li span {font-size:1.1em;}

.pulse {display:block;width:92%;padding:1em 4%;margin:0 auto 2em;}
#side .pulse ul li {margin-bottom:1em;}
#side .pulse ul li a  {font-weight:normal}
#side .pulse h5 {font-size:.8em; text-transform:uppercase} 
#side p.more {font-size:.75em;}


/* Special Sections */
div.special-intro {display:block;padding:1em 0; border-top:1px dotted #85C2FF; }
div.special-intro p {padding:0;}
div.special-intro img.picright {width:50%; height:auto;margin:.5em 0 0 1em ; padding:0;}	


/* Bio Page */

.biopic {width:50%;height:auto}
.biopic img {width:100%;height:auto;}

#side .contact {background:none; padding:1em 0;}
#side .contact h4 {display:none}

.expert img.thumb {width:25%;height:auto;}
.expert h4 {padding-bottom:.5em}
.expert p {display:inline}

/* Button, mobilized */
.plainbutton {
	text-shadow:0;
	border:1px solid #cccccc;
	display:inline-block;
	color:#333333;
	font-size:1em;
	font-weight:bold;
	padding:.5em 1em;
	}
	
.button, button {font-size:1em}

/* smartphone, portrait-only */
@media only screen
and (max-device-width : 480px) 
and (orientation:portrait) {

article {font-size:.7em; line-height:.8em;}
.photosource, .photocaption {font-size:1em;line-height:1.3em}
.byline {padding-top:1em}

} /* Close phone landscape */


/* C4 tweaks */

 #side .projects li .fit {width:80%;height:auto;clear:both;margin:0 auto 1em;display:block}

/* Ribbon Cleanup/Simplify */

.ribbon-wrapper {
	  width: 100%;
  	height: auto;
	  overflow: hidden;
	  position: relative;
	  top: 0;
	  right: 0;
	}
	
	.ribbon {
	  font-size: 1em;
	  font-weight:bold;
	  text-align: left;
	  -webkit-transform: none;
	  -moz-transform:    none;
	  -ms-transform:     none;
	  -o-transform:      none;
	  position: relative;
	  padding: 0;
	  left: 0;
	  top: 0;
	  width: 100%;
	  background: none;
	  color: #036;
	  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
	  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
	}
	
.search-result h4 {font-size:2.5em}

		/* Subscribe box on home page */
		#side .subscribe  {}
		.subscribe form input {border:1px solid #ccc;padding:.5em 1em; width:100%;font-size:1em;  margin-bottom:1em;}
		.subscribe .button {float:none;width:100%;font-size:1em; padding:.5em 1em; }
	

/* Story indicators */
	.infobox .content-plus {
			font-size:.6em; 
			background:#eee; 
			padding:.3em .5em .4em;
			-webkit-border-radius: .25em;
			-moz-border-radius: .25em;
			border-radius: .25em; 
			margin:0 .5em 0 0;
			font-weight:bold;
			}
			
		.infobox .content-plus img.smallicon {margin:0 .5em 0 0;height:1em;width:auto; position:relative;top:2px;}