/*
Theme Name: Mr Music Inc
Theme URI: http://mrmusicinc.com/
Description: WordPress theme exclusively developed for Mr Music Inc.
Version: 1.0
Author: Tanner Hobin
Author URI: http://tannerhobin.com/
Tags: 

	Mr Music Inc
	 http://mrmusicinc.com/

	This theme was developed by Tanner Hobin,
	whose blog you will find at http://tannerhobin.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@import url("css/reset.css");
@import url("css/text.css");

body {background:#1a1a1a url(images/bg-body.jpg) top left no-repeat; color:#333;}
.main_menu {width:720px; margin:0 auto; text-align:right}
.main_menu ul {list-style:none; margin:5px 0 0 0}
.main_menu ul li {display:inline}
.main_menu ul li a {color:#fff}
.main_menu ul li a:hover {text-decoration:none}
.container {width:680px; background:#fff url(images/bg-container.jpg); padding:20px 20px 0 20px; margin:10px auto 0 auto;}
.header {margin:0 0 20px 0;}
	.header-left {width:45%; float:left;}
		.header-left h1 {padding:0; margin:0;}
	.header-right {width:55%; float:right; text-align:right;}
		.header-right h2 {font:10pt Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0;}
		.header-right p.phone {font:20pt Georgia, "Times New Roman", Times, serif; color:#fff; padding:0; margin:10px 0 0 0;}
	ul.topnav {padding:20px 0 0 0; margin:0; list-style:none; border-bottom:2px solid #1a1a1a;}
		.ie ul.topnav {padding:0 0 2px 0;}
	ul.topnav li {padding:0; margin:0; display:inline;}
	ul.topnav li a {padding:4px 8px; margin:0 2px 0 0; text-decoration:none; color:#fff; font-weight:bold; text-transform:uppercase; /*font:bold 10pt Arial, Helvetica, sans-serif;*/ background: url(images/bg-topnav.png) top left;}
	ul.topnav li a:hover {background-position:bottom left;}
	ul.topnav li.current_page_item {background-position:bottom left;}
	
.content {}
.footer {width:720px; background:#fff url(images/bg-footer.jpg) bottom; margin:0 auto 10px auto;}
	.footer .top-border {width:706px; border-top:2px solid #1a1a1a; margin:0 auto; padding:0; height:0;}
	.footer p {padding:5px 20px 10px 20px;}
		.ie	.footer p {padding:5px 20px;}
	
/* Home Boxes -------- */
.home-box {width:264px; height:338px; text-align:center; background:url(images/bg-home-box.png); margin:0 25px;}
	.sheet-music {float:left; background-position:0 0;}
	.karaoke-music {float:right; background-position:264px 0;}
	.sheet-music h2, .karaoke-music h2 {padding:0; margin:235px 0 0 0;}
	.sheet-music h2 a, .karaoke-music h2 a {font:20pt Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#99490e;}
	.sheet-music h2 a:hover, .karaoke-music h2 a:hover {text-decoration:underline; color:#1a1a1a;}


/* Misc -------- */
.clear {clear:both;}
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignright {float:right;}
.alignleft {float:left;}
.center {text-align:center;}

code {font-family:"Courier New", Courier, monospace;}
blockquote {}
blockquote cite {display:block;}
a img {border:none;}
.small{font-size:11px}
img.btn_order {background:none; border:none}

/* Begin Images */
p img {padding:0; max-width:100%; border:1px solid #333; background:#fff}
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
/* End Images */

/* Order Form */
.orderContainer {width:50%; float:left;}
.orderContainer p {margin:0; padding:0 0 5px 0;}
.orderForm td {padding:2px 4px;}
.orderForm input {width:90%}
.labelCol {text-align:right; width:60px;}
.productForm td {padding:1px}
.headers td {font-weight:bold;}
.quantity input {width:55px}
.publisher input {}
.item input {width:40px}
.title input {width:140px}
.composer input {width:130px}
.voicing input {width:120px}
.voicing span {font-weight:normal; font-size:11px;}

/* Order Form2 */
.publisher2 input {width:180px}
.title2 input {width:200px}
.composer2 input {width:150px}