/*
Theme Name: MM Sound
Theme URI: http://www.gradientgraphics.net
Description: M & M Sound Wordpress template.
Version: 1.0
Author: Wes DeKoninck
Author URI: http://www.gradientgraphics.net
Tags: mmsound, dj, sound, dark, orange
*/

@import "style/css/reset.css";


/*  Main Style Elements
============================================================================================= */

body {								background: #000 url(images/body_bg.jpg) repeat-x top; 
									font-size:1em;
									font-family:Arial, Helvetica, sans-serif;
									line-height:1.3em;}
									
#wrap {								width: 960px;
									margin: 0 auto;  }

#logo {								background: url(images/logo.png) no-repeat;
									height: 290px;
									width: 280px; 
									float:left;
									overflow:hidden;}
									
#logo span {						position:absolute;
									top:-9999px;
									left:-9999px;}
						
#logo a {							display:block;
									height: 100%;
									width:100%;	}
									
#welcome {							height: 91px;
									width: 603px;
									float:right;
									overflow:hidden;
									margin-top:50px;
									margin-right: 20px;}
									
#page_header_img {					margin-top:25px;
									margin-left: 20px;
									padding-bottom: 20px; }									
									
#contact_topimg {					height: 86px;
									width: 571px;
									float:right;
									overflow:hidden;
									margin-top:50px;
									margin-right: 20px;
									padding-bottom: 30px;}	
									
									
#services_topimg {					height: 83px;
									width: 600px;
									float:right;
									overflow:hidden;
									margin-top:50px;
									margin-right: 20px;
									padding-bottom: 30px;}																												
									
#searchpage_topimg {				height: 93px;
									width: 599px;
									float:right;
									overflow:hidden;
									margin-top:40px;
									margin-right:20px;
									padding-bottom: 30px;}

#testimonials_topimg {				height: 100px;
									width: 579px;
									float:right;
									overflow:hidden;
									margin-top:40px;
									margin-right:20px;
									padding-bottom: 30px;}
									
									
.error404_img {						float:left;
									padding-right:25px;
									padding-bottom:25px; }
									
#error_text h1{						margin-top: 50px;	}		
#error_text p{						padding:10px 0px; }																

#contact_page img {					margin: 30px 0px 15px 0px;}

.dj_img {							float:left; 
									padding: 5px;
									background-color: #292929;
									margin:0 20px 20px 0;}
									
.dj_info p {						padding-bottom: 25px; }									
									
.dj_info ul {						margin-top:25px;}
									
.dj_info li {						border-bottom: 2px solid #ffcc00;
									padding-bottom: 25px; }									

.page_header {						margin: 20px 0px 20px 20px; }

.blogposts_container {				margin-bottom: 25px;
									border-bottom: 1px solid #ffcc00; }

/*  Navigation Styling
============================================================================================= */
#nav {								width: 650px; 
									float:right;
									padding-top: 25px;}
									
.current_page_item {				text-decoration:underline;}									
									
/*  Font Styling
============================================================================================= */
h1 {								padding: 25px 0 10px;
									color: #ffcc00;
									font-size: 1.3em;
									font-weight:bold; }
									
h1.single {							margin-bottom: 15px;
									color: #ffcc00;
									font-size:2em;
									font-weight:bold;}
									
.services_main h1 {					padding: 5px 0 25px 0; }
.services_main h2 {					padding: 15px 0; }
.dj_info h1 {						padding: 0 0 15px 0; }									
									
h2 {								color: #fff;
									font-size:1.3em;
									font-weight:bold;
									padding: 5px 5px 10px 0; }

h3 {								font-size: 1em;
									color: #fff; 
									padding-bottom: 25px;
									padding-top: 25px;
									font-weight:bold;}
									
h4 {								font-size: 1em;
									color: #fff; 
									padding: 5px 0;
									font-weight:bold;}	
									

h5 {								font-size: 1em;
									color: #ffcc00;; 
									padding: 25px 0 10px 0;
									font-weight:bold;
									text-decoration:underline;}													
									
p {									color: #fff; 
									line-height: 1.2em;
									margin-bottom: 15px; }

