* {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

body {
	font-family: Arial, sans-serif;
	color: #000000;
background: #000000;
width: 100%;
  margin: 0px;
}

nav {
    display: block;
    background: black;
    min-height: 60px;
z-index: 1;
	height: 80px;
}

/*Strip the ul of padding and list styling*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/
li a {
	display:block;
	min-width:100px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #fff;
	background: #000;
	text-decoration: none;
}

.search {
background: #000;
}
/*Hover state for top level links*/
li:hover a {
		background: #990000;
	color: #fff;
}

/*Style for dropdown links*/
li:hover ul a {
	color: #fff;
	background: #000;
	height: 40px;
	line-height: 40px;
	min-width:100px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #990000;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 80px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #000000;
	text-align: right;
	padding: 10px 0;
	display: none;
font-size: x-large;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Responsive Styles*/

@media screen and (max-width : 1000px){
li a {
	min-width:100px;
}

li:hover ul a {
	min-width:100px;
}
}


@media screen and (max-width : 760px){
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	text-align: left;
	}
	
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}


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("/_lo/s-b.gif");
font-weight: normal;
margin: 0;
}


.dirh {
	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("/_lo/s-b.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;
}

.container {
width: 100%;
margin: 0 auto;
	display:block;
position: fixed;
	background: #000000;
z-index:2000;
}

.antimenu {
min-width:990px;
width:990px;
margin-left: auto;
margin-right: auto;
}

.logo{
	min-height: 100%;
	height: auto !important;
background: #000000;
width: auto;
minwidth: 200px;
float:left;
margin: 0 auto;
}

.navbox {
	background: #000000;
	display:block;
	float:left;
width: auto;
	min-width:30%;
margin-left: 20px;
}

.content {
	background: #ffffff;
display: table;
margin-left: auto;
margin-right: auto;
width: 1000px;
box-shadow: -5px 0 5px -5px #333;
}

.article {
	background: #ffffff;
	display:block;
	float:left;
width: 650px;
margin-right: 15px;
padding: 10px;
}

.articleold {
	background: #ffffff;
	display:block;
	float:left;
width: 990px;
margin-right: 15px;
padding: 10px;
}

.sidemenu {
	background: #ffffff;
display:inline-block;
width: 305px;
box-shadow: -5px 0 5px -5px #333;
  padding: 5px;
z-index: 200;
  position: relative;
}

.dir {
display: table;
margin-left: auto;
margin-right: auto;
width: 300px;
float:left;
}

.dirmenu {
	background: #ffffff;
	display:block;
	float:left;
width: 135px;
  padding: 3;
}

.sk {
	background: #ffffff;
	display: block;
width: 160px;
float:left;
margin-left: 1px;
  padding: 0;
}

.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:right;
text-align:center;

}
.share1 {
	background: #ffffff;
	display: block;
width: auto;
float:right;
text-align:left;

}
.rnewsbanner {
	background: #ffffff;
	display: none;
width: 100%;
float:left;
text-align:center;
}

.reviews {
	background: #ffffff;
	display:block;
width: 100%;
float:left;
}

.rock {
	background: #ffffff;
	display:block;
width: 100%;
float:left;
}

.pop {
	background: #ffffff;
	display:block;
width: 100%;
float:left;
}

.bottomad {
	background: #ffffff;
	display: block;
width: 100%;
float:left;
text-align:center;
margin-left: auto;
margin-right: auto;

}

.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 10px;
box-shadow: 0 8px 6px -6px black;
}


.mbad {
	background: #f3f3f3;
	display:block;
	float:left;
min-width:400px;
margin: 0 auto;
padding: 10px 0 10px;
}




.hrr {
color: #f00;
background-color: #f00;
height: 5px;
width: 300;
position: relative;
z-index:3001;
}

.hrb {
color: #000000;
background-color: #000000;
height: 5px;
}

.hrbb {
color: #000000;
background-color: #000000;
height: 2px;
width: 70%;
}

/*Media query*/
@media (max-width: 900px) {
.content {
width: 96%;
margin: 0 auto;
display: table;
}

.body {
	font-family: Arial, sans-serif;
	color: #000000;
background: #fff;
width: 100%;
  margin: 0px;
}


.article {
	background: #ffffff;
	display:block;
	float:left;
width: 60%;
margin-right: 10px;
}

.articleold {
	background: #ffffff;
	display:block;
	float:left;
width: 890px;
margin-right: 10px;

}


.sidemenu {
	background: #ffffff;
	display:block;
width: 30%;
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;
}
}

@media (max-width: 765px) {
.navbox {
	background: #ffffff;
	display: block;
	width:100%;
margin: 0 auto;
}

.logo{
	min-height: 100%;
	height: auto !important;
width: 100%;
    margin-left: auto;
    margin-right: auto;
text-align:center;
padding-bottom: 10px;
background: #ffffff;
}

.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%;
}

.articleold {
	background: #ffffff;
	display:block;
	float:left;
width: 100%;
}


.sidemenu {
	background: #ffffff;
	display:block;
width: 100%;
float:left;
}

.mbar {
	background: #ffffff;
	display:block;
	min-width:100%;
	height: 1px;
}

.rnewsbanner {
	background: #ffffff;
	display: none;
width: 100%;
float:left;
text-align:center;
}

.merch {
	background: #ffffff;
	display:block;
	float:left;
width: 100%;
}

.share {
	background: #ffffff;
	display: block;
width: 100%;
float:left;
    margin-left: auto;
    margin-right: auto;
margin: 0 auto;
}

.dir {
display: table;
margin-left: auto;
margin-right: auto;
width: 99%;
float:left;
}
}

.mobadt{
	display:block;
	float:left;
width:414px;
max-height:280px;
min-height:60px;
margin: 0 auto;
padding: 0;
}

h1 {
font-family: arial, sans-serif;
font-size: 24px;
font-weight: bold;

}

.rh {
font-size: 20px;
margin: 0;
text-decoration: none;
fontFamily: arial;
color: black;
}


.dirh {
	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("/_lo/s-b.gif");
font-weight: normal;
margin: 0;
style="text-decoration: none;
fontFamily: arial;
}

.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;
}