/*
Theme Name: BageCars20
Text Domain: BageCars20
Version: 1.1
Author: AJ4MQ
Author URI: https://pctech.us/
License: Private Use Only
*/


body,html { width: 100%; height: 100%; margin: 0; padding: 20px; }
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin: 15px; margin-left: 0; }
.alignright { float: right; margin: 15px; margin-right: 0; }

#PAGE { position: relative; width: 1024px; border: 1px solid #ddd; min-height: 80%; margin: 0 auto; font: 11pt Arial; color: #555; 
box-shadow: 1px 1px 1em #DDD;
 }
#BLOCK { position: absolute; left: 50%; transform: translateX(-50%);  width: 200px; top: 50px; background: white; height: 40px; z-index: 99; }
#BLOCK:BEFORE { position: absolute; transform: translateX(-100%);  height:0; border: 20px solid transparent; border-top: 20px solid white; border-right: 20px solid white; content: " "; z-index: 99; }
#BLOCK:AFTER { position: absolute; margin-left: 200px; height:0; border: 20px solid transparent; border-top: 20px solid white; border-left: 20px solid white; content: " "; z-index: 99; }
#HEADER { position: relative; width: 100%; height: 300px; background: #DDD; z-index: 90; }
#TOP { position: relative; display: block; width: 100%; height: 54px; }
#TOP .contact { position:absolute; right: 5px; bottom: 5px; }
#HEADER { overflow: hidden; height: 300px; }
#HEADER img { position: absolute; margin-top: -20px; min-height: 100%; min-width: 100%; max-width: 100%; width: auto; height: auto; }
#LOGO { position: absolute; top: 5px; left: 0; right: 0; background: transparent; text-align: center; z-index: 999;}
red { display: inline-block; color: darkred; }
#FB { position: absolute; top: -12px; left: -12px; height:79px; z-index: 9999; cursor: pointer; }
#ALM { position: absolute; top: 7px; left: 100px; z-index: 9999; cursor: pointer; transition: 3s;}
#ALM:hover { box-shadow: 2px 2px 0.2em rgba(0,0,255,0.5), 
								 -2px -2px 0.2em rgba(255,0,0,0.5);
					transition: 0.3s; }
.menu>ul { padding-left: 8px; border-bottom: 1px solid #F8F8F8; height: 40px; }
.menu>ul>li { display: table-cell; background: white; color: #888; }
.menu>ul>li>a { text-decoration: none; padding: 20px; border: 1px solid #EEE; box-shadow: 1px 1px 0.2em #EEE; transition: 0.3s;}
.menu>ul>li>a:hover {background: red; color: white; }

.menu>ul>li>ul { display: none; position: absolute; margin-top: 19px; border: 1px solid #BBB; background: white; padding: 0; }
.menu>ul>li:hover>ul { display: block; }
.menu>ul>li>ul>li { display: block; background: white; color: #888; margin: 9px; padding: 0; box-sizing: border-box; }
.menu>ul>li>ul>li>a { text-decoration: none; width: 250px; padding: 5px; transition: 0.3s;}
.menu>ul>li>ul>li>a:hover {background: red; color: white; }


#BASE { width: 100%; border-collapse: collapse; }
#BASE tr td { vertical-align: top; }
#BASE tr td:nth-child(2) { width: 700px !important; }
#BASE tr td:nth-child(2) { width: 300px !important; }
#BASE img { max-width: 100%; height: auto; }

.post { padding: 10px; margin: 8px; }
.post h2, .title { color: #444; border-bottom: 1px solid #F00; margin: 0; width: 100%; }
.post h6 { margin-top: 0; color: black; text-shadow: 1px 1px 0.05em white; padding-left: 3px; 
background: #EEEEEE;
background: -moz-linear-gradient(-45deg,  #EEEEEE 0%, #ffffff 88%);
background: -webkit-linear-gradient(-45deg,  #EEEEEE 0%,#ffffff 88%);
background: linear-gradient(135deg,  #EEEEEE 0%,#ffffff 88%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#ffffff',GradientType=1 );
}
.post span { line-height: 1.5em; }

#FOOTER table { width: 100%; border-collapse: collapse; background: #444; min-height: 50px;}
#FOOTER table td { width: 33%; padding: 15px; color: #AAA; vertical-align: top; font-size: 10pt; padding-top: 4px; }
#FOOTER table td:nth-child(1) h3 { border-bottom: 1px solid red; }
#FOOTER table td:nth-child(2) h3 { border-bottom: 1px solid white; }
#FOOTER table td:nth-child(3) h3 { border-bottom: 1px solid blue; }
#FOOTER h3 { color: #EEE; }

#RIGHT .FORSALE { width: 100%; box-sizing: border-box; }
#RIGHT .FORSALE img{ max-height: 250px; width: auto;}
.FORSALE { background: #FFF; padding: 4px; text-align: center; color: #444; font-size: 9pt; border: 1px solid #CCC; margin-bottom: 20px; max-width: 300px; float: left; cursor: pointer !important; }
.FORSALE h4 { color: #008; margin:0; font-size: 12pt;}
.FORSALE img { width: 100%; }

.EDIT { position: absolute; margin: 5px; background: rgba(192,192,255,0.5); border-radius: 20px; text-decoration: none; color: white; text-shadow: 1px 1px 0.1em blue; }