body {
	text-align: center;
	background: #34322c;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
}
#splash {
	width: 698px;
	height: 500px;
	text-align: left;
	background: no-repeat url(/media/splash.jpg) #34322c;
	margin: 30px auto;
}
#page {
	position: relative;
	width: 800px;
	text-align: left;
	margin: 30px auto;
	background: repeat-y url(/media/otisBody.gif) #34322c
}
#header {
	position: relative;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 46px;
	background: no-repeat url(/media/otisHead.gif) #34322c;
}
#searchBox {
	display: none;
}
#livesearch {
	border: 1px solid #0D0C0A;
	padding: 4px;
	font-size: 11px;
	font-weight: bold;
}
#content {
	position: relative;
	width: 800px;
	margin: 0;
	padding: 0;
}
#obthree {
	position: relative;
	width: 800px;
	margin: 0;
	padding: 0;
	background: no-repeat 0px 100% url(/media/obthree.gif);
}
#bannerBox {
	left: 45px;
	position: relative;
	width: 558px;
	height: 200px;
}
#homeBox {
	color: #000;
	position: relative;
	left: 45px;
	width: 722px;
	height: 400px;
	background: #0d0c0a no-repeat 100% 0px url(/media/homePhotoBg.jpg);
}

#bioBox {
	color: #000;
	position: relative;
	left: 45px;
	width: 722px;
	background: #0d0c0a no-repeat 100% 10px url(/media/bgBiography.jpg);
}

#discoBox {
	color: #000;
	position: relative;
	left: 45px;
	width: 722px;
	background: #0d0c0a no-repeat 100% 10px url(/media/bgDiscography.jpg);
}

#discoBox h1 {
clear: both;
}

#shadoBox {
	position: relative;
	left: 45px;
	width: 722px;
	background: #0d0c0a;
}

#photoStory {
	color: white;
	position: relative;
	top: 40px;
	left: 15px;
	width: 722px;
	background: transparent; 
	padding-bottom: 20px;
	margin-bottom:30px;
}


#tileBox h1 {
	font-size: 18px;

	color: #93ddff;
	margin: 30px 0 5px 15px;
	padding; 0;
}

#gigBox {
	color: #000;
	position: relative;
	left: 45px;
	width: 722px;
	background: #0d0c0a no-repeat 100% 0px url(/media/bgGigs.jpg);
}

.gigMonth p, .gigMonth h2, .gigMonth h3 {
	padding: 5px;
	margin: 0;
}

.gigMonth {
	background-color: #22201c;
	margin-bottom: 5px;
}

.gigMonth h3 {

}

.gigMonth h2 {
	background-color: #3c3933;
}

#linksBox {
	color: #000;
	position: relative;
	left: 45px;
	width: 722px;
	background: #0d0c0a;
}

#guestBox {
	color: #000;
	position: relative;
	left: 45px;
	width: 722px;
	background: #0d0c0a no-repeat 100% 15px url(/media/bgGuestBook.jpg);
}
#endoBox {
	color: #000;
	position: relative;
	left: 45px;
	width: 722px;
	background: #0d0c0a no-repeat 100% 10px url(/media/bgEndorsements.jpg);
}
#searchBox {
	position: relative;
	float: right;
	right: 35px;
	top: 10px;
}

#feedBox {
	color: #6d695c;
	font-size: 11px;
	position: relative;
	float: left;
	left: 45px;
	top: 10px;
}

#feedBox a {
	text-decoration: none;
}


#feedBox a:link {
	color: black;
}

#feedBox a:visited {
	color: black;
}

#feedBox a:hover {
	color: #1e84ff;
}

#feedBox a:active {
	color: red;
}

#navBox {
	float: left;
	z-index: 10;
	height: 29px; 
	color: #000;
	background: #9e9785;
	position: absolute;
	left: 45px;
	width: 722px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
}

#navBar {
	position: relative;
	padding: 0;
	margin: 0;
}

#navBar ul {
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 20px;
}

#navBar ul li {
	display: inline;
}

a.nav {
    height: 29px;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

a.nav:link {
	color: transparent;
	background-color: #9e9785;
}

a.nav:visited {
	color: transparent;
	background-color: #9e9785;
}

a.nav:hover {
	color: transparent;
	background-color: #9e9785;
}

a.nav:active {
	color: transparent;
	background-color: #9e9785;
}
.navBullet {
    float: left;
    display: block;
}

a#home {
    width: 47px;
	margin-left: 3px;
}

