/*
Theme Name: wp-therevox2
Theme URI: http://therevox.com
Description: Written in Windsor Ontario Canada, Tecumseh Ontario, Stanstead Quebec
Version: 20251013
Author: Mike Beauchamp
Author URI: http://mikebeauchamp.com
Tags: mikebeauchamp

*/




/* 
BROWSER RESET
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}





/*
LAYOUT STUFFS
*/

@font-face {
    font-family: 'freesansmedium';
    src: url('/fonts/freesans-webfont.eot');
    src: url('/fonts/freesans-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/freesans-webfont.woff') format('woff'),
        url('/fonts/freesans-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body {
    background: none repeat scroll 0 0 #CAC4BC;
    font-size: 62.5%;
}


#wrapper {
    background: none repeat scroll 0 0 #ECE7DF;
    color: #232323;
    font-family: 'freesansmedium', FreeSans, arial, sans-serif;
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1.4em;
    margin: 0 auto;
    width: 960px;
}




/* 
TEXTY STUFFS
*/


h1,
h2,
h3 {
    font-weight: normal;
    line-height: 1.1em;
}

h1 {
    font-size: 1.8em;
    padding: 0 0 .5em 0;
}

h2 {
    font-size: 1.4em;
    padding: 1em 0 .5em 0;
}

h3 {
    font-size: 1.2em;
    padding: 1em 0 .5em 0;
}



a,
a:link,
a:visited,
a:hover,
a:focus,
a:active {
    color: #232323;
    text-decoration: none;
}

#content a {
    background: #F7F5F3;
}

#content a:hover,
#content a:focus {
    background: #FFFFFF;
}

p {
    margin: 1em 0 2em;
}

ul,
ol {
    margin: 1.5em 0 1.75em 3em;
    padding-left: 2em;
}

li {
    margin: 0 0 0.5em;
}

ul {
    list-style-type: disc;
}

ul ul {
    list-style-type: circle;
}

ol {
    list-style-type: decimal;
}

blockquote,
code {}

code {}

/* clear <div class="clear">&nbsp;</div> */
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}




/*
HEADER STUFFS
*/

#header {
    background: url("/images/banner3.jpg") no-repeat scroll 0 0 #855B3B;
    height: 200px;
}

ul#language {
    display: block;
    height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 10px 15px 0 0;
    text-align: right;
}

#language li {
    display: inline;
    margin-left: 0.3em;
}

#language a {
    color: #A89E97;
    font-size: 0.8em;
    font-weight: normal;
    text-decoration: none;
}

#language a.selected {
    color: #F7F5F3;
}

#language a:hover {
    text-decoration: underline;
}

a#cartlink {
    display: block;
    height: 25px;
    list-style-type: none;
    margin: 0;
    padding: 10px 20px 0 0;
    text-align: right;
    color: #ffffff;

}

a#logolink {
    display: block;
    float: left;
    margin: 21px 0 0 50px;
    width: 240px;
    background: none;
}

ul#nav {
    display: block;
    float: right;
    list-style-type: none;
    margin: 105px 20px 0 0;
}

#nav li {
    display: inline;
    float: left;
    margin-left: 15px;
}

#nav a {
    background: none repeat scroll 0 0 #F7F5F3;
    color: #232323;
    display: block;
    font-size: 1.3em;
    font-weight: normal;
    opacity: 0.8;
    padding: 8px 14px;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
}

#nav a.selected {
    opacity: 1;
}

#nav a:hover {
    opacity: 1;
    background: #F7F5F3;
}

#nav a.selected:hover {
    background: #FFFFFF;
}





/* 
CONTENT STUFFS
*/

#content {
    margin: 20px 0 50px 0;
}


/* 
MAIN PAGE STUFFS
*/


a.textin {
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

a.textin span {
    width: auto;
    height: auto;
    display: block;
    float: right;
    background: #F7F5F3;
    opacity: .8;
    color: #232323;
}

a.textin:hover span {
    opacity: 1.0;
}

a.w300 {
    width: 300px;
    height: 169px;
}

a.w300 span {
    padding: 4px 7px;
    margin: 125px 10px 0 0;
    font-size: 1em;
}

a.w620 {
    width: 620px;
    height: 349px;
}

a.w620 span {
    padding: 8px 14px;
    margin: 295px 15px 0 0;
    font-size: 1.3em;
}

.mainbanner {
    float: left;
    padding: 10px 10px 40px 10px;
    width: 620px;

}

#mainpreviews1 {
    float: left;
    padding: 10px 0 0 10px;
    width: 300px;
}


