@charset "utf-8";

/* CSS for web standards browsers - firefox, Opera and safari */

html, body 		{font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				background:#000000 url(../Imgs/background.jpg);
				margin: 0; 
				padding: 0;
				color:#FFFFFF;}
	
#header h1 		{margin: 0; 
				padding:0px 18px;
				font-size:37px;}

#header h2 		{font-family:"Courier New", Courier, monospace;
				font-size:18px;
				letter-spacing:1.5px;
				padding-left:24px;
				position:relative;
				bottom:2px;
				margin:0px;}	

a			{text-decoration:none;
			display:inline;
			color:#ffffff;}
			
a:hover 	{color:#666666;}

p 			{margin-left:20px;}

ul, li		{margin: 0;
			padding: 0;
			list-style:none; 
			display:inline;}	
		
img 		{border: none;}		

#container 	{margin: 0 auto;
			width: 776px;
			position:relative; /** *do i need this*/
			text-align: left;
			border: 1px solid #98b3b1;
			margin-top:10px;} 	
	
#topheader 	{background: #000 url(../Imgs/top-header-bg.gif);
			margin:auto;
			height:20px;}

#header 	{background:#000000 url(../Imgs/middle-header-bg.gif) repeat-y;
			height:70px;}
			
#menu		{position:relative;} /** do i need to put the position in relative because it fits perfectly in the container **/
			
#menu ul	{margin:0; 
			padding:0;}

#menu li	{margin:0;
			padding:0;
			list-style:none;}
							
#menu a		{float:left;
			width:79px;
			text-decoration:none;
			padding:10px 0px;
			padding-left:18px;
			background:url(../Imgs/menubg.gif);
			border-bottom:none;
			font-size:15px;}	

#menu a:hover 	{color:#666666;}

/** highlights current selected page without using javascript or php **/
#nav a#current {background:url(../Imgs/menubg2.gif); color: #fff;}

#mainContent 	{padding: 0px; 
				margin:0px;
				background:#000000;
				text-align:left;
				width:776px;
				height:650px;
				line-height:20px;}

#pic		{float:right;
			background:url(../Imgs/mainpic.jpg);
			width:290px;
			height:610px;}
	
#content	{width:485px; 
			height:590px; 
			float:left;}		

#contentboarder	{float:right; height:580px; width:1px;
				border-right:1px dotted white; 
				margin:15px 0px 100px 0px;} /*this used to be in content */	

#content p	{padding-right:20px;}	

#content h1 	{font-size:18px; 
				line-height:10px; 
				padding-top:10px; 
				font-weight:bold; 
				padding-left:20px;}
		
.music, .video	{margin-top:10px;}		
					
#content li		{display:block; 
				padding-left:20px;}
		
/** News and gigs  **/		
  
.newsdate		{padding-top:5px;
				text-align:center;
				float:left;
				width:42px;
				height:60px;
				background:url(../Imgs/calander.png);
				margin:20px;
				padding-left:10px;
				font-weight:bold; 
				border:white solid 1px;}

.day 			{font-weight:normal;
				font-size:14px;
				display:block;
				position:relative;
				right:6px;
				color:white;} 

.upper			{position:relative; 
				bottom:5px; 
				left:1px; 
				font-size:9px;}

.month 			{font-weight:normal;
				font-size:small;
				display:block;
				color:black;
				position:relative;
				top:10px;
				right:5px;}

.year			{font-size:9px; 
				font-weight:bold; 
				position:relative; 
				left:1px; 
				bottom:5px;}
 
.newstitle		{font-size:18px; 
				padding-top:16px;  
				padding-bottom:5px; 
				font-weight:bold;}

/**news**/

.newstext		{display: block;	
				border-bottom: 2px solid #333;
				margin-left:95px;
				margin-right:32px;
				padding-bottom:4px;}
			
/** Gigs**/

.newstext2		{display: block;	
				border-bottom: 2px solid #333;
				margin-left:95px;
				margin-right:32px;
				padding-bottom:35px;}		

.clear			{clear:left;}

ul.newslinks 		{position:absolute;
					top:690px;
					left: 235px;
					padding:0px;
					font-weight:bold;
					font-size:15px;
					width:235px;}
				
ul.newslinks li	{width:90px; float:left;}

#blockquote		{width:190px;
				height:100px;
				border-top: solid 2px #333;
				border-bottom: solid 2px #333;
				margin: 20px 60px 5px 20px;
				float: right;
				text-align: center;}
				
/** icon links for accessability statment**/				
		
.browsers		{width:430px; height:40px; padding:0px 0px 0px 0px; display:block; margin-left:20px;}
.browsericon	{width:40px; height:40px;}

/** bookmark logo **/

.site			{background:url(../Imgs/test.gif); width:20px;} 

/**-- footer -- **/	
	
#footer			{padding-left: 15px; 
				padding-bottom:15px; 
				padding-top:15px; 
				font-size: 11px; 
				border-top: 1px solid #FFF;}
		
#footer ul li	{padding-right:5px;}

#footer1 		{float: right; width:400px;}
#footer2 		{width:250px;}

/* --- footer bottom quick links --- */

ul#bottomlinks 	{margin: 0;
				padding: 0;
				list-style: none;}

ul#bottomlinks li 	{float:left;
					width:auto;}

ul#bottomlinks li a 	{padding-left: 16px; 
						display:block;}

ul#bottomlinks li a.home {background:url(../Imgs/home.gif) no-repeat; background-position:left 0px;}
ul#bottomlinks li a.home:hover {background-image: url(../Imgs/home.gif); background-position:0px -14px;}
ul#bottomlinks li a.contact {background: url(../Imgs/mail.gif) no-repeat; background-position:left 2px;}
ul#bottomlinks li a.contact:hover {background-image:url(../Imgs/mail.gif); background-position:0px -14px;}
ul#bottomlinks li a.sitemap {background: url(../Imgs/sitemap.gif) no-repeat; background-position:left 0px;}
ul#bottomlinks li a.sitemap:hover {background-image:url(../Imgs/sitemap.gif); background-position:0px -14px;}
ul#bottomlinks li a.links {background: url(../Imgs/links.gif) no-repeat; background-position:left 0px;}
ul#bottomlinks li a.links:hover {background-image:url(../Imgs/links.gif); background-position:0px -13px;}
ul#bottomlinks li a.access {background: url(../Imgs/access.gif) no-repeat; background-position: left 0px;}
ul#bottomlinks li a.access:hover {background: url(../Imgs/access.gif) no-repeat; background-position:0px -13px;}