html {
	font-family: Verdana, 'Trebuchet MS', Tahoma, Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	height: 100%;
	min-height: 100%;
	border-width: 0px;
  /* this keeps text same size on tablets */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
}

body {
	background: #303030 url(https://www.frankkoonce.com/images/p-bg.jpg);
	color: #dedede;
	
	line-height: 20px;
	margin: 0;
	padding: 0;
}

* html {
  height: 100%;
}

a.alert_link {
	color: #2d0b09;
}

#mast {
   margin-top: 65px;
	text-align: center;
	width: 100%;
}

#mast_mobile {
   margin-top: 0px;
	text-align: center;
	width: 100%;
}

#inside_mast
{
	width: 70%;
	background: url(https://www.frankkoonce.com/images/1atop.jpg); /*bg2.png*/
	/*   background:  url(https://www.frankkoonce.com/images/az-desrt.png);*/
	box-shadow: 0 0 40px rgba(32,32,32, 1);
	border: 1px solid rgba(65,65,65, 0.5);
	text-align: left;
	padding: 0px 0px 25px 0px;
}

#inside_mast_tablet
{
	width: 90%;
	background: url(https://www.frankkoonce.com/images/1atop.jpg); /*bg2.png*/
	/*   background:  url(https://www.frankkoonce.com/images/az-desrt.png);*/
	box-shadow: 0 0 40px rgba(32,32,32, 1);
	border: 1px solid rgba(65,65,65, 0.5);
	text-align: left;
	padding: 0px 0px 25px 0px;
}

#inside_mast_mobile
{
	width:100%; 
	background:  url(https://www.frankkoonce.com/images/top-mobile-desert.jpg);/*bg2.png*/
/*   background:  url(https://www.frankkoonce.com/images/az-desrt.png);*/
   box-shadow: 0 0 40px rgba(32,32,32, 1);
	border: 1px solid rgba(65,65,65, 0.5);

	text-align: left;
	padding: 0px 0px 25px 0px;
}

.top_logo {
	position: relative;
	top: 15px;
	left: 20px;
   
	/*background: url(https://www.frankkoonce.com/images/logo_zag.png);
	background-repeat: no-repeat;*/
	width: 168px;
	height: 52px;
}

/* tab menu */

#foxmenucontainer {
	/*background: #454545 url(https://www.frankkoonce.com/images/bg2b.png);*/
	border-bottom: 1px solid #555;
	font-size: 1.2em;
	background:  url(https://www.frankkoonce.com/images/opaque_10.png) repeat;
	position: relative;
	top:25px;
	width:100%; 
   height:35px;
	border-bottom:none;
	
}
	
#foxmenu {

	position:relative;

	display:block;

	height:30px;

	font-size:13px;

	font-weight:normal;

	font-family:Verdana,Tahoma,Helvitica,sans-serif;
	
	width: 100%;

	position: relative;

	top: -18px;
}

#foxmenu ul {

	margin:0px;

	padding:0px 0px 5px 0px;

	list-style-type:none;

	width:auto;

	float:left;
}

#foxmenu ul li {

	display:block;

	float:left;

	margin:0 0px 0 0;

	width:100px;
}

#foxmenu ul li a {
	display: block;
	float: left;
	color: #F5F5F5;
	text-align: center;
	text-decoration: none;
	padding: 5px 0px 1px 0px;
	width: 100px;
	height: 28px;
	background: transparent url(https://www.frankkoonce.com/images/opaque_1.png) repeat;
}

#foxmenu ul li a:hover {

	color:#fff;

	background:url(https://www.frankkoonce.com/images/opaque_5.png) repeat;

	width:100px; height: 28px;

	text-align: center;
}

#foxmenu ul li.current_page_item a {

	color:#fff;

	background:url(https://www.frankkoonce.com/images/opaque_5.png) repeat;

	width:100px; height: 28px;

	text-align: center;

	border-bottom: 1px solid rgba(247, 247, 216, 1);
}

#foxmenu ul li .current_page_item a,#foxmenu ul li .current_page_item a:hover {

	color:#fff;

	width: 104px; height: 28px;

	background:transparent url(https://www.frankkoonce.com/images/opaque_5.png) repeat;
}	

/* always on/off tabs */