a#home:link {
	background: url(/media/linkHome.gif);
}
a#home:visited {
	background: url(/media/linkHome.gif);
}
a#home:hover {
	background: url(/media/hoverHome.gif);
}
a#home:active {
	background: url(/media/activeHome.gif);
}

a#bio {
	width: 72px;
}
a#bio:link {
	background: url(/media/linkBio.gif);
}
a#bio:visited {
	background: url(/media/linkBio.gif);
}
a#bio:hover {
	background: url(/media/hoverBio.gif);
}
a#bio:active {
	background: url(/media/activeBio.gif);
}

a#gigs {
	width: 37px;
}
a#gigs:link {
	background: url(/media/linkGigs.gif);
}
a#gigs:visited {
	background: url(/media/linkGigs.gif);
}
a#gigs:hover {
	background: url(/media/hoverGigs.gif);
}
a#gigs:active {
	background: url(/media/activeGigs.gif);
}

a#photos {
	width: 51px;
}
a#photos:link {
	background: url(/media/linkPhotos.gif);
}
a#photos:visited {
	background: url(/media/linkPhotos.gif);
}
a#photos:hover {
	background: url(/media/hoverPhotos.gif);
}
a#photos:active {
	background: url(/media/activePhotos.gif);
}

a#disco {
	width: 125px;
}
a#disco:link {
	background: url(/media/linkDisco.gif);
}
a#disco:visited {
	background: url(/media/linkDisco.gif);
}
a#disco:hover {
	background: url(/media/hoverDisco.gif);
}
a#disco:active {
	background: url(/media/activeDisco.gif);
}

a#links {
	width: 40px;
}
a#links:link {
	background: url(/media/linkLinks.gif);
}
a#links:visited {
	background: url(/media/linkLinks.gif);
}
a#links:hover {
	background: url(/media/hoverLinks.gif);
}
a#links:active {
	background: url(/media/activeLinks.gif);
}

a#endo {
	width: 98px;
}
a#endo:link {
	background: url(/media/linkEndo.gif);
}
a#endo:visited {
	background: url(/media/linkEndo.gif);
}
a#endo:hover {
	background: url(/media/hoverEndo.gif);
}
a#endo:active {
	background: url(/media/activeEndo.gif);
}

a#guest {
	width: 133px;
}
a#guest:link {
	background: url(/media/linkGuest.gif);
}
a#guest:visited {
	background: url(/media/linkGuest.gif);
}
a#guest:hover {
	background: url(/media/hoverGuest.gif);
}
a#guest:active {
	background: url(/media/activeGuest.gif);
}

a span {
display: none;
}

span.navBullet {
    width: 15px;
    height: 29px;
	background: #9E9885 no-repeat 50% 0 url(/media/navSepBullet.gif);
}

#commentform {
	font-size: 12px;
	border-top: 1px solid #9e9785;
	margin-top: 30px;
	margin-bottom: 25px;
	padding: 3px 5px 5px 5px;
	background-color: #2a2824
}

#commentform h3 {
	margin-bottom: 15px;
}

#commentform span {
	display: block;
	margin: 0;
	padding-left: 5px;
}

#commentform label {
	float: left;
	width: 60px;
}

#greeting {
	color: #fff;
	position: relative;
	top: 70px;
	left: 0px;
	width: 300px;
}
#greeting p {
	font-size: 12px;
	padding: 10px 0px 5px 15px;
	margin: 0;
}
#story {
	color: white;
	position: relative;
	top: 40px;
	left: 15px;
	width: 400px;
	background: transparent; 
	padding-bottom: 20px;
	margin-bottom:30px;
}

#discoBox #story {
	color: white;
	position: relative;
	left: 15px;
	top: 40px;
	width: 300px;
	background: transparent; 
	padding-bottom: 20px;
	margin-bottom:30px;
}

#linksBox #story {
	color: white;
	position: relative;
	left: 15px;
	top: 40px;
	width: 300px;
	background: transparent; 
	padding-bottom: 20px;
	margin-bottom:30px;
}

#liveBox {
	background: #34322c; 
position: absolute;
color: white;
right: 30px;
top: 400px;
width: 240px;
border: 4px solid #9e9885;
}

#liveBox h2 {
color: #d6cfbe;
background: #9e9885;
padding-left: 6px;
}

#musicBox {

position: absolute;
color: white;
right: 30px;
top: 60px;
width: 350px;
}

#musicBox span.pseudoHead {
display: block;
color: #d6cfbe;
background: #9e9885;
padding-left: 6px;
font-size: 12px;
}