div#mainpreviews1 a {
    border: 0 none;
    margin-bottom: 11px;
}


p.mainblurb {
    clear: both;
    text-align: center;
    padding: 30px 0 20px 0;
    font-size: 1em;
}


table {
    background-color: #f7f5f3;
}

table td {
    border: 1px solid black;
    padding: .6em;
}



/*
PRODUCTS PAGE STUFFS
*/

h1.productcat {
    text-align: center;
    margin: 40px 10px 30px 10px;
}

p.productdesc {
    margin: 50px 120px 50px 120px;
}

.productpreviews1w {
    width: 300px;
    padding: 0 330px;
}

.productpreviews2w {
    width: 640px;
    padding: 0 160px;
    overflow: auto;
}

.productpreviews3w {
    width: 100%;
    overflow: auto;
}

.productpreviews2w a.textin,
.productpreviews3w a.textin {
    margin: 0 10px;
    float: left;
}








/* 
INSTRUMENT PAGE STUFFS
*/

p#picdescription {
    display: block;
    height: 20px;
    margin: 0;
    padding: 0 195px 2px 0;
    font-size: 0.8em;
    text-align: right;
}

.instbanner {
    clear: both;
    float: left;
    padding: 0 10px 0 10px;
    width: 755px;
}

#instpreviews1 {
    float: left;
    padding: 0 10px 0 5px;
    width: 170px;
}

div#instpreviews1 img {
    display: block;
    margin-bottom: 14px;
}

.instcontent {
    float: left;
    padding: 10px 10px 10px 50px;
    width: 660px;
}




.instsidebar {
    float: left;
    font-size: 0.9em;
    padding: 10px;
    width: 220px;
    line-height: 1.4em;
}

/* Note: non paypal "add to cart" links and stuff still use #paypalform id for styling purposes */

#paypalform input.submit {
    background: #F7F5F3;
    border: 1px solid #D2CEC7;
    font-family: 'freesansmedium', FreeSans, arial, sans-serif;
    font-size: 1.5em;
    margin: 0 0 15px 0;
    padding: 10px 0;
    width: 220px;
    color: #232323;
    cursor: pointer;
}

#paypalform input.submit:hover {
    background: #FFFFFF;

}

#paypalform input.submit:disabled {
    background: #F7F5F3;
    cursor: not-allowed;
}

#paypalform select {
    width: 220px;
    border: 1px solid #D2CEC7;
    margin: 0 0 15px 0;
    padding: 3px 5px;
    text-align: center;
    background: #F7F5F3;
    font-family: 'freesansmedium', FreeSans, arial, sans-serif;
    font-size: 1em;
}

#paypalform select:hover {
    cursor: pointer;
    background: #FFFFFF;
}


.paypal-form-centered {
    text-align: center;
    margin-bottom: 3em;
}



p#price {
    font-weight: bold;
    text-align: center;
    margin: 1em 0;
}

.instsidebar p {
    padding: 0 10px;
}




/*
CART PAGE STUFFS
*/

.cart h1 {
    margin: 30px 50px 0 50px;
}

.cart h2 {
    margin: 0 50px 0 50px;
}

.cart p {
    padding: 0 50px;
}

table#carttable {
    background-color: unset;
    margin: 1em 50px 4em 50px;
}

table#carttable tr.cartitemrow td {
    border: 0px;
    border-bottom: 1px solid #D2CEC7;
    padding: 1em 3em 1em 0;

}

table#carttable tr.carttotalrow td {
    border: 0px;
    border-bottom: 1px solid #D2CEC7;
    padding: 1em 3em 1em 0;
    font-weight: 800;
}


form.cartupdate input[type=number] {
    font-family: 'freesansmedium', FreeSans, arial, sans-serif;
    font-size: 0.9em;
    width: 5em;
}

a.cartremove {
    border: 1px solid #D2CEC7;
    padding: .2em 1em;
}

