body {
	margin:0px;
	max-width: 960px;
	margin:auto;
}

#menuWrapper {
	width:100%;
	height:auto;
	background-color:#1e1e1e;
	float:left;
}

a {
	text-decoration: none;
}
/* inhold */
#wrapper {
	padding:46px 8px 8px;
}

/*------------------------------------------------
                      hidding element
--------------------------------------------------*/

.book, .search {
	display: none;
}
/*------------------------------------------------
                      navigation
--------------------------------------------------*/
.i3Logo {
	width: 118px;
	height: 121px;
	background-color: white;
	position: fixed;
	margin-top: -48px;
	margin-left: 32px;
	z-index: 1001;
	box-shadow: 2px 2px 2px rgba(0,0,0,.5);
}
.i3Logo div {
	background-image: url("img/logo.png");
	background-size: 85%;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 140px;
}
.nav {
	position: fixed;
    z-index: 1000;
	top: 0;
	left: 0;
	background-color: #6dcef5;
	border-bottom: 1px solid white;
	width: 100%;
	height: 48px;
	float: right;
}
.navBox {
		max-width: 960px;
		margin:auto;
	}

.topMenu {
    float: right;
    list-style: none;
    margin: 8px;
	position: relative;
	padding:0;
}

.nav .topMenu li {
    background-image: url('img/sprite.png');
    background-size: 298px 421px;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    float: left;
	width: 35px;
	height: 35px;
	border-width: 0 1px;
	margin-right: 8px;
}

.nav .topMenu li a:visited {
	display: block;
	text-decoration: none;
}

.nav .topMenu li a {
	display: inline-block;
    height: 0;
    padding-top: 54px;
    text-decoration: none;
    width: 35px;
	border-bottom: 1px solid transparent;
	border-right: 1px solid transparent;
	z-index:0;

}
.nav .home {
	background-position: -60px -33px;
}
.nav .home:hover {
	background-position: -113px -33px;
}
.nav .share {
	background-position:-60px -108px;
}
.nav .share:hover {
	background-position:-113px -108px;
}
.nav .book {
	background-position:-60px -70px;
}
.nav .book:hover {
	background-position:-113px -70px;
}
.nav .search {
	background-position:-60px -145px;
}
.nav .search:hover {
	background-position:-113px -145px;
}
.signature {
	float: left;
	margin-left: 180px;
	margin-top: 10px;

}
/* end navigation*/
/*------------------------------------------------
                      nav panel
--------------------------------------------------*/
.nav .topMenu ul {
	position: absolute;
	background-color: #6dcef5;
	top: 23px;
	right: -8px;
	width:180px;
	height: auto;
	padding: 8px 0 0 16px;
	display: none;
}
.nav .topMenu li:hover ul, .nav .topMenu ul li {
	display: block;
}

.nav .topMenu li li {
	background:none;
	display: block;
	clear:left;
	width: 150px;  
	height: 35px;
	margin-top: 4px; 
}
.nav .topMenu li li a {
	color: white;
	padding: 0;
	width: 180px;
	height: 25px;
	line-height: 25px;
	float: left;
}

.ico {
	background-image: url('img/sprite.png')!important;
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin-right: 4px;
	float: left;
	height: 23px;
	width: 23px;
	background-size: 198px 281px;
}



/* start share panel*/

.ico.linkedin:hover {
	background-position: -121px -47px;
}
.ico.face:hover {
	background-position: -121px -72px;
}
.ico.twitter:hover {
	background-position: -121px -22px;
}
.ico.email:hover {
	background-position: -121px -97px;
}

.ico.linkedin {
	background-position: -154px -47px;
}
.ico.face {
	background-position: -154px -72px;
}
.ico.twitter {
	background-position: -154px -22px;
}
.ico.email {
	background-position: -154px -97px;
}

/* start issue panel*/
.ico.i3 {
	background-position: -121px -122px;
}
.ico.i3:hover {
	background-position: -121px -147px;
}
/* start search panel*/

