/****************************************************************************************/	
/* Copyright (c) 2002 - 2006 Anthony Scott. All rights reserved. (www.anthonyscott.com) */
/*                                                                                      */
/* Licensed solely for use on the website under the URL: http://www.beckytaylor.info/   */
/* No part of this software may be copied, modified, redistributed, derived or used     */
/* for any purpose except maintaining the website to which it has been licensed.        */
/* The following styles define the generic site look and feel                           */
/****************************************************************************************/

/* body standard elements */
body {background: black url(/images/style/bg-fade.jpg) repeat-x fixed;
	color: white; 
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal; text-align: center;
}

h1 {font-weight: normal; font-size: 14pt;}

h2 {font-weight: bold; font-size: 8pt; text-decoration: underline;}

/* main div */
div#main {position: relative; width: 775px; margin-left: auto; margin-right: auto;}

/* header */
div#header {top: 0px; height: 170px; width: 100%;}

/* header images */
div#header img#sq1 {position: absolute; top: 10px; left: 0px;}
div#header img#sq2 {position: absolute; top: 10px; left: 60px;}
div#header img#sq3 {position: absolute; top: 70px; left: 0px;}
div#header img#sq4 {position: absolute; top: 70px; left: 60px;}
div#header img#logo {position: absolute; top: 10px; left: 130px;}
div#header img#www {position: absolute; top: 95px; left: 230px;}
div#header img#album {position: absolute; top: 10px; left: 665px;}

/* menu bar positioning */
div.menuBar {width: 100%; height: 30px;
	position: absolute; top: 133px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 767px; height: 16px;
}
html>body div.menuBar {
	width: 767px; height: 16px;
}

div.buttonBar {
	position: absolute;
	top: 4px;
	left: 185px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	left: 125px;
}
html>body div.buttonBar {
	left: 125px;
}

