@-ms-viewport {
  width: device-width;
}

.responsiveInfo {
	width: 100px;
	position: absolute;
	right: 18px;
}
body {
	min-width: 0 !important; 
}

.visible-smallphone {
  display: none !important;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
   
  #nav2 > ul {
  	max-width: 400px;
  	overflow: hidden;
  	height: 30px;
  }
  
  .outlink {
  	line-height: 1.1;
  }
  
  .topicHeadline {
  	font-size: 22px !important;
  	line-height: 52px !important;
  }
  

}


@media (max-width: 840px) {
	ul#post li.posta {
		display: none;
	}
}

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  
  #secondary {
  	display: none !important;
  }
  #content {
  	margin: 0 !important;
  	width: 100% !important;
  	float: none !important;
  }
  #main {
  	margin: 0 20px 0 0 !important;
  }
  
  body {
  	width: 95% !important;
  	min-width: auto !important;
  	max-width: 95%;
  }
  
  #nav2 > ul {
  	max-width: 90%;
  	overflow: hidden;
  	height: 30px;
  }
  

  #logo img {
  	max-width: 90%;
  	height: auto;
  }
  
  /*#header h2 {
  	float: none;
  }*/
  ul#dash {
  
  	float: none;
  	/*
  	clear: both;
  	*/
  	/*margin-bottom: 20px;*/
  	padding-top: 10px;
  }
  ul#dash li, ul#dash img {
  }
  ul#dash li:first-child a {
  	padding-left: 0;
  }
  
  li.postline {
  	float: left;
  	display: block;
  }
  
  #info-links, #community-links, #rss-links {
  	width: 30%;
  }
  
  .outlink {
  	line-height: 1.1;
  }
  
  ul.notifications {
  	margin-left: 40px;
  	margin-right: -254px;
  }
  
  h1, h2, h3, h4, h5 {
  	line-height: 1;
  }
  
   
  ul#dash.offline li {
  	display: block;
  	float: left;
  	height: 22px !important;
  	margin-right: 20px;
  }
  
  ul#dash.offline li:last-child {
  	margin-right: 0;
  }
  
  ul#dash.offline li > a {
  	display: block;
  	padding-left: 0;
  	height: 22px !important;
  	line-height: 22px;
  }
  
  #twitterLoginButton > a, #facebookLoginButton > a {
  	margin: 0;
  	margin-bottom: 10px !important;
  }
  
  #fbconn, #twconn {
  	margin-bottom: 0 !important;
  }
  
  #twitterLoginButton > a > img, #facebookLoginButton > a > img {
  	float: none;
  	display: block;
  	margin: 0 !important;
  }
  #twitterLoginButton, #facebookLoginButton {
  	margin-bottom: 10px !important;
  }
  
  .page {
  	margin-top: 10px;
  	margin-bottom: 10px;
  }
  /*
  ul#specials {
  	margin-left: 0;
  }
  
  ul#specials li {
  	margin-top: 10px;
  	margin-bottom: 0;
  	margin-left: 0;
  }*/
  
  
  ul#specials {
  	margin-left: 0;
  }
  ul#specials li a {
  	text-indent: -9999px;
  	height: 33px;
  }
  ul#specials li {
  	width: 32px !important;
  }
  
  
  ul#specials li:first-child {
  	margin-right: 0;
  }
  
  #header {
  	padding-left: 0;
  	padding-right: 0;
  }
  
  .topicHeadline {
  	font-size: 18px !important;
  	line-height: 55px !important;
  	margin-right: 10px !important;
  }
  
 	ul#dash > li {
		margin-top: 8px;
		margin-bottom: 0 !important;
	}
  
}


@media (max-width: 600px) {
	.responsiveInfo {
		font-size: 10px;
		width: 70px;
		right: 14px;
		padding-top: 6px;
		padding-bottom: 9px;
	}

	#loginwin {
		max-width: 100%;
		margin-left: 0;
		left: 0;
	}
	
	.wintip {
		float: none;
		margin-left: 0;
	}

	ul#specials li:first-child {
		margin-left: 10px;
	}
	
	#logout {
		padding-left: 10px !important;
	}
	
	ul#relatedLinks li {
		width: 95%;
		float: none;
	}
}

@media (max-width: 550px) {
	ul#dash > li {
		margin-top: 15px;
		margin-bottom: 0 !important;
	}
	
	ul#specials {
		float: left;
		clear: left;
		height: 32px;
	}
	ul#specials li {
		width: 80px !important;
	}
	
	ul#specials li:first-child {
		margin-left: 0;
	}
	
	ul#specials li a {
		text-indent: 0 !important;
	}
	ul#dash {
		float: right;
		line-height: auto;
		margin-top: 0 !important;
		padding-top: 0;
	}
	
	#content2 {
		padding: 10px 0 10px 8px;
	}
	
	#main {
		margin-left: 0 !important;
		margin-right: 10px !important;
	}
	
	.entry {
		margin-left: 65px !important;
	}
	.push {
		left: -65px; !important;
	}
	
	#nav2 ul, #sub2 ul {
		margin-left: 10px !important;
	}
	
	#sub li.postline {
		margin-right: 10px;	
	}
	
	#nav a, #sub a {
		/*padding-right: 2px;*/
	}
	
	#sub ul li {
		margin-right: 2px;
	}
	
	#sub li.postline a {
		padding-right: 0;	
	}
	
	#headline {
		margin-bottom: 1em;
	}

	.video, .image, .image-perma, .video-perma, .ad2 {
		margin-left: -65px !important;
	}
	
	.image img, .image-perma img {
		max-width: 100%;
	}
	
	#related {
		margin-left: 0px;
	}

}

@media (max-width: 450px) {
	.hidden-midphone {
		display: none !important;
	}
}

@media (max-width: 420px) {
	ul#specials li a {
		text-indent: -9999px !important;
		height: 33px;
	}
	ul#specials li {
		width: 32px !important;
	}
	
	.adPermaPhone {
  		margin-top: -5px;
  		margin-bottom: 5px;
    }
    
    ul#post li.link {
    	margin-left: 0 !important;
    }
}

@media (max-width: 375px) {
	ul#specials li:last-child {
		margin-right: 0 !important;
		margin-left: 7px !important;
	}
	
	.hidden-smallphone {
    	display: none !important;
  	}
}

@media (max-width: 360px) {

  
  #info-links, #community-links, #rss-links {
  	width: 48%;
  }
  
  ul#specials, ul#dash {
  	margin-bottom: 10px !important;
  }
  
  
  /*ul#dash.offline li {
  	width: 50%;
  	min-width: 150px;
  	margin-right: 0;
  }*/
  

}


@media (max-width: 350px) {

  
  
  body {
  	margin: 0;
  	width: 100% !important;
  	max-width: 100% !important;
  }
  
  #nav, #nav2, #sub, #sub2, #content, #content2, #footer .box, #footer .box2, #footer .box3, #footer .box4 {
  	background-image: none;
  }
  
  #header {
  	padding: 5px;
  }
  
  ul#dash {
  	margin-bottom: 0 !important;
  }
 
  .adPermaPhone {
  	margin-top: -10px;
  	margin-bottom: 0;
  }
  
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}