html, body{height: 100%; width: 100%; min-width:320px;}
#container { width:100%; min-width: 320px; }
#header1 {width: 100%; min-width: 320px; overflow: hidden; }
#navigation {clear:both;}
a#navselected {background:none !important;}
#navigation a {border: none !important; border-radius: 0px !important;}
#contentcontainer{ width: 100%; margin: 0 auto; }
#maincontent { width: 100%;}
#progress { display: none; }
.article { width: 100%; float: left; margin: 0 5px; border-bottom: 1px solid #DCE5EE; border-top: 1px solid #FFFFFF; padding: 22px 0; min-height: 110px; }
.articlephoto { width: 95%; margin: 3px auto;  text-align: center;}
.articletext { width: 95%; float: left; margin: 10px; }
.articletitle { margin-right:10px;font-size: 22px; font-weight: bold; border-bottom: 1px solid #DCE5EE; padding-bottom: 2px; max-height: 131px; overflow: hidden; }
.articletitle:hover { background: #F3F6F9; }
.articletime { margin: 5px 0 10px 0; color: #1E598E; font-size: 10px; }
.articledescription { margin: 5px 10px 0 0; line-height: 18px; }
.articledescription a { font-weight: bold; }
.articledescription a:hover { background: #F3F6F9; }
.readmore { margin-top: 5px; }
.galleryinfo { display: none; }


#fullarticle {width: 95%; margin: 10px;}
#fullarticletitle h1 { margin: 0px; font-size: 20px; line-height: 30px; }
#fullarticlesubtitle {height:auto;overflow: hidden;}
#fullarticletime {width: 95%; margin-bottom: 20px;}
#fullarticlelike {width: 99%}
#fullarticlephoto {overflow: hidden; max-width: 99%;}
img#fullarticlephoto {margin:0 auto;}
#gallerymainimage img {width: 95% !important;}
#footertext {text-align: left;}
#footernews {display: none;}

.popularnewstitle, .popularnewstoptitle {width: 140px;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}