@charset "utf-8";

/*Theme Name: mpwmusic
Theme URI: http://mpwmusic.com/
Description: Custom theme created for Michael Phillip Wojewoda
Version: 1.0
Author: BadFun Productions
Author URI: http://badfunproductions.com
*/

/* bring in other css here instead of header */
@import url("scripts/mpwmusic_formstyle.css"); 
@import url("scripts/shadowbox.css");

/* /////--- MAIN LAYOUT SECTION ---///// */
html, body {
	margin: 0;
	padding: 0;
	background:#222;
	font: 100% Arial, Helvetica, sans-serif;
	color:#999;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #wrapper selector */
	height: 100%; /* keep footer down */
}
.mpwmusicDark #wrapper {
	position:relative;
	width: 1024px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height:100%; /* keep footer down */
}

.mpwmusicDark #header {
	background: url(mpw_grx/mpw_hdr1.jpg) no-repeat left;
	height:300px;
	margin-top: 56px;
}

.mpwmusicDark #hdr_flash {
	position:absolute;
	margin:49px auto auto 745px;
}

.mpwmusicDark #main_content {
	border-top: #FC3 solid 1px;
	width:800px;
	margin-left:112px;
	padding-bottom:4em; /* keep footer down */
}

.mpwmusicDark #main_content h1 {
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:normal;
	letter-spacing:1px;
	color:#666;
	}

.mpwmusicDark #main_content h2 {
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	padding-left:0px;
	color:#F00;
}

.mpwmusicDark #main_content p {
	font-size:12px;
	padding:5px 5px 0 0; 

}

.mpwmusicDark #main_content form {border:none;} /*IE hack */



.mpwmusicDark #main_content .latest p:before {  /* for creating the red bullet */
	content: url(mpw_grx/bullet.gif);
	padding-right: 5px;
}

.mpwmusicDark #main_content .latest p {font-size:14px;}


/* Sidebar */
.mpwmusicDark #sidebar
{
	padding: 0;
	margin-left: 600px;
	width: 190px;
	font-size:12px;
}

.mpwmusicDark #sidebar form {
	margin: 0;
}

.mpwmusicDark #sidebar h2 {
	font-size:14px;
	margin: 5px 0 0 0;
	padding: 0;
	color:#999;
}

.mpwmusicDark #sidebar ul {
	list-style:none;
}

.mpwmusicDark #sidebar li a, a:link, a:visited {text-decoration:none; font-weight:normal; color:#999;}
.mpwmusicDark #sidebar li a:hover {text-decoration:underline; font-weight:normal;}

.mpwmusicDark #sidebar .icon {margin-left:40px;}
.mpwmusicDark #sidebar .icon img {padding-right:5px;}

/* end sidebar */

.mpwmusicDark #footer {
	border-top:#FC3 solid 1px; 
	margin-left:112px;
	width:800px;
	position:absolute;
	bottom: 0;
	height: 4em;
}

/* /////--- HORIZONTAL MENU SECTION ---///// */

.mpwmusicDark #hrz_menu {
	position:absolute;
	margin:279px 0; /* adjust this if font changes */
	padding:3px 0;
	width:911px; /* one pixel in from edge looks better */
	text-align:right;
	font-size:12px;
}
.mpwmusicDark #hrz_menu li{
	display:inline;
	margin:0;
	list-style:none;
}
.mpwmusicDark #hrz_menu li a {
	padding: 3px 0.5em;
	margin-left:2px; /* the gap between button items: adjust this if font changes */
	border: 1px solid #333; /* hidden border prevents jiggling */
	border-bottom:none;
	background: #333;
	text-decoration:none;
	font-weight:normal;
}

.mpwmusicDark #hrz_menu li a:link {color:#666; }
.mpwmusicDark #hrz_menu li a:visited {color:#666;}
.mpwmusicDark #hrz_menu li a:hover{
	color:#CCC;
	background:#666;
	border: #999 solid 1px;
	border-bottom:none;
}
.mpwmusicDark #hrz_menu li a:active {
	border-color:#FC3;
	color:#999;
}
.mpwmusicDark #hrz_menu li a#current {
	background: #666;
	border: #FC3 solid 1px;
	border-bottom:#222 solid 2px;
	color:#FC3;
}

.mpwmusicDark #hrz_menu .current_page_item {
	/*text-decoration: line-through;*/	/* this is just proof of concept test */
}

/* /////--- END MENU SECTION ---///// */


