/*
 Theme Name:   blankslaterg
 Theme URI:    http://metallian.com
 Description:  blankslaterg
 Author:       rg
 Author URI:   http://metallian.com
 Template:     blankslate
 Version:      1.0.0
 Tags:         simple
 Text Domain:  blankslaterg
*/
@import url("../blankslate/style.css");
.parent {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: auto;
grid-column-gap: 15px;
grid-row-gap: 30px;
}

.divhead { grid-area: 1 / 1 / 2 / 11; }
.divalbums { grid-area: 2 / 1 / 3 / 6; }
.divbandimage { grid-area: 2 / 6 / 3 / 11; }
.divemptyleftmembers { grid-area: 3 / 1 / 4 / 5; }
.divmembers { grid-area: 3 / 5 / 4 / 11; }
.divlower{ grid-area: 4 / 1 / 5 / 11; }

@media only screen and (max-width: 360px){
.divhead { grid-area: 1 / 1 / 2 / 11; }
.divalbums { grid-area: 2 / 1 / 3 / 11; }
.divbandimage { grid-area: 3 / 1 / 4 / 11; }
.divemptyleftmembers { grid-area: 4 / 1 / 5 / 11; }
.divmembers { grid-area: 5 / 1 / 6 / 11; }
.divlower { grid-area: 6 / 1 / 7 / 11; }
}
img {max-width:100%;height:auto;}
body {max-width:98%!important;}
td.container > div { width: 100%; height: 100%; overflow:hidden; }
td.container { height: 20px; }
h3.widget-title {color:red;text-align:center;}
ol,ul{list-style-type:square;}
h1.entry-title{font-weight:bold!important;}
/* h2.entry-title{background:red!important;} */
li {display: inline;}
footer {color:yellow!important;}
a{color:red!important;text-decoration:none;}
.spara{border-style: solid;border-color: orange;border-width: 1px;margin-right: 65%;padding: 5px;text-align: center;}
.album{color:red;font-weight:bold;}
#searchform label {position:absolute;top:-1500px;left:-1500px;}
p{margin-bottom:15px!important;}
.bimage{border-style:solid;border-color:red;border-width:0px;}
a.black{color: black;font-size:10pt;font-family:tahoma, arial, verdana, helvetica, ms sans serif;font-weight:bold;font-style:italic;text-decoration: none;}
a.black:hover {color: black;font-size:10pt;font-family:tahoma, arial, verdana, helvetica, ms sans serif;font-weight:bold;font-style:italic;text-decoration: none;}
a:hover{color: red;font-size: 13px;font-family:Verdana, Tahoma, Helvetica, Arial;text-decoration:none;}
.timestextred {font-family:tahoma, helvetica, verdana, arial, times new roman, ms sans serif;font-size:10pt;color:red;font-style:italic;font-weight:bold;}

html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,header,hgroup,output,ruby,section,summary,time,mark,audio,video{background:black;color:white;font-family:Verdana,Geneva,sans-serif!important;font-size:13px;padding:0;border:0;margin:5;}
body{line-height:1.2em;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0;}
article,aside,details,figure,footer,header,hgroup,menu,nav,section{display:block;}
.clear{clear:both}
.sticky{}.bypostauthor{}.alignright{}.alignleft{}.aligncenter{}
.menu, .menu li{display:inline;list-style:none;padding:0;margin:0;}
/* #menu{border-bottom:1px solid red;margin:0px 0 0} */
#menu ul li a{display:inline-block;font-family:georgia,'times new roman',serif;font-size:12px;font-weight:bold;color:black!important;background:red!important;text-decoration:none;padding:5px;margin:-3px;width:130px;}
#menu ul li a:hover{color:yellow!important;background:black!important;text-decoration:none;width:130px;}
#menu ul, #menu ul li{display:inline;margin:0;padding:0;list-style:none}
#menu ul li{position:relative}
#menu li ul{display:none;position:absolute;top:22px;left:0}
#menu ul li:hover ul{display:inline-block}
#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul{display:none}
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul{display:block;position:absolute;z-index:2147483647}
#menu ul li:hover ul li a, #menu ul ul li:hover ul li a, #menu ul ul ul li:hover ul li a{font-size:12px;color:red;border:red 1px solid;margin-top:-1px;background:#000}
#menu ul ul li:hover ul li a, #menu ul ul ul li:hover ul li a{margin-top:-2px}
#menu ul li:hover ul li a:hover, #menu ul ul li:hover ul li a:hover, #menu ul ul ul li:hover ul li a:hover{color:red}
#menu ul li:hover ul li a{width:150px;padding:5px;}
#menu ul ul li:hover ul li a{width:145px;padding:5px 5px 5px 10px;}
#menu ul ul ul li:hover ul li a{width:140px;padding:5px 5px 5px 15px;}
#menu ul li .sub-menu a{border:1px solid black!important;color:black!important;background:red!important;}
#menu ul li .sub-menu a:hover{border:1px solid black;color:yellow!important;background:black!important;}
#menu {background:red!important;}
/*
Home page boxes
*/
.content-box-red .contenthp {
    padding: 10px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border: 1px solid red;
    color: white;
}
.content-box-red .titlehp {
    height:15px;
    line-height:15px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background:red url(http://www.metallian.com//metimages/tdbg.jpg) repeat-x;
    font-weight:bold;
    display:block;
    color:black;
    display:block;
    padding:10px;
    border: 1px solid red;
    border-bottom:none;
}
/*
End home page boxes
*/
#bandimg {
     display: inline-block;
     font-family: Arial, sans-serif;
     font-weight: 300;
     line-height: 2;
     text-align: center;
     min-width: 300px;
     min-height: 20px;
     position: relative;
}
#bandimg::before {
     content: '';
     width: 100%;
     height: calc(100% + 10px);
     background-color: #000;
     border-radius: 0px;
     position: absolute;
     top: 50%;
     left: -2px;
     transform: translateY(-50%);
 }
#bandimg::after {
     content: attr(alt);
	 font-size: 12px;
     color: gray;
     display: block;
     position: absolute;
     z-index: 2;
     top: 5px;
     left: 0;
     width: 100%;
     height: 100%;
}
.chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
  color:gray; 
  left:0;
  transform: rotate(45deg);
}

.footer_outer{
width: 600px;
border: 0px solid;
margin:auto;	
}
.footer_inner_left{
width: 54%;
float: left;
display:inline;
text-align:left;
font-size:11px;
}
.footer_inner_right{
width: 44%;
float: right;
display:inline;
padding-top:22px;
text-align:left;
}