
/* Basic Elements */

html {
	font-family: 'Quicksand', Verdana, 'Trebuchet MS', Tahoma, Lucida Grande, Arial, Helvetica, sans-serif;

	font-size: 15px;
	letter-spacing: 1px;
  /* this keeps text same size on tablets */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
}

body {
	font-family: 'Quicksand', Verdana, 'Trebuchet MS', Tahoma, Lucida Grande, Arial, Helvetica, sans-serif;
	background-color: #000;
}

#top_block_home {

	width: 940px;

}

#top_block {
	background: #0e0e06;
	height: 125px;
	width: 940px;
}

#content {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 25px;
	text-align: left;
}

#content_mobile {
	margin: 0px 0px 25px 0px;
}

@font-face { 
	font-family:'ProximaNova-Regular'; 
	src:url('../fonts/29E2BE_2_0.eot'); 
	src: url('../fonts/29E2BE_2_0.woff') format('woff'), url('../fonts/29E2BE_2_0.otf') format('opentype'); 
} 

.ProximaNova-Regular {
	font-family: 'ProximaNova-Regular', Verdana, Arial, Helvetica, sans-serif;
	color: #fdfdfd;
	font-size: 15px;
}



#top_banner_mobile {
	margin-bottom:10px;
	background-color: black;
}

#top_banner {
	margin-bottom:20px;
	
}

.content_mobile {
	margin: 20px;
	line-height: 22px;
	text-align: left;
}

.content {
	margin:0px;
	line-height: 22px;
	text-align: left;
}

#tagline {
	padding-top: 15px;
	padding-left: 25px;
	line-height: 30px;
}

#tagline_home {
	padding-left: 25px;
	line-height: 30px;
}

#tagline_mobile {
	padding-top: 20px;
	padding-left: 10px;
	line-height: 30px;
	color: #fff;
}

p { 
	font: 14px verdana, trebuchet ms, arial, helvetica, sans-serif; 
	margin-top: 0px; 
	text-align: left;
}

.article_header {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 600;
}

.album_bg {
	background: url(../images/opaque_1.png) repeat;
	width: 50%;
	position: relative;
	padding: 15px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	vertical-align: top;
	font-size: 90%;

}

.album_bg_full {
	background: url(../images/opaque_1.png) repeat;
	background-repeat: repeat;
	position: relative;
	padding:15px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	vertical-align: top;
	margin-bottom: 20px;
}

div.separator_2 {
	width: 100%;
	height: 2px;
	margin-bottom: 10px;
	background: url(https://www.sonatasandpartitas.com/images/line_horizo.png);
	background-repeat: repeat-x;
}

.visor-round {
	background: url(../images/opaque_5.png) repeat;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	outline-radius: 7px;
	-webkit-outline-radius: 7px;
	-moz-outline-radius: 7px;
	padding: 15px;
}



.greyout {
	color: #707070;
}

.border {
	/*border: 1px solid #7e7e7e;;*/
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	padding: 0px;
}

@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:'constantia'; 
	src:url('../fonts/constantia.eot'); 
	src: url('../fonts/constantia.woff') format('woff'), url('../fonts/constantia.ttf') format('truetype');
} 

.constantia {
	font-family: 'constantia', Verdana, Arial, Helvetica, sans-serif;
	color: #525252;
	font-size: 15px;
}


.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;
}

p:nth-child(6) { 
	font-size: 9px;
	padding-top: 15px;
}

span.clickable {
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	z-index:1;
}

a:link {
	-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;
	padding: 0 2px 0 2px;
	text-decoration: none;
	/*color: rgba(247, 247, 216, 1);*/
	color: #4e3916;
}

a:visited {
	padding: 0 2px 0 2px;
	text-decoration: none;
	/*color: rgba(247, 247, 216, 1);*/
	color: #4e3916;
}

a:hover, a:active {
	padding: 0 2px 0 2px;
	text-decoration: NONE;
	/*color: rgba(247, 247, 216, 1);*/
	color: #64231a;
}

a.plain:link, a.plain:visited, a.plain:hover, a.plain:active {
	padding: 0px;
	text-decoration: none;
	color: #d5d5d5;
}

a.parent_work_on, .parent_work_on  {
	padding: 0px;
	font-size: 100%;
	color: #550000;
	text-decoration: none;
}

