/*
Theme Name:   Terrilynnkathey
Description:  A short description of the theme.
Version:      1.0.0
Text Domain:  terrilynnkathey
*/

/*
	Style sheet for terrilynnkathey.com
	Dennis Kaptain
	webdeveloper@kaptain.us
*/

body {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	overflow: auto;
}

/* ************************ */
/*       Site Header        */
/* ************************ */
#tlk_banner {
	width: 100%;
	height: 250px;
	object-fit: fill;
	opacity: 0.3;
	position:absolute;
	left:0;
	right:0;
}
.header_title {
	height:250px;
	width:100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	color:white;
	position:relative;
}
.siteheader {
	/* background-color: #FFFFFF; /* white */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
/*
	position: fixed;
	z-index: 10;
	width: 100%;
*/
}

#headertlk {
	color: #000000; /* white */
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-size: 90px;
}

a.siteheaderlinks:visited {
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

a.siteheaderlinks:link {
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

a.siteheaderlinks:hover {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

/* ************************ */
/*      Site Footer         */
/* ************************ */
.site_footer {
	/*
	border-color:blue;
	border-style:solid;
	border-width:2px;
	*/
	position: relative;
	clear: both;
	bottom:0px;
	width:100%;
	text-align: center;
	color: white;
}
#footer_image {
	width: 100%;
	height: 300px;
	object-fit: none;
	opacity: 0.5;
}
.footer_headings {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.75em;
}
#footer_address {
	position: absolute;
	top: 40px;
	left: 100px;
	text-align: center;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.25em;
}
#footer_aboutus {
	position: absolute;
	top: 40px;
	right: 200px;
	text-align: center;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.25em;
}

/* ************************ */
/*        Home page         */
/* ************************ */
#submit_errors {
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
}

/*
.home_container {
	border-color:red;
	border-style:solid;
	border-width:2px;
	color: white;
	width: 100%;
	height:100%;
	position: relative;
	clear:both;
}
*/
.home_info {
	/*
	border-color:green;
	border-style:solid;
	border-width:5px;
	*/
	margin-left: 10%;
	margin-right: 10%;
	padding-right: 10%;
	width: 100%;
	position: relative;
	clear:both;
	top: 20px;
	left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.25em;
	/* text-align: center; */
	color: black;
/*
	padding-top: 5px;
	padding-bottom: 5px;
*/
}
#home_sheetmusic_img {
	max-width: 100%;
	height: 100%;
	vertical-align: top;
	/* height: 300px; */
	object-fit: fill;
	opacity: 0.3;
}

.home_header {
	/*
	border-color:green;
	border-style:dotted;
	border-width:2px;
	*/
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 2em;
	color: black;
}
.home_text {
	/*
	border-color:blue;
	border-style:dotted;
	border-width:2px;
	*/
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 50px;
	width: 75%;
}

/* ************************ */
/*     order cd page        */
/* ************************ */
#submit_errors {
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
}

.order_merch_container {
	position: relative;
	/* text-align: left; */
	color: white;
	width: 100%;
}
.order_merch_info {
	margin-left: 10%;
	margin-right: 10%;
	padding-right: 10%;
	width: 100%;
	position: absolute;
	top: 20px;
	left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.25em;
	/* text-align: center; */
	color: black;
/*
	padding-top: 5px;
	padding-bottom: 5px;
*/
}
#order_merch_sheetmusic_img {
	width: 100%;
	height: 150%;
	/* height: 300px; */
	object-fit: fill;
	opacity: 0.3;
}

.order_merch_header {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 2em;
	color: black;
}
.order_merch_text {
	margin-left: 10%;
	margin-right: 10%;
	width: 75%;
}


/* ************************ */
/*       Gallery page       */
/* ************************ */
.center_title {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 3em;
	color: black;
}
.small_images {
	height:200px;
	width: auto;
	padding-bottom:5px;
	padding-left: auto;
	padding-right: auto;
}
.big_display_image {
	height: 900px;
	width:auto;
	max-width:100%;
	padding: auto;
}
.gallery_container {
	/*
	border-color:magenta;
	border-style:solid;
	border-width:2px;
	*/
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	text-align:center;
}
.top_scroll{
	border-color:black;
	border-style:solid;
	border-width:2px;
	border-radius:20px;
	height:20px;
	width:300px;
}
.bottom_scroll{
	border-color:black;
	border-style:solid;
	border-width:2px;
	border-radius:20px;
	height:20px;
	width:300px;
}
.scroll_list {
	/*
	border-color:black;
	border-style:solid;
	border-width:1px;
	*/
	margin: 4px, 4px;
	padding: 4px;
	height: 860px;
	width: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	white-space: nowrap;
}
.image_display {
	border-color:black;
	border-style:solid;
	border-width:1px;
	width:100%;
	height:900px;
	display: inline-block;
	margin-right: 5px;
}

/* ************************ */
/*       Events page        */
/* ************************ */
/* div that holds all events, image, and header */
#events {
	/*
	border-color:red;
	border-style:solid;
	border-width:2px;
	*/
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	color: #EEEEEE;
	padding-bottom: 30px;
	position:relative;
	clear:both;
}

