/*================================================
   Design:  Mike Worley Music                           
  Author:  M. Worley (mikeworley@me.com) 						
  Date:    May, 2009                                    
=================================================*/

/*========================
		Main Sections          
==========================*/

body 
	{font-size: 1em;
	font-family: arial, sans-serif;
	margin:0px; padding:0px;
	background: #321;
	border: none 1px #f00;}

#wrapper 
	{width: 802px;
	margin: 10px auto; 
	padding: 0px;
	background: #000;
	border: none 1px #f00}

#header 
	{width: 800px;
	height:250px;
	margin: 0px;
	padding: 0px;
	background: url(images/header.gif) no-repeat;
	border: none 1px #f00}

#container 
	{width:800px; height:auto;
	margin:0px; padding:0px;
	background:#000;
	border:none 1px #0f0;}

#column1
	{width:200px; height:100%;
	margin:0px; padding:0px;
	position: relative;
	float: left;
	clear: left;
	margin:0px; padding:0px;
	background: transparent;
	border: none 1px #f00;}

#column2
	{width:400px; height:100%;
	margin:0px; padding:0px;
	position: relative;
	float: left;
	clear: none;
	margin:0px; padding:0px;
	background: transparent;
	border: none 1px #f00;}
	
#column3
	{width:200px; height:100%;
	margin:0px; padding:0px;
	position: relative;
	float: right;
	clear: right;
	margin:0px; padding:0px;
	background: transparent;
	border: none 1px #f00;}
	
#footer 
	{clear: both;
	width: 800px;
	height: 3.0em;
	margin-top: 0px;
	padding: 0.5em 0px 0.5em 0px;
	border-top: solid 1px #fff;
	background-image: url(images/nav2bg.png);
	color: #fff;
	font-size: 0.6em;}

/*==================
   Header Section        
====================*/

.site-name 
	{margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	font-family: "trebuchet ms", arial, sans serif;	}
h1.site-name
	{font-weight: bold;
	font-size: 2em;
	color: #fff;}
p.site-name
	{margin: -6px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 1.2em;
	color: #fff;}
.site-name a
	{text-decoration: none;
	color: #99f;}
.site-name a:hover
	{text-decoration: none;}

.slogan
	{float:right;
	text-align:right;
	clear: right;
	margin: 0px 0px;
	padding: 0px 10px 0px 0px;
	background: transparent;
	border: none 1px #FFF;
	font-weight: bold;
	border: none 1px #f00;}
.slogan h1 
	{font-size: 1.6em;
	color: #99f;}
.slogan p
	{float:right;
	font-size: 0.9em;
	color: #fff;}

/*============
   Content       
=============*/
	
#column1 h1 
	{width: 190px;
	height: 20px;
	margin: 10px 0px;
	padding: 2px 0px 2px 10px;
	background-image: url(images/nav2bg.png);
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.0em}

#column1 .content
	{width:100%; height:100%;
	text-align: justify;
	margin: 0px;
	padding: 10px 0px;
	background-image: none;
	background-position: left;
	background-repeat:repeat-y;
	color: white;
	border-top: solid 1px #00F;
	border-bottom: none 1px #FFF;
	font-size:0.8em;}

#column2 h1
	{width: 360px;
	height: 20px;
	margin: 10px 10px 0px 10px;
	padding: 2px 10px;
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.1em;
	border-top: none 5px;
	border-bottom: solid 5px;}

#column2 .content
	{width: 360px;
	text-align: left;
	margin: 0px 10px;
	padding: 10px;
	background-image: url(images/bg1.png);
	background-repeat:repeat-x;
	color: white;
	border-top: none 1px #FFF;
	border-bottom: none 1px #FFF;
	font-size:0.8em;}
#column2 .content img
	{width:100px;
	float:right;
	border: solid 3px #004;}
#column2 .content h1, .content2a h2
	{font-size: 1.2em;}
#column2 .content p
	{font-size: 1.0em;}
	
#column3 h1 
	{width: 190px;
	height: 20px;
	margin: 10px 0px;
	padding: 2px 0px 2px 10px;
	background-image: url(images/nav2bg.png);
	color: #0ff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.0em}

#column3 .content
	{width:100%; height:100%;
	text-align: justify;
	margin: 0px;
	padding: 10px 0px;
	background-image: url(images/vertbg.png);
	background-position: left;
	background-repeat:repeat-y;
	color: white;
	border-top: solid 1px #00F;
	border-bottom: none 1px #00F;
	font-size:0.7em;}
#column3 h1 
	{width: 190px;
	height: 20px;
	margin: 10px 0px;
	padding: 2px 0px 2px 10px;
	background-image: url(images/nav2bg.png);
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.0em}
	
#column3 img
	{width:180px; height:100px;
	border-top: solid 2px #fff;
	border-right: solid 2px #000;
	border-bottom: solid 2px #000;
	border-left: solid 2px #fff;}
	
/*=================================
		SECTION 3 - NAVIGATION				 
==================================*/
	
/*------------------------------
		Navigation - Level 1			
------------------------------*/
.nav1
	{margin: 0px;
	padding: 0px;
	font-family: verdana, arial, sans serif;
	font-size: 1.0em;}
.nav1 ul
	{float: right;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	border-left: solid 1px #00f;
	background: transparent;
	font-weight: bold;}	
.nav1 li
	{display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;}
.nav1 li a
	{display: block;
	float: left;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	border-right: solid 1px #00f;
	color: #99f;
	text-decoration: none;
	font-size: 0.7em;}
.nav1 a:hover
	{color: #fff;
	border-bottom:solid 3px;
	text-decoration: none;}

/*----------------------------*/
/* Navigation - Level 2 		*/
/*----------------------------*/
.nav2 
	{overflow: visible;
	clear: both;
	float: none;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size: 1.0em;}
.nav2 ul 
	{width: 100%;
	margin: 0px;
	padding: 0px;
	border-bottom: none 2px #aa8;}	
.nav2 li 
	{list-style: none;
	margin: 5px 0px;
	padding: 0px 0px;
	background-image: url(images/vertbg.png);
	background-repeat:repeat-y;}
/*.nav2 li.title
	{margin: 0px 0px 0px 0px;
	padding: 3px 5px 2px 15px;
	background-color: #00a;
	color: rgb(255,255,255);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 120%;}*/
.nav2 li a
	{display: block;
	min-height: 1.7em;
	height: auto !important;
	height: 1.7em;
	line-height: 1.7em;
	margin: 0px;
	padding: 0px 7px 0px 15px;
	border-top: solid 1px rgb(200,200,200);
	border-right: solid 5px #aaa;
	color: #fff;
	text-decoration: none;
	font-style: oblique;
	font-weight: normal;
	font-size: 1.3em;}
.nav2 li a:hover,.nav2 a.selected 
	{border-right: solid 5px #900;
	color: #55f;
	font-style: oblique;
	text-decoration: none;}

/*----------------------------*/
/* Navigation - Level 3			*/
/*----------------------------*/
.nav3 
	{clear: none;
	margin: 0px;
	padding: 0px; 
	font-family: verdana, arial, sans serif;
	font-size: 1.0em}
.nav3 ul 
	{float: left;
	width: 320px;
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #000;
	border-bottom: solid 1px rgb(54,83,151);
	background-color: #39a;
	font-weight: bold}	
.nav3 li 
	{display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;}
.nav3 li a 
	{display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	border-right: solid 1px rgb(54,83,151);
	color: rgb(255,255,255);
	text-transform: uppercase;
	text-decoration: none; font-size: 100%}
.nav3 a:hover, 
.nav3 a.selected .nav3 li a.selected
	{color: #668;
	text-decoration: none;}


#footer a {color: rgb(255,255,255); text-decoration: underline;}
#footer a:hover {color: rgb(0,0,0); text-decoration: none;}

/*--------------------*/
/* Other */
/*--------------------*/
#footer p 
	{margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 1.3em;
	font-size: 110%;}
	
/* Headings */
h1 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 170%;}
h2 {margin: 1.0em 20px 0.5em 0px; font-weight: bold; font-size: 140%;}
h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 120%;}
h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 120%;}
h6 {margin: 0px 0px 0.2em 0px;font-weight: bold; font-style: italic; font-size: 130%;}