
/*
###################################################################################################

	 __  __    _    ___ _   _
	|  \/  |  / \  |_ _| \ | |
	| |\/| | / _ \  | ||  \| |
	| |  | |/ ___ \ | || |\  |
	|_|  |_/_/   \_\___|_| \_|

###################################################################################################
*/


@media only screen
	and ( max-width: 1280px)
	and (orientation : portrait) {

* {
	font-size: 3vw;
}

.news_search {
	width: 100%;
}

#article_part {
	padding: 30px 30px 30px 30px;
}

#col_articles_left {
  align-content: left;
  width: 100%;
  display: block;
  vertical-align: top;
  zoom: 1; /* Fix for IE7 */
  *display: inline; /* Fix for IE7 */
}

.footer-distributed .footer-company-about {
	display: block;
	color:  lightgrey;
	font-size: 1.5vw;
	font-weight: normal;
	margin-bottom: 20px;
}


#col_separator_middle {
  visibility: hidden;
}

#col_alerts_right {
  width: 100%;
  display: block;
  zoom: 1; /* Fix for IE7 */
  *display: inline; /* Fix for IE7 */
}

.rss_item {
  overflow: hidden;
  border: 1px solid lightgrey;
  display: block;
  max-width: 100%;
}

.div_rssinfo {
  display: block;
  max-width: 100%;
  border: 2px solid #ccc;
  height: 32px;
	padding: 20px 20px 90px 20px;
}

.rssinfo {
	padding: 20px 20px 90px 20px;
}


.home_title-bg {
	padding: 20px 20px 40px 20px;
	font-size: 1.5em;
}

.news_img_feed {
  width: 32px;
  height: 32px;
}

.solid {
	max-width: 100%;
}

.button_view_nofocus {
	width: 48px;
	height: 48px;
}

.button_view_focus {
	width: 48px;
	height: 48px;
}

.display-on-mobile {
	display: block;
}

#home-article-logo {
	display: none;
}

#Content {
	max-width: 100%;
}

#Title {
	max-width: 100%;
}

#TopNav {
	width: 100%;
	/*display: block;*/
	height: auto;
	min-height: auto;
	vertical-align: top;
	width: 100%;
	
}

.hide-on-mobile {
	display: none;
}

.IconDockItem {
	height: 42px;
	width: 42px;
}

#SearchIcon {
	height: 42px;
	width: 42px;
}

div.shell{
	
}

div.code{
	
}

pre{
	
}

span{
	
}

.category_cats {
    position: relative;
    width: 80%;
    left: 10%;
    height: 400px;
}

.category_cats:hover {
	border-style: solid;
  border-width: 0.5px;
	border-color: #ccc;
  box-shadow: 1px 1px 15px black;
}

.thumbs_cats {
  position: relative;
  width: 80%;
  left: 10%;
  height: 400px;
}

.thumb_vidz {
  position: relative;
  width: 80%;
  height: 80%;
  margin: 0px;
  padding: 0px;
  color: #ccc;
  display: inline-block;
  padding: 20px 20px 20px 20px;
}

.thumb_img {
  position: relative;
  width: 80%;
  height: 80%;
  margin: 0px;
  padding: 0px;
  color: #ccc;
  display: inline-block;
  padding: 20px 20px 20px 20px;
}


.img_title {

	font-style: bold;
}

.thumb_img:hover {
  filter: none;
}

.underline {
	overflow: visible;
	top: -375px;
	position: relative;;
	color: white;
}

.logo_docs_div {
  width: 100%;
  height: 100%;
}

.hidden_title {
  overflow: hidden;
  visibility: hidden;
}

.sep_title {
	padding: 12px 12px 12px 12px;
}

.mobile_switch {
	visibility: visible;
	top:  -375px;
	position: relative;
	color: white;
	text-shadow: 1.75px 1.75px 1.75px black;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
	padding: 10px 10px 10px 10px;
}


.item_rsrc_img {
  width: 38px;
  height: 38px;
}

.rnsm_div {
	
}

#article_filter {  
  width: 100%;
}