#record_img {
	/* orig 2000w x 1333h */
	width: 2000px;
	height: 500px;
	object-fit: none;
}

#events_concert_div {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#concert_img {
	/* orig 1000 x 667 */
	width: 100%;
	height: 300px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	/* object-fit: none; */
}
#event_header {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 4em;
}
.eventitem {
	width: 80%;
	border-style: solid;
	border-color: #111111;
	border-width: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
	padding-bottom: 10px;;
	padding-top: 10px;
}

.event_date {
	padding-right: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.5em;
}
.event_venue {
	padding-right: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.5em;
}
.event_location {
	padding-right: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.5em;
}
.event_image {
}


/* ************************ */
/*       About page         */
/* ************************ */
.about_container {
	position: relative;
	/* text-align: left; */
	color: white;
	width: 100%;
	height: 1100px;
}
.about_info {
	margin-left: 10%;
	margin-right: 10%;
	padding-right: 10%;
	width: 100%;
	position: absolute;
	top: 20px;
	left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.25em;
	/* text-align: center; */
	color: black;
/*
	padding-top: 5px;
	padding-bottom: 5px;
*/
}
#sheetmusic_img {
	width: 100%;
	height: 100%;
	object-fit: fill;
	opacity: 0.3;
}

.about_header {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 2em;
	color: black;
}
.about_text {
	margin-left: 10%;
	margin-right: 10%;
	width: 75%;
}
.about_list {
	list-style-position: inside;
}

/* ************************ */
/*       Store page         */
/* ************************ */
#store {
	background-color: black;
	color: white;
}
.store_header {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 2em;
	font-weight: bold;
	/* color: black; */
	text-align: center;
	padding:5px;
}
.store_text {
	margin-left: 10%;
	margin-right: 10%;
	width: 75%;
}
.store_items_container {
}
.shopping_cart {
	width: 10%;
	margin-left: auto;
	margin-right: 200px;
	padding: 10px;
	border-style: solid;
	border-color: #221111;
	border-width: 1px;
	background-color: #999999;
	color: black;
	display: table;
	clear: both;
	text-align: center;
}
.store_item {
	width: 800px;
	height: 200px;
	background-color: #DDDDDD;
	color: black;
	border-style: solid;
	border-color: #221111;
	border-width: 1px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 5px;
	overflow: hidden;
}
.store_image {
	float: left;
	width: 200px;
	height: 200px;
	box-sizing: border-box;
}
.item_pic {
	max-width: 100%;
	max-height: 100%;
}
.store_description {
	float: left;
	width: 215px;
	height: 100%;
	box-sizing: border-box;
	border-style: solid;
	border-color: #8888AA;
	border-width: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.store_notes {
	height: 100%;
	width: 300px;
	float: left;
	box-sizing: border-box;
	border-style: solid;
	border-color: #8888AA;
	border-width: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.store_button_div {
	height: 100%;
	float: left;
	width: 85px;;
	box-sizing: border-box;
	border-style: solid;
	border-color: #8888AA;
	border-width: 1px;
	padding-top: 90px;
}
/* ************************ */
/*       checkout page         */
/* ************************ */
#checkout {
	background-color: black;
	color: white;
}
.checkout_header {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 2em;
	font-weight: bold;
	/* color: black; */
	text-align: center;
	padding:5px;
}
.checkout_text {
	margin-left: 10%;
	margin-right: 10%;
	width: 75%;
}
.checkout_items_container {
}
.checkout_cart {
	width: 10%;
	margin-left: auto;
	margin-right: 200px;
	padding: 10px;
	border-style: solid;
	border-color: #221111;
	border-width: 1px;
	background-color: #999999;
	color: black;
	display: table;
	clear: both;
	text-align: center;
}
.checkout_item {
	width: 800px;
	height: 200px;
	background-color: #DDDDDD;
	color: black;
	border-style: solid;
	border-color: #221111;
	border-width: 1px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 5px;
	overflow: hidden;
}
.checkout_image {
	float: left;
	width: 200px;
	height: 200px;
	box-sizing: border-box;
}
.item_pic {
	max-width: 100%;
	max-height: 100%;
}
.checkout_description {
	float: left;
	width: 215px;
	height: 100%;
	box-sizing: border-box;
	border-style: solid;
	border-color: #8888AA;
	border-width: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.checkout_notes {
	height: 100%;
	width: 300px;
	float: left;
	box-sizing: border-box;
	border-style: solid;
	border-color: #8888AA;
	border-width: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.checkout_button_div {
	height: 100%;
	float: left;
	width: 85px;;
	box-sizing: border-box;
	border-style: solid;
	border-color: #8888AA;
	border-width: 1px;
	padding-top: 90px;
}
#checkout_concert_div {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#checkout_img {
	/* orig 1000 x 667 */
	width: 100%;
	height: 300px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	object-fit: none;
}
.ship_to_header {
	color: white;
}
.total_cost {
	color: white;
}
.order_info {
	color: white;
}
.news_bite_title {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.5em;
	font-weight: bold;
	
}
.news_bite_body {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	font-weight: normal;
}
p.indent50 {
		padding-left: 50px;
}