.always_on_tab {
	display: block;
	float: left;
	color: #E7E7E7;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 0 0px;
	width: 100px;
	height: 21px;
	background: transparent url(https://www.soundset.com/images/tab_pepper2.png) no-repeat top left;
}

.always_off_tab {
	display: block;
	float: left;
	color: #E7E7E7;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 0 0px;
	width: 100px;
	height: 21px;
	background: transparent url(https://www.soundset.com/images/tab_pepper2.png) no-repeat top right;
}

/* mobile version of always on/off tabs */

.always_on_tab_mobile {
	display: block;
	float: left;
	color: #E7E7E7;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 0 0px;
	width: 69px;
	height: 21px;
	background: transparent url(https://www.soundset.com/images/tab_pepper_sm2.png) no-repeat top left;
}

.always_off_tab_mobile {
	display: block;
	float: left;
	color: #E7E7E7;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 0 0px;
	width: 69px;
	height: 21px;
	background: transparent url(https://www.soundset.com/images/tab_pepper_sm2.png) no-repeat top right;
}

.always_on_tab_mobile_flip {
	display: inline;
	float: left;
	color: #E7E7E7;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 0 0px;
	width: 69px;
	height: 21px;
	background: transparent url(https://www.soundset.com/images/tab_pepper_sm_flip2.png) no-repeat top left;
}

.always_off_tab_mobile_flip {
	display: inline;
	float: left;
	color: #E7E7E7;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 0 0px;
	width: 69px;
	height: 21px;
	background: transparent url(https://www.soundset.com/images/tab_pepper_sm_flip2.png) no-repeat top right;
}

div.color_band, div.status_bar, form.status_bar {
	background-image: url(https://www.frankkoonce.com/images/opaque_5.png);
	background-repeat: repeat;
	text-align: left;
	padding: 10px 20px 10px 20px;
	line-height: 30px;
	color: #EEEEEE;
	margin-bottom:10px;
}

td.status_bar {
	background-image: url(https://www.frankkoonce.com/images/opaque_5.png);
	background-repeat: repeat;
	padding: 10px;
	color: #777;
}

.page_bottom {
	padding: 10px 0px 10px 0px;
	color: #a1a1a2;
	background: url(https://www.frankkoonce.com/images/opaque_5.png) repeat;
	font-size:90%;
}



.intro_text {
	padding: 35px;
	color: #FFFFF0;
	font-size: 10pt;
	line-height: 26px;
}

.bio_text {
	color: #FFFFF0;
	font-size: 10pt;
	line-height: 26px;
}

#cart_string {
	position: absolute;
	top: 10px;
	left: 20px;
	color: Black;
}

a.cart_string:link,a.cart_string:visited,a.cart_string:hover {
	color: White;
	font-weight: normal;
	letter-spacing: 3px;
	text-decoration: none;
}

#free_music {
	position: absolute;
	top: 105px;
	right: 55px;
	font-weight: normal;
	font-size: 12px;
}



hr {
	color: #545254;
	height: 1px;
}

.item_on {
	color: White;
	background-image: url(https://www.frankkoonce.com/images/opaque_5.png);
	background-repeat: repeat;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: 90%;
	border-top: 1px solid #494C49;
	border-left: 1px solid #494C49;
	border-right: 1px solid #494C49;
}

.loading {
	background-image: url(https://www.frankkoonce.com/images/ajax-loader.gif);
	background-position: center;
	background-repeat: no-repeat;
}

img.fixed_loading_img {
	position: absolute;
	top: 50%;
	left: 50%;
}

.border {
	border: 1px solid #3c3c3c;
	background-color: transparent;
	margin: 10px;
}

.pepper_border {
	border: 1px solid #333;
	background-color: transparent;
	margin: 10px;
}

div.calendar {
	text-align: left;
	width: 62%;
	background-image: url(https://www.frankkoonce.com/images/container-bg.png);
	border: 1px solid #3C3B37;
	padding: 20px;
	line-height: 26px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

div.directory {
	text-align: left;
	width: 75%;
	background-image: url(https://www.frankkoonce.com/images/container-bg.png);
	border: 1px solid #3C3B37;
	padding: 20px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-repeat: repeat;
}

.hover {
	text-align: left;
	width: 75%;
	background-image: url(https://www.frankkoonce.com/images/opaque_5.png); /* container-bg.png */
	border: 1px solid #3C3B37;
	padding: 20px;
	background-repeat: repeat;
}

/* eBox */

.eBox {
	box-shadow: 0 0 40px rgba(32,32,32, 1);
	border: 1px solid rgba(65,65,65, 0.5);
	background-image: url(https://www.frankkoonce.com/images/noise_less.png);
	background-repeat: repeat;
	background-color: #2a2a2a;
	width: 65%;
	margin-bottom: 30px;
	line-height: 30px;
}

.eBox_vary_width {
	box-shadow: 0 0 40px rgba(32,32,32, 1);
	border: 1px solid rgba(65,65,65, 0.5);
	margin-bottom: 30px;
	background-image: url(https://www.frankkoonce.com/images/noise_less.png);
	background-repeat: repeat;
	background-color: #2a2a2a;
	line-height: 30px;
}

.eBox_plain {
	border: 1px solid rgba(65,65,65, 0.5);
	margin-bottom: 30px;
	background-repeat: repeat;
	line-height: 25px;
}

.eBox_on {
	border: 1px solid #f7f7d8;
	line-height: 25px;
	margin-bottom: 30px;
}

.mobile_bg {
	background-image: url(https://www.frankkoonce.com/images/noise_less.png);
	background-repeat: repeat;
	background-color: #2a2a2a;
	line-height: 30px;
}

/* this is for tables that I want to have variable width */
/*
.eBox_vary_width {
	border: 1px solid #515151;
	outline: black solid 1px;
	margin-bottom: 30px;
}
*/

.eBox_vary_width td {
	padding: 10px;
}

.eBox_td_left {
	color: #222;
	text-decoration: none;
	border-bottom: none;
	border-right: 1px solid #999;
   border-bottom: 1px solid #5d5d5d;
	border-top: 1px solid #999;
}

.eBox_td_right {
	color: #222;
	text-decoration: none;
	border-bottom: none;
	border-left: 1px solid #5d5d5d;
	border-bottom: 1px solid #5d5d5d;
	border-top: 1px solid #999;
}

.eBox_td_center {
	color: #222;
	text-decoration: none;
	border-bottom: 1px solid #5d5d5d;
	border-top: 1px solid #999;
}

.eStatusBar {
	background-image: url(https://www.frankkoonce.com/images/opaque_5.png); /*ecru_plaster3.png*/
	background-repeat: repeat;
	text-align: left;
	padding: 10px;
	line-height: 30px;
	margin-bottom: 10px;
	background-position: center;
   border-bottom: 1px solid #777;
}

.eBox_bottom_top {
	border-top: 1px solid #777;
}

.eBox_bottom_border {
	border-bottom: 1px solid #777777;
}

.eBox_left_border {
	border-left: 1px solid #999;	
}


span.clickable {
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	z-index:1;
}

#contentwrapper {
	padding: 24px 0 10px 0;
	min-height: 400px;
}

#content {
	text-align: left;
	width: 62%;
	background-image: url(https://www.frankkoonce.com/images/container-bg.png);
	border: 1px solid #3C3B37;
	padding: 20px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

#content_slim {
	text-align: left;
	width: 52%;
	background-image: url(https://www.frankkoonce.com/images/container-bg.png);
	border: 1px solid #3C3B37;
	padding: 20px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

.side_nav_left {
   float:left; 
	margin:0px 15px 0px -10px;
	list-style:none;
	text-align:left;
	line-height: 25px;
}

ol.side_nav_left li {
  font-size: 95%;
}

ol.side_nav_left label {
   width: 20px;
	margin-right: 7px;
	text-align: left;
}

.home_margins {
	text-align: left;
	width: 90%;
	background-image: url(https://www.frankkoonce.com/images/container-bg.png);
	border: 1px solid #3C3B37;
	padding: 20px;
	color: White;
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

.margins {
	margin-left: 35px;
	margin-right: 30px;
	color: White;
}

.big_cd_image {
	position: absolute;
	top: 125px;
	left: 720px;
}

.blurb2 {
	color: #fffff0;
	margin: 0px;
	font-style: italic;
}

/****Two column Layout (CD Detail Page)*****/

#top {
position: absolute;
height: 100px;
width: 100%;
top:0px;
border:0px none;
}

#left {
	position: absolute;
	height: 100%;
	width: 325px;
	top: 150px;
}

#main {
	position: absolute;
	top: 150px;
	left: 325px;
	min-width: 775px;
	margin-left: 45px;
	margin-right: 15px;
} 

.cd_detail_margins {
	margin-top: 25px;
	margin-left: 30px;
	margin-right: 20px;
}

.cd_title, a.cd_title:link, a.cd_title:visited {
	font-size: 18px;
	letter-spacing: .3em;
	text-decoration: none;
	color: White;
	position: relative;
	top: 5px;
}

.cd_title_mobile, a.cd_title_mobile:link, a.cd_title_mobile:visited {
	font-size: 105%;
	text-decoration: none;
	color: White;
	position: relative;
	top: -5px;
}

.performers {
	letter-spacing: .2em;
	line-height: 1.5em;
}

.performers_mobile {
	line-height: 1.5em;
}

.performers_detail {
	letter-spacing: .2em;
	line-height: 1.8em;
}

.label {
	color: #FDF5E6;
}

.blurb {
	color: #fffff0;
	margin: 0px;
	padding: 5px;
	font-size: 90%;
	font-style: italic;
	text-align: left;
}

.blurb_mobile {
	color: #fffff0;
	margin: 0px;
	font-size: 90%;
	font-style: italic;
	text-align: left;
}

.numberCircle {
	border-radius: 50%;
	behavior: url(PIE.htc);
	/* remove if you don't care about IE8 */
	width: 12px;
	height: 12px;
	padding: 2px 3px 2px 5px;
	background: #355e93;
	border: 1px solid #2c4e7a;
	color: white;
	text-align: center;
	font: 10px Arial, sans-serif;
	position: relative;
	left: -7px;
	top: -16px;
}

.numberCircleMobile {
	border-radius: 50%;
	behavior: url(PIE.htc);
	/* remove if you don't care about IE8 */
	width: 12px;
	height: 12px;
	padding: 2px 5px 2px 5px;
	background: #355e93;
	border: 1px solid #2c4e7a;
	color: white;
	text-align: center;
	font: 10px Arial, sans-serif;
	position: relative;
	left: -1px;
	top: -14px;
}

.cd_detail_submenu {
	margin-left: 25px;
	border-top: 1px dotted #555555;
	letter-spacing: 1px;
	font-size: 90%;
}

/* =========================================================================================== */

.indent {
	margin-left: 40px;
	margin-right: 40px;
}

#player {
	margin-left: 40px;
	margin-right: 40px;
}

.player_text {
	margin-left: 40px;
	margin-right: 40px;
	font-size: 80%;
	margin-top: 10px;
}

.book_title {
	padding-bottom: 10px;
	letter-spacing: 3px;
}

.event_header {
	font-size: 14px;
	letter-spacing: 3px;
}

.subtitle {
	color: #FFFFF0;
	font-size: 90%;
	font-weight: normal;
	margin-top: 4px;
}

table.rep_class {
	/*width: 60%;*/
}

table.rep_class td {
	padding: 5px 20px 5px 20px;
	vertical-align: top;
}

table.rep_class td.borderless {
	padding: 5px 20px 5px 20px;
	vertical-align: top;
	border-left: none;
}

.sectionator {
	border-bottom: 1px dotted #494C49;
	margin-bottom: 15px;
	background-image: none;
}

table.gui, table.smoke
	{
	border: 1px solid #494C49;
	padding: 5px;
	vertical-align: middle;
	line-height: 26px;
	background-image: url(https://www.frankkoonce.com/images/container-bg.png);
	border: 1px solid #3C3B37;
	max-width: 95%;
	font-size: 90%;
}

.gui th, .smoke th
	{
	border-bottom: solid 1px #494C49;
	padding: 5px;
	vertical-align: middle;
	font-weight: normal;
	letter-spacing: 5px;
	line-height: 26px;
	background-color: #363636;
	color: White;
}

.gui td, .smoke td
	{
	padding: 5px;
	vertical-align: middle;
	line-height: 26px;
	
}

td.gui {
	line-height:20px;
	padding-left:5px;
	padding-right:10px;
}

.box_gui	{
	padding: 5px;
	vertical-align: middle;
	line-height: 26px;
	background-image: url(https://www.frankkoonce.com/images/container-bg.png);
	border: 1px solid #3C3B37;
	max-width: 95%;
}

.item	{
	vertical-align: middle;
	line-height: 26px;
	background-image: url(https://www.frankkoonce.com/images/container-bg.png);
	border: 1px solid #3C3B37;
	margin-bottom: 8px;
	padding: 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

.smoke_inner {
	vertical-align: middle;
	line-height: 26px;
	background-image: url(https://www.frankkoonce.com/images/container-bg.png);
	width: 99%;
	height: 99%;
	padding-left: 10px;
}

td.border_right {
	border-right: 1px solid #494C49;
	padding: 3px;
}
td.bottom_border {
	border-bottom: 1px solid #494C49;
	padding: 3px;
}

table.border_alternating {
	border: 1px solid #494C49;
}

th.border_alternating {
	padding: 3px 3px;
	background-color: #494C49;
	text-align: center;
	color: #FAF0E6;
}

td.lightup, span.lightup {
	color: #73F52A;
}

p {
	margin-left: 15px;
	margin-right: 10px;
}

.block {
	min-height: 250px;/*this keeps the events separated vertically*/
}

.cd_block {
	min-height: 250px;/*this keeps the cds separated vertically*/
}

.red-table-border {
	border-left: 1px solid #494C49;
	border-left: 1px dashed #494C49;
	border-right: 1px dashed #494C49;
	border-bottom: 1px dashed #494C49;
	padding-top: 5px;
	background-color: #3F4040;
}

.box-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FAF0E6;
	margin: 10px;
}

.index1 {
   font-size:13px;
   background-color: transparent;
}

.index2 {
	font-size: 13px;
	background-image: url(https://www.frankkoonce.com/images/opaque_5.png);
	background-repeat: repeat;
}

tr.idx1:hover, tr.idx2:hover {	
	background-color: #2D2D2D;
}

.idx1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top: 1px solid #444444;
	background-color: #2F2F2A;
}

.idx2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.faint {
	font-size: 11px;
	background-color: #2F2F2A;
	color: #FAF0E6;
}


.top_small {
	color: #fffff0;
	margin: 0px;
	padding-left: 10px;
	padding-top: 8px;
	font-size: 90%;
}

.image_desc {
	margin: 0px;
	padding: 35px;
	font-size: 90%;
	min-width: 250px;
}

h3.comments {
	border-top: 1px solid ##494C49;
	border-bottom: 1px dashed ##494C49;
	padding: 5px;
	margin-bottom: 20px;
}

td.italic {
	font-style: italic;
	color: #fffff0;
}

.long_gallery_desc {
	float: right;
}

.license {
	color: #fef6d5;
}

img.float_left {
	border: 1px solid ##494C49;
	background-color: transparent;
	margin: 10px;
	float: left;
}

.post_comp, a.post_comp:link, a.post_comp:visited, a.post_comp:hover, a.post_comp:active {
	color: #777;
}

.book_menu, a.book_menu:link, a.book_menu:visited, a.book_menu:hover, a.book_menu:active {
	color: #838383;
}

.publication_sample_files {
	margin-left: 30px;
	color: #CCCCCC;
}

a.top_notice:link,a.top_notice:visited,a.top_notice:hover {
	color: #ECE9D8;
	font-weight: normal;
	color: #ECE9D8;
	font-weight: normal;
	font-size: 90%;
	elevation: higher;
}

a.superscript:link,a.superscript:visited,a.superscript:hover {
	color: #ECE9D8;
	font-weight: normal;
	font-size: 90%;
	line-height: 0.2;
}

.distinguish {
	padding: 10px;
}

.spaced { 
	line-height: 24px;
	font-size: 14px;	
}
.spaced SUB, .spaced SUP { line-height: 0.2; } 

td.nopad,img.nopad {
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	
}

a.none,img.none {
	background: #8F7270 !important;
	color: #E73C21;
}




#tabmenucontainer {
	/*border-bottom: 1px solid #494C49;*/
	height: 28px;
	background: transparent;
	display: block;
	padding: 0px 0 0px 0px;
}
	
#tabmenu {

	position:relative;

	display:block;

	height:28px;

	font-size:13px;

	font-weight:normal;

	font-family:Verdana,Tahoma,Helvitica,sans-serif;
}

#tabmenu ul {

	margin:0px;

	padding:0px 0px 0 10px;

	list-style-type:none;

	width:auto;

	float:left;
}

#tabmenu ul li {

	display:block;

	float:left;

	margin:0 0px 0 0;

	width:89px;
}

#tabmenu ul li a {
	display: block;
	float: left;
	color: #F5F5F5;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 0 0px;
	width: 89px;
	height: 21px;
	background: transparent url(https://www.frankkoonce.com/images/tab_pepper.png) no-repeat top right;
}

#tabmenu ul li a:hover,#tabmenu ul li.current_page_item a {

	color:#fff;

	background: url(https://www.frankkoonce.com/images/tab_pepper.png) no-repeat top left;

	width:89px; height: 21px;

	text-align: center;
}

#tabmenu ul li .current_page_item a,#tabmenu ul li .current_page_item a:hover {

	color:#fff;

	width: 104px; height: 21px;

	background:transparent url(https://www.frankkoonce.com/images/tab_pepper.png) no-repeat top right;
}	

	
/* end tab menu */
	
.highlt {
	color: #8F8170;
	font-weight: bold;
}

.selected {
	color: #fff;
	border-bottom: 1px solid White;
}

.section_header {
	color: #CEC3BB;
	font-weight: normal;
	letter-spacing: 4px;
	font-size: 110%;
}

.item_header, a.item_header {
	color: #8F8170;
	font-size: 11pt;
	font-weight: bold;
	letter-spacing: 3px;
}

.highlt_padright {
	color: #8F7270;
	font-weight: bold;
	padding-right: 15px;
}

a.highlt:link {
	color: #8F8170;
	text-decoration: none;
	background: transparent;
	font-weight: bold;
}

a.highlt:visited {
	color: #8F8170;
	background: transparent;
	text-decoration: none;
	font-weight: bold;
}

a.highlt:hover {
	color: #8F8170;
	background: transparent;
	text-decoration: underline;
	font-weight: bold;
}

/* btm navigation */

a.btmnav:link {
	color: #C0C5B5;
	text-decoration: none;
	font-size: 90%;
}

a.btmnav:visited {
	color: #C0C5B5;
	text-decoration: none;
	font-size: 90%;
}

a.btmnav:hover {
	color: #FBFDFB;
	text-decoration: none;
	font-size: 95%;
}

div.copyright {
	font-size: 55%;
}

a.copyright:link {
	color: #C0C5B5;
	text-decoration: none;
	font-size: 85%;
}

a.copyright:visited {
	color: #C0C5B5;
	text-decoration: none;
	font-size: 85%;
}

a.copyright:hover {
	color: #FBFDFB;
	text-decoration: none;
	font-size: 85%;
}

/* content areas */
h4.pullquote1 {
	background-color: transparent;
	font-size: 12px;
	font-weight: normal;
	font: italic 1.05em Georgia, Times, serif;
	margin: 0.25em 0;
	margin-left: 15px;
	margin-right: 15px;
	color: White;
	padding: 5px;
}

/* embedded fonts */

@font-face {
    font-family: Sansumi;
    src: url('../fonts/Sansumi-Bold.ttf');
}

.Sansumi{
   font-family: Sansumi;
   font-size: 10pt;
	margin: 0.25em 0;
	margin-left: 15px;
	margin-right: 15px;
	color: White;
	padding: 5px;
}

@font-face {
    font-family: Anonymous;
    src: url('../fonts/Anonymous.ttf');
}

.Anonymous{
   font-family: Anonymous;
   font-size: 9pt;
	margin: 0.25em 0;
	margin-left: 15px;
	margin-right: 15px;
	color: White;
	padding: 5px;
}

@font-face {
    font-family: Worstveld_Sling;
    src: url('../fonts/Worstveld_Sling.otf');
}

.Worstveld_Sling{
   font-family: Worstveld_Sling;
}

@font-face { 
	font-family:'Worstveld_Sting'; 
	src:url('../fonts/Worstveld_Sting.eot'); 
	src: url('../fonts/Worstveld_Sting.woff') format('woff'), url('../fonts/Worstveld_Sting.otf') format('opentype');
} 

.Worstveld_Sting { 
	font-family:'Worstveld_Sting', Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
}

@font-face {
    font-family: Lato-Reg;
    src: url('../fonts/Lato-Reg.ttf');
}

.Lato-Reg{
   font-family: Lato-Reg;
}

font-face {
    font-family: Muli-Regular;
    src: url('../fonts/Muli-Regular.ttf');
}

.Muli-Regular{
   font-family: Muli-Regular;
}

.quotes {
	margin-left: 0px;
	margin-right: 0px;
	color: White;
	padding: 5px;
	font-size: 18pt;
	line-height: 26px;
}

.quotes_tablet {
	margin-left: 0px;
	margin-right: 0px;
	color: White;
	padding: 5px;
	font-size: 10pt;
	line-height: 19px;
}

.article_author {
	color: #a7a7a7;
	
}

.author {
	font-size: 18px;
	font-weight: bold;
	margin: 0.25em 0;
	color: #a7a7a7;
	padding: 3px;
}

.author_mobile {
	margin: 0.25em 0;
	color: #a7a7a7;
	padding: 3px;
}

.author_tablet {
	font-size: 11px;
	font-weight: bold;
	margin: 0.25em 0;
	color: #a7a7a7;
	padding: 3px;
}


.articles {
	line-height: 125%;
	margin-left: 35px;
	margin-right: 120px;
	color: #ECE9D8;
}

p.content {
	margin-left:10px;
	margin-right:15px;
}	

p.item {
	margin-left: 10px;
	margin-right: 15px;
	padding-top: 8px;
	border-top: 1px dashed #494C49;
}	

h2 {
	color: #8F8170;
	font-weight: bold;
	letter-spacing: 3px;
}

h3 {
	color: #FFEFB5;
	background:transparent;
	padding-bottom:0px;
	margin-bottom:2px;
	font: bold 1em Verdana, Arial, sans-serif; 
	letter-spacing: 2px;
}

h4 {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 18px;
	color: #8F8170;
	background: transparent;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


h4.nav2 {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #8F8170;
	background: transparent;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 50%;
}

h4.article {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #8F8170;
	background: transparent;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

p,ol,ul,li,dl,dt,dd {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background: transparent;
}

a,
a:link,
a:visited,
a:active
	{
	text-decoration: none;
	color: #8e8171; /*#E2E2C7;*/
	}

a:hover
	{
	text-decoration: none;
	color: #8e8171;
}

.colored_txt {
	color: #8e8171;
}

/* bottom of page */
footer {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 90%;
	color: #B6BBAA;
	margin-top: 10px;
}

td.btmnav {
	padding-bottom:8px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 85%;
	color: #B6BBAA;
}

td.copyright,p.copyright,span.copyright,div.copyright, a.copyright:link, a.copyright:visited, a.copyright:hover {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 85%;
	color: #ECE9D8;
	letter-spacing: 3px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:5px;
	background: transparent;
}

.separator {
	border-bottom: 1px dashed #494C49;
}

div.separator_2 {
	width: 100%;
	height: 2px;
	margin-bottom: 10px;
	background-image: url(https://www.frankkoonce.com/images/line_horizo_w5.png);
	background-repeat: repeat-x;
}

div.separator_3 {

	width: 100%;

	height: 2px;

	margin-bottom: 10px;

	background-image: url(https://www.frankkoonce.com/images/line_horizo_w5a.png);

	background-repeat: repeat-x;

}

#content .item, #content #ishintro, #ishoutro {border-top: 1px dashed #494C49;
  padding: 1.5em 1em 0.5em; margin-top: 0.75em;}
#content #ishintro, #content #ishoutro {padding: 1em 1em 1px; font: italic 1.05em Georgia, serif;}

input.red,textarea.red {
	background-color: transparent;
	background-image: url(https://www.frankkoonce.com/images/gothica_paper.gif);
	border: 1px solid #494C49;
	color: White;
	letter-spacing: 1px;
	padding:  15px 5px 15px 5px;
}

input, textarea, select, input.date_picker {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 15px 5px 15px 5px;
  /*	border: 1px solid #606060;*/
   border-top: 1px solid #202020;
	border-left: 1px solid #202020;
	border-right: #3B3B3B solid 1px;
	border-bottom: #3B3B3B solid 1px;
	/*background-image: url(https://www.frankkoonce.com/images/opaque_white_even_less.png);*/
   background-image: url(https://www.frankkoonce.com/images/noise_even_less.png);
	background-repeat: repeat;
	background-color: transparent;
   background: #292929;
	color: #eee;
   line-height:24px;
   -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline-radius: 3px;
	-webkit-outline-radius: 3px;
	-moz-outline-radius: 3px;
}

input:focus, textarea:focus, select:focus {
	box-shadow: 0 0 5px rgba(244, 217, 92, 1);
	padding: 15px 5px 15px 5px;
	border: 1px solid rgba(247, 247, 216, 1);
	background-image: url(https://www.frankkoonce.com/images/opaque_white.png);
	background-repeat: repeat;
	background-color: transparent;
   color: #eee;
   -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	outline-radius: 0px;
	-webkit-outline-radius: 0px;
	-moz-outline-radius: 0px;
}

.submit_button, a.submit_button {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 15px 5px 15px 5px;
  /*	border: 1px solid #606060;*/
   border-bottom: 1px solid #202020;
	border-right: 1px solid #202020;
	border-top: #3B3B3B solid 1px;
	border-left: #3B3B3B solid 1px;
	/*background-image: url(https://www.frankkoonce.com/images/opaque_white_even_less.png);*/
   background-image: url(https://www.frankkoonce.com/images/noise_even_less.png);
	background-repeat: repeat;
	background-color: transparent;
   background: #292929;
	color: #eee;
   line-height:24px;
   -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline-radius: 3px;
	-webkit-outline-radius: 3px;
	-moz-outline-radius: 3px;
}




option {
	font-family: verdana, arial, helvetica, sans-serif;
	background-image: url(https://www.frankkoonce.com/images/opaque_white_even_less.png);
	background-repeat: repeat;
	background-color: #303030;
	color: #fff;
	font-size: 12px;
}

input.invalid, textarea.invalid, input.invalid:focus, textarea.invalid:focus {
	border: 1px groove #828282;
	box-shadow: 0 0 5px rgba(255, 255, 187, 1);
	background-image: url(https://www.frankkoonce.com/images/light_opaque_yellow.png);
	background-repeat: repeat;
	padding: 15px 5px 15px 5px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #ccc;
	opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #ccc;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
	color: #ccc;
  }

.doomed {
	text-decoration: line-through;
	color: #BEBEBE;
	border-bottom: 1px solid #494C49;
	border-right: 1px solid #494C49;
	padding: 3px;
}

#coolmenu a {
font: 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
}

html>body #coolmenu a { /*Non IE rule*/
width: auto;
}

#coolmenu a:hover {
color: white;
}

#footer_links {
	width: 95%;
}

#footer_container {
	width: 95%;
}

/*****Gallery*****/

#gallery_right {
	 /*float:right;*/
	 text-align: center;
	 margin-bottom: -42px;
}

#gallery_left {
	text-align: left;
	margin-left: 20px;
}

table.gallery_menu_left {
	text-align: left;
}

table.gallery_menu_left td {
	padding: 8px;
	text-align: left;
	margin-left: 20px;
}

table.thumb_grid td {
	padding: 5px;
}

a.menu_highlt, a.menu_highlt:visited, a.menu_highlt:active {
	color: White;
	text-decoration: none;
	border-bottom: none;
}

.thumb {
	margin: 5px;
	border: 1px solid #4F4D4F;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.thumb:hover {
	margin: 5px;
	border: 1px solid #4F4D4F;
	opacity:1;
	filter:alpha(opacity=100);
}

.gallery_photo {
	border: 1px solid #4F4D4F;
}

.img_description {
	letter-spacing: 4px;
	padding: 5px;	
	height: 20px;
	background-position: center;
}

#photo_navigation_top {
	background-image: url(https://www.frankkoonce.com/images/opaque_20.png);
	background-repeat: repeat-x;
	height: 45px;
	width:100%;
	position: relative;
	top: 46px;
	z-index:100;
}

#photo_navigation {
	background-image: url(https://www.frankkoonce.com/images/opaque_20.png);
	background-repeat: repeat-x;
	height: 45px;
	width:100%;
	position: relative;
	top: -50px;
}

a.galry_nxt{
	background-image: url(https://www.frankkoonce.com/images/arrow_right_b_24.png);
	width: 24px;
	height: 24px;
	position: relative;
	top: 20px;
	left: 10px;
	background-repeat: no-repeat;
	text-decoration: none;
	border: none;
	padding: 10px;
}

a.galry_prv{
	background-image: url(https://www.frankkoonce.com/images/arrow_left_b_24.png);
	width: 24px;
	height: 24px;
	position: relative;
	top: 20px;
	left: 10px;
	background-repeat: no-repeat;
	text-decoration: none;
	border: none;
	padding: 10px;
}

a.galry_nxt_sm{
	background-image: url(https://www.frankkoonce.com/images/arrow_right_b_24.png);
	width: 24px;
	height: 24px;
	position: relative;
	top: 5px;
	background-repeat: no-repeat;
	text-decoration: none;
	border: none;
	padding: 10px;
}

a.galry_prv_sm{
	background-image: url(https://www.frankkoonce.com/images/arrow_left_b_24.png);
	width: 24px;
	height: 24px;
	position: relative;
	top: 5px;
	background-repeat: no-repeat;
	text-decoration: none;
	border: none;
	padding: 10px;
}

.nav_pics {
	padding: 5px;
	border: 1px solid #4F4D4F;
	position: relative;
	top: 35px;
}

.caution {
	color: #FFFFE0;
}

.strikeout {
	text-decoration: line-through;
	color: #A9A9A9;
}

/*fieldset*/

fieldset {
	padding: 1em;
	border: 1px solid #616161;
}  

div.generic_contact {
	border: none;
	line-height: 20px;
}  

div.inner_generic_contact {
	padding: 0px 20px 0px 20px;
}

legend, legend a {
	margin-left: 1em;
	color: #FFF0C7;
	font-size: 0.9em;
	letter-spacing: 4px;
	font-weight:bold;
} 

fieldset ol {  
	padding: 1em 1em 0 1em;  
	list-style: none;  
}  

fieldset li {  
	padding-bottom: 1em;  
}  

fieldset.submit {  
	border-style: none;  
	float: none;    
   width: auto;  
	padding-left: 11em;
	margin-top: -10px;
}

label {    
	float: left;   
	position: relative;  
	width: 10em;    
	margin-right: 1em;  
	text-align: left;
}

label em {        
	position: absolute;        
	left: 9.8em;        
	top: 1;   
	color: #FFF0C7;
	font-size: 90%em;   
}

.required_field {        
	color: #FFF0C7;
	font-size: 90%em;   
}

label.wide {
	float: left; 
	position: relative;
	top: .2em;
	width: 19em;
	margin-right: 1em;
	text-align: left;
}

label.semi-wide {
	float: left; 
	position: relative;
	top: .2em;
	width: 12em;
	margin-right: 1em;
	text-align: left;
}

label.tag-only {
	float: none;
	width: auto;
	margin-right: auto;
	text-align: left;
}

fieldset.roster {
	padding: .5em;
	border: 1px solid #616161;
}  

fieldset.roster:hover {
	padding: .5em;
	border: 1px solid #616161;
	background-image: url(https://www.frankkoonce.com/images/opaque_10.png);
	background-repeat: repeat;
}  

fieldset.roster ol {  
	padding: .5em .5em 0 .5em;  
	list-style: none;  
}  

fieldset.roster li {  
	padding-bottom: .5em;  
}  


/*end fieldset*/

.alert {
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
	padding: 8px;
	letter-spacing: 2px;
	color: Black;
	/*border: 1px solid #C78C33;*/
	border: 1px solid #E6DB55;
/*	width: 35%;*/
	display: block;
	background-image: url(https://www.frankkoonce.com/images/opaque_yellow.png);
	background-repeat: repeat;
	text-align: center;
}

/* repertoire class area */

div.rep_list {
	margin: 10px 0px 10px 0px;
}

div.rep_list a:hover {
	margin: 8px 0px 8px 0px;
	background-image: url(https://www.frankkoonce.com/images/opaque_10.png);
	background-repeat: repeat;
}

/* end repertoire class area*/


.buy-button {
	border: none;
}

table.pepper {
	border-bottom: 1px solid #3A3A3A;
	border-right: 1px solid #3A3A3A;
	border-top: none;
	border-left: none; /*background-image: url(https://www.frankkoonce.com/images/opaque_3.png);*/
}

table.pepper th {
	padding: 3px;
	background-color: transparent;
	text-align: center;
	color: White;
	font-weight: normal;
	letter-spacing: 2px;
	background-image: url(https://www.frankkoonce.com/images/th_pepper_bg.png);
	background-repeat: repeat;
	border: none;
}

table.pepper td { 
	border-top: 1px solid #3A3A3A;
	border-left: 1px solid #3A3A3A;
	border-right: none;
	border-bottom: none;
	padding:5px; 
}

/* links page formatting*/

.link_headers {
	font-weight: bold;
	margin-bottom: 10px;
}

a.other_links, .other_links {
	color: #a7a7a7;
}

ul.links {
	margin: 0px 15px 0px 15px;
	padding: 0px;
}

ul.links li {
	margin: 0px;
}

a.selected_genre {
	border-bottom: none;
	padding-bottom: 3px;
	color: White;
}

a.greyout {
	border-bottom: none;
	padding-bottom: 3px;
	color: #C5C5C5;
}

.page_num_higlt3 {
	background-image: url(https://www.frankkoonce.com/images/container-bg.png);
	border: 1px solid #545254;
}

.letter_on {
	padding: 5px;
}

.letter_off {
	padding: 5px;
}

/* end links page formatting*/

.greyout, label.greyout {
	color: #696969;
}

a.page_bottom_link {
	color: #8e8171;
}

.small_rnd_btn {
	/*background-image: url(../images/opaque_white_even_less_yet.png);*/
background-color: #373737;

	padding: 10px 15px 10px 15px;
	color: #dedede;
	border: none;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;

	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	outline-radius: 4px;
	-webkit-outline-radius: 4px;
	-moz-outline-radius: 4px;

	opacity: 1;
}

.small_rnd_btn:hover {
	/*background-image: url(../images/opaque_white_even_less_yet.png);*/
background-color: #373737;
	padding: 10px 15px 10px 15px;
	border: none;
	color: #dedede;
	opacity: 0.8;
}

a.plain {
	color: #dedede;
}

a.plain_opacity {
	color: #dedede;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
	opacity: 1;
}

a.plain_opacity:hover {
	color: #dedede;
	opacity: 0.6;
}

a.on {
	color: #fff;
}
input.add2cart {
	color: #8b8b8b;
	width: 99%;
	border: none;
}