@charset "utf-8";
header, section, footer, aside, nav, article, {display: block; }
html {background:#666;}
body {width: 1020px; margin: 0 auto; background: #fff; font-family: arial; color: #444; margin-top: 10px;}
h1, h2, h3, h4, h5, h6 {font-weight: bold; color:#666;}
h1 {font-size: 26px; display: inline; line-height: 1em} 
h2 {font-size: 20px; display: inline; line-height: 1em}
h3 {font-size: 18px; display: inline; line-height: 1em}
h4 {font-size: 16px; display: inline; line-height: 1em} 
h5 {font-size: 12px; display: inline; line-height: 1em}  
.ldrbd {align: center; padding-top: 10px; padding-left: 15px;}
.ldrbd3 {margin-left: 4px;}
#ldr21 {align:center; max-width:980px; min-height:90px; padding-top:7px;}
header {height: 94px;}
.logo {float: left; max-width: 450px; margin: 4px 0px 0px 10px; height: 90px;}
.search {background: #f63; padding: 6px; float: right; margin: 34px 10px 0px 0px;}
.bsearch {background: #f63; padding: 6px; margin: 14px 0px 0px 0px; width:360px;}
#deskmenu {height: 30px; margin: 4px 10px 10px 10px; background: #ddd; font-weight: bold; font-size: 16px; border: 1px solid #999;}
#deskmenu a {float: left;  padding: 5px; margin: 0px 4px 0px 4px; text-decoration: none;}
#deskmenu a:visited {color: #03c;}
#deskmenu a:hover {background: #999; color:#03c;}
#mobmenu, .searchm {display: none;}
.mobilemenu select, .imagemob, #mob, .fixed{display: none;}
aside {float: left; width: 180px; background: #ddd; padding: 0px 0px 10px 0px; margin: 0px 10px 10px 10px;}
.navtitle {color:#fff; font-weight:bold; font-size: 15px; background-color: #666; width: 174px; align: center; padding: 4px 0px 4px 8px;}
aside ul {margin:0; padding:0; list-style:none; line-height:0.8em}
aside li {margin:0;  padding-top:2px; padding-bottom:2px; }
aside ul li a {color:#000; display:block; padding-left:8px; text-decoration:none;font-size: 12px;} 
aside ul li a:hover {color:#fff; background:#03c; text-decoration:none;font-size: 12px;}
article {float:right; width:780px; padding:0px 0px 20px 0px; margin-right:10px; font-size:16px; line-height:1.5em;}
article a {font-weight:bold; color:#03c; text-decoration: none;}
p.bread {color: #666; font-size: 13px; margin-top: 0;}
.title {padding: 0px; width: 90%; margin-top: 10px; margin-bottom: 10px;}
#txtad {background: #DFF2FD; text-align: left; position: relative; height: 22px; width: 740px; padding-top:4px; border:1px solid #ddd;}
.font9 {color:#CCCCCC; font-size:9px; letter-spacing:1px;}
.font6 {color:#CCCCCC; font-size:9px; letter-spacing:1px; margin-bottom:-6px;}
section {margin:0px 0px 40px 0px;}
.right {float:right; padding:0px 0px 0px 15px; width:380px;}
.lft {float:left; width:380px;}
.left {float:left; padding:0px 15px 0px 0px; width:180px;}
.leftimg {float:left; padding:0px 15px 20px 0px;}
.left380 {float:left; padding:0px 15px 0px 0px; width:380px;}
.max780 {max-width: 780px; margin-right: 5px;}
.image {max-width: 98%;}
.imagedsk {max-width: 98%; margin:-7px 0px 0px 4px;}
.col {width: 24%; display: inline-block; text-align: center; vertical-align: top; padding: 1px;}
.col3, .col3wld {width: 32%; display: inline-block; text-align: left; vertical-align: top; padding: 1px; margin-bottom: 15px;}
.box {padding: 2px 2px; width: 100%; max-width: 380px; font-size: 18px; font-weight: bold; color: #FFF; text-align: center;}
.caption {background:#eee; padding:7px; margin:-7px 0px 20px 0px; font-size:13px; line-height:1.4em; max-width: 367px;}
.cat4 {width: 24%; max-width: 184px; display: inline-block; vertical-align: top; font-size: 12px; line-height: 1.4em; text-align: left; margin: 0px 2px 18px 1px; padding: 0px;}
.catbox {width: 100%; max-width: 172px; font-size: 14px; font-weight: bold; color: #FFF; text-align: center; background: #666; padding: 4px;}
#mobadt, #mobadm, #mobadb, #mobad { display: none; }
#dsk {display: block;}
footer {clear: both; background: #ccc; font-size: 12px; text-align: center; padding: 2px;}table.cat180c {width:180px; color:#555; font-size:12px;  line-height:1.4em; border-collapse:collapse}
table.cat180c td {vertical-align:top; padding:0px 0px 10px 0px}
table.rech {width:380px; text-align:center; background:#666; color:#fff; font-size:16px; font-weight:bold; padding:-1px 0px 0px 0px; margin:0px; float:left;}
table.recc {width:380px; text-align:left; text-decoration:none; padding:1px 3px 0px 1px; font-weight:bold; background:#FFF; border:1px solid #666; margin-top:10px;}
table.ref {width:380; color:#555; font-size:12px; padding:1px 1px 1px 1px; background-color:#CCC; line-height:1.2em}

/* MEDIA - RESPONSIVE */
@media only screen and (max-width : 568px) { /* just phones for now - previously was tablets and smaller desktop screens */
    body {max-width: 400px; width: 100%; background: #fff !important; margin-top: -9px;}
    #deskmenu,#aside,.ldrbd,#ldr21,.search,.bsearch,.bleft,.morefromblocks,.notmobile,.adl,.adr,#dsk,#txtad,.imagedsk,.left380,#botbanad {display: none;}
	h1 {font-size: 20px; display: inline; line-height: 1em}
	header {margin: 10px; padding-top: 10px; padding-bottom: -10px; height:auto;}
	.logo {width:100%; margin: auto; padding-right: 0px; height: inherit;}
	.logo img {width: 100%; margin: -2px 0px -12px 0px; margin-bottom: 3px;}
.logom {width: 68%; max-width:290px; margin: 10px 0px 10px 10px; padding-right:0px; height:inherit; position: fixed;}
.logom img {width:90%; margin:-22px 0px 0px 0px; margin-bottom:3px;}
	.mobilemenu {margin: 0px 4% -8px 2%; width: 30%;}
	.mobilemenu select {clear: both; display: inline-block; width: 100%; overflow: hidden; background: #f63; color: #fff; border: 2px solid #ccc; height: 30px; font-weight: bold; padding-left: 8px; border-radius: 8px;}	
.searchm {display: inline; float: right; max-width: 95%; margin: 0px; background:#f63; padding:6px;}
.fixed {display: inline-block; position: fixed; margin-top: 0px; margin-bottom: 3px; background: #FFF; width:100%; max-width:400px;}
#menu-icon2 {display: hidden; float: left; width: 96px; height: 35px; background: url(https://geology.com/mobile-menu2.jpg) center; margin: -2px 0px 0px 0px}
#mobmenu {clear: both; display: inline-block; max-width: 300px;	margin-left: 0px; margin-top: -40px; padding: 7px 5px 0px 7px; float: left;}
#mobmenu table { display: none; float: left; margin: 0px 4px 0px 0px; padding: 0px 0px; background: #FBB688; border: 2px solid #FF6633; width: 98%; border-radius: 0px 0px 0px 0px;}
#mobmenu li {text-align: left; font-size: 14px; font-weight: bold; width: 98%; padding: 5px 3px; margin: 0px; list-style: none;}
#mobmenu:hover table {display: inline-block;}
article {margin:auto; clear:both; margin:16% 1% 0% 0%; padding:0%; font-size:14px; line-height:1.5em; width:98%}
article .hero {clear: both; max-width: 100%; margin: 0px;}
ul {list-style: none;}
li {display: inline-block; float: left; padding: 10px}
.ldrbd3 {margin-left: 20px;}
	p.bread {color: #666; font-size: 12px; margin: -16% 0% 10px 2%;}
	.title {clear: both; width: 98%; margin-left: 5px; text-align: center;}
	.col, .col3 {width: 48%; margin-bottom: 15px;}
	.col3wld {width: 98%; margin-bottom: 15px;}
	#mob {display: block; text-align: center;}
	#mobad {display: inline-block; background: #FFF; text-align: left; position: relative; height: 260px; width: 98%;}
    .imagemob {display: block; max-width: 98%; margin:-7px 0px 0px 0px;}
	table.rech {width:300px; text-align:center; background:#666; color:#fff; font-size:16px; font-weight:bold; padding:-1px 0px 0px 0px; margin:6px 0% 0px 3%;}
table.ref {width:100%;  color:#777; font-size:12px; padding:1px 1px 1px 1px; margin-bottom:10px; background:#eeeeee; line-height:1.2em}
	footer {padding: 2px; clear: both; font-size: 11px;}
	.right, .lft {clear:both; width:100%}
	.right img {clear:both; max-width:100%;}
	.caption {clear:both; background:#eee; padding:0% 2% 0% -2%; font-size:13px; line-height:1.4em; width:96%;}
	table.rech {width:300px; text-align:center; background:#666; color:#fff; font-size:16px; font-weight:bold; padding:-1px 0px 0px 0px; margin:6px 0% 0px 3%;}
	table.recc {width:300px; text-align:left; text-decoration:none; padding:1px 3px 0px 1px; font-weight:bold; background:#FFF; border:1px solid #666; margin:0px 0% 16px 3%;}
}