/* 
 ---------------------------------------------------------------------------------------------
 Temple of Din - Stylesheet 
 ---------------------------------------------------------------------------------------------
*/

body {
/*   background : #000000; */
	background: #013220 ;
	background-attachment : fixed;
	background-image : url(images/ed_bark_small.jpg) ;
	color : #343009;
	font-family: "Verdana", "Arial", Gill, Helvetica, sans-serif ; 
	font-size : 12pt;  
	text-decoration : none; 
	margin-left: 90px ;
	margin-right: 90px ;
}

/*
img {
	border: 0 ;
}
*/

img {
	border: 0 ;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* 
 -------------------------------------------------------------------------------
 Hyperlinks 
 -------------------------------------------------------------------------------
*/
a:link, 
a:visited, 
a:active {
/*	background: #FC9827 ; */
/*	color: blue ; 
	color : #FDED2A; */
	color: #343009 ;
	text-decoration : underline;
	padding: 2px ;

}
a:hover {
   background: #FF8040;
   color: #FFffff;
/*   text-decoration : underline; */
	padding: 2px ;

}

/* Headers */
h1 {
   font-family : helvetical, arial;
   font-size : 28pt;
   text-align : center;
}
h2 {
   font-family : helvetical, arial;
   font-size : 18pt;
   text-align : center;
   text-decoration : none;
}
h3 {
   font-family : helvetical, arial;
   font-size : 16pt;
   text-align : center;
   text-decoration : none;
}
h4 {
   font-family : helvetical, arial;
   font-size : 12pt;
   text-align : center;
   text-decoration : none;
}



/* 
 ---------------------------------------------------------------------------------------------
 Span classes 
 ---------------------------------------------------------------------------------------------
*/
.GetFirefox {
	background: #004F00 ;
	border: 3px solid #ff8000 ;
	font-family : helvetical, arial;
	font-size : 11pt;
/*	font-weight : bold; */
	margin: 4px auto ;
	padding: 4px ;
}

.BandMember {
	font-weight: bold ;
}

/* 
 ---------------------------------------------------------------------------------------------
 Main DIV styles
 ---------------------------------------------------------------------------------------------
*/
#PageHeader {
	background: #013220 ;
	color: #343009 ;
	border: 0px solid #5B76BF;
	font-family: "Verdana", "Arial", Gill, Helvetica, sans-serif ; 
	font-size: 21pt;  
	font-weight: bold ;
	text-align: center ;
	padding: 1em ;
	padding: 2px ;
	height: 180px ;
}

#PageHeader p {
	background: #343009 ;
	height: 280px ;
}

#PageBody {
	border: 0 ;
}

#PageFooter {
	background: #013220 ;
	color : #FFFFFF;
	clear: both ;
	text-align: center ;
	padding: 4px ; 
}

#PageFooter a:link, 
#PageFooter a:visited, 
#PageFooter a:active {
	background: #013220 ;
	color : #FDED2A;
	text-decoration : none;
	padding: 4px ;
}
#PageFooter a:hover {
   background: #FF8040;
   color: #FFffff;
	padding: 4px ;
/*   text-decoration : underline; */
}


/* Home Page */
#MenuContainerInFrame {
	float: left ;
	width: 90% ;
	padding: 6px ;
	margin-left:auto ;
	margin-right: auto ;
}

#MenuContainer {
	float: left ;
	width: 120px ;
	padding: 6px ;
}

#PageContents,
#MainContent {
/*   background-attachment : fixed;
   background-image : url(images/todman.jpg);*/
	background: #8fbc8f ;
	margin-left: 135px ;
	padding: 6px ;
}

#MainBody {
/*   background-attachment : fixed;
	background-image : url(images/todman.jpg); */
	background: #8fbc8f ;
	padding: 10px ;
}

#MenuCounters {
	font-size : 10pt;  
}

