/* CSS Document */

*/
Theme Name: BMP
Theme URI: http://bluemilepodcast.com
Description: Custom theme for Bluemilepodcast.com
Author: Jessica Tugas
Author URI: http://bluemilepodcast.com
Template: default
Tags: custom, one column, bluemilepodcast

*/


/* Begin Typography & Colors */



<style type="text/css">


html, body {
	padding: 0px;
	margin: 0px;
	background: url(backgroundpattern.png);
	font-family: Georgia, "Times New Roman", Times, serif;
}

#wrapper	{
	width: 1024px;
	position: relative;
	margin-bottom: -369px;
	z-index: 1;
	background-image: url(bodybackground.png);
	background-repeat: repeat-y;
	clear: both;
	float: left;
	}
	
#content	{
	width: 780px;
	height: 100%;
	position: relative;
	height: 100%;
	margin-top: 270px;
	margin-bottom: 45px;
	left: 130px;
	z-index: 5;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	}

.contentfooter	{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 470px;
	height: 100%;
	padding: 5px;
	clear: both;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
		
#bottomrunner	{
	width: 100%;
	height: 80px;
	background-image: url(footerrunner.png);
	background-repeat:repeat-x;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 8;
}

#footer {
	height: 369px;
	position: inherit;
	vertical-align: bottom;
	clear: both;
	background-image:url(footerbackground.png);
	background-repeat:repeat-x;
	width: 100%;
	z-index: 7;
	bottom: 0px;
	}	
	
#footercontent	{
	position: relative;
	width: 1015px;
	left: 55px;
	height: 260px;
	}

#footercontentleft	{
	position: relative;
	width: 237px;
	height: 100%;
	float: left;
	margin: 3px;
	padding: 3px;
	}
	
#footercontentmiddle	{
	position: relative;
	width: 253px;
	height: 100%;
	float: left;
	margin: 3px;
	left: 2px;
	padding: 3px;
	}

#footercontentright	{
	position: relative;
	width: 114px;
	height: 100%;
	margin: 3px;
	float: left;
	left: 20px;
	padding: 3px;
	}	

.clearfooter {
	height: 369px;
	clear: both;
	}
	
.nudgetable	{
	position: relative;
	margin-top: 6px;
	margin-left: 4px;
	}

.nudgeform	{
	position: relative;
	margin-top: 16px;
	margin-left: 6px;
	font-size:13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #660000;
	}

.sidebarbar	{
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;
	width: 225px;
	background-image: url(sidebarbackground.png);
	height: 100%;
	list-style-type: none;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 10px;
	float: left;;
	}
	
#cafepresslink	{
position: relative;
width: 350px;
height: 245px;
z-index: 9;
left: 55px;
top: -40px;
float: left;
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1024px;
	height: 503px;
	z-index: 3;
	background-image:url(headerbackground.png);
	background-repeat: no-repeat;
}

#menu	{
	width: 430px;
	height: 25px;
	position: absolute;
	top: 220px;
	left: 540px;
	z-index: 4;
	}

.player	{
	width: 200px;
	height: 150px;
	position: absolute;
	top: 2px;
	left: 732px;
	}
	
/* rollover foo */

.rolloverhome a	{
	position: absolute;
	height:25px;
	background-image:url(homemenu.png);
	background-repeat: no-repeat;
	z-index: 0;
	}
	
.rolloverhome a:hover	{
	position: absolute;
	height:25px;
	background-position: 0 -24px !important;
	background-image:url(homemenu.png);
	background-repeat: no-repeat;
	z-index: 0;
	}
	
.rolloverabout a	{
	position: absolute;
	left: 68px;
	height:25px;
	background-image:url(aboutmenu.png);
	background-repeat: no-repeat;
	z-index: 0;
	}
	
.rolloverabout a:hover	{
	position: absolute;
	height:25px;
	left: 68px;
	background-position: 0 -24px !important;
	background-image:url(aboutmenu.png);
	background-repeat: no-repeat;
	z-index: 0;
	}
	
.rolloverbios a	{
	position: absolute;
	height:25px;
	left: 138px;
	background-image:url(biosmenu.png);
	background-repeat: no-repeat;
	z-index: 0;
	}
		
