*		{
		margin: 0;			/* margin is distance	BETWEEN objects whereas padding is distance text etc.
						 starts from edge of object */
						 
		
		}
				
body		{

		margin-top: 1%;
		font-size: 1em;
		font-family: Arial, Verdana, 'Franklin Gothic Book', Trebuchet, sans-serif;
		background-color: black;
		}

#wrapper 	{
		width: 320px;			/* Main container only occupies 85% of screen width */
		margin: 0 auto;			/* Main container has no margin on any side and is centred */
			/* Main container background is grey */
		background-color: black;
		
		}
		
#wrapper h1	{
		font-weight:normal
		}

#banner 	{
		/*background: url('images/agrarianlogo392by190.jpg')  top center  no-repeat ; */	/* Banner division image shown just once in top right */
		/* border: silver outset; 
		background: url('images/garrybannermedium.jpg') no-repeat ; */
		color: silver;
		text-align:center;
		width:100%;
		height: 100px; 			/* Banner division height is 200 pixels */
					/* Banner division width 100% of its container */	
		}

#banner h1	{
		text-align: center;
		color: white;
		font-size: 1em;
		
		}


#banner img	{
		
		margin-left: auto;
		margin-right: auto 
			}
			
#banner p	{
		text-align:justify; 
		color:white;
		width:160px; 
		height:80px;
		font-size: 10px;
		
				}



/* Navigation List Styles */




		


#main 	{
		
		opacity: 0.85;
		text-align:justify;
	
	/* 	background: url('images/christiansblueskytrimtop.jpg') top center no-repeat; 
		background: url('images/christiansbeach.jpg') top center no-repeat; 
		background: url('images/christiansrclights962trimmore.jpg') top center no-repeat; */
		
		font-size:14px; width:99%;
		margin: auto;
		
		
		
		
		}

#main h1	{
		text-align: center;
		
		color: white;
		font-size: 1em;
		
		}
		

			
#main h2	{color:orange;
		font-size: 80%;
		
		}
		

#main p		{
		font-family: Arial, Verdana, 'Franklin Gothic Book', Trebuchet, sans-serif;
		color: white;
		margin-right: 1em;
		font-size: 80%;
		}
		
#main a		{
		color: white;
		font-size: 1em;
		text-decoration: none;
		}
		


#main ul li	{
		color: white;
		list-style-type: square;		/* Topics list to have square markers */
		font-size: 80%;
		margin-top: 4px;
			}
			
#topic 		{
		
		width: 320px;
		float:left;
		
		}

#topic ul 	{
		width: 320px;
		list-style-type: none;	
		margin-left: -40px;
		}

#topic ul li	{
		display: inline;
		float:left;
		background-color: #121212;
		width: 74px;
		height:30px;
		padding-top: 10px ;
		margin:3px ;
		font-size: 14px;
		text-align:center;
		}

#topic ul li a 	{
		
		
		
		text-decoration: none;
		color: white;
		}

#topic ul li a:hover 	{
			
			font-size: 14px;
			color:blue;
			
		}
		

		
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}	
		
#mainslideshow   div{
		
		border-radius: 15px; 
		-moz-border-radius: 15px;
		width:480px; 
		height:350px; 
		background-color: #121212;
		
		}
		
#mainslideshow  h1	{

		-moz-border-radius: 15px ; 
		border-radius:  15px ; 
		background-color: silver;
		color: white;
		text-align:center;
		font-size: 0.75em;
		padding: 5px;
			}

#mainslideshow   img{
		
		margin: 0.75em
			
			}	

#mainslideshow p	{
		text-align:none;
		font-size:13px;
		margin:1em;
		border: 2px black
			}

#mainbandsintown	{
		float:right;
		
		width:250px;
		height:310px;
		margin: 20px 20px 0 0;
		color:white;
		
		background-color: #121212;
		opacity:0.85;
		
		overflow:auto;
		}			
			
/*			
#mainlivegigs	{
		font-size: 15px;
		margin: auto;
		width:500px; 
		height:350px; 
		padding: 1em;
		background-color: #121212;
		overflow:auto;
		}
*/
		
#mangigs  {	
		float:left;
		height: 340px;
		overflow:auto;
		color: silver;
		text-align: center;
		width: 288px;
		padding: 1em;
		}
		
#mangigs table	{
		font-size:14px;
		
		
		}
		
#mangigs thead	{
		 font-weight: bold;
		 font-size:13px
		}
		
#mangigs td	{
		
		height: 45px;
		}
		
#mangigs a	{
		color: white;
		text-decoration: underline;
		}			

#mangigs h1	{
		width:50px; 
		margin: auto
		}
		
#mangigs p	{
		
		font-size:14px
		}
			
#mainmeettheband  {
		
		border-radius: 15px; 
		-moz-border-radius: 15px;
		font-size:14px; width:99%; 
		margin: auto;
		padding: 0.1em;
		background-color: #121212;
		
		overflow: auto;
		
		}
#mainmeettheband h2	{
		text-align:center; font-size:14px
		}
		
#mainmeettheband   img{
		
		margin: 1em auto;
			
			}	
			
		

#mainmeettheband p	{
		text-align: justify;
		font-size:13px;
		margin:0.2em;
		padding-bottom: 1em;border-bottom:1px solid white
			}
			
#mainphotos	{
		 height:230px;
		 background-color:black;
		 color: silver;
		 text-align:center
		 }
			
			
#photoslideshow	img {
		border:0;
		border-radius: 15px;
			}
			
				
		

#footer 	{
		
		text-align: center;
		
		height: 46px;
		
		color: white;
		
		clear: both;			/* Clears any floating definitions ensuring appears across page at base */
		}

#footer h1	{
		font-size: 1em;
		margin-top: 5px;
		}


#footer h2	{
		font-weight: normal;
		font-size: 70%;
		margin: 10px;
		}
#footer p	{
		text-align:center; 
		padding: 15px;
		color:white;
		width:350px; 
		height:90px;
		font-size: 12px;
		
		background-color: #121212;
		
		}
		
#footer	img	{
		margin: 0px 3px;
		border-radius: 3px;
		border:white
		}
		

}