a.cartcheckout {
    background: #F7F5F3;
    border: 1px solid #D2CEC7;
    font-family: 'freesansmedium', FreeSans, arial, sans-serif;
    font-size: 1.5em;
    padding: 12px 80px;
    color: #232323;

}



/*
CHECKOUT PAGE STUFFS
*/


.checkout h1 {
    margin: 30px 50px 0 50px;
}

.checkout h2 {
    margin: 0 50px 0 50px;
}

.checkout p {
    padding: 0 50px;
}

table#receiptaddresses {
    background-color: unset;
    margin: .1em 50px 4em 50px;
}

table#receiptaddresses td {
    border: 0px;
    border-bottom: 1px solid #D2CEC7;
    padding: .3em 3em .3em 1em;
    border-left: 1px solid #333333;


}

table#receiptaddresses h2 {

    margin-left: 0px;

}




/*
ABOUT PAGE STUFFS
*/

img.aboutpic {
    float: right;
    margin: 5px 10px 0 10px;
}


.about h1 {
    margin: 30px 50px 0 50px;
}

.about h2 {
    margin: 0 50px 0 50px;
}

.about p {
    padding: 0 50px;
}

#aboutvideo {
    margin: 10px 0 0 55px;

}


/*
OTHER STUFFS
*/


img.two-wide {
    margin: 0 0 0 40px;
}

.zoom-full {
    margin: 40px;
}





/*
FOOTER STUFFS
*/


#footer {
    background: url("/images/bottom-wave.png") no-repeat scroll left top #4E4B42;
    clear: both;
    color: #FBFAF8;
    padding: 140px 90px 50px 90px;
}

#footer h2 {
    color: #FBFAF8;
    margin: 0;
    padding: 0 0 20px;
    font-size: 1.6em;
    text-transform: lowercase;
}


#footer #facebooklink {
    float: left;
    margin: 0;
    padding-top: 5px;
}


#footer #instagramlink {
    float: left;
    margin: 0 0 0 30px;
    padding-top: 5px;
}

#footer #youtubelink {
    float: left;
    margin: 0 0 0 30px;
    padding-top: 5px;
}

#footer p.address {
    display: block;
    float: left;
    font-size: 1em;
    line-height: 1.25em;
    margin: 10px 0 0 0;
    padding: 0;
    width: 280px;
}

ul#bottomnav {
    display: block;
    float: left;
    list-style-type: none;
    margin: 30px 0 0 0;
    width: 360px;

}

#bottomnav li {
    display: block;
    float: left;
    padding: 0;
    margin: 0 15px 10px 0;
}

#bottomnav a {
    color: #F7F5F3;
    font-size: 1.4em;
    font-weight: normal;
    text-decoration: none;
    text-transform: lowercase;
    padding: 3px;
}

#bottomnav a.selected {
    color: #FFFFFF;
}

#bottomnav a:hover {
    color: #4E4B42;
    background: #F7F5F3;
    text-decoration: none;
}




/* 
CONTACT FORM STUFFS
*/

p.contacterror {
    background: #F7F5F3;
    padding: 5px;
    margin: 0 10px 15px 10px;
    font-size: .9em;
    border: 1px solid #cd0000;
    color: #cd0000;
    text-align: center;
}

p.contactsuccess {
    background: #F7F5F3;
    padding: 5px;
    margin: 0 10px 15px 10px;
    font-size: .9em;
    border: 1px solid #D2CEC7;
    text-align: center;
}


#contactForm {
    display: block;
    float: left;
    padding: 0 100px 0 0;
    width: 320px;
}

#contactForm label {
    color: #D9D8D4;
    display: block;
    font-size: 0.9em;
    text-transform: lowercase;
}

#contactForm input,
#contactForm textarea {
    background: none repeat scroll 0 0 #67645C;
    border: 0 none;
    color: #FBFAF8;
    font-family: 'freesansmedium', FreeSans, arial, sans-serif;
    font-size: 0.9em;
    margin: 0 0 10px;
    padding: 5px 0;
    width: 100%;
}

#contactForm input.error,
#contactForm textarea.error {
    border: 1px solid #cd0000;
}


#contactForm input.submit {
    background: none repeat scroll 0 0 #F7F5F3;
    color: #232323;
    cursor: pointer;
    font-size: 1em;
    margin: 5px 0 0;
    padding: 5px 10px;
    width: auto;
    text-transform: lowercase;
}