.heading {
	padding: 0px;
	font-size: 100%;
	color: #000;
	text-decoration: none;
	letter-spacing: 2px;
}

.large-heading {
	padding: 0px;
	font-size: 110%;
	color: #550000;
	text-decoration: none;
}



.link_headers, a.link_headers {
	color:#ccc;
	margin-bottom: 10px;
}

.article_headers, a.article_headers {
	color: #fb7e20;
	margin-bottom: 10px;
	margin-left: 0px;
}

.read_more_links, a.read_more_links  {
	color: #f0f0f0;
	font-size: 85%;
}

.post_comp, a.post_comp:link, a.post_comp:visited, a.post_comp:hover, a.post_comp:active {
	color: #777;
}

.no-highlt, a.no-highlt:link, a.no-highlt:visited, a.no-highlt:hover, a.no-highlt:active {

	display: block;
	float: left;
	/*color: #778386;*/
	color: #fff;
	text-decoration: none;
	padding: 1px 10px 12px 10px;
	/*border-right: 2px solid #d3d3d3;*/
	height: 25px;
}

a.highlt:link, a.highlt:visited, a.highlt:hover, a.highlt:active, .highlt {
	padding: 0px;
	text-decoration: none;
	color: #ad936e;
}

.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;
}

a.other_links, .other_links {
	color: #ccc;
}

ul.links {
	margin: 0px 15px 0px 15px;
	padding: 0px;
}

ul.links li {
	margin: 0px;
}

h1, h2 {display:none}
h3 {
	margin: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;	
}


header { 
	height: 67px;
}


/* tab menu */

#foxmenucontainer {
	/*background-color: Orange;*/
	background:  url(https://www.soundset.com/images/opaque_5.png) repeat;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Open Sans', Verdana, 'Trebuchet MS', Tahoma, Lucida Grande, Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 7px 0px 7px 0px;
	position: relative;
	width: 100%;
	min-height: 25px;
	z-index: 1000;
}

#foxmenucontainer_home {
	/*background-color: Orange;*/
	background: url(https://www.sonatasandpartitas.com/images/opaque_white_even_less_yet.png) repeat;
	font-size: 14px;
	font-weight: normal;
	width: 85%;
	padding: 7px 0px 7px 0px;
	position: relative;
	text-align: center;
	min-height: 25px;
	z-index: 1000;
	box-shadow: 0 0 16px rgba(32,32,32, 1);
	border: 1px solid rgba(65,65,65, 0.5);
}
	
#foxmenu {
	position: relative;
	display: inline;

	width: 100%;
	height: 25px;

	top:-10px;
}

#foxmenu ul {

	margin:0px;

	padding:0px 0px 5px 0px;

	list-style-type:none;

	width:auto;

	float:left;
	position: relative;
	top: 0px;
}

#foxmenu ul li {

	display:block;

	float:left;

	padding:0px;

	margin:0;
}

#foxmenu ul li a {
	display: block;
	float: left;
	/*color: #778386;*/
	color: #2d2d2d;
	text-decoration: none;
	padding: 10px 10px 5px 10px;
	/*border-right: 2px solid #d3d3d3;*/
	height: 25px;
}

#foxmenu ul li a:hover {
	color: #550000;
	/*background:url(../images/opaque_5.png) repeat;*/
	height: 25px;
	text-align: center;
}

#foxmenu ul li.current_page_item a {
	color: #2d2d2d;
	background: url(../images/opaque_10.png) repeat;
	height: 25px;
	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: #550000;
	height: 25px;

	background:transparent url(../images/opaque_10.png) repeat;
}	

#foxmenu ul li.greyout a {
	display: block;
	float: left;
	/*color: #778386;*/
	color: #555;
	text-decoration: none;
	padding: 10px 10px 5px 10px;
	/*border-right: 2px solid #d3d3d3;*/
	height: 25px;
}

#foxmenu ul li.greyout a:hover {
	display: block;
	float: left;
	/*color: #778386;*/
	color: #bbb;
	text-decoration: none;
	padding: 10px 10px 5px 10px;
	/*border-right: 2px solid #d3d3d3;*/
	height: 25px;
}



