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

*/




/* f
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 1em;
}

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("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#logolink {
    display: block;
    float: left;
    margin: 0 0 0 50px;
    width: 240px;
    background:none;
}

ul#nav {
    display: block;
    float: right;
    list-style-type: none;
    margin: 115px 10px 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;
}


#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;
}

#paypalform input.submit:hover {
    background: #FFFFFF;
    cursor: pointer;
}

#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;
}


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

.instsidebar p {
padding:0 10px;
}

 


/*
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;

}




/*
CHECKOUT PAGE STUFFS
*/


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

.checkout p {
	padding: 0 50px;
}


/*
FOOTER STUFFS
*/


#footer {
    background: url("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 */
}





/*
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;
}