/*Theme name: Wildwood Resp
Theme URI: http://www.thdesigninc.com/
Description: A Responsive WordPress Theme created for Wildwood Music
Version: 1.1
Author: TH Design Team
  */

/* CSS Resets for HTML5/CSS3 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,article, aside,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,figure,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object {display:block}
a img{border:none;}figure{position:relative}figure img{width:100%}
img {max-width:100%; height:auto; width:auto\9;}/*ie8*/

/*small - default*/
body {font-size: 100%; margin: 0; padding:0;
background:url(images/guitarSm.png) no-repeat center top;
background-color: #fce5c9;
background-size: 100%;
color: #341002; }
#menu-icon {
	display: block;
	margin: 15px auto 0 auto;
	width: 95%;
	height: 34px;
	text-align: center;
	background: url(images/buttonbg.jpg) no-repeat center center;
	color:#fbe6d5; font-weight:bold; padding:0;
	border: 2px solid #7e7c7b;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#menu-icon p {padding-top:6px;}
#navbar {display:none;}
#wrapper {width:90%; max-width: 1000px;margin:0 auto; padding:30% 0 0 0;}
#address {display:none;}
#bigphone {width: 100%; height: auto; margin: 15px auto 5px auto; padding:0; color:#543221; font: bold 20px/22px Verdana, Arial, Helvetica, serif;text-align:center;}

#sell {margin: 0 auto; padding:5px 0 0 0; text-align: center; clear: both;} /*for the headline on homepage, and acts as a placeholder, pushing down the instruments nav on the inside pages*/
#sell h1 {font-size: 16px; line-height: 19px;}

#instruments, #instrumentsSm {width: 90%; margin:0 auto 10px auto;padding:10px 10px 0 10px; overflow:hidden; display:none;background-color:#d7b796;-webkit-border-radius: 5px;
border-radius: 5px;}

#instruments1 ul, #instrumentsSm ul{margin: 0; padding: 0; list-style: none; float: none; width: 100%;}
#instruments1 ul li, #instrumentsSm ul li {margin-left: 10px; margin-bottom:0;font-size: 14px; line-height: 17px; font-weight: bold; text-align: left;  list-style-type: none;float: none;}

#instruments1 a:link, #instruments1 a:visited, #instruments1 a:hover, #instruments1 a:active {width: 90%; height: auto;display: block;  color: #341002; text-decoration: none; font-weight: bold; padding-bottom:15px;}

#instrumentsSm1 a:link, #instrumentsSm1 a:visited, #instrumentsSm1 a:hover, #instrumentsSm1 a:active {width: 90%; height: auto;display: block;  color: #341002; text-decoration: none; font-weight: bold; padding-bottom:15px;}


#instruments2 ul, #instrumentsSm2 ul{margin: 0; padding: 0; list-style: none; float: none; width: 100%;}
#instruments2 ul li, #instrumentsSm2 ul li {margin-left: 10px; margin-bottom: 0;font-size: 14px; line-height: 17px; font-weight: bold; text-align: left;  list-style-type: none;float: none;}

#instruments2 a:link, #instruments2 a:visited, #instruments2 a:hover, #instruments2 a:active {width: 90%; height: auto;display: block;  color: #341002; text-decoration: none; font-weight: bold; padding-bottom:15px;}
#instrumentsSm2 a:link, #instrumentsSm2 a:visited, #instrumentsSm2 a:hover, #instrumentsSm2 a:active {width: 90%; height: auto;display: block;  color: #341002; text-decoration: none; font-weight: bold; padding-bottom:15px;}

#instruments3 ul, #instrumentsSm3 ul {margin: 0; padding: 0; list-style: none; float: none; width: 100%; display:block;}
#instruments3 ul li, #instrumentsSm3 ul li {margin-left: 10px; margin-bottom:0;font-size: 14px; line-height: 17px; font-weight: bold; text-align: left;  list-style-type: none;float: none;}

#instruments3 a:link, #instruments3 a:visited, #instruments3 a:hover, #instruments3 a:active {width: 90%; height: auto;display: block;  color: #341002; text-decoration: none; font-weight: bold; padding-bottom:15px;}
#instrumentsSm3 a:link, #instrumentsSm3 a:visited, #instrumentsSm3 a:hover, #instrumentsSm3 a:active {width: 90%; height: auto;display: block;  color: #341002; text-decoration: none; font-weight: bold; padding-bottom:15px;}

/*homepage*/
#wrapcontent
{width: 96%;
margin: 0 auto 0 auto;
padding: 0;
overflow: hidden;
}/*wraps the main content area of the homepage*/

/*=====NEW====*/
#newvaultbox {
width: 95%; max-width:400px;
/*border: 2px solid #fce5c9;*/
margin: 0 auto 20px auto;
padding:10px;
background-color: #fce5c9;
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h2.openV, h1.openV  {font-size: 28px; line-height:31px; text-align:center; margin: 20px auto; }
#vaultbox p {font-size:16px; line-height:19px; font-weight:bold;}
#vaultimg{
	width: 100%;
	height:auto;
	margin: 0;
	padding: 0;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(images/woodbg.jpg);
}
#forvault {
width: 100%;
height: auto;
margin: 0;
padding: 15px;
display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*=====end new======*/


#homephoto {
width: 95%;max-width:500px;
border: 2px solid #241200;
margin: 0 auto 30px auto;
padding:0;
background-color: #faf2e5;
overflow:hidden;
clear: both;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
#photospace {
width: 100%;
margin: 0;
padding: 0;
float: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
#announce {
width: 100%;
height: auto;
margin: 0;
padding: 20px;
float: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}/*this is for the special announcements area*/
#photospace img {display:block; margin-right: auto; margin-left: auto;}

