/*
Theme Name: Music Mill
Theme URI: http://musicmill.com/
Description: The web theme for musicmill.com.
Version: 1.0
Author: Chad Wright
Author URI: http://warbuxonline.com/
Tags: Music Mill
*/
/* RESET CSS */

wrapper, body, div, p, h1, h2, h3, ul, li, form, fieldset {margin:0;padding:0;}
a {outline:0;}
.clear {clear:both;}
.floatLeft {float:left;border:0;}
.floatRight {float:right;border:0;}
html{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#wrapper {width:900px;margin:12px auto;position:relative;}

/* BEGIN HEADER STYLES */

#header {
	background-image:url(design/header.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	float:left;
	height:75px;
	width:900px;
	background-color:#cacaca;
	margin-bottom:11px;
}
#logo {float:left;height:75px;width:218px;}
#slogan {float:left;height:75px;width:392px;}
#logo img {float:left;border:0;}
#header_tools {float:right;width:235px;padding:12px 11px 0 0;}

/* TOP NAVIGATION */

#topNav {
	font-size:14px;
	line-height:1.2em;
	color:#380C19;
	width:224px;
	text-align:right;
	height:30px;
}
#topNav ul {list-style-type:none;}
#topNav ul li {display:inline;padding-left:6px;}
#topNav ul li a {color:#380C19;text-decoration:none;padding-left:5px;}
#topNav ul li a:hover {text-decoration:underline;}
#header #search_box {height:33px;width:224px;text-align:right;}
#header #search_box form label {display:none;}
#header #s {
	margin-top:1px;
	float:left;
	height:15px;
	width:155px;
	border-top:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	border-left:solid 1px #000;
	padding-top:3px;
	font-size:12px;
	line-height:1em;
	color:#666666;
}
#header #searchsubmit {
	margin-top:1px;
	float:right;
	text-transform:uppercase;
	font-size:11px;
	line-height:18px;
	height:21px;
	border-top:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	border-left:solid 1px #000;
	background-color:#8C1F3F;
	color:#fff;
	width:60px;
}
#features form label {font-size:10px;text-transform:uppercase;}
#features #s {
	margin-top:1px;
	float:left;
	height:15px;
	width:175px;
	border-top:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	border-left:solid 1px #000;
	padding-top:3px;
	font-size:12px;
	line-height:1em;
	color:#666666;
	margin-bottom:5px;
}
#features #searchsubmit {
	margin-top:1px;
	float:right;
	text-transform:uppercase;
	font-size:11px;
	line-height:18px;
	height:21px;
	border-top:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	border-left:solid 1px #000;
	background-color:#8C1F3F;
	color:#fff;
	width:60px;
}

/* MAIN NAVIGAITON */