/* /////--- OTHER CLASSES SECTION ---///// */
.mpwmusicDark .clearAll {float:none; clear:both; height:0;margin:0;padding:0;}
.mpwmusicDark #main_content .client_list {line-height: padding-left:20px;}
.mpwmusicDark .hilite {color:#CCC; font-weight:bold;}

/*.mpwmusicDark #main_content .recent_projects {
	float:left;
	width:180px;
	margin-left: 20px;
}*/

.mpwmusicDark .narrowcolumn {
	float: left;
	width: 590px;
	padding-bottom:4em; /* keep footer down */
}

.mpwmusicDark .short_bio {
	border: #666666 thin solid;
	padding: 5px;
	background:#333;
}

.mpwmusicDark .navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	color:#FF0000;
	font-size:12px;
}
.mpwmusicDark .navigation a:hover {color:#F00;}


/* /////--- TEXT CLASSES ---///// */

.mpwmusicDark #main_content a, h3 a:link a:visited{ /* sidebar is affected here */
	color: #CCC;
	text-decoration: underline;
}

.mpwmusicDark #main_content .narrowcolumn a, h2 a:link{ /* blog titles link */
	color: #F00;
	text-decoration: none;
	font-weight:normal;
}
.mpwmusicDark #main_content .narrowcolumn a:hover{text-decoration:underline;} /* blog titles hover */

.mpwmusicDark #main_content .entry a, a:link, a:visited {color:#CCC; text-decoration:none; font-weight:bold;} /* blog entry links */
.mpwmusicDark #main_content .entry a:hover {color:#FFF;} /* blog entry links hover */

.mpwmusicDark #main_content .navigation .alignleft a, a:link, a:visited {color:#CCC; text-decoration:underline; font-weight:bold;} /* bottom navigation */
.mpwmusicDark #main_content .navigation .alignleft a:hover {color:#FFF;}
.mpwmusicDark #main_content .navigation .alignright a, a:link, a:visited {color:#CCC; text-decoration:underline; font-weight:bold;} /* bottom navigation */
.mpwmusicDark #main_content .navigation .alignright a:hover {color:#FFF;}




/* ///--- COMMENTS ---///  */

.mpwmusicDark #commentform textarea {
	width: 60%;
	padding: 2px;
	}

.mpwmusicDark h3#comments{
	font-size: 16px;
	font-weight:normal;
	color:#F00;
	padding-left:0px;
}


.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

}

#respond h3 {font-size:16px;}

/* Begin Images */

.mpwmusicDark img {border:none;}

.mpwmusicDark p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

.mpwmusicDark img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.mpwmusicDark img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

.mpwmusicDark img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.mpwmusicDark .alignright {
	float: right;
	}

.mpwmusicDark .alignleft {
	float: left;
	}
/* End Images */

/* SEXY COMMENTS STYLE */

/*Styles necessary to support various sexycomments features.
sexycomments is a a WordPress plugin that sexifies your comments 
with avatars and forum-like formatting.
http://borkweb.com/plugins

Author: Matthew Batchelder
Author URI: http://borkweb.com/

This CSS, such as it is, is released under the GPL:
http://www.opensource.org/licenses/gpl-license.php

*/
#sexycomments ol {
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:0;
}
#sexycomments ol li {
	background: #333;
	border-top: 1px solid #ccc;  /* main border areas */
	border-bottom: 1px solid #ccc;
	font-size: 0.9em;
	list-style:none;
	margin:0 0 3px 0;
	position:relative;
}
#sexycomments ol li.odd {background: #333;} /* main comment area */
#sexycomments ol li.author{
	background: #eee;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
#sexycomments ol li.author .bio{background:#ddd;}
#sexycomments ol li a.avatar img{
	border: 3px double #ccc;
	float:left;
	margin: 0 3px 3px 0;
}
#sexycomments ol li blockquote{
	border-top:5px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 3px;
	margin: 3px 6px;
}	
#sexycomments ol .bio{background: #222;overflow:auto;width:150px;} /* author metadeta area */
#sexycomments ol .comment{padding-right:2em;position:relative;}
#sexycomments ol .comment-count{
	color: #ccc;
	font-size: 1.2em;
	font-style: italic;
	position:absolute;
	right: 5px;
	top: 5px;
}
#sexycomments ol li .message{color:#aaa;font-size: 0.9em;font-style:italic;}	
#sexycomments ol td{padding:3px;}
#sexycomments .commentmetadata {
	color:#333;
	font-size:0.8em;
	margin:0;
	padding-bottom:5px;
}
#sexycomments .sexycomments-footer{
		color:#ccc;
	font-size:0.6em;
	text-align:right;
	display:none;
}
#sexycomments h3{
	font-size: 18px;
	font-weight:normal;
	color:#F00;
	padding-left:0px;
}

/* Discography Page Hover Effect */

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 800px;
}
ul.thumb li {
	float:left;
	margin: 0; padding: 5px;
	position: relative;  /* Set the absolute positioning base coordinate */
	height: 120px;
	width:120px;
}
ul.thumb li img {
	width: 110px; height: 110px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: none;
	padding: 2px;
	background: #333;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(http://mpwmusic.com/wp-content/themes/mpwmusic/mpw_grx/thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect */
	border: none; /* Get rid of border on hover */
}

/* // Audio Player // */
p.audioplayer_container {
	margin-top:-10px;; /* force the player closer to text */
}