.searchpanel:active form{
	display: block;
}
.searchbox {
	width: 100%;
	margin-bottom: 8px;
	margin-top: 0;
}
.nav .topMenu .searchpanel {
	height: 110px;
}
.searchbutton:hover {
	background-color: #35434b;
	border:1px solid #35434b;
	color: white;
}
.searchbutton {
	border:1px solid #d0d0d0;
	background-color:#fcfcfc;
	color:#35434b;
}
/*------------------------------------------------
                      heading
--------------------------------------------------*/
#bookheadingWrapper {
	width:100%;
	float:left;
	position: relative;
}

.bookHeading {
	width:100%;
	float:left;
}

.heading {
	width:81.2%;
	float:left;
}
.headingimg {
	margin-right: 4px;
}
.headingimg img {
	width: 100%;
}

.CEOlink {
	position: absolute;
	bottom: 10px;
	left: 200px;
	color: white;
	font-weight: 100;
	margin: 0;
}
.CEOlink:hover {
	color: #6dcef5;
}
.issue img {
	width: 100%;
}
.issueWrapper {
	float:left;
	width:18.75%;
}
.issue {
	width:100%;
	float:left;
}
.mainImage {
	position: relative;
}
.articleHeading {
	position: absolute;
	max-width: 47%;
	background-color: rgba(255,255,255,0.9);
	height: auto;
	padding: 10px;
}
.articleHeading .mini {
		width:20%;
	}
.articleHeading.rightDown {
	right: 20px;
	bottom: 30px;
}
.articleHeading.rightTop {
	right: 20px;
	top: 30px;
}
.articleHeading.leftDown {
	left: 20px;
	bottom: 30px;
}
/* end of heading */


