/* global */

h1, h2, h3 {margin: 10px 0 0 0;padding: 0;font-family: 'Open Sans Condensed', sans-serif;letter-spacing: 0.25px;text-shadow: 1px 1px rgba(128,128,128,0.1);}
h1 {font-size: 40px;line-height: 56px;}
h2 {font-size: 28px;line-height: 38px;}
h3 {font-size: 24px;line-height: 30px;}

.h-01 {font-size: 40px;line-height: 56px;}
.h-02 {font-size: 28px;line-height: 38px;}
.h-03 {font-size: 24px;line-height: 30px;}

p {font-family: 'Open Sans', sans-serif;font-size: 18px; margin: 5px 0;}

hr {margin: 15px 0;border: 0;height: 1px;background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));}
a {color: #615119;}
a:hover {color: #0066cf;}

/* bricks */

.col-01 {color: #000000}
.col-02 {color: #ffffff}
.col-03 {color: #858585}
.col-04 {color: #ffc600}

.plaq-01 {color: #ffffff;background-color: #000000;padding: 0 8px;}
.plaq-02 {color: #000000;background-color: #ffffff;padding: 0 8px;}

.bg-01 {background-color: #000000;}
.bg-02 {background-color: #ffffff;}
.bg-03 {background-color: rgba(0,0,0,0.5);}
.bg-04 {background-color: rgba(255,255,255,0.5);}

.padh-01 {padding-left: 5px;padding-right: 5px;}
.padh-02 {padding-left: 10px;padding-right: 10px;}

.padv-01 {padding-top: 5px;padding-bottom: 5px}
.padv-02 {padding-top: 10px;padding-bottom: 10px}

.marh-01 {margin-left: 5px; margin-right: 5px;}
.marh-02 {margin-left: 10px; margin-right: 10px;}
.marh-11 {margin-left: 0; margin-right: 5px;}
.marh-21 {margin-left: 0; margin-right: 10px;}
.marh-12 {margin-left: 5px; margin-right: 0;}
.marh-22 {margin-left: 10px; margin-right: 0;}

.marv-01 {margin-top: 5px; margin-bottom: 5px;}
.marv-02 {margin-top: 10px;}

.lh-01 {line-height: 56px;}
.lh-02 {line-height: 38px;}
.lh-03 {line-height: 30px;}

/* buttons */

.btn-01 {display: inline-block; box-sizing: border-box; min-width: 120px; border: 1px solid #aeaeae; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000000; text-align: center; background: linear-gradient(to bottom, #ffffff 0%,#ededed 74%,#ededed 99%,#ffffff 100%);padding: 5px 15px; margin: 5px;}
.btn-01:hover {color: #000000; background: #ffc600;}

/* images */

.img-01 {box-sizing: border-box; display: inline-block; max-width: 100%; padding: 4px; background-color: #000000; vertical-align: middle;}
.img-02 {display: block; margin: 20px auto; text-align: center;}
.img-02 img {box-sizing: border-box; display: inline-block; max-width: 100%; margin: 0 auto; border: 1px dashed #000000;}
.img-02 img:hover {opacity: 0.9;}

/* floats */

.fl-left {float: left;}
.fl-right {float: right;}

/* tables */

table.tt01 { box-sizing: border-box; width: 100%; margin-top: 20px; border-bottom: 1px dotted #888888; }
table.tt01 tr { box-sizing: border-box; }
table.tt01 tr:nth-child(1) { background-color: rgba(0,0,0,0.7); color: #eaeaea; }
table.tt01 tr:nth-child(even) { background-color: rgba(0,0,0,0.1); }
table.tt01 td { box-sizing: border-box; padding: 4px 8px; font-family: 'Open Sans', sans-serif; font-size: 16px; }
table.tt01 th { box-sizing: border-box; padding: 4px 8px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: bold;}
table.tt01 td:nth-child(2), table.tt01 td:nth-child(3) { font-family: 'Open Sans Condensed', sans-serif; text-align: center; }
table.tt01 td h4 { font-family: 'Open Sans', sans-serif; font-size: 19px; color: #000000;}
table.tt01 td small { font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; color: #000000;}

/* share */

.share {float:right;}
.share a {display:inline-block;background-color:#bfd6f0;border-radius:5px;}
.share img {display:block;float:left;width:32px;opacity:0.8;}
.share img:hover {opacity:1;}
.share span {display:block;float:left;min-width:24px;height:32px;line-height:32px;text-align:center;font-family:Verdana;font-size:15px;color:#444444;}

/* blockquote */

blockquote {display: inline-block;position: relative;font-family: 'Open Sans', sans-serif;font-size: 18px;font-weight: 700;background: rgba(255,255,255,0.5);padding: 15px 20px 15px 50px;margin: 15px 0 15px 0;border-left: 15px solid rgba(155,136,94,0.3);}
blockquote::before{content: "\201C";font-family: Georgia, serif;font-size: 64px;font-weight: bold;color: #999999;position: absolute;left: 10px;top: 5px;}

/* breadcrumb */

.breadcrumb {box-sizing: border-box;font-family: 'Open Sans', sans-serif;width: 100%;max-width: 1024px;margin: 8px auto 0 auto;background-color: rgba(255,255,255,0.3);padding: 5px 20px 7px 20px;border-bottom: 3px solid #555555;border-top: 1px solid #555555;}
.breadcrumb div {display: inline-block;}
.breadcrumb a {font-size: 14px;color: #000000;}
.breadcrumb a:hover {color: #555555;}
.breadcrumb .next {font-family: Verdana;font-size: 14px;color: #770000;margin: 0 3px 2px 3px;font-weight: 700;}

/* disqus */

#disqus_thread {box-sizing: border-box;font-family: 'Open Sans', sans-serif;box-sizing: border-box;background-color: rgba(255,255,255,0.7);width: 100%;max-width: 1024px;padding: 10px 10px 0 10px;margin: 8px auto 8px auto;}
#disqus_thread a {color: #000000;}

/* top */

.top img {box-sizing: border-box;display: block;margin: 8px auto 0 auto;max-width: 100%;}

/* local navibar */

nav.local {box-sizing: border-box;background-color: rgba(255,255,255,0.8);width: 100%;max-width: 1024px;padding: 8px;margin: 8px auto;text-align: center;}
nav.local a {display: inline-block;list-style: none;padding: 0 15px;font-family: 'Open Sans', sans-serif;font-size: 18px;color: #202b38;}
nav.local a:hover {color: #0066cf;}

/* google search */

.google-search {width: 100%;max-width: 1024px;margin: 8px auto 8px auto;}
.gsc-control-cse {padding: 20px 20px 16px 20px!important;background-color: rgba(255,255,255,0.7)!important;border: none!important;}

/* google adsense */

.google-responsive {width: 100%;max-width: 970px;margin: 20px auto 0 auto;text-align: center;}

/* screenshots */

.screenshots {box-sizing: border-box;width: 100%;max-width: 1024px;background-color: rgba(255,255,255,0.7);margin: 10px auto 0 auto;padding: 5px;}
.screenshots a {display: block;box-sizing: border-box;padding: 5px;}
.screenshots a:hover {opacity: 0.9;}
.screenshots img {display: block;width: 100%;}

/* section */

section {box-sizing: border-box;width: 100%;max-width: 1024px;margin: 8px auto 0 auto;background-color: rgba(255,255,255,0.7);padding: 20px;}

/* section - index */

section.index img {display: block;max-width: 100%;margin: 10px auto;}

/* stages */

.stage { border: 1px dotted #000000; margin: 20px; padding: 5px 10px 5px 10px; background-color: rgba(0,0,0,0.1) }
.stage h4{font-family: 'Open Sans', sans-serif; font-size: 20px; color: #000000; font-weight: bold;}
.stage .shadowbox-cnt {text-align:center;}

/* buttons menu */

.menu-buttons {box-sizing: border-box;width: 100%;background-color: rgba(255,255,255,0.7);padding: 10px;margin: 0 auto 20px auto;}
.menu-button-cnt {box-sizing: border-box;padding: 0 5px 0 5px;float: left;}
.menu-button {box-sizing: border-box;font-family: 'Open Sans', sans-serif;text-align: center;display: block;border: 1px solid #4b6382;padding: 4px 8px 4px 8px;margin: 5px 0 5px 0;border-radius: 3px;color: #222222;background-color: #d3dbc9;}
.menu-button:hover {background-color: #ffc600;cursor: pointer;color: #000000;}
.menu-button-selected {background-color:#43613d;color:#eaeaea;}

/* map - preview */

.mappreview {box-sizing:border-box;max-width:100%;display:block;margin: 20px auto 30px auto;}

/* maps - zoom */

.mapareazoom-notice {margin-top: 20px; background-color: #444444; color: #eaeaea; box-sizing: border-box; font-family: 'Open Sans Condensed', sans-serif; font-size: 14px; padding: 4px; text-align: center;}
.mapareazoom .loc-selected {z-index: 200!important;}
.mapareazoom .loc-selected img {border: 3px solid magenta; margin-top: -3px; margin-left: -3px;}
.mapareazoom-back {display:inline-block;margin-top:20px;box-sizing:border-box;font-family:'Open Sans Condensed',sans-serif;font-size:16px;padding: 5px 10px;background-color:#e2da00;border-radius:5px;border:1px solid #908b01;margin-right:10px;}
.mapareazoom-back:hover {background-color:#ffc600;color:#222222;}

.maplegend { box-sizing: border-box; width: 100%; margin: 10px 0; padding: 5px 0 5px 0; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);}
.maplegend h3 { box-sizing: border-box; font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; color: #444444; font-weight: 700; padding: 5px 10px 5px 10px; background-color: rgba(255,255,255,0.3);}
.maplegend h3 small {color: #888888;}
.maplegend .element {box-sizing: border-box; display: table; float: left; background-color: rgba(255,255,255,0.7); border: 1px dotted rgba(0,0,0,0.2); border-radius: 3px; padding: 5px 10px; margin: 5px 5px 0 0;}
.maplegend .element:hover {background-color: rgba(0,0,0,0.1);}
.maplegend .element td {height: 32px;}
.maplegend .element input {box-sizing: border-box;vertical-align: middle;}
.maplegend .element label {display: inline;	height: 100%;	vertical-align: middle;}
.maplegend .element img {display: inline-block;box-sizing: border-box;vertical-align: middle;margin: 0 10px 0 5px;}
.maplegend .element span {box-sizing: border-box;vertical-align: middle;font-family: 'Open Sans', sans-serif;font-size: 15px;}
.maplegend .special {background-color: rgba(0,0,0,0.1);cursor: pointer;}
.maplegend .special:hover {background-color: #ffc600;}


.legend .element {display:block;border:2px solid rgba(0,0,0,0.6);float:left;margin:3px;border-radius:3px;box-sizing:border-box;text-align:center;box-shadow: 2px 2px 1px #bbb;cursor:pointer;}
.legend input[type=checkbox]:checked + label {background-color:rgba(205,229,110,0.7);}
.legend .element img {display:inline-block;margin:0 auto;vertical-align:middle;}
.legend .element span {display:inline-block;display:none;vertical-align:middle;font-family:'Open Sans Condensed', sans-serif;font-size:15px;margin-left:5px;color:#000;}
.legend input[type=checkbox] + label:hover {background-color:rgba(255,255,255,1)!important;}
.legend input[type=checkbox]:checked + label:hover {background-color:rgba(205,229,110,1)!important;}
.legend .special {background-color:rgba(191,214,240,0.7);}
.legend .special:hover {background-color:rgba(191,214,240,1);}

.poi-tooltip {background-color: rgba(255,255,255,0.4);padding: 10px;font-size: 15px;}
.poi-tooltip::before{content: "Map tooltip";font-family: 'Open Sans Condensed', sans-serif;font-size: 20px;font-weight: bold;color: #999999;left: 10px;top: 5px;}

.pois, .info {margin-top: 20px;}
.pois h2, .info h2 {box-sizing: border-box;font-family: 'Open Sans Condensed', sans-serif;font-size: 24px;color: #444444;font-weight: 700;}
.poi {box-sizing: border-box;display: block;float: left;background-color: rgba(0,0,0,0.1); padding: 5px; margin: 5px;}
.pois h3 .icon {box-sizing: border-box;display: inline-block;vertical-align: middle;margin: 0 10px 0 0;}
.poi .icon {box-sizing: border-box;display: block;float: left;vertical-align: middle;margin: 0 10px 0 0;}
.poi .icon-cnt {display: inline-block;float:left; height:32px;vertical-align:middle;}
.element .icon-cnt {display: inline-block;height:32px;vertical-align:middle;}
.pois h3 {background-color: rgba(0,0,0,0.05);border-bottom: 1px solid #aaaaaa;padding: 7px 5px 5px 5px;	margin: 20px 0 10px 0;font-family:'Open Sans',sans-serif;font-size: 17px;	font-weight: 700;}
.poi h6 {box-sizing: border-box;display: block;float: left; vertical-align: middle; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 32px;}
.poi p { box-sizing: border-box;display: inline;line-height: 32px;vertical-align: middle;font-size: 13px;padding-right: 5px; border-right: 1px solid #bbbbbb; margin: 0;}
.poi p:nth-last-of-type(1) {border-right: none;}
.poi target, .pois .poi div[data-type=focus] {box-sizing: border-box;display: block;float: left;vertical-align: middle;width: 18px;height: 32px;background-image: url('/fallout4/gfx/target.png'); background-repeat: no-repeat; background-position: center; margin: 0 5px 0 5px; opacity: 0.3;}
.poi target:hover, .pois .poi div[data-type=focus]:hover {opacity: 1.0;}
.poi a.more {box-sizing: border-box;display: block;float: left;vertical-align: middle;width: 24px;height: 32px;background-image: url('/fallout4/gfx/more.png'); background-repeat: no-repeat; background-position: center; margin: 0 5px 0 5px; opacity: 0.3;}
.poi a.more:hover {opacity: 1.0;}

.poi-lt {display: inline-block; box-sizing: border-box; margin: 5px; background-color: rgba(255,255,255,0.5); border: 1px solid rgba(0,0,0,0.1); border-radius: 3px;}
.poi-lt h6 {box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 16px;}
.poi-lt a {display: block; box-sizing: border-box; padding: 5px 15px;}
.poi-lt a:hover {background-color: #ffc600;}

/* LARGE */

@media screen and (min-width: 1025px) {
	.google-300x250 {float: right;margin: 10px 0 10px 20px;min-width:300px;min-height:250px;}
	.google-responsive .adsbygoogle {width: 970px;height: 250px;}
 	.screenshots a {float: left;width: 50%;}
 	.vissmall {display: none;}
	.menu-button-cnt {width: 33.3%;}
}

/* MEDIUM */

@media screen and (min-width: 641px) and (max-width : 1024px) {
	.google-300x250 {float: right;margin: 10px 0 10px 20px;min-width:300px;min-height:250px;}
	.google-responsive .adsbygoogle {min-width: 640px;height: 250px;}
	.screenshots a {float: left;width: 50%;}
	.vissmall {display: none;}
	.menu-button-cnt {width: 50%;} 	
}

/* SMALL */

@media screen and (max-width: 640px) {
	.google-300x250 {margin: 20px auto;text-align: center;min-width:300px;min-height:250px;}
	.google-responsive .adsbygoogle {min-width: 300px;height: 250px;}
	.screenshots a {width: 100%;}
	.menu-button-cnt {width: 100%;} 	
	table.tt01 {border-spacing:0;}
	table.tt01 td {display: block;text-align:left;border-bottom: 1px dotted rgba(0,0,0,0.3);}
	table.tt01 th {display: block;text-align:left;border-bottom: 1px dotted rgba(255,255,255,0.3);}
	table.tt01 td:nth-child(2), table.tt01 td:nth-child(3) {text-align: left;}
	.share {display:none;}
}