#mainNav {
	height:35px;
	float:left;
	width:898px;
	background-image:url(design/mainNav.jpg);
	background-repeat:repeat-x;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
         position:relative;
         z-index:100;
}
#mainNav ul {padding:0;list-style:none;}
#mainNav ul li {float:left;display:inline;position:relative;}
#mainNav ul li a {
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	width:149px;
	height:24px;
	padding-top:11px;
	padding-bottom:0px;
	background-image:url(design/mainNav_pipe.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
#mainNav ul li a:hover {background-color:#390C1A;}
#mainNav ul li .end {background-image:url(design/blank.gif);width:182px;}
#mainNav ul li ul{
	visibility:hidden;
	position:absolute;
	z-index:10;
	width:225px;
	top:34px;
	left:0px;
	background-image:url(design/mainNav_dropdown.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	}
#mainNav ul li ul li{padding:0;margin:0;}
#mainNav ul li ul li a {
	width:210px;
	text-align:left;
	background-image:url(design/dropdown_bottom.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-left:15px;
	font-weight:normal;
}
#mainNav ul li ul li a:hover{
	background-color:#380C19;
	background-image:url(design/dropdown_bottom.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#mainNav li:hover ul, #mainNav li:hover li:hover ul {visibility:visible;}
#mainNav li:hover li ul, #mainNav li:hover li:hover li ul {visibility:hidden;}
#mainNav li:hover>ul {display:block;visibility:visible;}
html>body #mainNav li ul {display:none;}

/* BEGIN INTERIOR CONTENT STYLES */

#content_wrapper {
	width:900px;
	clear:both;
	float:left;
	background-image:url(design/content_wrapper.jpg);
	background-repeat:repeat-x;
}
#left_column {float:left;width:668px;padding:40px 0 0 0;}
#right_column {float:right;width:225px;padding-top:40px;}
.widget {
        margin:0 0 15px 0;
        padding:0;
        width:225px;
        border:solid 1px #cacaca;
}
#right_column h1 {
	font-size:18px;
	line-height:1.3em;
	color:#8C1F40;
        padding:3px 10px;
        background-color:#cacaca;
        text-align:center;
}
.widget_content {padding:10px;}
#right_column .categories {width:225px;}
#right_column h3 {
	height:30px;
	width:225px;
	float:left;
	background-color:#CACACA;
	text-align:center;
	padding-top:15px;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1em;
	margin-bottom:10px;
}
#right_column ul {
	clear:both;
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:1.5em;
	list-style-image: url(design/right_column_li.jpg);
}
#right_column li a {color:#000000;text-decoration:underline;}
#right_column li a:hover {text-decoration:none;}
#splash_content {height:605px;}
#splash_content #hero {height:400px;width:660px;background-color:#CACACA;margin-bottom:20px;}
#slideshow img {border:0;}
#features {height:185px;}
#features .featured_box {
	padding:10px 15px;
        margin-right:10px;
	width:179px;
	height:147px;
	float:left;
	border:solid 1px #ccc;
	background-image:url(design/featured_box.jpg);
	background-repeat:repeat-x;
}
#features h3 {
	font-size:14px;
	line-height:1.2em;
	color:#7D1837;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:solid 1px #ccc;
}
#features h3 a {color:#7D1837;text-decoration:none;}
#features h3 a:hover {color:#951C42;}
#features p {line-height:1.3em;}
#features p a {color:#000;text-decoration:underline;}
#features p a:hover {color:#7D1837;text-decoration:none;}

/* BEGIN CONTENT STYLES */
.item_no_image {display:none;}
#content {font-size:13px;line-height:1.4em;margin:0;padding-right:40px;}
#content p {margin-bottom:10px;}	
#content h1 {
	font-size:22px;
	line-height:1.3em;
	color:#8C1F40;
	margin-bottom:12px;
}
#content h2 {
	font-size:21px;
	line-height:1.3em;
	color:#8C1F40;
	margin-bottom:12px;
}
#content h3 {
	font-size:20px;
	line-height:1.3em;
	color:#8C1F40;
	margin-bottom:12px;
}
#content h4 {
	font-size:19px;
	line-height:1.3em;
	color:#8C1F40;
	margin:0 0 12px 0;
}
#content h5 {
	font-size:18px;
	line-height:1.3em;
	color:#8C1F40;
	margin:0 0 12px 0;
}
#content h6 {
	font-size:17px;
	line-height:1.3em;
	color:#8C1F40;
	margin:0 0 12px 0;
}
#content ul {list-style-image:url(design/bullet_01.jpg);margin-left:30px;line-height:2em;}
#content ol {margin-left:30px;padding:0;line-height:2em;}
#content blockquote {margin:0 25px 15px 25px;padding:15px 20px;background-color:#e8e8e8;}
#content a {color:#000000;text-decoration:underline;}
#content a:hover {text-decoration:none;}
#content .image {
	float: left;
	height: 150px;
	width: 150px;
	padding: 0 20px 20px 0;
}
#content .image img {border:0;}
#content .right_subColumn {float:right;width:475px;}
#content .wpsc_categories {list-style-image:none;list-style-type:none;font-weight:1.5em;font-size:15px;}
#content .wpsc_categories li {list-style-image:none;list-style-type:none;}
/* BEGIN FOOTER STYLES*/

#footer {
	width:900px;
	height:66px;
	clear:both;
	float:left;
	background-color:#CACACA;
	margin-bottom:12px;
}
#warbux {
	background-image:url(design/warbux.jpg);
	background-repeat:no-repeat;
	float:right;
	height:66px;
	width:143px;
}
#footer .copyright {
	float:left;
	height:38px;
	width:600px;
	padding-top:28px;
	padding-left:15px;
	font-weight:bolder;
	font-size:11px;
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
}
#footer .copyright a {color:#000;}
#footer .copyright a:hover {text-decoration:none;}
/*CODED BY CHAD M. WRIGHT FOR WARBUXONLINE.COM */