/*------------------------------------------------
                      font
--------------------------------------------------*/
body {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.title {
	font-family: "Libre Baskerville";
	font-style: italic;
	font-size: 22px;
	color: black;
	margin: 0;
}
.story {
	font-family: "Libre Baskerville";
	font-style: italic;
	font-size: 42px;
	color: #6dcef5;
	margin: 15px 0 0 0;
}
h1 {
	font-family: "Libre Baskerville";
	font-style: italic;
	font-size: 48px;
	font-weight: lighter;
	margin: 0;
}
.nav .topMenu li li a {
	font-size: 14px;
	font-weight: 200;
}
.topMenu p:hover {
	
	color: #35434b;
}
.topMenu p {
	color: white;
	margin: 0;
}
.dropdownTitle{
	color: #35434b;
	font-weight: 200;
}
.articleTeaser h2 {
	font-size:20px;
	color:#0076b7;
	font-weight:200;
	margin-bottom:8px;
	margin-top:0px;
}
.articleTeaser {
	font-size:14px;
	font-weight:200;
}
.introteaser p {
	font-size:20px;
	font-weight:200;
	color: #adadad;
}
.introteaser a p{
	color: #6dcef5;
}
.introteaser a p:hover{
	color: #3c3c3c;
}
.overlay h2 {
	color: #5bd8ff;
}
.sidebox div h2{
	font-size:1.2em;
	font-weight:200;
	text-align:right;
}
h3 {
	font-size:32px;
	margin:16px 16px 8px 16px;
	color: #6dcef5;
	font-weight: 200;
	text-align: center;
}
.darkBlue {
	font-size:18px;
	margin-top:24px;
	margin-bottom: 0;
	color: #07728c;
	font-weight: bold;
	clear: both;
}
.center	{
	text-align: center;
	margin: 0;
}
h4 {
	font-size: 20px;
	font-weight: 200;
	margin: 0 0 8px;
	color: #f0f0f0;
}
h5, .name a {
	margin-bottom: 0;
	color: white;
	font-weight: 300;
}
h5:hover, .name a:hover {
	color: #6dcef5;
}

.factText {
	font-size: 12px;
	margin: 16px;
}

.firstRow {
	color:#0076b7;
	font-weight:bold;
	font-size:1em;
}

.menuTitle {
	font-family: plantin;
	font-size: 52px;
	color: #6dcef5;
	margin-top: 0;
	margin-bottom: 8px;
}
.sidebox div h2{
	font-size:1.2em;
	font-weight:200;
	text-align:right;
}
span {
	font-size:16px;
	color: #6dcef5;
}

.issue p {
	font-weight:300;
}

.date p{
	font-size:40px;
	margin-top:0;
}
.article p, .introtext p {
	font-size:14px;
	line-height: 24px;
	color: #3c3c3c;
}
.frontpopUp div p{
	color: #5bd8ff;
	font-size: 20px;
	font-weight: 100;
	margin-top:8px;
	margin-left:8px;

}
.text p {
	color: #d2d2d2;
	font-weight: 100;
	font-size:14px;
	margin: 0;
}
.text h3 {
	color: #5bd8ff;
	font-size: 20px;
	font-weight: 100;
	margin: 0;
}

.menuTitle p {
	font-size: 20px;
	color: #3c3c3c;
	font-weight: 100;
	margin:8px;
}
.article ul {
	font-size:14px;
	line-height: 24px;
	color: #3c3c3c;
}

.name {
	color:#d2d2d2;
	font-weight: 200;
	font-size: 14px;
	float: left;
	margin: 0;
}
.name a {
	color: white;
}
.imageText {
	font-weight: 200;
	background-color: 
}

.imgLink.close {
	font-weight: 200;
	font-size: 14px;
	float: right;
	margin: 8px;
}

.textBox .smallText {
	font-size: 14px;
	color: #1d1d1b;
}

.article a {
	text-decoration: none;
	color: #6dcef5;
	font-size: 14px;
	font-weight: normal;
}
.searchbutton {
	font-size: 14px;
	font-weight: 100;
}
.introtitle p {
	text-align: right;
	font-size: 58px;
	color: #6dcef5;
	font-weight: 100;
}
	
/* end font */


/*------------------------------------------------
                      intropage
--------------------------------------------------*/
#introteaser {
	width: 100%;
	float: left;
	margin: 20px 0;
}
.introtitle {
	width: 33.3%;
	float: left;
}
.introtitle p {
	margin: 0 8px;
}
.introteaser p {
	margin: 8px;
}
.introteaser {
	width: 66%;
	float: left;
}
.introcontent {
	width: 100%;
	float: left;
	margin-top: 8px;
}
.introimg {
	width: 50%;
	float: left;
}
.introtext p {
	margin: 0 8px;
}
.introimg div {
	background-image: url(img/IMG_1225.jpg);
	background-size: cover;
	height: 600px;
    background-position: left top;
    background-repeat: no-repeat;
	margin: 8px;
}
.introtext {
	width: 50%;
	float: left;
}
.introimg p, .ceo {
	margin: 8px;
	font-size: 20px;
	font-weight: 100;
	color: #adadad; 
}
.introimg span, .ceo span {
	font-size: 20px;
	font-weight: 200;
}
/*------------------------------------------------
                      Additional resources
--------------------------------------------------*/

#pop {
	width:33.3%;
	float:left;
}
.popUp {
	margin:16px 8px 8px 16px;
}
.Additional {
	text-decoration: none;
}
.additional {
    background-image: url('img/sprite.png');
    background-size: 298px 421px;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    float: left;
	width: 35px;
	height: 35px;
	border-width: 0 1px;
	margin-right: 8px;
	margin-top: 0;
}
.additional.story {
	background-position: -60px -236px;
}
.additional.product {
	background-position: -60px -273px;
}
.additional.people {
	background-position: -60px -310px;
}

.Additional:hover p {
	color:#747474;
}
.Additional .related.contact:hover {
	font-weight: 200;
}
.related {
	font-size:1.2em;
	color:#5bd8ff;
	font-weight:100;
	line-height: 35px;
	margin: 0;
}
.related:active{
	width: 110%;
	background-color: #35434b;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	color: white;
}


.related.contact {
	color: #747474;
}

.popUp ul {
	list-style: none;
	padding: 0;
	margin: 8px;
}

/*------------------------------------------------
                      expandable
--------------------------------------------------*/

.expandable {
	width: 100%;
	float: left;
	padding-bottom: 4px;
}
.story img {
	margin-top: 16px;
	margin-left: 8px;
}
.topStory {
	width: 60%;
	float: left;
}