/* 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: 89px;
	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: 89px;
	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 {
	background-image: url(../images/opaque_5.png);
	background-repeat: repeat;
	text-align: left;
	padding: 10px 20px 10px 20px;
	line-height: 30px;
	color: #bbbbbb;
	margin-bottom:10px;
}

td.status_bar {
	background-image: url(../images/opaque_5.png);
	background-repeat: repeat;
	padding: 10px;
	color: #b3b3b3;
}

.page_bottom {
	margin-top: 0px;
	padding: 10px 0px 10px 0px;
	background: transparent url(https://www.frankkoonce.com/images/opaque_5.png) repeat;
	font-size: 90%;
	position: fixed;
   bottom: 0;
	width: 940px;
}

.page_bottom_mobile {
	margin-top: 20px;
	padding: 10px 0px 10px 0px;
	color: #000;
	background: transparent url(https://www.sonatasandpartitas.com/images/center_bg_940c.png) repeat-y top center;
	font-size: 90%;
	position: fixed;
	bottom: 0;
	left:-12px;
	width: 110%;
}

a.page_bottom_link {
	color: #999;
}

a.page_bottom_link_mobile {
	color: #444;
}

footer { 
	text-align: left; 
	padding-top: 15px;
}

footer a:link, footer a:visited {
	font-size: 9px;
	margin-right: 15px;
	color: maroon;
}

/* icon positions */

.inline_5 {

	position: relative;

	top: -2px;

}



.inline_14 {

	position: relative;

	top: 3px;

}



.inline_16 {

	position: relative;

	top: 3px;

}

.inline_20 {

	position: relative;

	top: 4px;

}

.inline_24 {

	position: relative;

	top: 6px;

}



.inline_32 {

	position: relative;

	top: 8px;
}

.inline_34 {

	position: relative;

	top: 10px;
}

.inline_36 {

	position: relative;

	top: 12px;
}



.inline_48 {

	position: relative;

	top: 17px;

}



.inline_64 {

	position: relative;

	top: 20px;

}



select:active{
	box-shadow: 0 0 20px rgba(255, 255, 255, 1);
	border: 1px solid rgba(102, 0, 0);
	
	outline: none;
}

input[type=submit] {
   border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #ababab;
	border-right: 1px solid #ababab;
	background: transparent url(../images/opaque_1.png) repeat;
	padding: 15px 5px 15px 5px;
   cursor:pointer;
}

input.invalid, textarea.invalid, input.invalid:focus, textarea.invalid:focus {
	color: Black;
	box-shadow: 0 0 5px rgb(86,19,22); /*rgba(230, 219, 85, 1)*/
	border: 1px solid rgb(86,19,22); /*rgba(230, 219, 85, 1)*/
	background-image: url(../images/opaque_5.png);
	background-repeat: repeat;
	padding: 15px 5px 15px 5px;
}

input.submit_button, .submit_button, input[type=submit] {

	color: #111111;

	border-top: 1px solid #F5F5F5;

	border-left: 1px solid #F5F5F5;

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;
	padding: 15px 5px 15px 5px;
}



input.submit_button:hover, .submit_button:hover {

	color: #111111;

	background-image: url(../images/opaque_3.png);

	border-top: 1px solid #F5F5F5;

	border-left: 1px solid #F5F5F5;

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;
	padding: 15px 5px 15px 5px;
}



input.submit_button, input.submit_button:hover { 

	padding: 15px 5px 15px 5px;

}



.submit_button, .submit_button:hover { 

	padding: 15px 5px 15px 5px;

}

input.plain {
	background-color: transparent;
	border: none;
	color: White;
	padding: 15px 5px 15px 5px;
}


a.button, input.button, div.button {
	background: #818181;
	padding: 8px;
	color: #fff;
	font-size: 100%;
	-webkit-border-radius: 10px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius: 10px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
border-radius: 10px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
}

div.button {
	color: #000;
	padding: 10px;
	background-color: transparent; 
	background-image: url(https://www.amyporter.com/images/noise_even_less.png); /**/
	background-repeat: repeat;
	position: relative;
	padding:15px;
	border-top: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	vertical-align: top;
	margin-bottom: 20px;

-webkit-border-radius: 0px;


-moz-border-radius: 0px;

border-radius: 0px;

}

div.button a:link, div.button a:visited {
	-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;
	color: maroon;
}

div.button a:hover, div.button a:active {
	color: #000;
}



#mc_embed_signup {
	margin-bottom:20px; 
}

