* {-webkit-box-sizing: border-box;/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;/* Firefox, other Gecko */
box-sizing: border-box;/* Opera/IE 8+ */
}
nav {display: block;background: black;min-height: 60px;height: 60px;}
nav, nav a {color: white;text-decoration: none;font-weight: bold;width: auto;min-width:50px;height: 50px;font-family: Arial, sans-serif;padding: 10px;}
nav a {display: block;}
nav a:hover {background: gray;}
nav ul {padding:0;margin: 0;}
nav ul li {float:left;display:inline;position:relative;background: black;border-right: 1px black;}
nav ul li ul {left:0;}
nav ul ul {display:none;}
nav li:hover > ul {display:block;z-index:1000;width: 120px;position: relative;}
nav ul ul li:hover > ul {position:relative;top: 0;left: auto;}
/*Hide checkbox and label by default*/
nav > input,
nav > label {  display: none;}
nav > label {  width: 100%;  float: left;  padding: 10px;  padding-right: 10px;  cursor: pointer;  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;text-align: right;font-size: x-large;}
body {font-family: Arial, sans-serif;color: #000000;width: 100%;  margin: 0px;}
.container {width: 100%;margin: 0 auto;display:block;position: fixed;background: #000000;z-index:3000;}
.antimenu {min-width:990px;width:990px;margin-left: auto;margin-right: auto;}
.logo{background: black;min-height: 100%;height: auto !important;width: auto;min-width: 200px;float:left;margin: 0 auto;}
.navbox {background: #000000;display:block;float:left;width: auto;min-width:30%;margin-left: 50px;}
.content {display: table;margin-left: auto;margin-right: auto;width: 1000px;}
.article {background: #ffffff;display:block;float:left;width: 670px;margin-right: 25px;}
.sidemenu {background: #ffffff;display: block;width: 300px;float:left;box-shadow: -5px 0 5px -5px #333;  padding: 10px;  z-index:2;  }
.dir {display: table;margin-left: auto;margin-right: auto;width: 300px;}
.dirmenu {background: #ffffff;display:block;float:left;width: 130px;}
.sk {background: #ffffff;display: block;width: 162px;float:left;  }
.mshare {display: table;margin-left: auto;margin-right: auto;width: 98%;}
.merch {background: #ffffff;display:block;float:left;width: 50%;}
.share {background: #ffffff;display: block;width: auto;float:left;  }
.mbar {background: #ffffff;display:block;min-width:100%;height: 69px;}
.topad {background: #f3f3f3;display:block;float:left;width:100%;text-align:center;margin: 0 auto;padding: 10px 0;box-shadow: 0 8px 6px -6px black;}
.hrr {color: #f00;background-color: #f00;height: 5px;width: 300px;}
.hrb {color: #000000;background-color: #000000;height: 5px;}
.date {font-size: small;text-align: left;}
h1 {font-family: Arial, sans-serif;color: black; text-align: left;}
h3 {background: #f00;display: block;width: 100%;float:left;color: white;font-size: large;text-align: center;padding: 10px;}
h4 {background: #000;display: block;width: 99%;float:left;color: white;font-size: 18px;text-align: left;padding: 2px 10px;text-decoration: none;background-image: url("/dayinrock/s.gif");font-weight: normal;margin: 0;}
h5 {background: #000;display: block;width: 98%;float:left;color: white;font-size: 18px;text-align: left;padding: 2px 10px;text-decoration: none;font-weight: normal;margin: 0;}
h7 {font-size: 20px;margin: 0;}
.center {text-align: center;}
.centerhl {text-align: center;font-weight: bold;}
.foot {color: #fff;background: #000;width:100%;text-align: center;display:block;font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}
.foot a:link {color: #fff;text-decoration: none;}
.foot a:visited {color: #fff;text-decoration: none;}
.newsPhoto img {width: 680px;height: 374px;margin: 0 auto;display:block;}
.newsPhoto {font-size: small; text-align: right;display:block;}
.dirh {background-image: url("/_lo/s-b.gif");display: block;width: 100%;float:left;color: white;font-size: large;text-align: center;border-radius: 5px;}
.smenunames{background-image: url("/_lo/s-b.gif");display: block;width: 100%;float:left;color: white;font-size: large;text-align: center;border-radius: 5px;}
.adhead{font-size: x-small;text-align: center;font-weight: bold;}
a img {outline : none;}
.rPhoto img {width: 100%;max-width: 700px;height: margin: 0 auto;display:block;}
.rPhoto {font-size: small; text-align: center; margin: 0 auto;display:block;}
 .qc-cmp-button.qc-cmp-secondary-button {
 border-color: #eee !important;
 background-color: #eee !important;
 }
 
/*Media query*/
@media (max-width: 1024px) {
.content {width: 768px;margin: 0 auto;display: table;}
.antimenu {width:768px;margin-left: auto;margin-right: auto;}
nav, nav a {color: white;text-decoration: none;font-weight: bold;width: auto;height: 50px;font-family: Arial, sans-serif;padding: 5px;}
.article {background: #ffffff;display:block;float:left;width: 410px;margin-right: 10px;padding: 20px;}
.sidemenu {background: #ffffff;display:block;width: 305px;float:left;box-shadow: none;}
.mbar {background: #ffffff;display:block;min-width:100%;height: 69px;}
.topad {background: #f3f3f3;display:block;float:left;min-width:100%;margin: 0 auto;padding: 10px 0;box-shadow: 0 8px 6px -6px black;}
.navbox {background: #ffffff;display:block;float:left;width: auto;min-width:30%;margin-left: 15px;}
.newsPhoto {width:400px;height: auto;font-size: small; text-align: right;}
.newsPhoto img {max-width:400px;height: auto;}
.dirh {background-image: url("/_lo/s-b.gif");display: block;width: 100%;float:left;color: white;font-size: large;text-align: center;border-radius: 5px;}
.logo{height: 48px;width: auto;width: 150px;float:left;margin: 0 auto;}
.logo img{height: 48px; width: auto;width: 150px;}
.rPhoto {font-size: small; text-align: center; auto;margin: 0 auto;display:block;}
.rPhoto img {width: 100%;max-width: 700px;height: auto;margin: 0 auto;display:block;}
}

@media (max-width: 765px) {nav > label, nav ul li ul {display: block;}
nav {display: block;background: black;height: 50px;min-height: 50px;width: 100%;}
nav, nav a {color: white;text-decoration: none;margin: 0 auto;height: auto;}
nav > ul {height: 0;opacity: 0; /* For cross browser support http://css-tricks.com/snippets/css/cross-browser-opacity */
clear: both;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;font-size: large;}
nav > input:checked + ul {opacity: 1;height: auto;}
nav ul ul li a:before {content:'> ';display: inline;}
nav ul li {float: none;display: block;border-right: none;padding-left: 10px;background: black;}
nav li:hover ul {position: relative;width: auto;}
nav ul ul li:hover > ul {right:auto;top: auto;left: auto;}
.navbox {background: #ffffff;display: block;width:100%;margin: 0 auto;}
.logo{background: white;min-height: 100%;height: auto !important;width: 100%;margin-left: auto;margin-right: auto;text-align:center;padding-bottom: 10px;}
.container {width: 100%;box-shadow: none;display: table;position: relative;font-size: medium;}
.antimenu {width: 100%;min-width: 100%;display: block;margin: 0 auto;}
.article {background: #ffffff;display:block;float:left;width: 100%;margin-right: 10px;padding: 20px;}
.sidemenu {background: #ffffff;display:block;width: 100%;float:left;}
.mbar {background: #ffffff;display:block;min-width:100%;height: 1px;}
.newsPhoto {width:100%;height: auto;font-size: small; text-align: right;}
.newsPhoto img {max-width:100%;height: auto;}
.dirh {background-image: url("/_lo/s-b.gif");display: block;width: 100%;float:left;color: white;font-size: large;text-align: center;border-radius: 5px;}
.content {width: 100%;margin: 0 auto;display: table;}
.rPhoto img { max-width:300px; height: auto;}
.rPhoto {font-size: small; text-align: center; margin: 0 auto;display:block;}

}