.topStory .box {
	width: 100%;
	position: relative;
}
.topStory .textBox {
	width: 40%;
	background-color: rgba(255,255,255,0.7);
	height: auto;
	padding: 10px;
	position: absolute;
	right: 30px;
	bottom: 20px;
}
.topStory .box .link {
	height: 510px;
	margin: 8px;
	background-image: url("img/andreas sohmen-pao/Andreas Sohmen-Pao overlay.jpg");
	background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.articleTwoFive.a .box .link  {
		background-image: url("img/ay113775538epa03780123-emir.jpg");
}
.articleTwoFive.b .box .link  {
		background-image: url("img/ecdis next generation/top_image_without_textbox.jpg");
}
.articleTwoFive.c .box .link  {
		background-image: url("img/what's a wig/top_image_without_textbox.jpg");
}
.articleTwoFive.d .box .link  {
		background-image: url("img/1mbperanomeridium.jpg");
}
.articleTwoFive.e .box .link  {
		background-image: url("img/_JES2686.jpg");
}
.articleTwoFive {
	width: 40%;
	float: left;
}
.articleTwoFive .box {
	width: 100%;
	position: relative;
}
.articleTwoFive .textBox {
	width: 40%;
	background-color: rgba(255,255,255,0.7);
	height: auto;
	padding: 10px;
	position: absolute;
	
}
.articleTwoFive .textBox.rightTop {
	right: 30px;
	top: 20px;
}
.articleTwoFive .textBox.rightDown {
	bottom: 20px;
	right: 30px;
}
.articleTwoFive .textBox.leftDown {
	bottom: 20px;
	left: 30px;
}
.articleTwoFive .textBox.leftTop {
	top: 20px;
	left: 30px;
}
.articleTwoFive .box .link {
	height: 247px;
	margin: 8px;
	background-image: url("img/3.jpg");
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.secondMain {
	width: 40%;
	float: left;
}
.secondMain .box {
	width: 100%;
	position: relative;
}
.secondMain .textBox {
	width: 40%;
	background-color: rgba(255,255,255,0.7);
	height: auto;
	padding: 10px;
	position: absolute;
	right: 30px;
	top: 20px;
}
.secondMain .box .link {
	height: 510px;
	margin: 8px;
	background-image: url("img/upthere.jpg");
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.outbox {
	width: 20%;
	float: left;
}
.outbox .box {
	width: 100%;
}
.outbox .box .link {
	height: 247px;
	margin: 8px;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.outbox.a .box .link {
	background-image: url("img/5.jpg");
}
.outbox.b .box .link {
	background-image: url("img/ADs/captain.jpg");
}
.outbox.c .box .link {
	background-image: url("img/ADs/linkedin.jpg");
}
.outbox.d .box .link {
	background-image: url("img/ADs/enav.jpg");
}
.articleThreeFive {
	width: 60%;
	float: left;
}
.articleThreeFive .box {
	width: 100%;
}
.articleThreeFive .box .link {
	height: 247px;
	margin: 8px;
	background-image: url("img/4.jpg");
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.title img {
	width: 100%;
}
/*------------------------------------------------
                      article
--------------------------------------------------*/
.article {
	float:right;
	width: 66.6%;
}
.article.half {
	width: 50%;
	margin: 0;
	float: left;
}
.article.half p {
	margin: 8px;
}
.left {
	text-align: right;
}
.article.half div {

}
.imgLink {
	text-decoration: none;
	font-weight: 200;
	color: white;
}
.imgLink:hover {
	color: #6dcef5;
	font-weight: bold;
}
.article div {
	margin-left:8px;
	margin-right:8px;
	margin-top:16px;
}
.article .textImage {
	margin: 0;
}
.textImage {
	width: 100%;
}
.textImage img {
	width: 100%;
}
.articleHeading div{
	padding-left:8px;
	padding-right:8px;
}

.imageText {
	border-bottom: 1px solid #adadad;
	margin:16px;
}

/* popUp img in article */
.black_overlay{
        display: none;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
.black_overlay.popup {
	background-color: none;
}
.white_content {
        display: none;
        position: fixed;
        top: 4px;
        width: 100%;
        max-width: 960px;
        max-height: 98%;
        background-color: #868686;
        z-index:1002;
        overflow: auto;
}
.article .black_overlay {
	margin: 0;
}
.article .white_content {
	margin: 0;
}
.white_content img {
	width: 100%;
}
.factText a {
	text-decoration: none;
	color: #d2d2d2;
}


.factText a:hover {
	color: #3c3c3c;
}
.factin {
	max-width: 960px;
	width: 100%;
	margin: auto;
}
.factin img {
	position: relative;
}
.bioText {
	position: absolute;
	top: 150px;
	width: 30%;
	max-width: 350px;
	background-color: rgba(255,255,255,0.4);
	margin-left: 8px;
}
.bioText.lightBack {
	position: absolute;
	top: 150px;
	width: 30%;
	max-width: 350px;
	background-color: rgba(0,0,0, 0.4);
	margin-left: 8px;
}
.bioText p {
	color: #1e1e1e;
}
.white_content.popup {
	display: none;
    position: fixed;
    top: 4px;
    width: 66%;
    max-width: 800px;
    height: 99%;
    background-color: #35434b;
    z-index:1002;
    overflow: auto;
    left: 34%;
}
.popbox {
	display: inline-block;
	margin: 0 8px;
	border-top: 1px solid #adadad;
	padding:16px 0 16px 8px;
	width: 95%;
}
.relatedstory {
	width: 70%;
	float: left;
}
.contactimg {
	float: left;
	margin-right: 16px;
}
.contactimg img {
	width: 90px;
}
.sosialmedia {
	width: 30px;
	float: left;
}
.sosialmedia a div{
	margin-bottom: 8px;
}
/* start of clickable diagram */
.diagramLink {
	max-width: 960px;
	margin: auto;

}
.diagramLink img {
	position: relative;
}
.ecdis {
	position: absolute;
	width: 9%;
	height: 14%;
	left: 27%;
	top: 16%;
}
.vvos {
	position: absolute;
	width: 9%;
	height: 14%;
	left: 50%;
	top: 11.5%;
}
.routing {
	position: absolute;
	width: 9%;
	height: 14%;
	right: 5%;
	top: 27.5%;
}
.fleet {
	position: absolute;
	width: 9%;
	height: 14%;
	right: 5%;
	top: 60%;
}
.shiplink {
	position: absolute;
	width: 7%;
	height: 11%;
	right: 25.7%;
	top: 62%;
}
.shipreport {
	position: absolute;
	width: 12%;
	height: 18%;
	right: 46.7%;
	top: 74%
}
/* end of article */

/*------------------------------------------------
                      foot
--------------------------------------------------*/
#foot {
	float:right;
	height: 40px;
	background-color: #6dcef5;
	width: 100%;
}

#foot img {
	float: right;
}
.logoimg {
	width: 60%;
	
}
.logoimg .jeppesenlogo {
	width: 20%;
	margin: 12px 16px 0 0;
}
.logoimg .publishby {
	width: 50%;
	margin: 7px 16px 0 0;
}

.print {
	background-image: url('img/sprite.png');
    background-size: 298px 421px;
    background-repeat: no-repeat;
	background-position: -60px -183px;
	width: 35px;
	height: 35px;
	margin-left:17px;
	margin-top: 4px;
	float: left;
}
.print:hover {
	background-position: -113px -183px;
}
/*------------------------------------------------
                      side box
--------------------------------------------------*/
#sideboxWrapper {
	clear:both;
	float:left;
	width:33.3%;
}
.sidebox{
	width:100%;
}
.sideboxIn {
	margin-right:8px;
	margin-top:16px;
	margin-left:8px;
}
.sideboxIn img {
	width: 100%;
}

.mainImage img{
	width:100%;
}
.mainImage, .articleHeading, .sidebox {
	float:left;
}
.sidebox a {
	text-decoration: none;
}
.sideboxIn:hover {
	opacity: 0.7;
}
.sideboxIn:hover h2 {
	color: #606060;
}
#video iframe {
	width: 100%;
	height: 600px;
}
/* start slideshow */
#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 100%; 
    height: 460px; 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
/* end side box */


/*------------------------------------------------
                      responsive
--------------------------------------------------*/


@media (max-width:1030px) { }

@media (min-width:980px) { }
@media (min-width:1031px) { }
@media (max-width:768px) {

	.heading {
		width: 100%;
		float: left;
		text-align: center;
		height: auto;
	}
	.issueWrapper {
		display: none;
	}
	.headingimg {
		margin-right: 0;
}
	.topStory {
		width: 100%;
	}
	.articleTwoFive, .secondMain, .articleThreeFive {
		width: 50%;
	}
	.outbox {
		width: 25%;
	}
	.secondMain .box .link{
		height: 247px;
	}
/* inhold */
	#pop{
		clear:left;
		width:33.3%;
	}
	.sidebox {
		clear:left;
		width:100%;
		
	}
	
	#sideboxWrapper {
		width:33.3%;
		
	}
	#slideshow { 
    	height: 350px; 
	}
	#video iframe {
	width: 100%;
	height: 470px;
	}
	
	.noImg .mainImage {
		display: none;
	}
	
	.signature img{
		display: none;
	}
	.logoimg .jeppesenlogo {
		margin: 14px 16px 0 0;
	}
	.logoimg .publishby {
		margin: 9px 16px 0 0;
	}
}
@media (max-width:505px) { 
	.bookHeading {
		height: auto;
		width:100%;
	}

	.heading {
		width: 100%;
		float: left;
		text-align: center;
	}
	.i3Logo {
		width: 78px;
		height: 85px;
		margin-left: 16px;
	}
	.i3Logo div {
		padding-top: 100px;
	}
	.topStory, .articleThreeFive, {
		width: 100%;
	}
	.outbox {
		width: 50%;
	}
	.box {
		width: 50%;	
		float: left;
	}
	.menuThumbnail {
		height: 278px;
	}
	/* inhold */
	.articleHeading {
		max-width: 80%;
		position: relative;
		top: 0;
		margin-left: 8px;
	}
	.articleHeading.rightTop, .articleHeading.rightDown {
		right: 20px;
		top: 0;
		max-width: 100%;
	}
	.articleHeading.leftDown {
		left: 0;
		max-width: 100%;
		margin-left: 0;
		padding-left: 0;
	}
	.articleHeading.rightTop img, .articleHeading.rightDown img, .articleHeading.leftDown img {
		width: 80%;
	}
	
	.alignBottom .articleTeaser, .article, #pop {
		width:100%;
		position:relative;
	}
	.sidebox, .bottons {
		width:50%;
		clear:none;
	}
	#sideboxWrapper {
		width:100%;
		
	}
	.factin img {
		float: left;
	}
	.topStory .textBox, .articleTwoFive .textBox, .secondMain .textBox {
		width: 70%;
		right: 20px;
	}
	
	.bioText {
		position: relative;
		top: 0;
		float: left;
		width: 100%;
		max-width: 100%;
		background-color: rgba(255,255,255,0);
		margin: auto;
	}
	.bioText.lightBack {
		position: relative;
		top: 0;
		float: left;
		width: 100%;
		max-width: 100%;
		background-color: rgba(255,255,255,0);
		margin: auto;
	}
	#video iframe {
		width: 100%;
		height: 270px;
	}
	#slideshow { 
    	height: 200px; 
	}
	.Additional .popUp:hover {
		margin-right: 8px;
	}
	.white_content.popup {
	    top: 4px;
	    width: 96%;
	    margin: 0;
	    left: 8px;
	    max-height: 99%;
	}
	
	.articleTwoFive, .secondMain, .articleThreeFive{
		width: 100%;
	}
	#foot img {
		width: 40%;
		margin: 16px 16px 0 0;
	}
	.logoimg .publishby {
		display: none;
	}
	
	.introimg {
	width: 100%;
	float: left;
	}
	.introtext {
		width: 100%;
		float: left;
	}
	.relatedstory {
		width: 60%;
	}
	.article.half {
		width: 100%;
	}
	.left {
		text-align: left;
	}