#contentL {
width: 97%;
margin: 0 0 20px 0;
background-image: url(images/woodbox.jpg); background-repeat: no-repeat; background-position: right bottom;
overflow: hidden;
float: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
-webkit-box-shadow: 9px 9px 5px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    9px 9px 5px rgba(50, 50, 50, 0.5);
box-shadow:         9px 9px 5px rgba(50, 50, 50, 0.5);
}
#contentL h2 {
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
line-height: 19px;
color: #FAFAFA;
margin-bottom: 3px;
padding: 10px 20px 0 20px;
}
#contentL p {
color: #F9EEE1;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: normal;
padding: 0 20px 20px 20px;
}
#contentR {
width: 100%;
overflow: hidden;
margin: 0;
float: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}/*homepage*/

/*Inside page templates*/
#onecol {
width:95%;
max-width: 480px;
margin: 0 auto;
padding: 0;
}
#wideonecol {
width: 95%;
max-width: 480px;
margin: 20px auto 0 auto;
padding: 0;
}/*for the instruments pages*/

#twothirdL {width: 95%; margin: 20px auto 0 auto; float: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
#twothirdR {width: 95%; margin: 20px auto 0 auto; float: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

/*Footer*/
#footer {
width: 100%;
height: auto;
background-color: #140200;
margin: 30px 0 0 0 ;
padding: 30px 0; overflow: hidden; clear: both;
z-index: 20;
}
#footerbox {
width: 95%;
margin: 0 auto;
padding: 0;
}
#footer p {
color: #F9EEE1;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
margin-bottom: 0;
padding: 0;
}
#footer a {font-size:11px;}
#footer li {
line-height: 24px;
list-style: none;
}
#footer1  {
width: 90%;
margin: 0 auto 5px auto;
padding:0;
float: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
text-align:center;
}
#footer2  {display:none;}
#footer3 {display:none;}
#footer4  {
width: 90%;
margin: 0 auto;
padding:0;
float: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
text-align:center;
clear:both;
}
/*link styling for the links in the footer columns 1 2 and 3*/
#footer a:link, #footer a:visited, #footer a:active{ color: #fbf9f7; text-decoration: none; font-weight: normal; }
#footer a:hover { color: #fbbf9a;  text-decoration: underline; font-weight: normal; }

/*link styling for the TH link in footer column 4*/
#footer4 a:link, #footer4 a:visited, #footer4 a:active{color: #fadb90; text-decoration: none; font-weight: normal; }
#footer4 a:hover { color: #fadb90;  text-decoration: underline; font-weight: normal; }

/*General*/
p, ul, td {  font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; margin: 0 0 10px 0;}
h1 { font: bold 22px/25px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0 0 10px 0;}
h2 { font: bold 18px/21px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0 0 3px 0;}
h3 {font:bold 14px/17px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0 0 2px 0;}
h4 {font: bold 12px/15px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0 0 2px 0;}
h4 {font: 12px/15px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0 0 2px 0;}
h5 {font: normal 12px/15px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0 0 2px 0;}
h6 {font: 14px/14px Verdana, Arial, Helvetica, san-serif; margin: 0; padding: 0 0 2px 0;}

/*=============================small tablet========================================*/
	@media only screen and (min-width : 500px) and (max-width : 600px) {
body {font-size: 100%; margin: 0; padding: 0;
background:url(images/guitarMed3.png) no-repeat center top;
background-color: #fce5c9;
background-size: 100%;
color: #341002;
}
#menu-icon {display:none;}
#topborder {width: 100%; height: 33px; background-color: #72513c;
filter: alpha(opacity=80); /* internet explorer */
-khtml-opacity: 0.8;      /* khtml, old safari */
-moz-opacity: 0.8;       /* mozilla, netscape */
opacity: 0.8;           /* fx, safari, opera */
}
#navbar {
width: 100%;
height: 32px;
display: block;
}
#navbar ul {
margin: 0;
padding: 7px 0 0 0;
float: right;
}
#navbar ul li {
display: inline;
height: 13px;
list-style: none;
padding-right: 10px;
padding-left: 5px;
color: #fbf9f7;
font-weight: bold;
border-right: 1px solid #fbf9f7;
}
#navbar ul li.first {padding-left:0;}
#navbar ul li.last {
padding-right: 20px;
border-right: 0;
}
#navbar a:link,#navbar a:hover, #navbar a:active {color: #fbf9f7; text-decoration: none; font-weight: 600;}
#navbar a:visited {color: #fbf9f7; text-decoration: none; font-weight: 600;}

#wrapper {width:94%; max-width: 600px;margin:10% auto 0 auto; padding:0;}

