@import "colour5.css";
body{ background:#5F6668;}
#wrapper { width:99%;text-align:justify; background:#CDF;color:black;margin:auto; }
#star-rating,.stars{width:198px;color:blue;font-size:12px}
article{letter-spacing:0.5px;}
form#star-rating{background:lightyellow;float:right;text-align:center;height:100px;}
h1{ color:black;font:bold 28px Georgia;padding-top:9px;}
h2{font-size:14px; width:100%;line-height:16px;margin:-5px 0 10px 0; padding-top:3px; background:#AABDCF;border-top:1px solid darkblue;}
h2,h4,.h4{text-align:center;color:black; }
h4,.h4{margin:3px 0;padding:0;letter-spacing:.5px;color:black;font:bold 14px "Times New Roman";}
h3{font-size:28px;letter-spacing:1.2px;padding:5px 0;height:35px;color:yellow;}
h5,.h5{font-size:17px;width:98%;padding:0;margin:5px 13px 2px 0;color:#006;font-weight:bold;letter-spacing:0.8px;}
.hc{height:48px;}
.printlogo{display:none;}
main {padding-top:3px;}
.top1{display:block;}
.local,.neigh,.neighc{text-align:center;width:283px;color:#006;margin:1px 0 0 12px;height:28px;padding:5px 0;background-image:radial-gradient( white, #FF9, #FC6);}.neigh{height:46px;}
.loclist{padding-bottom:2px;}.beachlist,.lakelist,.loclist{width:306px;}
.fb-share-button{transform: scale(1.4);transform-origin: top left;float:left;margin: 4px 0 0 6px;}
.local{margin-bottom:5px;}
.tophead{width:100%;background:#AABDCF;margin:5px 0;height:50px;}
.award{display:none;}
a.viewbox1{display:block;}
a[class*='line']:hover, a.cledline:hover {border:3px solid blue; padding-left:0;padding-right:1px;}
p{margin-top:1px;font-size:16px!important;}p:first-letter{font-size:20px;}
#rightbar,#mybook {float: right;  background:silver; margin: 0 0 3px 8px;} 
#mybook{display:none;}
.sub{font-size:12px; width:100%; padding:0; margin:0;}
nav{width:306px; float:left; background:#919AA4; margin:0 12px 0 0; font:normal 16px Sylfaen, sans-serif;line-height:17px;display:block;letter-spacing:0.2px;}
.leftbox {margin:0 170px 0 320px;}
#map {width: 304px; height: 280px; background: grey; margin:0 ;float:left;border:1px solid dimgrey;}
.photo,.last{width:48%; margin-left:2%; text-align:center; font-size:1em; font-weight:normal; float:left; line-height:16px;}
.lower1,.book1,.lowerpics{width:49%;margin: 0 0.5%;}
figure{margin:0;}
figcaption{text-align:center;background:#85B8D6;height:24px;font:normal 17px Constantia,serif;margin-top:-3px;padding-top:3px;letter-spacing:0.7px;overflow:hidden;}
.lower2{width: calc(100% - 360px);max-width:800px;}
.lower1,.lower2,.lowerpics{float:left;}.book1{float:right;}
.trade,#trade1{height:260px;font:normal 14px "Trebuchet MS", Tahoma, sans-serif; width:300px;float:right;}
#trade1{margin-right:calc(25% - 150px);}
.both {width:100%; padding:5px 0; margin:1px auto; max-width:1600px;display:table;}
.google {margin:0 12px 0 12px; width:336px; height:280px; float:right; background:silver;}
.nav,.nolink {padding:2px 0 1px 2px; text-align:left; text-decoration:none; overflow:hidden; float:left; color:black;}
.text {font-size:11px; line-height:12px; padding-top:3px; text-align:center; color:navy; text-decoration:none; display:block; position:relative; top:-15px;}
.red, .pink,.green, .black,.blue, .brown, .violet,.lightblue,.maroon{font-weight:bold;}
.red {color:#D00000;} .pink {color:#E0E;} .green {color:#52BF12;} .black{color:black;}.txtpic p:first-letter,.lightblue {color:blue;} .brown {color:#EC9103;} .violet {color:#33F;} .blue{color:#1A8CFF;} .maroon{color:darkcyan;}
.blocker{font-size:28px; font-weight:bold; color:black; text-align:center;line-height:30px;}
#warn{font:normal 18px "Trebuchet MS";line-height:20px;color:navy;}
.box img{height:80px;width:130px;}
img {width:100%; margin:0; object-fit: cover;border:none;}
.clock,.suntimes{display:none;} 
.dir {float:right;width:43px;text-align:right;}
a[class*='line'] {position:relative;display:block;line-height:17px;}
.cledline {padding:3px 2px 3px 18px;width:253px;}
.blueline{width:276px;border-bottom:3px solid #1584E9; border-top:3px solid #84D4FE; background:linear-gradient( #89D8FF 0%, #1483E9 100%); height:20px; padding:5px 4px 2px 3px; margin:5px 0 6px 12px; overflow:hidden;} 
.blueline img {height:11px; width:11px; float:right; margin:2px 1px 0 0;}
.greyline{margin:4px 6px 7px 12px; padding:8px 4px 5px 22px;width:257px; background:#ADC4DC; color:black; }
a.purpline,a.wideline,a.surfline,a.prinline,a.templine {background:linear-gradient( #9FE89F 0%, #63B764 100%); border-top:3px solid #9FE89F;border-bottom:3px solid #63B764;height:17px;margin:1px -6px 4px 12px; padding:7px 3px 5px 5px; width:131px;float:left;text-align:center;} 
a.wideline{width:274px;}
a.purpline:hover ,a.wideline:hover,a.surfline:hover,a.prinline:hover,a.templine:hover{border:3px solid #084110;padding:7px 0 5px 2px;}
.beach,.beachq{float:left; overflow:hidden; width:230px; padding-left:4px;} .beachq{width:250px;}
.num{float:left; margin: 0 2px; width:11px; height:14px;}
#googmap {width: 100%; height: 400px; background-color: grey;}
a.navmap { color:blueviolet;display:inline;} a.navmap:hover {text-decoration:underline;}
.linker{ padding:4px; margin:2px 8px 0 8px; border:1px solid white; line-height:18px; background:silver;color:grey;}
.input{width:120px; height:20px; background:#DDD;}
.norev{float:left;height:25px;width:300px;} 
.review{width:100%;margin:8px auto;}
.review h3{text-align:left;font-size:18px;width:98%; padding:1%;font-weight:bold;color:indigo;}
a#noreview{height:38px;display:block;float:left; padding:4px; margin:8px; border:1px solid green;text-align:center; border-radius:6px;line-height:18px; background:#6B7;color:#102500;}a#noreview:hover{background:snow;}
.viewbox,.viewbox1,a.viewbox2{ background:silver; float:left;display:block;padding:7px; border-radius:6px;font-size:15px;margin:6px 12px;}.viewbox{box-shadow:0 0 3px 3px green; }
.viewbox,.viewbox1{width:396px;}
.viewbox1,a.viewbox2{ box-shadow:0 0 4px 4px #058;}a.viewbox2{width:275px;line-height:18px;text-align:center;}
.revname{ float:left;}.revdate{text-align:right; width:45%; float:right;}.revcomm{clear:both; font-size:14px;}
.revcomm strong,.revdate strong,.revname strong{font-weight:bold;color:darkblue;font-size:15px;}
.search form{margin:4px;}
.copy{display:inline-block;}
form#direction{width:420px;}
label,input.go {margin:0;font-size:15px; }input.go{background:#9099A2;height:25px;}input.select{ height:26px; width:35px; font-size:13px;background:#41ADF9;}label{float:left;}
input{border:0; margin:0; padding:0;}
input:hover,a.viewbox2:hover{background:palegoldenrod; } 
.gmap {width:425px; float:left; line-height:25px; color:black;}
#skiptocontent { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px;}
.glancebox1{margin:2px 0 3px 10px;}
.glance4{width:284px;height:18px;text-align:center;font-size:18px;font-weight:bold;padding:5px 0;}
.glance,.glance3,.glance2{width:91px;margin:3px 3px 3px 0;float:left;text-align:center;border:1px solid black;color:blue;background:#DDD;padding-bottom:5px;}.glance3{width:282px;}.glance2{width:138px;margin-right:4px;}
.greyline img{width:12px;height:12px;float:right;}
.rating,legend {margin:auto;font-size:16px;}
.overall{text-align:center;}
.rating:not(:checked) > input { position:absolute; top:-9999px; }
.rating:not(:checked) > label ,.whstar{ float:right; width:1em; padding:0 .1em; overflow:hidden; white-space:nowrap;cursor:pointer; font-size:24px;line-height:1.2; color:#ddd; text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);}
.rating > input:checked ~ label {  color: #f70;text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);}
.rating:not(:checked) > label:hover,.rating:not(:checked) > label:hover ~ label,.colstar { color: darkorange;  text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);}
.rating > input:checked + label:hover,.rating > input:checked + label:hover ~ label,.rating > input:checked ~ label:hover,.rating > input:checked ~ label:hover ~ label,.rating > label:hover ~ input:checked ~ label { color:darkorange;text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);}
.rating > label:active { position:relative; top:2px; left:2px;}
.noblock{width:100%;background:hotpink;height:18px;font-weight:bold;text-align:center;font-size:16px;margin-bottom:6px;padding:3px 0;}
.comment {background:silver; margin:5px 0 8px 6px; padding:10px; width:47%; float:left; color:mediumblue;}
a.more{display:inline-block;padding:1px 12px;border-radius:6px;background:dodgerblue;}a.more:hover{background:orange;}
li img{float:right;height:22px;width:22px;position:relative;top:-2px;margin-right:10px;}
header{background-image: url("../slides/sky.jpg");}
.text{background:palegreen;}
#msg{color:red;font:bold 18px Calibri;}
.icon{font-size:19px;float:right;margin-right:8px;}
#cropped{height:270px;width:296px;position:absolute;overflow:hidden;background:url(../slides/newmap2.gif); border:5px solid #8FA1BA;}
.mapbox{height:280px;width:306px;position:relative;}
.trig{height:14px;width:14px;font-size:12px;position:absolute;}
.town{height:6px;width:6px;background:black;border-radius:3px;position:absolute;}
.townname,.trigname,.seaname{position:absolute; font-size:12px;font-family:"Trebuchet MS", Tahoma, sans-serif; line-height:14px;} .trigname,.trig{color:blue;}.seaname{font-weight:bold;color:dodgerblue;}
.marker,.marker1{height:12px; width:12px;position:absolute;top:134px;left:146px;border-radius:6px;background:magenta;}.marker1{background:blue;}
.book1,#trade1{height:250px;width:300px;background:silver;border:1px solid #77A;box-shadow:4px 4px 4px #99A;padding:5px;font-size:15px;line-height:19px;float:right;}
.book1 img {height:175px;width:140px;object-fit:cover;background:pink;float:left;margin-right:7px;}
.book1{display:none;}
a.bookord{width:140px;height:20px;background:blue;margin-top:10px;}
.bottomad{width:550px;height:250px;background:silver;display:block;margin: 8px auto;}
.coverpic{width:140px;height:175px;padding:5px;float:left;background:yellow;}

@media only screen and (max-width:1075px){#rightbar,#mybook{display:none;}.leftbox {margin-right:0;}}