@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');
/* CSS Document */
body {
	background-color: #000;
	background-image: url('images/bg.jpg');
	background-repeat: repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #D4CDC9;
}
.altbg {
		background-image: url('images/bg2b.jpg');
	}
a {
	color: #D4CDC9;
}
a:visited   {
	color: #ddd;
}
a:hover {
		color: #B37635;
	}
.container {
	width:100%;
	background-image:url('images/top-grunge.png');
	background-position:top center;
	background-repeat:repeat-x;
}
.nogrunge {
	background:none;
}
.innercontainer {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-top: 55px;
	height: 650px;
}
.noheight {
	height: unset;
}
.design1 {
	background-image: url('images/design1.png');
	width: 187px;
	height: 399px;
	position: absolute;
	top: 90px;
	right: 70px;
	background-repeat: no-repeat;
	z-index:-1;
}
.design2 {
	background-image:url('images/design2.png');
	width:287px;
	height:478px;
	position:absolute;
	top:76px;
	left:0px;
	background-repeat:no-repeat;
	z-index:-1;
}
.outermenu {
	position:relative;
}
#menu {
	position: absolute;
	right: 0px;
	top: 17px;
}

#menu a, #menu a.hover, #menu a:visited, #menu div {
		color: #D4CDC9;
		text-align: center;
		display: inline-block;
		text-decoration: none;
		vertical-align: middle;
	}

#menu a:hover {
			color: #B37635;
			cursor: pointer;
		}
#menu a {
		text-transform: uppercase;
		font-size: 21px;
		font-family: 'Zen Kaku Gothic New', sans-serif;
	}

.justfix {
	font-size: 1px;
	word-spacing: 1000px;
}

.separator {
	font-size: 34px;
	font-weight: bold;
	vertical-align: middle;
	padding-left:20px;
	padding-right:20px;
	font-family:serif;
	padding-bottom:10px;

}
.main-image {

	position: absolute;
	right: 190px;
	top: 100px;
}
.news {
	position: absolute;
	left: 140px;
	top: 150px;
	width: 300px;
	height: 400px;
}
.sociallink {
	display:inline-block;
	height:27px;
	width:27px;
	background-repeat:no-repeat;
	margin-right:20px;
	margin-left:20px;
}
.fb {
	background-image:url('images/fb-icon.png');
}
.ig {
	background-image: url('images/ig-icon.png');
}
.tw {
	background-image: url('images/tw-icon.png');
}
.sf {
	background-image: url('images/sf-icon.png');
}

.contentarea {
	position: relative;
	width: 100%;
	padding-left: 10px;
	padding-top: 50px;
}
.albumbox {
	width: 590px;
	float: left;
	margin-bottom: 50px;
}
.albumbox:nth-child(odd) {
	margin-right:20px;
}
.bio img {
	float:left;
	margin-right:15px;
	margin-top:4px;
}
.bio {
	font-size:20px;
}

.contact {
	padding-left: 500px;
	width: unset;
	padding-bottom: 100px;
}
.musictable td {
	padding-top:10px;
	padding-bottom:10px;
	text-wrap:none;
}
#footer {
	height: 183px;
	position: relative;
	color: #ccc;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#footer a {
    color: #ccc;
}
#footer a:visited {
    color: #ccc;
}
#footer1 {
	position: absolute;
	bottom: 70px;
	left: 22px;
	width: 300px;
}
#anthemlogo {
	width: 225px;
	height: 30px;
	position: absolute;
	bottom: 70px;
	right: 22px;
	display: block;
	text-align: right;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:4px;
	color: #fff;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
    margin-top:0px;
    margin-bottom:4px;
	color: #000000;
}
#spacer {
	float: left;
	width: 1px;
	height: 590px;
}
.clear {
	clear: both;
}
table, td, tr {
	border-spacing:0px!important;
	border-collapse: collapse;
}
img {
	display:block;
}
#newssection1 {
	float: left;
	width: 470px;
	margin-right: 25px;
    text-align:center;
}
#newssection2 {
	float: left;
	width: 225px;
}
#newssection {
	width:490px;
	position: relative;
}
.updateentry p{
	margin-top:4px;
}
.dateline {
	font-size: 11px;
	font-weight: bold;
	color: #666;
}
#fblike {
	margin-left: -10px;
}
.navLink {
	font-size: 16px;
}
/* -------------- Music Page ------------*/
.musictableHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #3F3B32;
}
.musicLinks{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration:none
}
.descriptionText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: justify;
}
.albumnotesText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #fff;
	line-height: 12px;
	text-align: center;
}
.musicPicture {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.dividerLine {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	margin-top: 3px;
	margin-bottom: 8px;
}
#mediamenu {
	position: absolute;
	top: 6px;
	right: 0px;
}
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	letter-spacing: 5px;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: #313131;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #313131;
padding: 5px;
z-index: 5;
}
/* -------------- Event Listings ------------*/

.eventDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
.eventTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.eventLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.dividerLine {
	color: #333;
	height: 1px;
	margin: 0px;
	padding: 0px;
}
.eventsMonthHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	line-height: 16px;
	text-indent: 0px;
}
.eventsHeader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #3F3B32;
}
.eventsDay {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #D4CDC9;
}
.eventsComments {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #D4CDC9;
	font-style: italic;
}
/* ----------------------------- Contact Form --------------------------- */
.contactField{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 14px;
	width: 292px;
	border: 1px solid #000000;
	background-color: #EDDCB1!important;
}
.contactArea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 150px;
	width: 292px;
	border: 1px solid #000000;
	background-color: #EDDCB1!important;
}
.contactButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EDDCB1;
	height: 20px;
	width: 295px;
	border: 1px solid #000000;
	color: #000000;
}
.contactFieldLabel {
	font-weight: bold;
}
.biggerText {
	font-size: 14px;
}
.booktextField {
	width:300px;
}
.sttextArea {
	width:300px;
}
.menusection {
    height: 39px;
    width: 754px;
    font-family: 'Balthazar', serif;
    font-size: 24px;
    text-transform: uppercase;
    text-align: justify;
    overflow:visible;
    position:absolute;
top:20px;
left:50px;
}

.justfix {
    font-size: 1px;
    word-spacing: 1000px;
}
.menusection a, .menusection a:visited {
    text-decoration: none;
    color: #C5B8A4;
}

    .menusection a:hover {
        color: #FFE182;
    }
#menu p {
    margin: 0px;
    padding: 0px;
}
a.fblink {
    height: 32px;
    width: 32px;
    background-image: url('images/fb_icon.png');
    margin-left: 20px;
    margin-right: 20px;
    display: inline-block;
    vertical-align: -30%;
}
a.twlink {
    height: 32px;
    width: 32px;
    background-image: url('images/tw_icon.png');
    display: inline-block;
    vertical-align: -30%;
}
a.fblink:hover {
    background-position:0px -32px;
}
a.twlink:hover {
    background-position:0px -32px;
}
a.menuswitch {
	display: none;
	background-image: url('images/mobile-menu.png');
	width: 49px;
	height: 37px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	margin-right:auto;
	margin-left:auto;
}
.showpic {
	float: right;
	margin-left: 20px;
	margin-top: 38px;
}
.showstable {
	width:700px;
}
.home {
	background-image: url(images/home-image.png);
	width: 432px;
	height: 533px;
}
.contactpic {
	background-image: url(images/contact-image.png);
	width: 451px;
	height: 553px;
	right: unset;
	left: 0px;
	top: 40px;
}
.biopic {
	background-image: url(images/bio-image.png);
	width: 459px;
	height: 540px;
	left:0px;
	right:unset;
}
.shows {
	background-image: url(images/shows-image.png);
	width: 490px;
	height: 472px;
	right: 0px;
	top: 50px;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.news {
		top:200px;
	}

	.innercontainer {

	}
	#footer {
		padding-top:50px;
	}
}

@media screen and (max-width:960px) {
	.menu_hide {
		display: none;
	}

	.menu_show {
		display: block;
	}

	a.menuswitch {
		display: block;
		margin-top: 30px;
	}

	.innercontainer {
		width: 640px;
		height: unset;
	}

	#menu {
		width: 600px;
		z-index: 999;
		margin-top: 0px;
		top: 170px;
		left: 20px;
	}

		#menu a, #menu a.hover, #menu a:visited {
			background-color: #333;
			font-size: 32px;
			padding-top: 20px;
			padding-bottom: 20px;
			border-bottom: 1px solid #ccc;
			display: block;
		}

	.main-image {
		display: none;
	}

	.separator {
		display: none !important;
	}

	.news {
		position: relative;
		width: 620px;
		margin-left: auto;
		margin-right: auto;
		top: unset;
		left: unset;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	#footer {
		position: relative;
		width: 100%;
		clear:both;
	}

	.logo {
		margin-left: auto;
		margin-right: auto;
	}

	.albumbox {
		width: 100%;
		float: none;
	}

		.albumbox:nth-child(odd) {
			margin-right: 0px;
		}

	.contentarea {
		padding-left: 20px;
		width: 600px;
		padding-right: 20px;
	}

	.musictable td {
		text-wrap:normal;
		vertical-align:top;
	}
	.showpic {
		display:none;
		float:none;
	}
	.showstable {
		float: none;
		width: 100%;
	}
	.bio {
		padding-left:0px;
	}
	.bio img {
		display:none;
	}
}