/*
ENTERING PADDING VALUES
1 value: {padding: 50px} - all four sides padding = 50px 
2 values: {padding: 50px 10px} - top/bottom = 50px, left/right = 10px 
3 values: {padding: 50px 10px 20px} - top = 50px, left/right = 10px, bottom = 20px
4 values: {padding: 50px 10px 20px 30px} - top=50px, right=10px, bottom=20px, left=30px
*/

html, body {
 	border: 0;
	margin: 0;
	padding: 0;}

body {
	margin: 0;
	padding: 0;
	font: 14px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color: #cccccc;
	background-color:#000000} 
	
	h1 {
	margin: 5px, 0, 5px, 6px;
	font:22px Arial, Helvetica, sans-serif;
	text-align:left;}
	
	h2 {
	margin: 5px, 0, 5px, 6px;
	font:18px Arial, Helvetica, sans-serif;
	text-align:left;}

#ascgen-image pre {

	margin-top: 20px;
	vertical-align:center;
	font-family: "Lucida Console", monospace;
	font-size: 9pt;
	background-color: #000000;
	color:#fff;
	line-height: 12px;}
	
#container {
		margin: 0 auto;
		width: 800px;
		text-align: left;
		background-color:black;}
	
	#container a:link, #container a#buttonnohover {
		color: #CC3300;
		font-weight: bold;
		text-decoration: underline;}
			
	#container a:visited {
		color: #CC3300;
		font-weight: bold;
		text-decoration: underline;}
			
	#container a:hover, #container a#buttonhover {
		text-decoration: underline;
		font-weight: bold;
		color:#CCCCCC}
		
#header{
	height: 80px; /* = height + "padding-top" = total height */
	margin-top:20px;
	background: no-repeat top left url(media/images/logos/header_logo_web.jpg);}
		
#righttools{	
	float: right;
	width: 200px;}
	
	#righttools h2{
	border-bottom:2px solid #FFFFFF;
	padding-left: 4px;
	margin: 0, 0, 5px, 6px;
	margin-top: 0px}
	
	#righttools p{
	padding-left: 4px;
	margin-bottom: 20px;
	margin-top: 5px;}
	
	#righttools form{
	padding-left: 4px;}
		
	#musicbox{
		clear: left;
		float: left;
		width:100%;}
		
		#lsradio{float:left;}
		
	#linksbox{
		padding-top: 6px;
		clear: left;
		float: left;
		width:100%;}
	
	#bookingbox{
		padding-top: 6px;
		clear: left;
		float: left;
		width:100%;}
		
		#bookingbox form label
			{	display:block; /*consistent with "form input" */
				float: left; /*consistent with "form input" */
				margin-bottom: 5px; /*consistent with "form input" */
				text-align: left;
				padding-right: 10px;
				width: 140px;}

		#bookingbox form input
		{	display:block;
			float: left;
			margin-bottom: 5px;}
		
			#bookingbox form input.text
			{	width: 160px}
			
			#bookingbox form input.button
			{	margin: 0px 2px 5px 0}

	
#leftcontent{ 
	float:left;
	width: 600px;}

	#picturebox {	
		clear: both;
		float: left;
		width: auto;
		text-align:left;
		color:#CCCCCC;
		font: 14px Georgia, "Times New Roman", Times, serif;
		margin-top: 10px;
		margin-left: 0px;}
	
	#maintext {	
		clear: left;
		float:left;
		width: 600px;
		text-align:left;
		color:#CCCCCC;
		font: 14px Georgia, "Times New Roman", Times, serif;
		margin-top: 10px;
		padding-bottom: 6px;}
		
		#maintext a:link, #maintext a#buttonnohover {
		color:#99CCFF;
		font-weight: bold;
		text-decoration: underline;}
				
		#maintext a:visited {
			color: #99CCFF;
			font-weight: bold;
			text-decoration: underline;}
				
		#maintext a:hover, #maintext a#buttonhover {
			text-decoration: underline;
			font-weight: bold;
			color:#0000CC}
			
#homelinks {	
	clear: both;
	width: 100%;
	text-align:center;
	color:#CCCCCC;
	font: 14px Georgia, "Times New Roman", Times, serif;
	margin-top: 10px;
	padding-bottom: 6px;}
	
	#homelinks a:link, #homelinks a#buttonnohover {
	color:#99CCFF;
	font-weight: bold;
	text-decoration: underline;}
			
	#homelinks a:visited {
		color: #99CCFF;
		font-weight: bold;
		text-decoration: underline;}
			
	#homelinks a:hover, #homelinks a#buttonhover {
		text-decoration: underline;
		font-weight: bold;
		color:#0000CC}

#tempmsg {	
	clear: both;
	width: 100%;
	height: 22px;
	text-align:center;
	color:#CCCCCC;
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	margin-top: 10px;
	padding-bottom: 6px;
}

#footer {
	border-top: #CC3300 solid 2px;
	margin-top: 10px;
	clear: both;
	height: 48px;
	font-weight: bold;
	text-align:center;}		

	#footer p {
		margin: 2px;}
	
	#footer form {
		font-family: Arial;
		font-size: 12px;
		margin:5px;}
			
			#footer form {
				font-family: Arial;
				font-size: 12px;
				margin:5px;}
				
			#footer form label {
				margin-bottom: 5px; /*consistent with "form input*/
				text-align: right;}
				
				#footer form label.checkbox {
					text-align: left;}			
					
			#footer form input {
				}
			
				#footer form input.text {
					width: auto;}
					
				#footer form input.checkbox {
					}
				
				#footer form input.button {
					}

	#footer .dada {
		margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin: 2px 2px 2px 2px;}
		
#shoutbox
{	clear:both;
	float: left;
	width: 25%;
	margin-left: 5%;
	margin-right: 5%;
	height: 300px;
	text-align: left;
	display: inline; /*IE6 double margin fix*/
	/*background-color: blue;*/}
	
	#shoutbox .shout_list
	{	float: left;
		width: 75%;
		height: 240px;
		overflow:hidden;
		font-size:11px;
		padding-left:3px;
		border: 1px solid white;
		background-color:#CCCCCC;
		color: black;}
	
	
	#shoutbox form input.shout_name
	{	float: left;
		margin-top: 5px;
		padding-left:3px;
		clear:both;
		width: 75%;
		height: 20px;
		display: inline; /*IE6 double margin fix*/
		border: 1px solid white;
		background-color:#CCCCCC;
		color: black;}
	
	#shoutbox form input.shout_msg
	{	float: left;
		margin-top: 5px;
		padding-left:3px;
		clear: both;
		width: 75%;
		height: 20px;
		display: inline; /*IE6 double margin fix*/
		border: 1px solid white;
		background-color:#CCCCCC;
		color: black;}
		
	#shoutbox form input.shout_submit
	{	float: left;
		margin-top: 5px;
		display: inline; /*IE6 double margin fix*/
		clear: both;}