.rolloverbios a:hover	{
	position: absolute;
	left: 138px;
	height:25px;
	background-position: 0 -24px !important;
	background-image:url(biosmenu.png);
	background-repeat: no-repeat;
	z-index: 0;
	}
	
.rolloverchara a	{
	position: absolute;
	height:25px;
	left: 192px;
	background-image:url(charamenu.png);
	background-repeat: no-repeat;
	z-index: 0;
	}
	
.rolloverchara a:hover	{
	position: absolute;
	height:25px;
	left: 192px;
	background-position: 0 -24px !important;
	background-image:url(charamenu.png);
	background-repeat: no-repeat;
	z-index: 0;
	}
	
.rollovermedia a	{
	position: absolute;
	height:25px;
	left: 302px;
	background-image:url(mediamenu.png);
	background-repeat: no-repeat;
	z-index: 0;
	}	
	
.rollovermedia a:hover	{
	position: absolute;
	height:25px;
	left: 302px;
	background-position: 0 -24px !important;
	background-image:url(mediamenu.png);
	background-repeat: no-repeat;
	z-index: 0;
	}
	
.rolloverblog a	{
	position: absolute;
	height:25px;
	left: 375px;
	background-image:url(blogmenu.png);
	background-repeat: no-repeat;
	z-index: 0;
	}
	
.rolloverblog a:hover	{
	position: absolute;
	height:25px;
	left: 375px;
	background-position: 0 -24px !important;
	background-image:url(blogmenu.png);
	background-repeat: no-repeat;
	z-index: 0;
	}

	
/* Wordpress foo care of Fresh Bananas - Jokes included */

/* Arg! A pirate is here with IE, beware when editing your CSS. Check in all versions of IE before publishing! */

/* Headers */

#text #main h1 {
	color: #323C3C;
}

/* Paragraph */

#text #main p.meta {
	color: #999;
}

/* Lists */

ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}	

li	{
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;
	}


/* Q: Why did the XHTML actress turn down an Oscar?
 * A: Because she refused to be involved in the presentation. */

/* Preformatted and Code */

pre {
	background: #EFF29F; /* a nice yellow, but change as you like */
	font-size: 1.2em; /* make it a bit larger for ease of reading */
	padding: 5px;
}

code {
	background: #EFF29F;
	color: #000;
	font-size: 1.2em;
}

pre code {
	font-size: 1em; /* When people would place a code element in a pre, it would get very large */
}

/* Comments */

.comment {
	list-style-type: none;
	margin: 0;
}

/* Comment Form */

#reply label {
	display: block;
}

/* Search Highlight */

.hilite {
	background-color: #F17196 !important;
	color: #fff;
}

/* Q: Why was the XHTML bird an invalid?
 * A: Because it wasn't nested properly. */

/*
 * Sidebar!
 */

#text #sidebar {
	float: right;
}
	
/* Headers */

#text #sidebar h1 {
	font-size: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

#text #sidebar h2 {
	color: #323C3C;
	font-weight: normal;
}


/* Why was the decapitated web page invalid?
 * Because it didn't have a head. */

/*
 * Links and their colors (is there a better place for this?)
 */

a {
	color: #A74722;
}

a:visited {
	color: #2D445D;
}

a:hover {
	color: #000099;
}

/*
 * Header links
 */

h1 a, h1 a:visited {
	border-bottom: 1px solid #ccc;
	color: #663300;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 a:hover {
	color: #637677;
}

/* W00T! A Hack for IE. Let's see if we can get our CSS at least mostly clean. Would be nice if they got the Box Model right at least... watch out when changing. */

/* Q: Why was IE5's 
3-metre wide cell in the insane asylum smaller than IE6's 3-metre wide cell?
 * A: Because the width of the cell included the padding. */

/* ------------------------- */
/* -- Hacks ---------------- */
/* ------------------------- */

/*
 * 
 * We should all forget about CSS. Let's go back to the unusable web!
 */

/* #text #main */

* html #text #main
{
	padding-top: 20px;
	width: 505px;   /* content width (for other browsers) */
}

/* #text #sidebar */

* html #text #sidebar   /* this selector recognized by IE only */
{
	width: 155px;
}

/* Q. What did the silly web developer order at the restaraunt?
 * A. Tag Soup! */