/* 
 ---------------------------------------------------------------------------------------------
 Styling for left hand menu
 ---------------------------------------------------------------------------------------------
*/

/* A menu header */
.MenuHeader {
	background: black ; 
   color : #00ffff;
	padding: 2px;
	padding-left: 3px;
	font: 13px Arial, sans-serif;
	font-weight: bold ;
	text-decoration: none;
	border: 1px solid;
	border-color: black ; 
	display: block;
	margin: 0px;
	text-align: center ;
}

/* Menu hyperlinks */
.Menu a {
	background: black ;
   color : #FF8000;
	padding: 2px;
	padding-left: 3px;
	font: 13px Arial, sans-serif;
	text-decoration: none;
	border: 1px solid;
	border-color: black ; 
	display: block;
	margin: 0px;
	text-align: center ;
}

.Menu a:hover {
	background: #FF8000;
	color: black;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 1px;
	border: 1px solid;
	border-color: #00FFFF;
	text-decoration: none;
	display: block;
}

/* 
 ---------------------------------------------------------------------------------------------
 Tables
 ---------------------------------------------------------------------------------------------
*/

/* Page Header Table */
.PageHeaderTable {
	width: 100% ;
}

/* Main table */
.MainTable {
	width: 100% ;
}

.MainTableHeader {
	background: #5B76BF ;
	color: white ;
	padding: 1em;
}

.MainTableMenuLeft {
/*	width: 200px ; */
	width: 10% ; 
	background : #247224 ;
	color : #ffffff;
	vertical-align: top ;
	text-align: left ;
	padding: 1em ;
}

.MainTableCentre {
	width: 64% ;
	padding: 1em ;
}

.MainTableMenuRight {
/*	width: 200px ; */
	width: 10% ; 
	background : #77C160;
	background: #408000 ; 
	background : #247224 ;
	color : #ffffff;
	vertical-align: top ;
	text-align: left ;
	padding: 1em ;
}

.MainTableFooter {
	background: #004F00;
	color: white ;
	text-align: right ;
	padding: 4pt ;
}

/* 
 ---------------------------------------------------------------------------------------------
 Tables
 ---------------------------------------------------------------------------------------------
*/

/* Header Table */
table.Header {
	width: 100% ;
	border-width: 3px ;
	border-style: solid ; 
	border-color: #FF8000 ;
	border-collapse: collapse ;
	background: #004F00 ;
}
table.Header td {
	text-align: center ;
	border-width: 2px ;
	border-style: solid ; 
	border-color: #FF8000 ;
	padding: 0px ;
	background: #004F00 ;
	color: white ;
}
/* Menu Table */
table.Menu {
	width: 100% ;
	text-align: center ;
}

/* Results Table */
table.Results {
	width: 90% ;
	border-width: 1px;
	border-style: solid; 
	border-color: white ;
	border-collapse: collapse;
	margin: 0px auto;
}
table.Results th {
	text-align: left;
	border-width: 1px;
	border-style: solid; 
	border-color: black;
	padding: 4px;
	background: #004F00; 
	color: yellow ;
	font-weight: bold ;
}
table.Results td {
	text-align: left;
	border-width: 1px;
	border-style: solid; 
	border-color: black;
	padding: 4px;
	color: white ;
}
tr.ResultsOdd, 
td.ResultsOdd {
	text-align: left;
	border-width: 1px;
	border-style: solid; 
	border-color: black;
	padding: 4px;
	color: white ;
}
tr.ResultsEven, 
td.ResultsEven {
	text-align: left;
	border-width: 1px;
	border-style: solid; 
	border-color: white;
	padding: 4px;
	background: #0C920C ;
	color: white ;
}

