/* Device Properties
https://mydevice.io/devices/ 
*/

img {
	max-width: 100%;
	height:auto;
}
	
.permalink {
  text-align: left;
  font-family: Verdana,Arial, Geneva, Helvetica, sans-serif;
  font-size: 9pt;
}

.bodythird {
	padding: 0 4px;
	float: none;
	width: 100%;
}

.bodythirder {
	padding: 0 4px;
	float: none;
	width: 100%;
}

.bodyleft {
	padding: 0 4px;
	float: none;
	width:100%;
}

.smallertext {
	font-family: Arial, sans-serif;
	color:black !important;
	font-size:13px;
	font-weight: normal;
	line-height: 100%;
}

.indent {
	margin-left:24px;
}

.singleline {
	line-height:100%;
}

.clear {
	clear:both;
}



.articletitle {
  color: #000080;
  font-family: Verdana,Arial, Geneva, Helvetica, sans-serif;
  font-size: 14pt;
  font-weight: bold;
}

.articletitle a:link, .articletitle a:hover {
  text-decoration: none;
  color: #000080;
} 


.stripe {
  background-color:#DFDDFF;
}

.nostripe {
  background-color:#F5F5F5;
}


.layout {
 
 padding: 2px;
 margin: 2px 2px 6px 2px;
}

.layout a:link, .layout a:visited {      /* old: #0094FF  */
  color: navy;
  text-decoration: none;
  font-weight: normal;
} 


.layout a:hover {
  color: #FF0000;
  text-decoration: none;
  font-weight: normal;
} 


.column_text {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-size: 16px;
   padding-left:4px;
   padding-right:4px;
   padding-bottom: 5px;
   color: #228AE2;
}

.column_text li {
   margin-bottom:10px;
}

.columntextitle {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: normal;
   padding-left:4px;
   padding-right:4px;
   padding-bottom: 5px;
   color: #4444FF;
}

.columntextitle a:link, .articletitle a:visited {
  text-decoration: none;
} 

.columntextitle a:hover {
  text-decoration: none;
  color: red;
} 


.columnlinktitle {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: normal;
   padding-left:4px;
   padding-right:4px;
   padding-bottom: 5px;
   color: #000000;
}

.columnlinktitle a:link, .columnlinktitle a:visited {
  text-decoration: none;
  color: #000000;
} 

.columnlinktitle a:hover {
  text-decoration: none;
  color: red;
} 

.column_text_more {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-size: 11px;
   padding-left:4px;
   padding-right:4px;
   padding-bottom: 2px;
   color: #228AE2;
}

.columntextsm {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-size: 10pt;
   color: black;
}

.columntextsummary {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-size: 10pt;
   color: black;
   font-weight:normal;
}


.contentnavlinks {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-size: 11px;
}

.contentnavlinks a:link, .contentnavlinks a:visited {
   color: navy;
   text-decoration: none 
}
 
.contentnavlinks a:hover {
   color: red;
   text-decoration: underline 
}




.largeprimary  {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 20pt;
}

.smallprimary  {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 16pt;
}

.secondaryhead  {
   font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 12pt;
}

.teriaryhead  {
   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 10pt;
}


.quatenary {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 10pt;
}


.largeprimary a:link, .smallprimary a:link, .secondaryhead  a:link, .teriaryhead  a:link, .quatenary  a:link {
  color: #003399;
  text-decoration: none;
  font-weight: bold;
} 

.largeprimary a:visited, .smallprimary a:visited, .secondaryhead  a:visited, .teriaryhead  a:visited, .quatenary  a:visited {
  color: #003399;
  text-decoration: none;
  font-weight: bold;
} 

.largeprimary a:hover, .smallprimary a:hover, .secondaryhead  a:hover, .teriaryhead  a:hover, .quatenary  a:hover {
  color: red;
  text-decoration: none;
  font-weight: bold;
} 


.mainheadsmall {
   font-family: Verdana,Arial, Geneva, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 8pt;
}


.mainheadsmall a:link {
  color: navy;
  text-decoration: none;
  font-weight: normal;
} 

.mainheadsmall a:visited {
  color: navy;
  text-decoration: none;
  font-weight: normal;
} 

