/*
Theme Name: DBARANews 23
Text Domain: DBARANews
Version: 2.00 (2023-04)
Author: Jeff Mathews (AJ4MQ)
License: Private License
*/

* { box-sizing: border-box; }
body { position: relative;  margin: 0; padding: 2px; font-family: Verdana; background: #EEE; }

#HEADER { position: relative; height: 90px; background: white; margin: -2px; margin-bottom: 0;}
#LOGO1,#LOGO2 { position: absolute; top: 50%; transform: translateY(-50%); height: 90px; }
#LOGO1 { left: 10px; }
#LOGO2 { right: 10px; }

#HEADER H1 { display: none; }
#HEADER H1, #HEADER H2 { text-align: center; margin: 0; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); color: white; text-shadow: 1px 1px 0.1em black;}
#HEADER H2 B { color: red; }

#MENUDIV { position: absolute; height: 26px; width: 100%; margin: 0 -2px; background: #000;}
#MENUBAR { position: absolute; max-width: 100%; height: 26px; background: #000; color: yellow; left: 50%; transform: translateX(-50%); white-space: nowrap;}
#MENUBAR>ul { padding:0; margin: 0; }
#MENUBAR>ul>li { display: inline-block; margin: 0; padding: 3px 12px; list-style-type: none; background: #000;}
#MENUBAR>ul li:hover { background: #00F;}
#MENUBAR>ul ul { display: none; position: absolute; z-index: 99; }
#MENUBAR>ul>li:hover ul { display: block; margin: 0; padding: 4px; }
#MENUBAR>ul>li ul li{ position: relative; margin: 0; padding: 1px 4px ; list-style-type: none; background: #000;}
#PAGE,#PAGEz { position: relative; overflow: hidden; width: 1000px; margin: 0 auto; margin-top: 25px; padding: 4px; background: #FFF; box-shadow: 4px 4px 0.1em grey; }
#PAGE { min-height: 400px; }
#PAGEz { margin: 0 auto; }
.BLOCK { max-width: 1000px overflow: hidden; }
.BLOCK td:nth-child(1) { position: relative; width: 274px !important; }
.BLOCK td:nth-child(2) { position: relative; width: 724px !important; oveflow: hidden; }
#SIDEMENU { width: 275px; display: inline-block; float:left; background: #FFF; border: 1px solid #888; margin-right: 10px; margin-bottom: 10px; }
#SIDEMENU li { list-style-type: none; }
#SIDEMENU a { color: black; display: block; text-decoration: none; }
#SIDEMENU a:hover { background: blue; color: white; }
#SIDEMENU>ul { margin: 0; padding: 0 5px; }
#SIDEMENU>ul>li { font-weight: bold; }
#SIDEMENU>ul>li li { font: 11pt Verdana; }
.widephoto { display: block; max-height: 300px; max-width: 695px; margin: 0 auto; padding: 0;}
H3,H4,H5,H6 { text-align: center; border-bottom: 1px solid red; color: darkblue; font-size: 24pt; margin: 0; width: 100%; }
H4 { background: #EEE; border-bottom: 1px solid blue; font-size: 18pt; margin: 0;}
H5 { background: #EEE; border-bottom: 1px solid #555; font-size: 14pt; margin: 0;}
H6 { background: none; border-bottom: none; font-size: 11pt; margin: 0; text-align: center; }
.alignright { float: right; }
.size-full { display: block; max-width: 100%; margin: auto; height: auto }
.classified { width: 230px; height: 300px; border: 1px dotted red; margin: 0 auto; padding: 3px; overflow: hidden;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #444;
 }
 .classified span { color: white; text-shadow: 1px 1px 0.1em black, -1px -1px 0.1em black; }
 .classified .PRICE { float: right; color: #0F0; font-size: 18pt;}
 .classified .DESC { position: absolute; bottom: 0; left: 0; right: 0; color: #FF0; font-size: 14pt; text-align: center; }
 .classified .SOLD { position: absolute; display: block; transform: rotate(15deg); color: red; font-size: 70pt; margin-top: 40%; margin-left: 20px;
  /** Rotation */
        -webkit-transform: rotate(15deg); 
        -moz-transform: rotate(15deg);    
        transform:rotate(15deg);
 }
.PORT { float: right; max-width: 640px; max-height: 640px; height: auto; }
.LAND{ max-width: 700px; max-height: 640px; height: auto; }
#FOOTER { position: relative; overflow: hidden; width: 1000px; margin: 0 auto; }
#FOOTER { background: #777; color: white; font: bold 11pt Verdana; margin: -4px; padding: 0 5px; }
#FOOTER a { color: #0FF; }
.EVENT { 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a1dbff+0,cbebff+53,f0f9ff+100 */
background: #a1dbff; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #a1dbff 0%, #cbebff 53%, #f0f9ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #a1dbff 0%,#cbebff 53%,#f0f9ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #a1dbff 0%,#cbebff 53%,#f0f9ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1dbff', endColorstr='#f0f9ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.VIEW, .EDIT { position: absolute; float: left; z-index: 999; opacity: 0.50; background: black; color: yellow; padding: 2px; border-radius: 5px; }
.VIEW a, .EDIT a { color: white; text-decoration: none; }
.VIEW:hover, .EDIT:hover { opacity: 1; }
.EDIT { float: right; }
.featured { max-height: 300px; width:auto }

	@media only screen and (-webkit-device-pixel-ratio: 2)
	{ /* iPad */
	/*	body { background: #CEC; }	/*/
		/*#LOGO1, #LOGO2,#HEADER { height: 60px; }*/
		#HEADER H1 { display: none; }
		#HEADER H2 { display: block; }
	}
	
	@media only screen and (-webkit-device-pixel-ratio: 3)
	{ /* iPhone */
	/*	body { background: #ECC; } /*/
		#LOGO1, #LOGO2,#HEADER { height: 60px; }
		#HEADER H1 { display: block; }
		#HEADER H2 { display: none; }
	}