html {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
#header {
	border-radius: 10px;
	padding: 1%;
	width: 90%;
	height: 80px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000080;
	font-family: "Blade Runner Movie Font";
	font-size: 48pt;
	color: #FFFFFF;
	text-align: center;
	clear: both;
}
#container {
	width: 100%;
	clear: both;
}
#navigation {
	background-color: #800000;
	height: 200px;
}
#nav-left {
	position: absolute;
	left: 20px;
	top: 30px;
	height: 150px;
	max-width:20%;
}
#nav-center {
	position:relative;
	top:60px;
	left:20%;
	max-width:55%;
	padding:20px 20px 20px 20px;
}
img {
    max-width: 100%;
    height: auto;
}
#nav-right {
	position: absolute;
	top: 20px;
	right: 20px;
	height: 150px;
	width: 240px;
	max-width: 20%;
}
#main-left {
	margin: 5px 10px 5px 10px;
	width: 30%;
	position: absolute;
	left: 0px;
	top: 250px;
	padding:15px;
}
#main-center {
	margin:5px 10px 5px 10px;
	width: 30%;
	position:absolute;
	right:33%;
	top:230px;
	padding:15px;
}
#main-right {
	margin:5px 10px 5px 10px;
	width: 30%;
	position:absolute;
	right:0px;
	top:220px;
	padding:15px;
}
#marquee {
	  font-family:Comic Sans MS;
}
#how-see {
	padding: 0px;

}
#who-opie {
	padding: inherit;
	background-color: #FDCBA6;
}
#opie-thanks {
	padding: inherit;
	background-color: #BDECC5;
}
#about-music {
	padding: 0px;
}
#here-they-are {
	padding: 0px;
}
#discography {
	padding: inherit;
	background-color: #CCCCFF;
}
#sound-main {
}
#sound-player {
	margin-left:auto;
	margin-right:auto;
}
#sound-cds {
	width:29%;
	float:left;
	padding:2%;
}
#sound-live {
	width: 30%;
	float: left;
	padding: 2%;
	text-align: center;
}
#sound-extras {
	width:29%;
	float:left;
	padding:2%;
	text-align:right;
}
#camera-main {
}
#camera-paul50 {
}
#camera-brads {
}
#camera-grotto {
}
#camera-carnival {
}
#video-mpegs {
	position: absolute;
	top: 1000px;
	left: 35%;
	z-index: 1;
}
#history-top {
}
#history-main {
	width: 80%;
	margin-left: 10%;
}
#friends-top {
}
#friends-main {
}
#friends-main-left {
}
#friends-main-center {
	margin-right: auto;
	margin-left: auto;
}
#friends-main-right {
}
#friends-are {
}
#friends-clip1 {
}
#friends-underscore {
	border: thin #000000 groove;
	margin: 15px;
}
#friends-pic1 {
}
#friends-pic2 {
}
#friends-video {
}
#friends-audio {
}
a:hover {
	background-color: #FF6600;
}
a {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	color:fuchsia;
	background-color:#FFCC99;
}
.header-style1 {
	font: xx-large "Monotype Corsiva";
}
.header-style2 {
	color: #0000FF;
	text-align: center;
}
.header-style3 {
	color: #800000;
	text-align: center;
}
.opie-text-style2 {
	color: #000000;
}
.opie-text-style3 {
	color: #000000;
}
.opie-text-style5 {
	color: #800000;
	text-align: center;
	font-size: x-large;
	text-align: center;
	letter-spacing: 3pt;
}
.opie-text-style6 {
	color: #000000;
	font-size: medium;
	letter-spacing: 3pt;
	text-align: left;
	width: 220px;
}
.opie-music-style1 {
	text-align: center;
	background-color: #FFFFFF;
}
.opie-frame-style1 {
	max-width:50%
}
.opie-video-container {
	width: 80%;
	float: right;
	border: medium #000000 groove;
}
.opie-vid-mpegs {
	padding: 15px;
	width: 350px;
	z-index: 1;
	background-color: #FFFFCC;
	border-radius: 15px;
}
.opie-vid-frame {
	position: relative;
	padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	top: 0px;
	left: 0px;
}
.opie-vid-frame iframe {
	position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.video-sidebar {
	position: absolute;
	top: 300px;
	left: 10px;
	width: 15%;
	height: auto;
	z-index: 1;
}
.opie-vid-new {
	background: #6699FF;
	text-align: center;
	height: auto;
	width:auto;
	z-index: 1;
	border-radius: 5px;
	padding:  0px 15px 15px 15px;
}
.opie-vid-old {
	background: #00CC99;
	text-align: center;
	height: auto;
	width: auto;
	z-index: 1;
	border-radius: 5px;
	padding:  0px 15px 15px 15px;
}
.opie-vid-style2 {
	color: #000000;
	text-align: center;
	font-size: x-large;
	font-weight: bold;
	letter-spacing: 5px;
	max-width: 100%;
}
.opie-vid-style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #008000;
	font-weight: bold;
	text-align: center;
}
.band-name-opie {
	color: #0000FF;
	font-weight: bold;
	font-style: italic;
}
.band-name-allstars {
	color: #0000FF;
	font-weight: bold;
	font-style: italic;
}
.band-name-brandee {
	color: #0099CC;
	font-weight: bold;
	font-style: italic;
}
.band-name-dalton {
	color: #CC0000;
	font-weight: bold;
	font-style: italic;
}
.band-name-guzzo {
	color: #800080;
	font-weight: bold;
	font-style: italic;
}
.band-name-underscore {
	color: #008000;
	font-weight: bold;
	font-style: italic;
}
.h4-style1 {
	font-weight: normal;
}
.nav-list {
	font-family: "Rockwell Extra Bold";
	font-size: x-large;
}
.extra1 {
	background: transparent url("../Car02a03_small.jpg") top left no-repeat;
	position: absolute;
	top:5px;
	right:0px;
	width: 512px;
	height: 384px;
}