#address {display:block;text-align: right; padding-top: 0; float: right; width: 100%;}
.phone {color: #341002;font-size: 16px; font-weight: bold; padding:0;}
.hours {color: #621e03; font-size: 11px; font-weight: bold; line-height: 13px; padding-bottom:5px;}
.lockeeper {color: #341002; font-size: 10px; font-weight: normal; line-height: 13px;}
#bigphone {display:none;}

#sell {margin:0 auto;padding:10px 0 0 0;text-align: center; clear: both;}
#sell h1 {font-size:18px; line-height:22px; padding:0;}

/*Instrument Navbars, in 2 rows*/
#instruments {
	width: 250px /*was 370px*/;
	padding:0;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	background-color: transparent;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#instruments1 ul{margin: 0; padding: 0; list-style: none; float: left; width: 100%;}
#instruments1 ul li {margin-left: 10px; margin-bottom: 0px;font-size: 12px; line-height: 14px; font-weight: bold; text-align: center;  list-style-type: none;float: left;}

#instruments1 a:link, #instruments1 a:visited,#instruments1 a:active {width: 110px; height: 47px;display: block; color: #FBE6D5; text-decoration: none; font-weight: bold; background-image: url(images/navbutton110.jpg); background-repeat: no-repeat;}
#instruments1 a:hover {width: 110px; height: 47px; display: block; color: #fbbf9a;  text-decoration: none; font-weight: bold; background-image: url(images/navbuttonDown110.jpg); background-repeat: no-repeat;}

#instruments2 ul{margin: 0; padding: 0; list-style: none; float: left; width: 100%;}
#instruments2 ul li {margin-left: 10px; margin-bottom: 0;font-size: 12px; line-height: 14px; font-weight: bold; text-align: center;  list-style-type: none;float: left;}

#instruments2 a:link, #instruments2 a:visited, #instruments2 a:active {width: 110px; height: 47px; display: block; color: #FBE6D5; text-decoration: none; font-weight: bold; background-image: url(images/navbutton110.jpg); background-repeat: no-repeat;}
#instruments2 a:hover {width: 110px; height: 47px; display: block; color:  #fbbf9a;  text-decoration: none; font-weight: bold; background-image: url(images/navbuttonDown110.jpg); background-repeat: no-repeat;}


#instruments3 ul, #instrumentsSm3 ul {display:none;}

/*Instruments nav small for inside pages*/
#instrumentsSm {width: 425px; /*was 318p*/ height: auto; margin:0 auto; padding:0 0 0 0; overflow:hidden; display:block;
background-color:transparent;-webkit-border-radius: 0px;
border-radius: 0px;}
#instrumentsSm1 ul {margin: 0 0 0 -3px ; padding: 0; list-style: none; float: left; width: 100%;}
#instrumentsSm1 ul li {margin-right: 0px; font-size: 11px; line-height: 13px; font-weight: bold; text-align: center; list-style-type: none;float: left;}

#instrumentsSm2 ul {margin: 0 0 0 -3px; padding: 0; list-style: none; float: left; width: 100%; clear:left;}
#instrumentsSm2 ul li {margin-right: 0px; font-size: 11px; line-height: 13px; font-weight: bold; text-align: center;  list-style-type: none;float: left;}

#instrumentsSm1 a:link, #instrumentsSm2 a:link, #instrumentsSm1 a:visited, #instrumentsSm2 a:visited, #instrumentsSm1 a:active, #instrumentsSm2 a:active
{width: 95px; height: 41px; display: block;color: #FBE6D5; text-decoration: none; font-weight: bold; background-image: url(images/navbutton95.jpg); background-repeat: no-repeat; }

#instrumentsSm1 a:hover, #instrumentsSm2 a:hover {width: 95px; height: 41px; display: block; color: #fbbf9a;  text-decoration: none; font-weight: bold; background-image: url(images/navbuttonDown95.jpg); background-repeat: no-repeat;}

.navpad a {padding-top: 9px;}
.navpadb a {padding-top: 17px;}
.navpadSm a {padding-top: 7px;}
.navpadSmb a {padding-top: 14px;}
.smaller a {font-size:11px; line-height:14px; padding-top:9px;}

/*wrapcontent,homephoto, announce, photospace and photospace img, contentL, contentL h2 and p, contentR all same as small size*/

/*Inside page templates for small tablet*/
#onecol {
width:92%;
max-width: 700px;
margin: 0 auto;
padding: 0;
}
#wideonecol {
width: 92%;
max-width: 800px;
margin: 0 auto;
padding: 0;
}/*for the instruments pages*/

#twothirdL {width: 90%; margin: 10px auto 0 auto; float: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
#twothirdR {width: 90%; margin: 10px auto 0 auto; float: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

/*Footer - all same as small*/
}

/*===========medium tablet=========================*/
	@media only screen and (min-width : 601px) and (max-width : 767px) {
body {font-size: 100%; margin: 0; padding: 0;
background:url(images/guitar.png) no-repeat center top,
url(images/pagebg.gif) repeat-y center top;
background-color: #6e4b35;
background-size: 100%, 90%;
color: #341002;}

#menu-icon {display:none;}

#topborder {width: 100%; height: 33px; background-color: #72513c;
filter: alpha(opacity=80); /* internet explorer */
-khtml-opacity: 0.8;      /* khtml, old safari */
-moz-opacity: 0.8;       /* mozilla, netscape */
opacity: 0.8;           /* fx, safari, opera */}
#navbar {
width: 100%;
height: 32px;
display: block;
}
#navbar ul {
margin: 0;
padding: 7px 0 0 0;
float: right;
}
#navbar ul li {
display: inline;
height: 13px;
list-style: none;
padding-right: 10px;
padding-left: 5px;
color: #fbf9f7;
font-weight: bold;
border-right: 1px solid #fbf9f7;
}
#navbar ul li.first {padding-left:0;}
#navbar ul li.last {
padding-right: 20px;
border-right: 0;
}
#navbar a:link { color: #fbf9f7; text-decoration: none; font-weight: 600;}
#navbar a:visited { color: #fbf9f7; text-decoration: none; font-weight: 600;}
#navbar a:hover { color: #fbbf9a;  text-decoration: none; font-weight: 600; }
#navbar a:active { color: #fbf9f7; text-decoration: none; font-weight: 600;}

#wrapper {width:85%; max-width: 1000px; margin:0 auto 0 auto; padding:0;}

