/*	--------------------------------------------------
    :: THE GRID
	-------------------------------------------------- */
	
	.row {
		padding: 0 1.09375%;  /*  0 21px (2.1875%/2)*/
		background: #FFF;
		width: 100%;
		
		max-width: 980px;
		margin: 0 auto;
		overflow: hidden;
		box-sizing:content-box;
		-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
		-ms-box-sizing:content-box;
		
	}
	
	.row  .row {
		width: auto;
		max-width: none;
		min-width: 0;
		background: none;
		margin: 0 -2.1875%;  /*  0 -21px*/
		}
	
	.column,
	.columns {
		xmargin: 0 1.0416%;  /*  0 10px */
		float: left; 
		min-height: 1px; 
		position: relative; 
		width: 100%;
		xpadding: 0px 1.09375%;
	}
	
	.column.centered, .columns.centered {
		float: none;
		margin: 0 auto;
		}
	 
	.row .one.columns 		{ width: 6.25%  	/*  60px */;}
	.row .two.columns 		{ width: 14.583%	/* 140px */;}
	.row .three.columns 	{ width: 22.916%	/* 220px */;}
	.row .four.columns 		{ width: 31.25%		/* 300px */;}
	.row .five.columns 		{ width: 39.583%	/* 380px */;} 
	.row .six.columns 		{ width: 47.916%	/* 460px */;}
	.row .seven.columns 	{ width: 56.25%		/* 540px */;}
	.row .eight.columns 	{ width: 64.583%	/* 620px */;}
	.row .nine.columns 		{ width: 72.916%	/* 700px */;}
	.row .ten.columns 		{ width: 81.25%		/* 780px */;}
	.row .eleven.columns 	{ width: 89.583%	/* 860px */;}
	.row .twelve.columns 	{ width: 980px	/* 940px */;}
	
	.row .offset-by-one 	{ margin-left: 9.375%   /* 90px */; }
	.row .offset-by-two 	{ margin-left: 17.7083% /* 170px */; }
	.row .offset-by-three 	{ margin-left: 26.0417% /* 250px */; }
	.row .offset-by-four 	{ margin-left: 34.375% /* 330px */; }
	.row .offset-by-five 	{ margin-left: 42.7083% /* 410px */; }
	.row .offset-by-six 	{ margin-left: 51.0417% /* 490px */; }
	.row .offset-by-seven 	{ margin-left: 59.375% /* 570px */; }
	.row .offset-by-eight 	{ margin-left: 67.7083% /* 650px */; }
	.row .offset-by-nine 	{ margin-left: 76.0417% /* 730px */; }
	.row .offset-by-ten 	{ margin-left: 84.375% /* 810px */; }
	.row .offset-by-eleven 	{ margin-left: 92.7083% /* 890px */; }
	
	.row-leaderboard {
		overflow: visible;
		min-height: 120px;
		margin-top:43px;
	}
	
/* ---- FOR MEDIA SCREEN FROM 768px & IE8 (IE8 and below do not support media queries on their own) ---- */	
	
	 .toggleMenu, .res-nav, .leaderboard-res, .totop, footer.row.mobile, .search-expand, .date-list-res, .MenuBorder, .divsearch, .divCategoryBottom{
    	display: none;
		}


/* ---- FOR SAMSUNG GALAXY PORTRAIT ---- */
@media screen and (device-width: 800px) and (orientation : portrait) {		
	
	html {
		zoom: 83.3333%;
		}
		
	.row {
			box-sizing:border-box;
			}
			
			
/*	--------------------------------------------------
    MAIN NAVIGATION 
	-------------------------------------------------- */
	.nav li .sub-nav-wrapper {
		top:36px;
		}
		
	.nav li .sub-nav-wrapper.hide {
		display: none;
		}
	
	.nav li:hover .sub-nav-wrapper.hide {
		display: none;
		}
		
	.hide ul.sub-nav {
		display: none;
		}
		
}
		
/* ---- FOR MEDIA SCREEN FROM 768px ---- */

@media only screen and (min-width: 768px) {
		
		body {
		overflow-x: auto;
		min-width: 960px;
		}	
			
		
		.billboard {
			display:none;
			}	
			
	
}

/* ---- FOR IPAD POTRAIT ---- */

@media only screen and (max-width: 1023px) {	

	.row {
			box-sizing:border-box;
			}
			
/* --------------------------------------------------------
	ARTIKEL
   -------------------------------------------------------- */
   .story-container .embeded-image.inline-image-left {
	   margin-right: 20px;
	   width: 43.75%;
	   }
	 
	.story-container .embeded-image.inline-image-right {
	   margin-left: 20px;
	   width: 43.75%;
		}
			
	.profile-byline ul li .author-name { 
		display: inline-block;
		}
		
	.profile-byline p {
		width: 400px;    
        word-wrap: break-word;
		}

			
/*	--------------------------------------------------
    MAIN NAVIGATION 
	-------------------------------------------------- */
	.nav li .sub-nav-wrapper {
		top:36px;
		}
		
	.nav li .sub-nav-wrapper.hide {
		display: none;
		}
	
	.nav li:hover .sub-nav-wrapper.hide {
		display: none;
		}
		
	.hide ul.sub-nav {
		display: none;
		}
		
	
	
/* --------------------------------------------------------
	404 - PAGE NOT FOUND
   -------------------------------------------------------- */  	
	.notfoundDesc img {
		display: block;
		margin: 0 auto;
		text-align:center;
		}
		
	  .notfoundDesc p {
		display: block;
		margin-top:20px;
		margin-left: 0;
		}
		
	.notfoundCopy p {
		margin-bottom: 40px;
		}
}

/* ---- FOR IPAD LANDSCAPE ---- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 

	.billboard {
		display:none;
		}
		
		
/* --------------------------------------------------------
	ARTIKEL
   -------------------------------------------------------- */
   .story-container .embeded-image.inline-image-left {
	   margin-right: 20px;
	   width: 43.75%;
	   }
	 
	.story-container .embeded-image.inline-image-right {
	   margin-left: 20px;
	   width: 43.75%;
		}
			
	.profile-byline ul li .author-name { 
		display: inline-block;
		}
		
	.profile-byline p {
		width: 400px;    
        word-wrap: break-word;
		}
			
		
/*	--------------------------------------------------
    MAIN NAVIGATION 
	-------------------------------------------------- */
	.nav li .sub-nav-wrapper {
		top:36px;
		}
		
	.nav li .sub-nav-wrapper.hide {
		display: none;
		}
	
	.nav li:hover .sub-nav-wrapper.hide {
		display: none;
		}
		
	.hide ul.sub-nav {
		display: none;
		}
		
}

/* ---- FOR IPAD LANDSCAPE---- */

@media only screen and (min-width : 1024px) and (max-width : 1024px) {
	
		.container {
		min-height:0;
		}
	}


.sponsorsbanner-res {
	display: none;
}