#story p {
	line-height: 16px;
	font-size: 12px;
}
#musicBox p {
	line-height: 16px;
	font-size: 12px;
}

#liveBox p {
	line-height: 16px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 12px;
}

#story strong {
	line-height: 16px;
	font-size: 14px;
}
#musicBox strong {
	line-height: 16px;
	font-size: 14px;
}

#liveBox strong {
	line-height: 16px;
	font-size: 14px;
}

#story a {
text-decoration: none;
}

#story a:link {
	color: #93ddff;
}
#story a:visited {
	color: #93ddff;
}
#story a:hover {
	color: red;
}
#story a:active {
	color: red;
}

a {
text-decoration: none;
}

a:link {
	color: #93ddff;
}
a:visited {
	color: #93ddff;
}
a:hover {
	color: red;
}
a:active {
	color: red;
}

#subLinks p {
	font-size: 12px;
	margin: 10px;
}

h1 {
	font-size: 18px;
	color: #93ddff;
	margin: 0 0 10px 0;
	padding; 0;
}

h2 {
	font-size: 16px;
	color: #9e9885;
	margin: 0;
	padding; 0;
}

h2 a {
	text-decoration: none;
}

h2 a:link {
	color: #6d695c;
}

h2 a:visited {
	color: #6d695c;
}

h2 a:hover {
	color: #93ddff;
}

h2 a:active {
	color: red;
}
h3 {
	font-size: 14px;
	color: #9e9885;
margin: 0;
padding; 0;
}
ul {
margin: 3px 0 8px 20px;
padding: 0 0 0 10px;
}
ol {
margin: 3px 0 8px 20px;
padding: 0 0 0 10px;
}
li {
font-size: 11px;
}
img {
border: none;
}

img.right {
margin-left: 15px;
position: relative;
float: right;
}
.slug {
font-weight: bold;
color: #9e9885;
}

.slug a {
text-decoration: none;
}

.slug a:link {
color: #1e84ff;
}

.slug a:visited {
color: #1e84ff;
}

.slug a:hover {
color: red;
}

.slug a:active {
color: black;
}

.comment {
font-size: 12px;
color: #9e9885;
padding: 5px;
margin: 5px 0;
}

.odd {
background-color: #22201c;
}

.even {
background-color: #3c3933;
}

form {
	border: 0;
	padding: 0;
	margin: 0;
}
img {
	border: 0;
}
/*
#links {
	font-size: 12px;
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 170px;
	margin: 0 23px 10px 0;
	padding: 0;
	background: transparent;
}

#links ul {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

#links ul a {
	background-color: transparent;
	padding: 3px 0 3px 15px;
	display: block;
	color: #34322c;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	text-align: left;
	height: 14px;
	margin: 0px;
}

#links ul a:hover {
	color: red;
	background: #9e9885;
}*/
.subLinks {
	padding: 15px 0 3px 15px;
}
.subLinks p {
	border: 0;
	margin: 0;
	padding: 0 0 12px 0;
	font-weight: bold;
	color: #000;
}
.subLinks a {
	background-color: transparent;
	color: #34322c;
	text-decoration: none;
	position: relative;
}

.subLinks a:hover {
	color: red;
	background: #9e9885;
}

#footer {
	position: relative;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 33px;
	background: no-repeat url(/media/otisFoot.gif) #34322c;
}

/*=================== */

ul#rssThumbNav {
list-style-type: none;
margin: 0;
padding: .5em 0;
border-top: 1px solid #666;
}
       
ul#rssThumbNav li a {
display: block;
width: 5em;
color: #FFF;
background-color: #036;
padding: .2em 0;
text-align: center;
text-decoration: none;
}
        
ul#rssThumbNav li a:hover {
color: #FFF;
background-color: #69C;
}

.rssThumbs {
margin-top: 15px;
}
        
ul#rssThumbNav .left { float: left; }
ul#rssThumbNav .right { float: right; }

.rssThumbFloat {
    float: left;
    width: 150px;
    border-right: 1px solid #5f5a4e;
    border-bottom: 1px solid #5f5a4e;
    border-left: 1px solid #cec9bb;
    border-top: 1px solid #cec9bb;
    margin: 0 15px 15px 0;
    padding: 5px;
    text-align: center;
    font-size: .85em;
    background-color: #9e9785;
}

img.rssThumb {
    border-left: 1px solid #5f5a4e;
    border-top: 1px solid #5f5a4e;
    border-right: 1px solid #cec9bb;
    border-bottom: 1px solid #cec9bb;
}