#address {display:block;text-align: right; padding-top: 8%; float: right; width:100%;}
.phone {color: #341002;font-size: 18px; font-weight: bold; padding:0;}
.hours {color: #621e03; font-size: 11px; font-weight: bold; line-height: 13px; padding-bottom:5px;}
.lockeeper {color: #341002; font-size: 10px; font-weight: normal; line-height: 13px;}
#bigphone {display:none;}
#sell {margin:15px 0 10px 0;text-align: center; clear: both;}
#sell h1 {font-size:22px; line-height:25px;}

/*Instrument Navbars, in 2 rows*/
#instruments {width: 490px; /*was 370px*/ margin:0 auto;  overflow:hidden; display:block;background-color: transparent;
-webkit-border-radius: 0px;
border-radius: 0px;}

#instruments1 ul{margin: 0; padding: 0; list-style: none; float: left; width: 100%;}
#instruments1 ul li {margin-left: 10px; margin-bottom: 0;font-size: 12px; line-height: 14px; font-weight: bold; text-align: center;  list-style-type: none;float: left;}

#instruments1 a:link, #instruments1 a:visited, #instruments1 a:active {width: 110px; height: 47px;display: block;  color: #FBE6D5; text-decoration: none; font-weight: bold; background-image: url(images/navbutton110.jpg); background-repeat: no-repeat;}
#instruments1 a:hover { width: 110px; height: 47px; display: block; color: #fbbf9a;  text-decoration: none; font-weight: bold; background-image: url(images/navbuttonDown110.jpg); background-repeat: no-repeat; }

#instruments2 ul{margin: 0; padding: 0; list-style: none; float: left; width: 100%;}
#instruments2 ul li {margin-left: 10px; margin-bottom: 0;font-size: 12px; line-height: 14px; font-weight: bold; text-align: center;  list-style-type: none;float: left;}

#instruments2 a:link,#instruments2 a:visited, #instruments2 a:active { width: 110px; height: 47px; display: block; color: #FBE6D5; text-decoration: none; font-weight: bold; background-image: url(images/navbutton110.jpg); background-repeat: no-repeat; }
#instruments2 a:hover { width: 110px; height: 47px; display: block; color:  #fbbf9a;  text-decoration: none; font-weight: bold; background-image: url(images/navbuttonDown110.jpg); background-repeat: no-repeat; }

#instruments3 ul {display:none;}

/*Instruments nav small for inside pages*/
#instrumentsSm {width: 425px; /*was 315px*/
	height: auto;margin: 0 auto; padding:0 0 0 0; overflow:hidden; display:block;
background-color:transparent;-webkit-border-radius: 0px;border-radius: 0px; }

#instrumentsSm1 ul {margin: 0 0 0 -5px; padding: 0; list-style: none; float: left; width: 100%;}
#instrumentsSm1 ul li {margin-right: 0px; font-size: 10px; line-height: 12px; font-weight: bold; text-align: center; list-style-type: none;float: left;}

#instrumentsSm2 ul {margin: 0 0 0 -5px; padding: 0; list-style: none; float: left; width: 100%; clear:left;}
#instrumentsSm2 ul li {margin-right: 0px; font-size: 10px; line-height: 12px; font-weight: bold; text-align: center;  list-style-type: none;float: left;}

#instrumentsSm1 a:link, #instrumentsSm1 a:visited, #instrumentsSm1 a:active {width: 95px; height: 41px; display: block;  color: #FBE6D5; text-decoration: none; font-weight: bold; background-image: url(images/navbutton95.jpg); background-repeat: no-repeat;}
#instrumentsSm1 a:hover {width: 95px; height: 41px; display: block; color: #fbbf9a;  text-decoration: none; font-weight: bold; background-image: url(images/navbuttonDown95.jpg); background-repeat: no-repeat;}

#instrumentsSm2 a:link, #instrumentsSm2 a:visited,#instrumentsSm2 a:active {width: 95px; height: 41px; display: block;  color: #FBE6D5; text-decoration: none; font-weight: bold; background-image: url(images/navbutton95.jpg); background-repeat: no-repeat;}
#instrumentsSm2 a:hover {width: 95px; height: 41px; display: block; color: #fbbf9a;  text-decoration: none; font-weight: bold; background-image: url(images/navbuttonDown95.jpg); background-repeat: no-repeat;}

#instrumentsSm3 ul{display:none;}
.navpad a {padding-top: 10px;}
.navpadb a {padding-top: 17px;}
.navpadSm a {padding-top: 8px;}
.navpadSmb a {padding-top: 14px;}
.smaller a {font-size:11px; line-height:14px; padding-top:10px;}

/*homepage*/
#wrapcontent
{width: 90%;
margin: 10px auto 0 auto;
padding: 0;
overflow: hidden;
}/*wraps the main content area of the homepage*/

/*==========NEW=======*/
#newvaultbox {
width: 90%; max-width:700px;
/*border: 2px solid #241200;*/
margin: 0 auto 20px auto;
padding:10px;
/*background-color: #faf2e5;*/
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/*display:table;*/
}
.forrow {display:table-row;}
h2.openV  {font-size: 28px; line-height:31px; text-align:center; margin: 20px auto;}
#vaultbox p {font-size:16px; line-height:19px; font-weight:bold;}
#vaultimg{
	width: 40%;
	margin: 0;
	padding:0 10px;
	display:table-cell;
	vertical-align:middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(images/woodbg.jpg);
}
#forvault {
width: 60%;
height: auto;
margin: 0;
padding: 15px;
display:table-cell;
/*-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;*/
}
/*==========END NEW========*/

/*homephoto, photospace and img, announce all same as small*/

#contentL {
width: 40%;
margin: 0 5% 0 0;
background-image: url(images/woodbox.jpg); background-repeat: repeat-y; background-position: right bottom;
overflow: hidden;
float: left;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
-webkit-box-shadow: 9px 9px 5px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    9px 9px 5px rgba(50, 50, 50, 0.65);
box-shadow:         9px 9px 5px rgba(50, 50, 50, 0.65);
}