.mainheadsmall a:hover {
  color: red;
  text-decoration: none;
  font-weight: normal;
} 




h1  {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 14pt;
   color: #000000;
   text-align: left;
}



h2  {
   font-family: Verdana,Arial, Geneva, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 8pt;
   font-weight: normal;
   color: #000000;
   border-bottom:2px;
}


h3 {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 12pt;
}

h5 {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-size: 8pt;
   color: #000080;
}



h6 {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-size: 10pt;
   color: #000000;
}

.smalltext {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 8pt;
}



.headline01  {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 16pt;
   color: #0000C0;
}

.text01  {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-size: 10pt;
}



.day01  {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-size: 10pt;
   color: navy;
   font-weight:bold;
}


.text02  {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-size: 8pt;
   color: #4040FF;
}



/*  Archives CSS usage:    
                  aheadline01 tag is for page headline
				  acategory01 tag is for category name
                  ayear01 tag is the year
                  amonth01 tag is the month
*/

.aheadline01  {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 16pt;
   color: #0000C0;
}

.acategory01  {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 12pt;
   color: #000080;
}

.ayear01  {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 12pt;
   color: #000000;
}

.amonth01 {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 10pt;
   color: #C0C0C0;
}

.amonth01 a:link {
  color: #0000C0;
  text-decoration: none;
  font-weight: bold;
} 

.amonth01 a:visited {
  color: #000080;
  text-decoration: none;
  font-weight: bold;
} 

.amonth01 a:hover {
  color: #FF0000;
  text-decoration: underline;
  font-weight: bold;
} 


.wwstagslist {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
  font-size: 8pt;
  font-weight : normal;
}

.wwsauthor {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
  font-size: 8pt;
  font-weight : normal;
}

.adsplat
{
  float: left;
  margin: 6px 10px 4px 0;
  background: #fff url(images/adbackground.gif ) top no-repeat;
  width: 308px;
}

.adsplat iframe { 
  margin: 10px 4px;
}

.adsplatright
{
  float: right;
  margin: 6px 10px 4px 0;
  background: #fff url(images/adbackground.gif ) top no-repeat;
  width: 308px;
}

#TagCloud { 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   padding: 0px 8px 8px 8px; 
   border: solid 1px #eee; 
   margin-top: 6px;
   text-align:left;
}

#TagCloud a { text-decoration: none; }

#TopTagCloud {
   font-family: Arial, Helvetica, sans-serif;
   font-size : 10pt;
   border: solid 1px #eee; 
   background: #DDDDDD; 
   text-align:center;
}

#TagCloudStatus {
   font-family: Arial, Helvetica, sans-serif;
   font-size : 10pt;
   padding: 0 5px 5px 0; 
   text-align:center;
   margin-top: 8px;
}


#Legend {
   padding: 0; 
   margin-bottom: 0;
}

#Legend a { text-decoration: none; }

.LegendArticles {
   background:  #008000; 
   font-size : 8pt;
   font-weight: bold;
}

.LegendQuickLinks {
   background:   #808080;  
   font-size : 8pt;
   font-weight: bold;
}

.LegendDiaries {
   background:   #2B4BFF;  
   font-size : 8pt;
   font-weight: bold;
}

.LegendPolls {
   background:   #FF0000;  
   font-size : 8pt;
   font-weight: bold;
}

.LegendEvents {
   background:   #009B21;  
   font-size : 8pt;
   font-weight: bold;
}


.LegendProducts {
   background:   #FF0000;  
   font-size : 8pt;
   font-weight: bold;
}

.LegendAll {
   background:   #8080FF;  
   font-size : 8pt;
   font-weight: bold;
}

.copyright {
   font-family: Arial, Geneva, Helvetica, sans-serif;
   font-size: 8pt;
   color: #000080;
}

.hotlinks {
  font-family: Arial, Geneva, Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid navy;
  padding: 0 1px 0 1px;
  width:100%;
  text-align:center;
  background-color: #E1DFDF;
  border-collapse: collapse;
}

.hotlinks td {
border-right: 1px solid navy;
}


