@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, #widemain,nav.topnav, #side, #side .subscribe, #masthead img.minibanner, nav, ul.storytools, iframe, .readbox, #main p.more, #widemain .infobox, .row, .infobox .content-plus  {display:none}

html, body, #container, #wrapper, #masthead, #core, #main, #widemain, #widemain article {
    display:inline;
    width:100%;
    margin:0;
    padding:0px;
    }

#main {padding:3em 3em 6em;}


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

html{font-size:12pt; line-height:125%;}

#main:before,
#widemain:before {content: url(/wp-content/shared/images/caplogo300.jpg)}

p {}


h1 {font-size:20pt;padding-top:1em;}
h2 {font-size:16pt;}

.mobile-only {display:block;}

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

.featured {background:#eee; padding:2em 2em 0; margin-bottom:3em;}

.wide {margin-bottom:1em;}
.wide h2, .wide h3 {margin-left:0}

		.infobox h4,.infobox h5,.infobox p {margin-left:0}


.infobox {margin-bottom:10px; width:100%;}
.infobox .thumb {width:20%; height:auto;float:right; margin-top:.5em; padding-left:1em;}
.two, .three, .four, .five, .six, .seven, .eight, .nine, .ten {width:100%}

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

.project-banner {width:80%; height:auto; padding:1em 0 0}

/* Home features & sub features */

.home .featured {background:#eee; padding:1em; margin-bottom:1em; width:100%;}

.home .sub-featured {}
.home .sub-featured .infobox {width:100%;padding:1em 1em 1.5em;background:#eee; margin-bottom:1em;}
.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 .infobox p.timestamp {width:100%; display:block;clear:both;}
.home .infobox h4 {padding:.25em 0;}

/* Issue sub-features */


.sub-featured .infobox {width:100%;padding:1em 1em 1.5em;background:#eee; margin-bottom:1em;}
.sub-featured .right {float:none;}

#widemain .row {display:inline;}

/* Story page adaptations */
article p img {width:100%;height:auto; !important}

#main article p, #main article li  {font-size:12pt; line-height:125%;}
#main article p.byline {font-size:1em}

.storyextra {font-size:.8em;}


/* 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:1.75em;padding-bottom:1em;}
.warbox h6 {font-size:2.25em;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 .last {padding-right:0}

/* Event Adaptation */
	/* Event Landing */
	.event .special {font-style:italic;color:#47A3FF}
	
	/* Event Single */
	article.event img.icon {height:11px;width:auto;}
	article.event img.picright {width:50%;height:auto;float:right; margin-top:.5em;}

/* JOBS Stuff */
.job span {font-family:Arial, Helvetica, sans-serif;}


/* 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;}	



/* C4 tweaks */

#side .projects li .fit {width:50%;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);
	}