#contentL h2 {
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
line-height: 19px;
color: #FAFAFA;
margin-bottom: 3px;
padding: 10px 10px 0 10px;
}
#contentL p {
color: #F9EEE1;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: normal;
padding: 0 10px 10px 10px;
}
#contentR {
width: 50%;
margin: 0;
overflow: hidden;
float: right;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

/*Inside page templates*/
#onecol {
width:90%;
max-width: 700px;
margin: 0 auto;
padding: 0;
}
#wideonecol {
width: 90%;
max-width: 800px;
margin: 15px auto 0 auto;
padding: 0;
}/*for the instruments pages*/

#twothirdL {width: 65%; margin: 10px 0; float: left;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
#twothirdR {width: 30%; margin: 10px 0; float: right;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
/*Footer*/
#footer {
width: 100%;
height: auto;
background-color: #140200;
margin: 30px 0 0 0 ;
padding: 30px 0; overflow: hidden; clear: both;
z-index: 20;
}
#footerbox {
width: 95%;
margin: 0 auto;
padding: 0;
}
#footer p {
color: #F9EEE1;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
margin-bottom: 0;
padding: 0;
}
#footer a {font-size:10px;}
#footer li {
line-height: 24px;
list-style: none;
}
#footer1  {
width: 30%;
margin: 0;
padding:0;
float: left;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
text-align:left;
}
#footer2  {display:block;
width:20%;
margin: 0;
padding:-5px 0 0 0;
float: left;
list-style: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

#footer3 {display:block;
width: 20%;
margin:0;
padding:0;
float: left;
list-style: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

#footer4  {
width: 30%;
margin: 0;
padding:0;
float: left;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
text-align:left;
clear:none;
}

/*link styling for the links in the footer columns 1 2 and 3*/
#footer a:link, #footer a:visited, #footer a:active {color: #fbf9f7; text-decoration: none;}
#footer a:hover {color: #fbbf9a;  text-decoration: underline;}

/*link styling for the TH link in footer column 4*/
#footer4 a:link, #footer4 a:visited, #footer4 a:active {color: #fadb90; text-decoration: none;}
#footer4 a:hover { color: #fadb90;  text-decoration: underline;}
}

/*===============DESKTOP=========*/
	@media only screen and (min-width : 768px) {
body { font-size: 100%; margin: 0; padding: 0;
background:url(images/guitar.png) no-repeat center top,
url(images/pagebg.gif) repeat-y center top;
background-color: #6e4b35;
background-size: 100%, 90%;
color: #341002;
z-index:1; }
#menu-icon{display:none;}

#topborder {width: 100%; height: 33px; background-color: #72513c;
filter: alpha(opacity=80); /* internet explorer */
-khtml-opacity: 0.8;      /* khtml, old safari */
-moz-opacity: 0.8;       /* mozilla, netscape */
opacity: 0.8;           /* fx, safari, opera */}
#navbar {
width: 100%;
height: 32px;
display: block;
}
#navbar ul {
margin: 0;
padding: 7px 0 0 0;
float: right;
}
#navbar ul li {
display: inline;
height: 13px;
list-style: none;
padding-right: 10px;
padding-left: 5px;
color: #fbf9f7;
font-weight: bold;
border-right: 1px solid #fbf9f7;
}
#navbar ul li.first {padding-left:0;}
#navbar ul li.last {
padding-right: 30px;
border-right: 0; }

#navbar a:link {color: #fbf9f7; text-decoration: none; font-weight: 600;}
#navbar a:visited {color: #fbf9f7; text-decoration: none; font-weight: 600;}
#navbar a:hover {color: #fbbf9a;  text-decoration: none; font-weight: 600;}
#navbar a:active {color: #fbf9f7; text-decoration: none; font-weight: 600;}