/**************************************************************************************************
*                                                                                                 *
* Screen size management :   > 1024px                                                              *
*                                                                                                 *
**************************************************************************************************/

	* {
	  font-family: "Exo2-Light";
		
	}

	h1 {
		text-decoration: none;
	}

	h2 {
		text-decoration: none;
	}

	.h2_docs {
	  align: center;
	}

	h3 {
		text-decoration: none;
	}

	.NavTopLink_Black {
		padding: 13px 1px 13px 1px;
	}

	#index-title {
		position: relative;
		top: 5px;
		width: 95%;
		text-shadow: none;
	}

	#index-title-suffix {
		position: relative;
		top: 5px;
		width: 95%;
	}

	/* ------------------------------------------------------------------------------------------- */

	.hide-on-mobile {
		display: none;
	}

	/* ------------------------------------------------------------------------------------------- */

	#content {
	  position: relative;
	  width: 98%;
	  text-align: left;

	  padding: 0px 0px 0px 0px;
	  background-color: rgba(233, 233, 233, 0.75);

	  color: black;
	  white-space: normal;
	  float:left;
	  vertical-align:bottom;
	  word-wrap: break-word;
	}






/*
###################################################################################################

	    _    ____ _____ ___ ____ _     _____ ____
	   / \  |  _ \_   _|_ _/ ___| |   | ____/ ___|
	  / _ \ | |_) || |  | | |   | |   |  _| \___ \
	 / ___ \|  _ < | |  | | |___| |___| |___ ___) |
	/_/   \_\_| \_\|_| |___\____|_____|_____|____/


###################################################################################################
*/

	#TopNav {
	  
	}

	#article_summary_txt {
	  
	}

	#article_content {
	  width: 98.1%;
	  max-width: 95%;
	}

	#article_footer {
	  width: 98.1%;
	  max-width: 95%;
	}






/*
###################################################################################################

	 ____  _     ___   ____
	| __ )| |   / _ \ / ___|
	|  _ \| |  | | | | |  _
	| |_) | |__| |_| | |_| |
	|____/|_____\___/ \____|


###################################################################################################
*/

	.a_tags {
	  
	}

	#blog_content {
	  width: 98.1%;
	  max-width: 95%;
	}

	#blog_footer {
	  width: 98.1%;
	  max-width: 95%;
	 }

 .tr_title {
	 	
	}

	.div_article_list p {
		
	}

	.year {
		
		width: 8%;
	}





/*
###################################################################################################

	 _   _ _______        ______
	| \ | | ____\ \      / / ___|
	|  \| |  _|  \ \ /\ / /\___ \
	| |\  | |___  \ V  V /  ___) |
	|_| \_|_____|  \_/\_/  |____/


###################################################################################################
*/

	.stats_super_div {
	  display: inline-block;
	}

	.stats_div {
	  margin-top: 30px;
	  width: 50%;
	  display: inline-block;
	}

	.rss_link {
		
	}

	.author_rss_author {
		
	}

	.rssquote {
		
	}

	.minitext {
		
	}


/**************************************************************************************************
*                                                                                                 *
* Screen size management :   > 756px                                                              *
*                                                                                                 *
**************************************************************************************************/

	.hide_news_on_mobile {
	  display: none;
	}

	.font_small_news {
	  
	}


/**************************************************************************************************
*                                                                                                 *
* Adaptive: phones                                                                                *
*                                                                                                 *
**************************************************************************************************/

	.rssinfo {
	  float: left;
	  left: -10px;
	  position: relative;
	  width: 100%;
	  white-space: normal;
	  float:left;
	  color: grey;
	}


	.rssinfo {
		clear: both;
	  left: 10px;
	  position: relative;
	  width: 96.5%;
	  border: dotted #bbb 1px;
	  white-space: normal;
	  padding: 20px 20px 60px 20px;
	  color: grey;
	}


	.stats_super_div {
	  display: block;
	  width: 100%;
	}

	.stats_div {
	  margin-top: 30px;
	  width: 95%;
	  display: block;
	}

	.feeds_filter {
	  font-weight: bold;
	  display: block;
	}

	.feed_horizontal_separator {
	  display: none;  
	}

	.white_title {
		
	}

	#article_cats {
		display: none;
	}

	.sep_tags {
		width: 100%;
	}

	#article_img {
		max-width: 100%;
		height: 380px;
		background-position: center;
		background-size: cover;
		border: dotted lime 1px;
		/*margin: 0px 39px 0px 0px;*/
	}