.hotlinks  a, .hotlinks a:visited {
  text-decoration:none;
  font-weight:normal;
  color: navy;
}

.hotlinks  a:hover {
  color:red;
  font-weight:normal;
}

.clearboth {
   clear:both;
}

#hotlinktitle {
  color: white;
  font-weight: bold;
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 14px;
  
   border: 1px solid #4D4D4D;
   border-bottom: 1px solid #4D4D4D;
   padding: 3px;
   background-color: #5A3EFF;
   background-image: url(images/hotlink_header.jpg);
   background-repeat: repeat-x;
}



#populum {
   font-family:Arial, Helvetica, sans-serif;
   text-align:left;
   z-index:-1;
   width:100%;
   padding:0;
	 padding-left:5px;
   margin: 0 auto 0 auto;
}


.logoheader {
	 font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size:20px;
   font-weight: bold;
   color:navy;
   text-align:center;
}

.logoheader a:link, .logoheader a:visited, .logoheader a:hover {
  text-decoration: none;
}

.firstheadline {
   height:40px;
   text-align:center;
   margin-bottom:-1px;
}

.firstheadline a {
   font-family: Verdana, Arial, sans-serif;
   font-size:14px;
   font-weight:bold;
   text-decoration: none;
} 

.firstheadlinelg {
   text-align:center;
   margin-bottom:-1px;
}

.firstheadlinelg a {
   font-family: Verdana, Arial, sans-serif;
   font-size:14px;
   font-weight:bold;
   text-decoration: none;
} 

.headlinks {
   height:38px;
   text-align:left;
   border-top:1px dashed #CECECE;
   padding: 2px 0 4px 0;
   clear:both;
}

.headlinks a {
   font-family: Verdana, Arial, sans-serif;
   font-size:12px;
   font-weight:bold;
   text-decoration: none;
} 


.mobilelinks a {
   text-align:left;
	 font-family: Verdana, Arial, sans-serif;
   font-size:16px;
   font-weight:bold;
   text-decoration: none;
} 

.authorbyline{
	 font-family: Verdana, Arial, sans-serif;
   font-size:14px;
} 

.mainheadlines {
   margin:0 4px;
} 

.mainheadlines a {
   font-weight:bold;
   text-decoration: none;
} 



.firstheadlinelg {
	 text-align:left;
	 margin-bottom:-1px;
}

.firstheadlinelg a {
	 font-family: Verdana, Arial, sans-serif;
	 font-size:16px;
	 font-weight:bold;
	 text-decoration: none;
} 


.description {
	font-size:18px;
}

.mobiletitle {
	font-size:32px;
}

/* iPhone 2G-4S in portrait & landscape */
@media (max-width : 320px) { 


	.firstheadlinelg a {
		 font-family: Verdana, Arial, sans-serif;
		 font-size:15px;
		 font-weight:bold;
		 text-decoration: none;
	} 
	
	.description {
		font-size:13px;
	}
	
	.mobiletitle {
		font-size:20px;
	}
	
	.mobartitle {
		font-size:16px;
	}
	
	.logoheader {
		 font-family: Verdana,Tahoma,Arial,sans-serif;
		 font-size:15px;
		 font-weight: bold;
		 color:navy;
		 text-align:center;
	}

}

.navbutton {
  background-image: url(images/iphone_button.gif);
  background-repeat:no-repeat;
  width:74px;
  height:34px;
  font-size:13px;
  padding: 8px 0 0 7px;
  margin: 0;
}

#navbutton a:link {
 text-decoration:none;
 color:navy;
 font-weight:bold;
}


#section-headlines {
   background-color: #E5E5E5;
	 padding:4px;
}

.hamburgtext {
	font-size:20px;
	font-weight:bold;
	padding:10px 0 0 10px;
}

.hamburg {
    position: relative;
		margin-left:-10px;
    display: inline-block;
}

.hamburg-content {
    display: none;
    position: absolute;
		left:-150px;
    background-color: #f9f9f9;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
		line-height:200%;
}

.hamburg-content a {
		color:blue;
    padding: 2px 16px;
    text-decoration: none;
    display: block;
}

.hamburg a:hover {background-color: #f1f1f1}

.showburg {display:block;}