/* CSS Document */

*
	{
	margin:0; 
	padding:0
	}





html, body
	{
	height:100%; color:#333;
	}

#wrapper 
	{
	width:800px;
	height:500px;
	margin:12px auto 0 auto;
	background-image:url(http://www.markgustavson.com/images/musicbg.jpg);
	background-repeat:no-repeat;
	background-position: right;
	position: relative;
	cursor: pointer;	
	}

#wrapper2 
	{
	width:800px;
	
	margin:0 auto 0 auto;	
	float: left;	
	}

#logo_header 
	{
	width:800px;
	
		
	float: left;	
	}

.photo_credit
	{
	text-align:right; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px;
	color: #666
	}

#col1
	{
	text-align:left; 
	float:left; 
	margin:10px auto 0 0; 
	font-family:'Portrait Text Web', Georgia, Times, serif;  
	font-size:14px; 
	width:265px; 
	line-height:16px; 
	background-image: 
	background-repeat:repeat; 
	background-color:#fff	
	}

#comp_left_col
	{
	text-align:left; 
	float:left; 
	margin:10px auto 0 0; 
	font-family:'Portrait Text Web', Georgia, Times, serif;  
	font-size:14px; 
	width:265px; 
	line-height:16px; 
	
	}
	
#comp_right_col
	{
	text-align:left; 
	float:left; 
	margin:10px auto 0 auto; 
	font-family:'Portrait Text Web', Georgia, Times, serif;  
	font-size:14px; 
	width:265px; 
	line-height:16px; 
	
	}

.inst
	{
	font-size:11px;
	margin-left:5px;
	color: #333
	}

#main_wrapper
	{
	width:800px;
	text-align:center;
	min-height:100%;
	margin:0 auto 0 auto;
	background: #fff;
	}

h1	
	{
	font-size:24px; color:#333;
	font-family: 'Portrait Text Web',Georgia,times, serif; 	
	text-decoration:none;
	font-weight:700;
	line-height:30px;
	}

h2
	{
	font-size:21px; color:#333;
	line-height:30px;
	font-weight:700;line-height:30px;
	}
h3
	{
	font-size:18px; color:#333;
	line-height:21px;
        font-weight:700;
	}	
.cat
	{
	width:230px;
	border-bottom: 1px solid #ccc;
	text-align:center;
	font-weight:bold;
	margin: 0 0 8px 8px;
	}

.title
	 {
	z-index:1;
	top: 12px;
	width: 795px;
	height: 73px;
	position: absolute;
	left: 0px;
	text-align: right;
	text-decoration:none;
	 }
	 
#enter
	 {

	top: 0px;
	width: 800px;
	height: 500px;
	position: absolute;
	left: 0px;
	z-index:1;
	background-image:url(http://www.markgustavson.com/images/enter.png);
	background-repeat:no-repeat;
	background-position: 0 457px;
	display:block;
	cursor: pointer
	 }
	 
#enter:hover
{ 
  background-position: 0 407px;
}
	
#flash
	{
	background-color:#000;
	width:398px;
	height:500px;
	z-index:-1;
	top:0;
	left:0;
	float: left;
	}
.main_title
	{width:582px; 
	height:54px; 
	background-repeat:no-repeat; 
	text-align:center; 
	margin:0 auto
	}	
	
#nav 
	{
	float:left;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	width:766px;
	height:20px;
	padding:3px 0 4px 28px;
	margin:10px 0 7px 0;
	text-align:left;
	border-top: solid #ccc 1px;
	border-bottom: solid #999 1px;
	}
	
.nav_links {
	margin:0 23px 0 0;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	font-weight: bold;
        padding:2px 0 0 0;
	}

.nav_links a:link {color:#000;text-decoration:none;padding:2px
}
.nav_links a:visited {color:#000;text-decoration:none;padding:2px
}
.nav_links a:hover {color:#fff; text-decoration:none; background-color:#de1b00;padding:2px
}
.nav_links a:active {color:#fff;text-decoration:none;padding:2px
}

.current_link
	{
	font-family: Arial, Helvetica, sans-serif; 
	margin:0 30px 0 0;
	font-size:12px; 
	font-weight:bold;
	text-decoration:none;
	float:left;
	color:#fff;
	background-color:#de1b00;
	padding:2px;
	}

#left_column_wrapper
	{
	width:375px;
	margin:0;
	float:left;
	text-align:left;
	font-family:'Portrait Text Web',Georgia, times,serif;
        color:#333;
	font-size:17px;
	line-height:30px
	}

#listen_box_header

	{
	color:#fff;  
	float:left; 
	width: 365px; 
	padding:5px
	}
		
#listen_box
	{
	text-align:left;
	width:365px;
	height:857px;
	overflow:scroll;
	float:left;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0 0 0 0;
	background-image: url(http://www.markgustavson.com/images/light_grey_diagonal_bkgrd.gif);
	background-repeat: repeat;
	background-color: #fff
	}	
	
.listen_right_column
	{
	text-align:left;
	font-family: 'Portrait Text Web',Georgia,serif;
	float:left;
	margin:0 0 0 50px;
	font-size:17px;color:#333;
	width:375px;
	line-height:30px;
	border-bottom:solid 1px #ccc
	}
	
#store_left_col
{
	text-align:left; 
	float:left; 
	margin:0 auto 12px auto; 
	font-family: 'Portrait Text Web',Georgia,times, serif; 
	font-size:17px; color:#333;
	width:375px; 
	line-height:30px}	
	
#email
	{
	float:left;
	width:375px; 	 
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	line-height:18px
	margin:12px auto 0px auto;
	padding-bottom:7px	
        }

#store_right_col
	{
	text-align:left; 
	float:left; 
	margin:0 auto 12px 50px; 
	font-family: 'Portrait Text Web',Georgia,times, serif; 
	font-size:17px; color:#333;
	width:375px; 
	line-height:30px;
	}	

#peters
	{
	width:375px; 
	margin:0 auto 12px 0; 
	font-family: 'Portrait Text Web',Georgia,times, serif; 
	font-size:17px; 
	line-height:30px; color:#333;	
	padding-bottom:10px;
	border-bottom: 1px solid #ccc;
	}
	
#recording_samples
	{
	margin:18px 0 24px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	text-align:left;
	float: left;
	width: 375px;
	
	}	
	
.caption
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	margin:0 0 6px 0;
	width: 375px;
	color: #666;line-height:14px;
	}	
	
	
.caption287
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	margin:6px 0 6px 0;
	width: 287px;
	color: #666;
	}
	
.copyright 
	{
	margin:0 auto 0 auto; 
	width:800px; 
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color:#8c8c8c;
	float:left
	}

.copyright a:link {color:#8c8c8c;text-decoration:none}
.copyright a:visited {color:#8c8c8c;text-decoration:none}
.copyright a:hover {color:#8c8c8c; text-decoration:underline}
.copyright a:active {color:#8c8c8c;text-decoration:none}

li 
	{
	list-style-type:none; margin:0 0 10px 5px
	}
#news
        {
        text-align:left; 
        float:left; 
        margin:0 auto 12px 14px;
        font-size:17px; 
        width:361px;
        line-height:30px;
        font-family: 'Portrait Text Web',Georgia, times, serif;
        color:#333;
        }
	
.news_list
	{
	list-style-type:square;
	
	}
#news_right_column
	{
	text-align:left;
	font-family: 'Portrait Text Web',Georgia,serif;
	float:left;
	margin:0 0 0 50px;
	font-size:17px;color:#333;
	width:375px;
	line-height:30px;
	}

#footer, .push
	{
	width:800px;
	text-align:center;
	height:32px;
	clear: both;
	margin: 9px auto;
	float:left;
	}


	
.footer
	{
	font-family:Arial, Helvetica, sans-serif;  
	font-size:12px;
	color:#666; 
	text-decoration:none
	}
	
.footer a:link {color:#666;text-decoration:none}
.footer a:visited {color:#666;text-decoration:none}
.footer a:hover {color:#de1b00; text-decoration:underline}
.footer a:active {color:#de1b00;text-decoration:underline}
	
 a:link {color:#000;text-decoration:underline}
 a:visited {color:#000;text-decoration:underline}
a:hover {color:#de1b00; text-decoration:underline}
a:active {color:#de1b00;text-decoration:underline}

#moon
	{
	background: url(http://www.markgustavson.com/images/mg-l.gif) no-repeat scroll 0 -13px;
	}

.moon
	{
	text-align:left; 
	float:left;  
	font-family:'Portrait Text Web',Georgia, times, serif; 
	font-size:17px; 
	width:375px; 
	line-height:30px; color:#333; 
	}

.flowing 
	{
	float: left; 
	clear: left; 
	margin: 0 1em 0 0;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#listen_menu {width:800px;}

#listen_menu ul {margin:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background:#fff;}

#listen_menu li {margin:0; padding:0; list-style:none;}
#listen_menu li {display:inline;}
#listen_menu ul ul {position:absolute; left:-9999px;}
#listen_menu ul#toplevel {left:0; top:0;}

#listen_menu a {display:block; font:normal 13px arial,sans-serif; color:#8c8c8c; line-height:22px; text-decoration:none;padding:0 20px 0 0;} 
#listen_menu li a.fly {background: url(anywidth/arrow.gif) no-repeat right top;}

#listen_menu li a:hover {background-color:#fff; color:#6698cb;} 
#listen_menu li:hover > a {background-color:#fff; color:#6698cb;}

#listen_menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}

#listen_menu a:hover ul,
#listen_menu a:hover a:hover ul, 
#listen_menu a:hover a:hover a:hover ul {left:100%;}
#listen_menu a:hover ul ul, 
#listen_menu a:hover a:hover ul ul {left:-9999px;}

#listen_menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}
.text {
font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#8c8c8c; line-height:22px; white-space:nowrap; padding:0 20px 0 10px;}