
/* 
336633 deep green
990000 deep red
669966 light green
FFCC66 gold-ish
*/

body {
	background-color: #ffffff;
	font-family: Verdana, sans-serif;
}

a {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3 {
	margin: 5px 0px 10px 0px;
	padding: 0px;
}

h1 {
	font-size: 1.2em;
}

h2 {
	font-size: 1.0em;
}

h3 {
	font-size: 0.7em;
}

form {
	margin-top: 3px;
	padding: 0px;
	text-align: center;
}

.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.center {
	text-align: center;
}

.floatleft {
	float: left;
	margin: 0px 20px 0px 0px;
}

.red {
	color: #990000;
}

.new {
	font-weight: bold;
	color: #FFCC66;
	padding: 0px 2px 0px 2px;
}

img.artistpic {
	border: none;
	width: 80px;
	height: 80px;
}

@media screen {.PrintOnly {display:none}}
@media print {.ScreenOnly {display:none}}

div#banner {
	position: relative;
	top: 0px;
	left: 0px;
	border-left: 2px solid #FFCC66;
	border-right: 2px solid #FFCC66;
	border-top: 2px solid #FFCC66;
	background-color: #990000;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	height: 120px;

}
div#podsafeforpeace {
	margin-top: 5px;
}
div#podsafeforpeace a img {
	border: none;
	width: 300px;
	height: 110px;
}

div#contact {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 99%;
	margin: 0px;
	padding: 0px;
	font-size: 0.7em;
	color: #FFCC66;
	text-align: right;
}

div#tagline {
	position: absolute;
	top: 55px;
	left: 0px;
	font-size: 0.7em;
	color: #FFCC66;
	width: 99%;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

div#printer {
	position: absolute;
	top: 100px;
	left: 0px;
	width: 99%;
	margin: 0px;
	padding: 0px;
	font-size: 0.55em;
	color: #FFCC66;
	text-align: right;
}

div#menu {
	position: relative;
	top: 0px;
	left: 0px;
	
	background-color: #336633;
	
	border-left: 2px solid #FFCC66;
	border-right: 2px solid #FFCC66;
	border-top: 1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;

	margin: 0px;
	padding: 2px 5px 2px 5px;
	
	text-align: center;
}
div#menu ul {
	position: relative;
	top: 0px;
	left: 0px;
	
	list-style: none;

	padding: 0px;
	margin: 0px;
	
}
div#menu ul li {
	position: relative;
	top: 0px;
	left: 0px;

	margin: 0px;
	padding: 5px;

	display: inline;
	
	font-size: 0.7em;
	color: #336633;
}
div#menu ul li.inactive {
	color: #cccccc;
}

/* ======== INTRO */
div#intro {
	position: relative;

	margin: 0px;
	padding: 0px;

	border-left: 2px solid #FFCC66;
	border-right: 2px solid #FFCC66;

	background-color: #336633;
}
table#intro {
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 0.75em;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	color: #FFCC33;
}
table#intro td {
	padding: 5px;
}

div#staytuned {
	position: relative;
	top: 0px;
	left: 0px;
	margin-top: 5px;
	padding: 5px;
}

div#headline {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 5px;
}

div#introtext {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 5px;
}
div#introtext a {
	font-weight: bold;
}

div#songlink {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 5px;
}
div#songlink a {
	font-weight: normal;
}

div#purchase {
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
div#unicef a {
	font-weight: bold;
}

/* ======== INTRO */

div#artistpicarray {
	position: relative;
	top: 0px;
	left: 0px;
	height: 500px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

div#artistpic {
	position: absolute;
}

div#copyright {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 3px 0px 3px 10px;
	font-size: 0.55em;
	background-color: #990000;
	border-left: 2px solid #FFCC66;
	border-right: 2px solid #FFCC66;
	border-bottom: 2px solid #FFCC66;
	color: #FFCC66;
}

div#akowal {
	position: relative;
	top: -26px;
	left: 0px;
	margin: 0px;
	padding: 3px 0px 3px 10px;
	font-size: 0.55em;
	color: #FFCC66;
	width: 98%;
	margin: 5px;
	padding-right: 10px;
	text-align: right;
}

div#pressrelease {
	position: relative;

	margin: 0px;
	padding: 0px;

	border-left: 2px solid #FFCC66;
	border-right: 2px solid #FFCC66;

	background-color: #336633;
}

div#paypalpayment {
	position: relative;

	margin: 0px;
	padding: 0px;

	border-left: 2px solid #FFCC66;
	border-right: 2px solid #FFCC66;

	background-color: #336633;
}
input#downloadbutton {
	color: #333333;
}
a#downloadbutton {
	position: relative;
	height: 30px;
	width: 80px;
	border: 1px solid #333333;
	color: #333333;
	background-color: #cccccc;
	text-align: center;
	font-size: 1.2em;
	padding-top: 4px;
}

div#artistlineup {
	position: relative;

	margin: 0px;
	padding: 0px;

	border-left: 2px solid #FFCC66;
	border-right: 2px solid #FFCC66;

	background-color: #336633;
}
div#artistlineup a#toplink {
	font-size: 0.7em;
}

div.artistdetail {
	position: relative;
	top: 0px;
	left: 0px;
	height: 80px;
	font-size: 0.8em;
	text-align: left;
	margin-bottom: 5px;
}

div.artistdetail img {
	width: 80px;
	height: 80px;
	border: none;
	margin: 0px 10px 0px 0px;
}
div.artistname {
	display: inline;
	position: relative;
	top: -35px;
}
h2#choruslist {
	margin-top: 25px;
}
h2#featuredlist {
	margin-top: 20px;
}
h2#musicianlist {
	margin-top: 20px;
}
h2#production {
	margin-top: 20px;
	font-size: 0.85em;
}

table#content {
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 0.7em;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	color: #FFCC66;
}
table#content td {
	padding: 10px;
}
table#content td div.content {
	margin-top: 20px;
}

table.lineupvocal {
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #666666;
	border-collapse: collapse;
}
table.lineupvocalsub {
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	text-align: right;
}
td.lineupsubhead {
	padding: 0px;
	margin: 0px;
	width: 40px;
	font-size: 0.6em;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	vertical-align: top;
}
td.artist {
	padding: 0px;
	margin: 0px;
	font-size: 0.7em;
	width: 300px;
	color: #FFCC66;
	text-align: right;
}
td.artistsub {
	padding: 0px;
	margin: 0px;
	font-size: 0.7em;
	color: #FFCC66;
	text-align: right;
}
td.lyric {
	padding: 0px;
	margin: 0px;
	font-size: 0.7em;
	width: 300px;
	color: #CCFFCC;
	text-align: left;
}

table#cdlabelthumb {
	font-size: 0.8em;
	color: #FFCC66;
}
img#cdlabelthumb {
	width: 70px;
	height: 70px;
	border: none;
}

div#graphiclink {
	position: relative;

	margin: 0px;
	padding: 0px;

	border-left: 2px solid #FFCC66;
	border-right: 2px solid #FFCC66;

	background-color: #336633;
	
	font-size: 1.0em;
	color: #FFCC66;
}

img#ps4plogolink {
	width: 100px;
	height: 100px;
	border: none;
}

img#ps4panimgiflink {
	width: 468px;
	height: 60px;
	border: none;
}

img#ps4pcdlabel {
	width: 200px;
	height: 200px;
	border: none;
}

textarea#ps4ptextlink {
	font-size: 1.2em;
}

div#promo {
	font-size: 0.8em;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