.mc-field-group {
	margin: 0px 0px 15px 0px;
}

label {    
	float: left;   
	position: relative;  
	width: 8.5em;    
	margin-right: 1em;  
	text-align: left;
}

span.submit_button a:link,  span.submit_button a:visited, span.submit_button a:hover, span.submit_button a:active {
	color: White;
	text-decoration: none;
	border-bottom: none;
	padding: 7px;
}


/* extra divs */

.extra1, .extra2, .extra3, .extra4, .extra5, .extra6 {display:none}

#photo_navigation {
	background-image: url(https://www.lanternworks.com/images/opaque_10.png);
	background-repeat: repeat-x;
	height: 45px;
	width:85%;
	position: relative;
	top: -50px;
}

a.galry_nxt{
	background-image: url(https://www.lanternworks.com/images/arrow_right_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.lanternworks.com/images/arrow_left_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.lanternworks.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.lanternworks.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;
}

@font-face { 
	font-family:'lorimer_no2_condensed_medium'; 
	src:url('../fonts/lorimer_no2_condensed_medium.eot'); 
	src: url('../fonts/lorimer_no2_condensed_medium.woff') format('woff'), url('../fonts/lorimer_no2_condensed_medium.ttf') format('truetype');
} 

.lorimer_no2_condensed_medium, a.lorimer_no2_condensed_medium {
	font-family: 'lorimer_no2_condensed_medium', Verdana, Arial, Helvetica, sans-serif;
	color: rgba(247, 247, 216, 1);
	/*color: #b2ac7e;*/
	font-size: 22px;
}

a.visor_link {
	color: maroon;
}

@font-face { 
	font-family:'engravers_gothic_bt_top_off_mobile'; 
	src:url('../fonts/engravers_gothic_bt.eot'); 
	src: url('../fonts/engravers_gothic_bt.woff') format('woff'), url('../fonts/engravers_gothic_bt.otf') format('opentype');
} 

.engravers_gothic_bt_top_off_mobile {
	font-family: 'engravers_gothic_bt_top_off_mobile', Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	padding: 5px 10px 10px 10px;
	color: #2d2d2d;
	font-size: 16px;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}

a.engravers_gothic_bt_top_off_mobile {
	color: #2d2d2d;
}

a.engravers_gothic_bt_top_off_mobile:hover {
	color:  #521301;
}

@font-face { 
	font-family:'engravers_gothic_bt_top_off'; 
	src:url('../fonts/engravers_gothic_bt.eot'); 
	src: url('../fonts/engravers_gothic_bt.woff') format('woff'), url('../fonts/engravers_gothic_bt.otf') format('opentype');
} 

.engravers_gothic_bt_top_off {
	font-family: 'engravers_gothic_bt_top_off', Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	padding: 5px 10px 10px 10px;
	color: #2d2d2d;
	font-size: 16px;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
}

a.engravers_gothic_bt_top_off {
	color: #2d2d2d;
}

a.engravers_gothic_bt_top_off:hover {
	color:  #521301;
}

@font-face { 
	font-family:'engravers_gothic_bt_top_on_mobile'; 
	src:url('../fonts/engravers_gothic_bt.eot'); 
	src: url('../fonts/engravers_gothic_bt.woff') format('woff'), url('../fonts/engravers_gothic_bt.otf') format('opentype');
} 

.engravers_gothic_bt_top_on_mobile {
	font-family: 'engravers_gothic_bt_top_on_mobile', Verdana, Arial, Helvetica, sans-serif;
	color:  #521301;
	letter-spacing:0px;
	padding: 5px 10px 10px 10px;
	margin-right: 0px;
	font-size: 16px;
}

@font-face { 
	font-family:'engravers_gothic_bt_top_on'; 
	src:url('../fonts/engravers_gothic_bt.eot'); 
	src: url('../fonts/engravers_gothic_bt.woff') format('woff'), url('../fonts/engravers_gothic_bt.otf') format('opentype');
} 

.engravers_gothic_bt_top_on{
	font-family: 'engravers_gothic_bt_top_on', Verdana, Arial, Helvetica, sans-serif;
	color: red;
	letter-spacing: 2px;
	padding: 5px 10px 10px 10px;
	margin-right: 0px;
	font-size: 16px;
	border-bottom: 1px solid #c42b3b;
}





a.visor_link {
	background: url(../images/opaque_5.png) repeat;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	outline-radius: 2px;
	-webkit-outline-radius: 2px;
	-moz-outline-radius: 2px;
	padding: 10px;
	color: maroon;
}

.eBox {
	box-shadow: 0 0 16px rgba(32,32,32, 1);
	border: 1px solid rgba(65,65,65, 0.5);
	width: 65%;
	margin-bottom: 30px;
	background: url(https://www.sonatasandpartitas.com/images/opaque_white_even_less_yet.png) repeat;
	background-repeat: repeat;
}

.eBox_red {
	box-shadow: 0 0 16px rgba(32,32,32, 1);
	border: 3px solid rgba(65,65,65, 0.5);
	width: 65%;
	margin-bottom: 30px;
	background: url(https://www.sonatasandpartitas.com/images/opaque_white_even_less_yet.png) repeat;
	background-repeat: repeat;
}

a.eBoxy:link, a.eBoxy:visited, a.eBoxy:hover, a.eBoxy:active {
	padding: 0px;
	text-decoration: none;
	/*color: #9caab8;*/
	/*color: #a2956f;*/
	color: #eee;
	background-color: transparent;
	background-image: none;
}

a.sm2_button {
 position:relative;
 display:inline-block; /* If you worry about old browser bugs, Firefox 2 might not like this and may need -moz-inline-box instead. :D */
 width:18px;
 height:18px;
 text-indent:-9999px; /* don't show link text */
 overflow:hidden; /* don't draw inner link text */
 vertical-align:middle;
 /* and, a bit of round-ness for the cool browsers. */
 border-radius:6px;
 margin-top:-1px; /* vertical align tweak */
 /* safari 3.1+ fun (/W3 working draft extension, TBD.) */
 -webkit-transition-property: hover;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out 0s; /* firefox 4 (couldn't sort out -moz-transform vs. MozTransform, so, "all" for now) */
 -o-transition-property: background-color; /* opera 10.5 */
 -o-transition-duration: 0.15s;
 /* weird IE 6/7 display fixes, and/or I'm doing it wrong */
 *text-indent:0px;
 *line-height:99em;
 *vertical-align: top;
}

a.sm2_button:focus {
 outline:none; /* maybe evil, but don't show the slight border outline on focus. */
}

a.sm2_button,
a.sm2_button.sm2_paused:hover {
	background-color: #a9a9a9;
	background-image: url(https://www.sonatasandpartitas.com/images/play_16.png); /* where possible, use data: and skip the HTTP request. Fancy-pants. Would use short-hand background: for above, but IE 8 doesn't override background-image. */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAbklEQVQY02NgQAL//v1jZMAF/v//vwuIs9HEUBUBTbj4HwIeA3EGVsVAxtn/qOAVUGM8uknIiv4hsV8A5ZKxKfoLVvnvHwifAzLtMKwDSQLBVSBti27dJajkcSD2RJODO3wtkOOMz/tMSJJYAxMA5dmsL0IfubQAAAAASUVORK5CYII=);
	*background-image: url(https://www.sonatasandpartitas.com/images/play_16.png); /* IE 6+7 don't do DATA: URIs */
	background-repeat: no-repeat;
	background-position: 7px 50%;
	*background-position: 7px 4px; /* IE 6 again arrow-right-white*/
}

a.sm2_button:hover,
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
	background-color: #68813a;
}
/*
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 -moz-transform:rotate(90deg);
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
}
*/
a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover {
	background-color: #cd5c5c;
}

#sm2-container.swf_loaded object,
#sm2-container.swf_loaded embed,
#sm2-container.swf_unblocked object,
#sm2-container.swf_unblocked embed {
left: -9999em;
top: -9999em;
}

.bright, a.bright {
	color: #550000;
	text-decoration: underline;
}

input, textarea, select, option {
	margin: 0;
	border-top: 1px solid #ababab;
	border-left: 1px solid #ababab;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: transparent url(../images/opaque_1.png) repeat;
	padding: 15px 5px 15px 5px;
	outline: none;
	-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;
}

input:focus, textarea:focus {
	box-shadow: 0 0 20px rgba(255, 255, 255, 1);
	border: 1px solid rgba(102, 0, 0);
	padding: 15px 5px 15px 5px;
	outline: none;
}