/* Pictures Table */
table.Pictures {
/*	width: 90% ; */
	border-width: 1px;
	border-style: solid; 
	border-color: white ;
	border-collapse: collapse;
}
table.Pictures th {
	text-align: center;
	border-width: 1px;
	border-style: solid; 
	border-color: white;
	padding: 6px;
	background: #004F00; 
	color: yellow ;
	font-weight: bold ;
}
table.Pictures td {
	text-align: center;
	border-width: 1px;
	border-style: solid; 
	border-color: white;
	padding: 6px;
	color: white ;
}

/* Midges Table */
table.Midges {
	width: 100% ;
	border-width: 1px;
	border-style: solid; 
	border-color: white ;
	border-collapse: collapse;
	background: #004F00;
}

table.Midges td {
	text-align: center;
	border-width: 1px;
	border-style: solid; 
	border-color: #FF8000;
	padding: 6px;
	background: #004F00;
	color: white ;
}

/* 
 ---------------------------------------------------------------------------------------------
 Odd 'n' Sods
 ---------------------------------------------------------------------------------------------
*/

/*& Band List on index.php */
.AlbumList {
	width: 500px ;
	background: #343009 ;
	font-family: Verdana, Arial, Gill, Helvetica, sans-serif ;
	text-align: left ;
	border: 2px solid lightgrey ;
	margin-right: auto ;
	margin-left: auto ;
	padding: 4px ;
}

.AlbumList h2 {
/*	background: #415EF3 ; 
	color: white ; */
	background: black ;
   color : #00ffff;
	padding: 4px ;
	font-family: Verdana, Arial, Gill, Helvetica, sans-serif ;
	font-size: 14pt;  
}

.AlbumList li {
	padding: 3px ;
}

.AlbumListText {
	color: white ;
	font-family: Verdana, Arial, Gill, Helvetica, sans-serif ;
	font-size: 9pt ;
	text-align: center ;
}

.AlbumList a:link, 
.AlbumList a:visited, 
.AlbumList a:active {
   color : #FF8000;
   text-decoration : none;
	font-family: Verdana, Arial, Gill, Helvetica, sans-serif ;
	font-size: 12pt ;
}
.AlbumList a:hover {
   background: #FF8040;
   color: #FFffff;
}



/* Class for lists of MP3 files */
.MP3List {
	width: 500px ;
/*	background: #424B7A ; 
	font-family: "Verdana", "Arial", Gill, Helvetica, sans-serif ; */
	background: #343009 ;
	color: #8fbc8f ;
	font-family: Verdana, Arial, Gill, Helvetica, sans-serif ;
	border: 2px solid lightgrey ;
	margin-right: auto ;
	margin-left: auto ;
	padding:10px ;
}

.MP3List h2 {
	background: #013220 ;
	padding: 4px ;
	color: white ;
	font-family: Verdana, Arial, Gill, Helvetica, sans-serif ;
	font-size: 14pt;  
}

.MP3List li {
	padding: 3px ;
}

.MP3ListText {
	color: #FCBA12 ;
	font-family: Verdana, Arial, Gill, Helvetica, sans-serif ;
	font-size: 9pt ;
	text-align: center ;
}

.MP3List a:link, 
.MP3List a:visited, 
.MP3List a:active {
/*   color : #FF8000; */
	background: #343009 ;
	color : #FDED2A;
	text-decoration : none;
	font-family: Verdana, Arial, Gill, Helvetica, sans-serif ;
	font-size: 12pt ;
}
.MP3List  a:hover {
/*   background: #FF8040; */
   color: #FFffff;
/*   text-decoration : underline; */
}

/* Thelemic Motto on page footer */
.Thelema {
   text-align: center ;
   font-style:italic ;
}


/* 
 ---------------------------------------------------------------------------------------------
 General purpose overrides
 ---------------------------------------------------------------------------------------------
*/

.Left,
.left {
	text-align: left ;
}

.Right, 
.right {
	text-align : right
}

.Centre, 
.centre {
	text-align : center
}

.Italic, 
.italic {
	font-style : italic;
}
.Bold, 
.bold {
	font-weight : bold ;
}