#wrapper {width:85%; max-width: 1000px;margin:0 auto 0 auto; padding:0;}
#address {display:block;text-align: right; padding-top: 10%; padding-bottom: 0;float: right; width:100%;}
.phone {color: #341002;font-size: 20px; font-weight: bold; padding:0;}
.hours {color: #621e03; font-size: 11px; font-weight: bold; line-height: 13px; padding-bottom:5px;}
.lockeeper {color: #341002; font-size: 10px; font-weight: normal; line-height: 13px;}
#bigphone {display:none;}

#sell {margin:0 auto;text-align: center; clear: both; max-width: 700px;}
#sell h1 {font-size:22px; line-height:25px;}

/*Instrument Navbars, in 2 rows*/
#instruments {
width: 660px; /*was495px*/
padding:10px 0 0 0;
margin:0 auto;
overflow:hidden;
display:block;
background-color: transparent;
-webkit-border-radius: 0px;
border-radius: 0px;
}
#instruments1 ul{margin: 0; padding: 0; list-style: none; float: left; width: 100%;}
#instruments1 ul li {margin-left: 20px; margin-bottom: 0;font-size: 15px; line-height: 17px; font-weight: bold; text-align: center;  list-style-type: none;float: left;}

#instruments1 a:link, #instruments1 a:visited, #instruments1 a:active {width: 140px; height: 60px;display: block;  color: #FBE6D5; text-decoration: none; font-weight: bold; background-image: url(images/navbutton.jpg); background-repeat: no-repeat; }
#instruments1 a:hover {width: 140px; height: 60px; display: block; color: #fbbf9a;  text-decoration: none; font-weight: bold; background-image: url(images/navbuttonDown.jpg); background-repeat: no-repeat; }

#instruments2 ul{margin: 0; padding: 0; list-style: none; float: left; width: 100%;}
#instruments2 ul li {margin-left: 20px; margin-bottom: 0;font-size: 15px; line-height: 17px; font-weight: bold; text-align: center;  list-style-type: none;float: left;}

#instruments2 a:link, #instruments2 a:visited, #instruments2 a:active {width: 140px; height: 60px; display: block; color: #FBE6D5; text-decoration: none; font-weight: bold; background-image: url(images/navbutton.jpg); background-repeat: no-repeat;}
#instruments2 a:hover {width: 140px; height: 60px; display: block; color:  #fbbf9a;  text-decoration: none; font-weight: bold; background-image: url(images/navbuttonDown.jpg); background-repeat: no-repeat;}

#instruments3 ul {display:none;}

/*Instruments nav small for inside pages*/
#instrumentsSm {width: 420px; /*was 630px*/ margin:0 auto; padding:0; overflow:hidden; display:block;background-color:transparent;-webkit-border-radius: 0px;border-radius: 0px; }
#instrumentsSm1 ul {margin: 0 0 0 -5px; padding: 0; list-style: none; float: left; width: 100%;}
#instrumentsSm1 ul li {margin-right: 0px; font-size: 11px; line-height: 12px; font-weight: bold; text-align: center;  list-style-type: none;float: left;}

#instrumentsSm2 ul {margin: 0 0 0 0; padding: 0; list-style: none; float: left; width: 50%;display:block;}
#instrumentsSm2 ul li {margin-right: 0px; font-size: 11px; line-height: 12px; font-weight: bold; text-align: center;  list-style-type: none;float: left;}

#instrumentsSm1 a:link,#instrumentsSm1 a:visited,#instrumentsSm1 a:active {width: 95px; height: 41px; display: block; color: #FBE6D5; text-decoration: none; font-weight: bold; background-image: url(images/navbutton95.jpg); background-repeat: no-repeat;}
#instrumentsSm1 a:hover { width: 95px; height: 41px; display: block; color: #fbbf9a;  text-decoration: none; font-weight: bold; background-image: url(images/navbuttonDown95.jpg); background-repeat: no-repeat;}

#instrumentsSm2 a:link,#instrumentsSm2 a:visited,#instrumentsSm2 a:active {width: 95px; height: 41px; display: block; color: #FBE6D5; text-decoration: none; font-weight: bold; background-image: url(images/navbutton95.jpg); background-repeat: no-repeat; }
#instrumentsSm2 a:hover { width: 95px; height: 41px; display: block; color: #fbbf9a;  text-decoration: none; font-weight: bold; background-image: url(images/navbuttonDown95.jpg); background-repeat: no-repeat; }

#instrumentsSm3{display:none;}

.navpad a {padding-top: 11px;}
.navpadb a {padding-top: 22px;}
.navpadSm a {padding-top: 8px;}
.navpadSmb a {padding-top: 15px;}
.navpadSmbLast a {margin-right:-8px;padding-top: 12px;}
.smaller a {font-size:14px; line-height:17px; padding-top:12px;}


/*homepage*/
#wrapcontent
{width: 90%;
margin: 0 auto;
padding: 0;
overflow: hidden;
}/*wraps the main content area of the homepage*/

/*=========NEW=========*/
#newvaultbox {
width: 85%; max-width:750px;
/*border: 2px solid #241200;*/
margin: 0 auto 20px auto;
padding:10px;
/*background-color: #faf2e5;*/
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/*display:table;*/
}
.forrow {display:table-row;}
h2.openV  {font-size: 28px; line-height:31px; text-align:center; margin: 20px auto; }
#vaultbox p {font-size:16px; line-height:19px; font-weight:bold;}
#vaultimg{
	width: 35%;
	margin: 0;
	padding: 0 10px;
	display:table-cell;
	vertical-align:middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(images/woodbg.jpg);
}
#forvault {
width: 65%;
height: auto;
margin: 0;
padding: 20px;
display:table-cell;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*==========END NEW========*/

#homephoto {
width: 100%; max-width:800px;
border: 2px solid #241200;
margin: 0 auto 30px auto;
padding:0;
background-color: #faf2e5;
overflow:hidden;
clear: both;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
#photospace {
width: 66%;
background-color: #d0d4d0;
margin: 0;
padding: 0;
float: left;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
#announce {
width: 33%;
height: auto;
margin: 0;
padding: 20px;
float: right;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
#photospace img {display:block; margin-right: auto; margin-left: auto;}

#contentL {
width: 40%;
margin: 0 5% 0 0;
background-image: url(images/woodbox.jpg); background-repeat: no-repeat; background-position: right bottom;
overflow: hidden;
float: left;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
-webkit-box-shadow: 9px 9px 5px rgba(50, 50, 50, 0.65);
-moz-box-shadow:    9px 9px 5px rgba(50, 50, 50, 0.65);
box-shadow:         9px 9px 5px rgba(50, 50, 50, 0.65);
}
#contentL h2 {
font: bold 16px/19px Georgia, "Times New Roman", Times, serif;
color: #FAFAFA;
margin-bottom: 3px;
padding: 10px 20px 0 20px;
}
#contentL p {
color: #F9EEE1;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: normal;
padding: 0 20px 20px 20px;
}
#contentR {
width: 55%;
margin: 0;
overflow: hidden;
float: right;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

/*Inside page templates*/
#onecol {
width:90%;
max-width: 700px;
margin: 0 auto;
padding: 0;
}
#wideonecol {
width: 90%;
max-width: 900px;
margin: 10px auto 0 auto;
padding: 0;
}/*for the instruments pages*/

/*two-third left and right same as medium*/