.accent {							color: #ffcc00; }

.accent a:link, 
.accent a:visited { 				color: #ffcc00;
									list-style:none;
									text-decoration:none; }
.accent a:hover, 
.accent a:active { 					color: #000;
									background-color:#ffcc00;
									text-decoration:none; }
									
									

#main a:link, #main a:visited {		color: #ffcc00; 
									text-decoration:none;}
									
#main a:hover, #main a:active {		color: #000; 
									background-color: #ffcc00;
									text-decoration:none;}	
																	



/*  Input Styling
============================================================================================= */
input {								background-color:#676767;
									color: #fff;
									padding: 5px;
									margin-right: 10px;
									border: none;}	
									
.form_buttons {						margin-left:135px; }
									
.contact_form_text {				background-color:#676767;
									color: #fff;
									margin: 0 0 25px 35px;
									padding: 5px;
									border: none;
									width: 250px;}
																		
																																					
#contact_page label {				color: #fff;
									float:left;
									font-weight:bold;
									width: 100px; }
									
textarea {							background-color: #676767;
									color:#fff;
									border:none;}										
													

/*  Sidebar Styling
============================================================================================= */
#sidebar {							width: 270px;
									padding-right:30px; 
									float:left;
									overflow:hidden;}
#sidebar img {						margin-bottom:10px;}
#sidebar p {						font-size: .8em; }

#sidebar li {						padding-bottom: 25px;}

#sidebar .testimonial	{			border-bottom: 1px solid #424242;
									border-top: 1px solid #6C6C6C;
									padding: 10px 0;
									font-size:.9em; }
									
#sidebar ul li:first-child	{		border-top: none;  }
#sidebar ul li:last-child	{		border-bottom: none;  }

#sidebar a:link, 
#sidebar a:visited { 				color: #ffcc00;
									list-style:none;
									text-decoration:none; }
#sidebar a:hover, 
#sidebar a:active { 				color: #000;
									background-color:#ffcc00;
									text-decoration:none; }
								
		
							
/*  Main Content Styling
============================================================================================= */	
#main {								width:650px;  
									float:right;
									overflow:hidden;}
									
img {								 }									
									
.services_main {					background: #000 url(images/services_background_img.png) no-repeat top; 
									width: 650px;
									padding-bottom:45px;}																	
									
.services_main img {				float: left;
									overflow:hidden; 
									margin: 10px 25px 40px 10px;}
									
.services_main span {				float:right;
									width: 500px;
									padding: 10px;}											
									
#main ul {							padding-bottom: 25px;}
#main li {							color: #fff;
									padding: 10px 0;
									border-bottom: 1px solid #424242;
									border-top: 1px solid #292929;
									font-size: .9em; 
									font-weight:bold;}
									
#main li:first-child {				border-top:none; }									
									
#main li:hover {					background-color: #151515; }
									
#clear {							clear:both; }

#search_results ul {				padding: 0; }
#search_results li {				padding: 0; }

#equipment_pics {					padding: 15px 0; }
#equipment_pics a {					padding:0; margin: 0; }
#equipment_pics img {				background-color: #292929;
									border: 1px solid #000;
									float:left;
									padding: 5px;
									margin-right: 15px; }
									
#equipment_pics img:hover {			background-color: #A9A9A9; }									
																

.we_dj_banner {						padding: 20px 0 10px 0;
									float:right;}
									
						

/*  Footer Styling
============================================================================================= */
#footer {							border-top: 2px solid #ffcc00; 
									padding-top: 15px;}
									
#footer p {							color: #fff;
									font-size: .9em;
									line-height:1.5em; }
#footer a:link, #footer a:visited {	color: #ffcc00;	
									text-decoration:none;}
#footer a:hover, #footer a:active {	color: #000;
									background-color:#ffcc00;	
									text-decoration:none;}
																
#left_col {							float:left; 
									overflow:hidden; }
#right_col {						float:right;
									overflow:hidden; }	
									
#footer ul {						list-style:none;
									text-align:right; }
#footer li {						display:inline; 
									border-right: 2px solid #ffcc00;
									padding: 5px;
									font-weight:bold;}	
									
#footer li:last-child {				border-right:none; }																						

									
/*  Button Styling
============================================================================================= */
a.button {							padding: 3px 15px; 
									background-color: #454545;
									color: #ffcc00;
									text-decoration:none;}
									
a.button:hover {					background-color:#ffcc00;
									color: #000; }