/*
###################################################################################################

	 ____  _____ ____ ____   ___  _   _ ____   ____ _____ ____
	|  _ \| ____/ ___/ ___| / _ \| | | |  _ \ / ___| ____/ ___|
	| |_) |  _| \___ \___ \| | | | | | | |_) | |   |  _| \___ \
	|  _ <| |___ ___) |__) | |_| | |_| |  _ <| |___| |___ ___) |
	|_| \_\_____|____/____/ \___/ \___/|_| \_\\____|_____|____/


###################################################################################################
*/

	.td_hash {
	  display: none;
	}

	.td_url {
	  display: none;
	}

	.hashlink {
	  display: none;
	}

	.item {
	  position: relative;
	  border: 1px solid #333;
	  overflow: hidden;
	  -webkit-filter: drop-shadow(1px 1px 2px #111);
	  filter: drop-shadow(1px 1px 2px #111);
	  display: inline-block;
	  /*background-color: white;*/
	  width: 90%;
	  padding: 10px 15px 10px 20px;
	}





/*
###################################################################################################

	 ____  _____    _    ____   ____ _   _
	/ ___|| ____|  / \  |  _ \ / ___| | | |
	\___ \|  _|   / _ \ | |_) | |   | |_| |
	 ___) | |___ / ___ \|  _ <| |___|  _  |
	|____/|_____/_/   \_\_| \_\\____|_| |_|


###################################################################################################
*/


/**************************************************************************************************
*                                                                                                 *
* Screen size management :   > 640px                                                              *
*                                                                                                 *
**************************************************************************************************/

	#search-descr {
		position: relative;
		align-items: left;
		left: 5%;
		max-width: 85%;
	}

	.s_result {
	  color: lightgreen;
	  font-family: "Monaco";
		
		text-align: center;
		width: 800px;
	}

	.s_result:hover {
	  color: white;
	  background-color: #003300;
	  border-color: lime;
	  
	}

	#search_text_main {
		width: 90%;
	}

	#search_text {
		visibility: hidden;
	}

	#search_button {
		visibility: hidden;
	}





/*
###################################################################################################

	 _   _ _______        ______
	| \ | | ____\ \      / / ___|
	|  \| |  _|  \ \ /\ / /\___ \
	| |\  | |___  \ V  V /  ___) |
	|_| \_|_____|  \_/\_/  |____/


###################################################################################################
*/

	.home_item_news {
		
	}






/*
###################################################################################################

	 _____  _    ____  _     _____ ____
	|_   _|/ \  | __ )| |   | ____/ ___|
	  | | / _ \ |  _ \| |   |  _| \___ \
	  | |/ ___ \| |_) | |___| |___ ___) |
	  |_/_/   \_\____/|_____|_____|____/


###################################################################################################
*/

	.td_logo {
		width: 128px;
		height: 128px;
	}


	@media screen and (max-width: 640px) {

		.td_logo {
			width: 96px;
			height:96px;
		}

	}





/*
###################################################################################################

	__     _____ _______        ______
	\ \   / /_ _| ____\ \      / / ___|
	 \ \ / / | ||  _|  \ \ /\ / /\___ \
	  \ V /  | || |___  \ V  V /  ___) |
	   \_/  |___|_____|  \_/\_/  |____/


###################################################################################################
*/

	.article {
	  width: 290px;
	}

		#article_title-caps {
		  font-size:  1.7em;
		  margin: 10px 10px 30px;
		}

	@media screen and (max-width: 640px) {

	  .category_cats {
	    float: center;
	    margin: 6px;
	    padding: 2px;
	    width: 95%;
	    height: 180px;
	  }

	}

	@media screen and (max-width: 640px) {

	  .thumbs_cats {
	    height: 270px;
	    width: 91%;
	  }

	  .category_cats {
	    width: 95%;
	    height: 240px;
	  }

	}

} /* @media screen and (max-width: 1300px) { */