/* rss feed */
div.feed {position: absolute; top: 5px; left: 10px; border: none;}
div.feed img {border:none;}
div.feed a {border: none;}
div.date {position: absolute; top: 8px; left: 660px;font-size: 7pt; font-weight: normal; padding-left: 20px; color: #808080;}

/* page content */
div#page {position: absolute; top: 164px; left: 0; width: 775px; text-align: justify;}
div#pagebody {position: relative; padding-top: 3px; padding-bottom: 3px;}

/* columns */
div#column1 {float: left; width: 100px; margin:0; padding:0; text-align: center;}
div#column2wrapper {float: right; width: 670px; margin:0; padding:0;}

/* boxes */
div.box {padding-bottom: 5px;}

/* box headings */
div.box div.heading {font-size: 7pt; text-align: center; color: black; padding: 2px 8px 2px 8px; 
	background: url(/images/style/metallic.gif) repeat-x center center;
}

/* box contents */
div.box {
	font-size: 8pt;
	background: transparent; 
}

/* content */
div.box div.content {border: 2px solid #6AA2E2; padding: 5px 5px 5px 5px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

div.box div.content p {margin-top: 0;}

/* image alignment */
div.box img.img-left {float: left; margin-right: 5px;}
div.box img.img-right {float: right; margin-left: 5px;}

/* links */
div.box a {color: yellow; font-weight: bold; text-decoration: none; cursor: hand;}
div.box a:hover {text-decoration: underline;}

/* quicklinks box */
div.box div.quicklinks {font-size: 7pt;
	border: 2px solid #6AA2E2; padding: 5px 3px 5px 4px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
}

/* inner box */
div.innerbox {border: 2px solid #C0C0C0; padding: 5px 5px 5px 5px;
	margin-top: 5px; margin-bottom: 5px;
	-moz-border-radius: 10px;
}

/* quick links */ 
div.quicklinks a.qlink {color: white; font-weight: normal; text-decoration: none;  cursor: hand;}
div.quicklinks a.qlink img {border: 2px solid black;}
div.quicklinks a.qlink:hover {color: yellow; text-decoration: none;}
div.quicklinks a.qlink:hover img {border: 2px solid yellow;}

div.spacer {clear: both;}
div.spacer-l {clear: left;}
div.spacer-r {clear: right;}

/* this spacer utilises a hack to trick IE5 and IE5.5 */
br.spacerIE5 {
	clear: both;
	voice-family: "\"}\""; 
	voice-family:inherit;
	display: none;
}
html>body br.spacerIE5 {
	display: none;
}

/* footer */
div#footer {font-size: 8pt; font-weight: bold; text-align: center;}

/* footer links */
div#footer a {color: powderblue;}
div#footer a:hover {color: yellow;}

/* button links */
a.button img {border: 2px solid black;}
a.button:hover img {border: 2px solid yellow;}

.quote {font-weight: bold; color: gold;}

/* downloads */
a.listen {color: cyan;
	padding: 0 2px 1px 21px;
	text-decoration: none;
	voice-family: "\"}\""; 
	voice-family:inherit;
	background: transparent url(/images/soundicon.gif) 0px 50% no-repeat;
}
html>body a.listen {
	background: transparent url(/images/soundicon.gif) 0px 50% no-repeat;
}
a.listen:hover {color: #191970; background-color: cyan; text-decoration: none;}

a.download {color: cyan;
	padding: 0 2px 1px 18px;
	text-decoration: none;
	voice-family: "\"}\""; 
	voice-family:inherit;
	background: transparent url(/images/downloadicon.gif) 0px 50% no-repeat;
}
html>body a.download {
	background: transparent url(/images/downloadicon.gif) 0px 50% no-repeat;
}
a.download:hover {color: #191970; background-color: cyan; text-decoration: none;}

/*******************************************/	
/* The following styles define the menubar */
/*******************************************/		
	
/* font properties for menu bar, menu bar buttons, menus and menu items */
div.menuBar,
div.menuBar a.menuButton,div.menu,
div.menu a.menuItem {
	font-family: tahoma, arial, helvetica;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

/* menu bar properties */
div.menuBar {
	background: url(/images/style/metallic.gif) repeat-x center center;
	background-color: #d0d0d0;
	border: 2px solid;
	border-color: #f0f0f0 #909090 #909090 #f0f0f0;
	padding: 4px 2px 4px 2px;
	text-align: left;
}

/* menu bar button properties */
div.menuBar a.menuButton {
	background-color: transparent;
	border: 1px solid #d0d0d0;
	color: #000000;
	cursor: default;
	left: 0px;
	margin: 1px;
	padding: 2px 6px 2px 6px;
	position: relative;
	text-decoration: none;
	top: 0px;
	z-index: 100;
}

/* menu bar button hover properties */
div.menuBar a.menuButton:hover {
	background-color: transparent;
	border-color: #f0f0f0 #909090 #909090 #f0f0f0;
	color: #000000;
}

/* menu bar button hover and click properties */
div.menuBar a.menuButton:hover,
div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
	background: url(/images/style/metallicr.gif) repeat-x center center;
	background-color: #a0a0a0;
	border-color: #909090 #f0f0f0 #f0f0f0 #909090;
	/*color: #ffffff;*/
	left: 1px;
	top: 1px;
}

/* menu properties */
div.menu {
	background: url(/images/style/metalliclong.jpg) repeat-x center center;
	background-color: #d0d0d0;
	border: 2px solid;
	border-color: #f0f0f0 #909090 #909090 #f0f0f0;
	left: 0px;
	padding: 0px 1px 1px 0px;
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 101;
}

/* menu item properties */
div.menu a.menuItem {
	color: #000000;
	cursor: default;
	display: block;
	padding: 3px 1em;
	font-size: 8pt;
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
}

div.menu a.menuItem img {border: 0; padding: 0px 4px 0 0;}

/* menu item hover properties */
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
	background-color: #000080;
	color: #ffffff;
}

/* menu seperator properties */
div.menu div.menuItemSep {
	border-top: 1px solid #909090;
	border-bottom: 1px solid #f0f0f0;
	margin: 4px 2px;
}