@charset "utf-8";
header, section, footer, aside, nav, article, {display: block; }
html {background: #666;}
body {width: 990px; 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: 32px; display: inline;} 
h2 {font-size: 22px; display: inline;}
h3 {font-size: 18px; display: inline;}
h4 {font-size: 16px; display: inline;} 
h5 {font-size: 15px; display: inline;}  
.ldrbd {align: center; padding-top: 10px;}
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:6px; margin:0px 6px 0px 7px; text-decoration:none;}
#deskmenu a:visited {color:#03c;}
#deskmenu a:hover {background:#999; color:#03c;}
aside {float:left; width:174px; 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:164px; 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;}
p.bread {color:#666; font-size:14px; margin-top:0;}
.title,.404 {padding:0px; width:90%; align:center; margin:0px;}
.adr {float:right; padding:0px 0px 0px 15px; width:380px;}
.topimg {width:100%;}
.topimg img {width:100%;}
.right {float:right; padding:0px 0px 0px 15px; width:380px;}
.left {float:left; padding:0px 15px 0px 0px; width:380px;}
.lside {padding:0px 15px 0px 0px; width:380px;}
.imgleft {float:left; padding:0px 10px 0px 0px; font-size:12px; line-height:1.2em;}
.caption {background:#eee; padding:7px; margin:-7px 0px 20px 0px; font-size:14px; line-height:1.4em;}
.related {background:#dff; padding:8px 8px 8px 8px; margin:36px 0px 36px 0px; width:364px; border:1px solid #03c;}
.callout {background:#dfd; padding:8px 8px 8px 8px; margin:36px 0px 36px 0px; width:364px; border:1px solid #090;}
.colorgem {margin:0px 0px 25px 0px; font-size:14px; line-height:1.3em;}
.colorgem strong {font-size:24px;}
.twocolr {width:380px; float:right;}
.twocoll {width:380px; float:left;}
section {margin:0px 0px 50px 0px;}
.box {padding: 2px 2px; width: 100%; max-width: 380px; font-size: 18px; font-weight: bold; color: #FFF; text-align: center;}
.boxcap {padding: 0px 2px 7px 2px; width: 100%; max-width: 380px; font-size: 18px; font-weight: bold; color: #FFF; text-align: center;}
.hmlft {width: 62%; max-width: 585px; float: left; margin-left: 1%;}
.hmhd {color: #fff; font-weight: bold; font-size: 18px; background: #666; line-height: 1.2em; padding: 6px; width: 96%; max-width: 560px; text-align:center; margin-bottom: 6px; margin-top: 3px;}
.hmrt {width: 40%; max-width: 382px; float: right; margin-right: 1%;}
.news_item {padding-bottom: 18px; margin-left: 4px; line-height: 1em;}
a.news_title {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #03c; font-size: 15px; text-decoration: none; padding-bottom: 4px;}
.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;}
.cat4 a,.cat4h a,.cat3 a,.style13 a {text-decoration: none; color:#03c; font-weight: bold;}
.cat4h {width: 24%; max-width: 185px; display: inline-block; vertical-align: top; margin-bottom: 10px;}
.style13 {font-size: 13px; line-height: 1.3em;}
.style13 a{text-decoration: underline;}
.cat3 {width: 33%; max-width: 190px; display: inline-block; vertical-align: top; font-size: 12px; line-height: 1.4em; text-align: left; margin: 0px 0px 18px 0px; padding: 0px;}
.catbox {width: 100%; max-width: 172px; font-size: 14px; font-weight: bold; color: #FFF; text-align: center; background: #666; padding: 4px;}
table.ref {width:380; color:#555; font-size:13px; padding:1px 1px 1px 1px; background-color:#CCC; line-height:1.3em}
table.rel {width:380; color:#555; font-size:14px; padding:1px 1px 1px 1px; background-color:#FFF; line-height:1.3em}
table.rel b{font-size:18px;}
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;}
.full {padding:0px; width:98%; margin:0px 0px 0px 12px;}
.flright {float: right; margin-left: 5px;}
#txtad {background: #DFF2FD; text-align: left; position: relative; height: 20px; width: 730; padding-top:4px; border:1px solid #ddd;}
#mobad,#mobadgem,.mobile,.mobilemenu select,.fixed,#mobmenu,.searchm {display: none;}

/* MEDIA - RESPONSIVE */
@media only screen and (max-width : 568px) { 
body {max-width:400px; width:100%; !important; margin-top: -9px;}
#deskmenu,#aside,.ldrbd,.search,.bsearch,.bleft, .cats,.morefromblocks,.notmobile,.adl,.adr,.hmrt {display:none;}
h1 {line-height: 1em; font-size: 28px; }h4 {font-size: 14px; display: inline;} 
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;}
	.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:98%; max-width:400px;}
.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;}
#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:0% 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: circle;}
li {display: inline-block; float: left; padding: 10px}
	p.bread {color: #666; font-size: 12px; margin: 1% 0% 10px 2%;}
.title,.404 {clear:both; width:90%; line-height: 1.8em;}
section {padding:0px; clear:both; margin:0% 4% 20% 4%;}
.topimg {width:92%; padding:0% 0% 0% 3%;}
.topimg img {width:100%;}
.right {clear:both; width:100%}
.right img {clear:both; width:100%;}
.lside {clear:both; width:100%}
.lside img {clear:both; max-width:100%}
.smimg {width:initial;}
.caption {clear:both; background:#eee; padding:0% 2% 0% -2%; font-size:13px; line-height:1.4em; width:96%;}
.related,.callout {padding:6px 6px 6px 6px; margin:36px 0px 36px 0px; width:97%;}
.cat4,.cat3 {clear:both; width: 47%; vertical-align: top; font-size: 13px; margin:0px 0px 18px 3px;}
.cat4 img,.cat3 img {width:100%; max-width: 180px;}
.catbox {width: auto;}
.hmlft {width: 98%; text-align: center;}
.news_item {width: 93%; margin: 0px 2% 10px 2%;}
table.ref {width:100%;  color:#777; font-size:12px; padding:1px 1px 1px 1px; margin-bottom:10px; background:#eeeeee; line-height:1.2em}
table.rel {width:100%; color:#555; font-size:12px; padding:1px 1px 1px 1px; background:#FFF; line-height:1.3em}
footer {padding:2px; clear:both; font-size:11px;}
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%;}
table.recc img {width:90px; height:65;}
#mobad {display:inline-block; width: 336px; margin:0 0% 0 4%;}
.mobile {display:inline-block; margin:0px; width:300px;}
.colorgem {padding:0px; clear:both; margin:0% 4% 0% 2%; font-size:14px; line-height:1.3em;}
.colorgem strong {font-size:18px;}
.twocolr {padding:0px 0px 0px 0px; float:none; width:100%;}
.twocoll {padding:0px 0px 0px 0px; float:none; width:100%;}
#mobadgem {display:inline-block; width:300px; margin: 0% 0% 0% 0%;}}