#contactForm input.submit:hover {
    background: none repeat scroll 0 0 #FFFFFF;
}

#contactForm input.submitting {
    /*jquery adds this class when form is being submitted */
}



/* 
MIDI CONFIG PAGE STUFFS, MIDI CALIBRATION PAGE STUFFS
*/


.setup h1 {
    text-align: center;
    padding-bottom: 0px;
    margin-bottom: 0px;

}

#connectstatus {
    display: inline-block;
    width: 180px;
    text-align: center;
    padding: 10px 10px;
    margin: 0 0 10px 5px;
    color: #ffffff;
    background-color: #808080;
}

#connectstatus.midiconnected {
    background-color: #4eb14e;
}

a#helplink {
    display: inline-block;
    margin-left: 20px;
    text-decoration: underline;
    background-color: transparent;
    font-size: 1.1em;
}

div#midiconfig-cha,
div#midiconfig-chb,
div#midiconfig-other-l,
div#midiconfig-advanced-r {
    background-color: #f4f2ed;
    float: left;
    width: 448px;
    margin: 5px;
    padding: 10px;
}


div#midiconfig-other-l {
    background-color: #e4ded3;
    padding-top: 1.4em;
}


div#midiconfig-advanced-r {
    background-color: #d2d0ce;
}

div#midiconfig-buttons-l {
    float: left;
    width: 463px;
    margin: 10px;
    margin-top: 30px;
}

div#midiconfig-cha h2,
div#midiconfig-chb h2,
div#midiconfig-other-l h2,
div#midiconfig-advanced-r h2 {
    font-size: 1.6em;
    text-align: center;
    padding-top: .5em;
    padding-bottom: 1em;
}

#midiconfig label,
#midicalib label {
    font-size: 1.3em;
    display: block;
    height: 2.2em;
    padding-top: .4em;
    text-align: right;
}


#midiconfig input,
#midiconfig select,
#midicalib input,
#midicalib select {
    width: 270px;
    padding: 4px;
    margin-top: -.4em;
    font-size: 1em;
    background-color: white;
    border: 1px solid black;
    margin-left: 10px;
    float: right;
    clear: none;
    cursor: pointer;
}



#midiconfig button,
#midicalib button {
    background: #F7F5F3;
    border: 1px solid #D2CEC7;
    font-family: 'freesansmedium', FreeSans, arial, sans-serif;
    font-size: 1.5em;
    margin: 0 0 15px 0;
    padding: 10px 0;
    width: 220px;

}

#midiconfig button:hover,
#midicalib button:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    cursor: pointer;
}

button#defaultbutton,
button#eraseeeprombutton {
    margin-left: 120px;
    margin-top: 20px;
}


#midiconfig button:active {
    border: 1px solid green
}

div#messages {
    height: 250px;
    max-height: 250px;
    background-color: #424242;
    font-size: .7em;
    font-family: monospace, monospace;
    color: #d2d2d2;
    width: 444px;
    border: 2px solid white;
    padding: 10px;
    overflow: auto;
    float: left;
    margin-top: 30px;
}

#midiconfig-buttons-l p {
    text-align: center;
    margin-top: 100px;
}




/*
WORDPRESS SPECIFIC
*/

div.newscontent {
    float: left;
    width: 640px;
    padding: 0 10px 0 50px;
}

div.newssidebar {
    width: 240px;
    float: right;
    padding: 0 10px 0 10px;
}



#content h1.blogtitle a {
    background: none;
}

#content h1.blogtitle a:hover,
#content h1.blogtitle a:focus {
    background: #ffffff;
}

span.postinfo {
    font-size: .9em;
    padding: 0 0 1em 0;
    display: block;
}


a.rss {
    display: block;
    width: 220px;
    background: #F7F5F3;
    border: 1px solid #D2CEC7;
    font-size: 1.5em;
    margin: 1em 0 15px 0;
    padding: 15px 10px;
    text-align: center;
}

div.newssidebar ul,
div.newssidebar ol {
    list-style-type: none;
}

div.post {
    margin-bottom: 6em;
    margin-top: 2em;
}

div.navigation {
    font-size: 1.4em;
}