/*Footer*/
#footer {
width: 100%;
height: auto;
background-color: #140200;
margin: 30px 0 0 0 ;
padding: 30px 0; overflow: hidden; clear: both;
z-index: 20;
}
#footerbox {
width: 90%; max-width:900px;
margin: 0 auto;
padding: 0;
}
#footer p {
color: #F9EEE1;
font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0;
padding: 0;
}
#footer a {font-size:12px;}

#footer li {
line-height: 24px;
list-style: none;
}
#footer1  {
width: 30%;
margin: 0;
padding:0;
float: left;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
text-align:left;
}
#footer2  {display:block;
width:20%;
margin: 0;
padding:0 ;
float: left;
list-style: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

#footer3 {display:block;
width: 20%;
margin:0;
padding:0 ;
float: left;
list-style: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
#footer4  {
width: 30%;
margin: 0;
padding:0;
float: left;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
text-align:left;
clear:none;
}
/*link styling for the links in the footer columns 1 2 and 3*/
#footer a:link, #footer a:visited, #footer a:active {color: #fbf9f7; text-decoration: none;}
#footer a:hover {color: #fbbf9a;  text-decoration: underline;}

/*link styling for the TH link in footer column 4*/
#footer4 a:link,#footer4 a:visited, #footer4 a:active {color: #fadb90; text-decoration: none;}
#footer4 a:hover { color: #fadb90;  text-decoration: underline;}
}


/*Blog - small default and tablets*/
blockquote {
	margin: 1em 3em;
	color: #666;
	border-left: 1px solid #666;
	padding-left: 1em; }

code {color:#666;}

#contentBlog {width: 95%; margin: 20px 0; float: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */ }

#blogright {width: 95%; margin: 20px 0 0 0; padding-bottom:10px;
float: none;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
.entry {margin: 10px 0;padding: 10px 5px 5px 10px;background-color: #F9EEE1; border: 1px solid #140200;-webkit-border-radius: 5px;
border-radius: 5px;}

#contentBlog a:link{text-decoration: none; color: #341002;}
#contentBlog a:visited {color: #D44007; text-decoration:none; }

/*Blogright is for the blog sidebar, which is widgetized*/
#blogright ul { list-style: square; margin:0 0 0 10px; padding:0; }
#blogright li {margin: 5px; padding: 0; list-style: square;}

#blogright a:link{color: #341002; text-decoration: none;}
#blogright a:visited {color: #D44007; text-decoration: none;}

#blogright h6 { padding:10px 0 3px 0; }

/* Comment form twenty twelve*/
#respond {
	margin-top: 20px;
}
#respond h3#reply-title {
  font-size:18px; line-height:22px;
  margin-bottom:0;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 10px 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}

/*-------Comments/twentytwelve--*/
#comments {margin-left:20px;}
.comments-area article header cite,
.comments-area article header time {display: block;}

.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.authorName {font-size: 12px; font-style:italic; line-height: 14px;}
.commentlist ol { list-style-position: outside; }/*this affects the numbered lists of comments*/
.reply {margin: 0 0 20px 0;}


/*========BLOG - desktop=========*/
	@media only screen and (min-width : 768px) {

#contentBlog {width: 65%; margin: 20px 0; float: left;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */ }

#blogright {width: 30%; margin: 20px 0 0 0; float: right;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
.entry {margin: 10px 0;padding: 10px 5px 5px 10px;background-color: #F9EEE1;
 border: 1px solid #140200;
-webkit-border-radius: 5px;
border-radius: 5px;}

#contentBlog a:link,#contentBlog a:active {text-decoration: none; color: #341002;}
#contentBlog a:visited { color: #D44007; text-decoration:none;}
#contentBlog a:hover {text-decoration: underline;}

/*Blogright is for the blog sidebar, which is widgetized*/
#blogright ul { list-style: square; margin:0 0 0 20px; padding:0; }
#blogright li {margin: 5px; padding: 0; list-style: square;}

#blogright a:link, #blogright a:active {color: #341002; text-decoration: none;}
#blogright a:visited {color: #D44007; text-decoration: none;}
#blogright a:hover {color: #341002; text-decoration: underline;}

#blogright h6 { padding:10px 0 5px 0;}
}
/*===========short code columns=========*/
/*small and medium tablets/default*/
.one_half { width:95%; padding: 0 10px;position:relative; margin:0; float:none; }
.last { margin:0 !important; clear:both; }
.one_half img.alignleft {float: none;  margin:5px auto 0 auto; display:block;}
.heading {text-align:center; margin-bottom:0;}
 one_half h2, h3 {text-align:center;}
/*desktop*/
	@media only screen and (min-width : 768px) {
.one_half { width:45%; padding:0 10px 0 15px;position:relative; margin:0; float:left;}
.last { margin: 0 !important; padding:0 10px;clear:right;}
.one_half img.alignleft {float: left; margin: 0 1em 1em 0;}
.one_half h2, h3 {text-align:left;}
.heading {text-align:left; margin-bottom:5px;}
}
/*small and medium tablets/default*/
.two_third {background-color:#faf2e5;
width:100%;max-width:500px;
margin: 0;
padding: 5px 5px 0 5px;
float: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
.one_third {
width: 100%;
height: auto;
margin: 0;
padding: 0;
float: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
.last { margin: 0 !important; padding:20px;clear:right;}


/*desktop241200*/
@media only screen and (min-width : 768px) {
.two_third {background-color:#faf2e5;
width:60%;
margin: 0;
padding: 5px 5px 0 5px;
float: left;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
.one_third {
width: 40%;
height: auto;
margin: 0;
padding: 0;
float: right;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
.last { margin: 0 !important; padding:20px;clear:right;}
}


/*==========For WPPA -- to make album thumbs not show on smart size and have album descriptions fill the box=====*/
.coverphoto-frame {
	display:none;
	}
.wppa-cover-text-frame {
	float:left !important;
	width: 100% !important;
	}
.wppa-box-text {
  	padding-right:5px !important; padding-bottom:5px !important;
	}
.wppa-title {
  margin-top:5px !important;
	}
.wppa-black a, .wppa-black:hover a {
      text-decoration:underline;
      color:#0000ff !important;
      cursor:pointer !important;
      }/*paula added this to make view albums and slideshow look like live links*/

@media only screen and (min-width : 520px) {

.coverphoto-frame {
	display:block;
	float:left !important;
	min-width:30% !important;}
.wppa-cover-text-frame {
	float:right !important;
	width: 60% !important;
	}
}

@media only screen and (min-width : 601px) {

.coverphoto-frame {
	float:left !important;
	min-width:30% !important;}
.wppa-cover-text-frame {
	float:right !important;
	width: 61% !important;
	}
}
@media only screen and (min-width : 701px) {

.coverphoto-frame {
	float:left !important;
	min-width:30% !important;}

.wppa-cover-text-frame {
	float:right !important;
	width: 64% !important;
	}
}

@media only screen and (min-width : 769px) {

.coverphoto-frame {
	display:block;
	float:left !important;
	min-width:25% !important;}

.wppa-cover-text-frame {
	float:right !important;
	width: 70% !important;
	}
}
	  @media only screen and (min-width : 900px) {

.coverphoto-frame {
	display:block;
	float:left !important;
	min-width:23% !important;}

.wppa-cover-text-frame {
	float:right !important;
	width: 72% !important;
	}
}
@media only screen and (min-width : 1020px) {

.coverphoto-frame {
	display:block;
	float:left !important;
	min-width:19% !important;}

.wppa-cover-text-frame {
	float:right !important;
	width: 75% !important;
	}
}
/*=================Misc for all=======================*/
/*for the searching albums feature*/
/*small*/
#findInst {width:auto; height:auto; margin:20px auto 0 auto; padding:0 5px;text-align:center;}
#wppa_searchform {margin-top:10px;}
#wppa_searchsubmit {margin-top:5px;}
#totopL {width: 100%; height: 25px; margin: 0; text-align: center; padding-top: 10px;clear: both; }/*for instrument pages for totop to move to center on small size*/


/*tablets and up*/
@media only screen and (min-width : 500px) {
#findInst {width:auto; height:auto; margin:0 auto; padding:0 5px 20px 5px;text-align:center;}
#wppa_searchform {margin-top:-20px;}
#wppa_searchsubmit {margin-top:0px;}

#totopL {width: 100%; height: 25px; margin: 0; text-align: left; padding-top: 10px;clear: both; }
  }

#totop {width: 100%; height: 25px; margin:0;text-align: left;padding-top: 10px;clear: both; }
#totopC {width: 100%; height: 25px; margin:0;text-align: center;padding-top: 10px;clear: both; }
#totophome {width: 100%; height: 25px; margin:0; padding-top: 10px;text-align:left; clear:both;}



.bold { font-weight: bold; }
.floatL {float: left;}
.floatR {float:right;}
.centertext {text-align: center;}
.centerimg {display:block; margin-right: auto; margin-left: auto;}
.padtop {padding-top: 15px;}
.padtopSm {padding-top: 5px;}
.padbot10 {padding-bottom:10px;}
.footpad {padding-bottom: 20px;}
.photopadL {padding: 0 15px 5px 0; float: left;}
.photopadR {padding: 0 0 5px 15px; float: right;}
.greentitles {color: #008000; font-size: 30px; font-style: italic;}
.redbold {color: #FF0000; font-weight: bold;}
.margsm {margin-top:5px;}
.toremove {margin-top:-20px;}
.clearing {clear:both;}

a:link, a:hover, a:active {color: #00f;  text-decoration: underline; }
a:visited {color: #D44007; text-decoration: underline;}

/*====last nav div for single inventory button=====*/
#lastnav {
	width:100%;
	height:auto;
	margin: 0 auto 30px auto;
	padding:0;
}

/*============Flexboxes/Containers for homepage==============*/
.inner-700 {
	width:100%;
	max-width:700px;
	height:auto;
	margin:0 auto;
	padding:0;
	}

/*=====Flexboxes for 50-50 layout=====*/

.flex-container-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
}
.flex-container-3 > div {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
.lefthalf {padding: 10px 15px 10px 0;}
.righthalf {padding: 10px 0 10px  15px;}

/*===Size 1===*/
@media (max-width: 820px) {
.flex-container-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
	}
.lefthalf {padding: 0;}
.righthalf {padding: 0;}

}/*ends 50-50 flexbox size 1*/

/*WP Core Styles*/
img.alignright, a img.alignright {float: right; margin: 0 0 1em 1em;}
img.alignleft, a img.alignleft {float: left; margin: 0 1em 1em 0;}
img.aligncenter, a img.aligncenter {display: block; margin: 1em auto;}
img.alignnone, a img.alignnone {margin: 0;}

.alignnone {margin: 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float: right;margin: 0 0 1em 1em;}
.alignleft {float: left;margin: 0 1em 1em 0;}
.aligncenter {display: block;margin: 5px auto 5px auto;}

.wp-caption {background: #fff; border: 1px solid #f0f0f0;
max-width: 96% ;/*image does not overflow the content area*/
padding: 5px 3px 10px;text-align: center;
}
.wp-caption.alignnone {margin: 0;
}
.wp-caption.alignleft {margin: 5px 20px 20px 0;
}
.wp-caption.alignright {margin: 5px 0 20px 20px;
}
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 96%; padding: 0;width: auto;}

.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;
}