html, body {
    background-color:#555;
    margin:0;
    height:100%;
    font: 13px "Times New Roman", "Trebuchet MS", Verdana, sans-serif;
}
img {
    border:none;
}
#rapper {
    background: url('/support/columns.png') repeat-y 50% 0;
    width:876px;
    _height:1400px; /* ie 6 */
    min-height:1400px;
    margin:auto;
}
#content {
    min-height:1400px;
    _height:1400px;
    margin-left:37px;
    width:625px;
    background: url('/support/meandgramps_ghost.jpg') no-repeat bottom left;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari 3.0 and Chrome rules here */
    #content {
        margin-left:38px;
    }
}
#heading {
    text-align: center;
    background: url('/support/the_people_say_fox.jpg') no-repeat top center;
    /* bg img is 162px tall */
    height:64px;
    padding-top:94px;
}
#linkbar {
    margin:auto;
    width:550px;
}
.lb_divider {
    float:left;
    margin: -5px 2px 0 2px;
}
.lb {
    background-position: top right;
    background-repeat:no-repeat;
    height:19px;
    display:block;
    float:left;
}
#linkbar .home {    width:54px;  background-image: url('/support/linkbar_home_off.png'); }
#linkbar .news {    width:54px;  background-image: url('/support/linkbar_news_off.png'); }
#linkbar .memoirs { width:80px;  background-image: url('/support/linkbar_memoirs_off.png'); }
#linkbar .media {   width:58px;  background-image: url('/support/linkbar_media_off.png'); }
#linkbar .merch {   width:122px; background-image: url('/support/linkbar_merch_off.png'); }
#linkbar .tour {   width:54px; background-image: url('/support/linkbar_tour_off.png'); }
#linkbar .home:hover { background-image:    url('/support/linkbar_home_on.png'); }
#linkbar .news:hover { background-image:    url('/support/linkbar_news_on.png'); }
#linkbar .memoirs:hover { background-image: url('/support/linkbar_memoirs_on.png'); }
#linkbar .media:hover { background-image:   url('/support/linkbar_media_on.png'); }
#linkbar .merch:hover { background-image:   url('/support/linkbar_merch_on.png'); }
#linkbar .tour:hover { background-image:   url('/support/linkbar_tour_on.png'); }





#stuffbelowtheheading {
}
#newsheading {
    text-align:center;
    margin-bottom:-5px;
}
.newsitem {
    height: auto;
    width: 530px;
    margin:10px 0 0 30px;
    padding: 5px 20px;
    background-color: #E6CBC4;
    border: 1px solid #DEC8B7;
    color: #5C5751;
}
.newsitem h1 {
    color:#45423F;
    margin-bottom:0;
}

.newsitem .byline {
/*            margin: 15px 0 15px 20px;*/
    font-size:80%;
    color:#77325C;
    font-style: italic;
}
.newsitem a {
    color: #63618F;
    text-decoration:none;
}
.newsitem a:hover {
    text-decoration:underline;
}
.newsitem h2 {
    font-size:120%;
    font-style: normal;
    color: #694653;
}
.newsitem h2 a {
    color: #694653;
}
.newsitem p {
}
.newsicon {
    margin:5px 10px 2px 5px;
    
}

#sidebar {
    width: 170px;
    height: 1400px;
    float:right;
    text-align:center;
    color:#2E4366;
    margin-right:20px; /* ie value */
}
html>body #sidebar {
	margin-right: 40px; /* others */
}

#cd {
    margin-top:20px;
    font-style:italic;
}
#cd a {
    text-decoration:none;
}
#cd a:hover {
    text-decoration:underline;
}

#shows {
    margin-top:35px;
}
.showitem {
    margin:10px;
}
.showitem a {
    color: #2E4366;
}
.showitem h2 {
    font-size:115%;
    margin:0;
}
.showitem .time {
    font-size:90%;
    font-weight: bold;
    margin:0 10px 0 12px;
}
.showitem .author {
    font-size:80%;
    font-style: italic;
}
#elsewhere {
    margin-top: 50px;
    /*position of links is determined by background-position of .logo class */
}
.logo {
    background-position: top right;
    background-repeat:no-repeat;
    height:22px;
    width:155px;
    display:block;
}
.itunes { background-image: url('/support/logo_itunes_off.png'); }
.facebook { background-image: url('/support/logo_facebook_off.png'); }
.myspace { background-image: url('/support/logo_myspace_off.png'); }
.purevolume { background-image: url('/support/logo_purevolume_off.png'); }
.reverbnation { background-image: url('/support/logo_reverbnation_off.png'); }
.twitter { background-image: url('/support/logo_twitter_off.png'); }

.itunes:hover { background-image: url('/support/logo_itunes_on.png'); }
.facebook:hover { background-image: url('/support/logo_facebook_on.png'); }
.myspace:hover { background-image: url('/support/logo_myspace_on.png'); }
.purevolume:hover { background-image: url('/support/logo_purevolume_on.png'); }
.reverbnation:hover { background-image: url('/support/logo_reverbnation_on.png'); }
.twitter:hover { background-image: url('/support/logo_twitter_on.png'); }

.left { float:left; }
.right { float: right; }
.hidden { display: none; }
img {
    background-image: none;
}
#hashpipe {
    padding:0;
    float:right;
    margin: -24px 40px 0 0;
}
#ooga {
    margin-top:-22px;
    margin-left:142px;
    float:left;
    width:0;
    overflow:hidden;
}
#feedme {
    margin:0;
    background-color:#F8EDDB;
    color:#B09F8F;
}

/***********************************************/
/*   home page   (latest news, etc)           */

#latest_stuff {
    width: 580px;
    margin:auto;
}
#latest_stuff h1 {
/*    margin-top:-10px;*/
    margin-bottom: -15px;
}
#latest_stuff .link {
    background-repeat: no-repeat;
    background-position: center left;
    width: 114px;
    height: 30px;
    float:left;
    margin-left:10px;
    margin-top: 10px;
    display:inline;
}
#latest_stuff .news  { background-image: url("/support/latest_news_off.png"); }
#latest_stuff .media { background-image: url("/support/latest_media_off.png"); }
#latest_stuff .merch { background-image: url("/support/latest_merch_off.png"); }
#latest_stuff .news:hover  { background-image:  url("/support/latest_news_on.png"); }
#latest_stuff .media:hover { background-image: url("/support/latest_media_on.png"); }
#latest_stuff .merch:hover { background-image: url("/support/latest_merch_on.png"); }

#latest_stuff .section {
    margin-top:15px;
    /*if these have a margin-bottom, 
      it pushes the bottom of the page beyond the background image*/
}

.latest_news {
    background-color: #E6CBC4;
    color: #8F757E;
}
.latest_news h2 {
    font-size:120%;
    font-style: normal;
    display: inline;
    color: #694653;
}
.latest_news a {
    color: #63618F;
    text-decoration:none;
}
.latest_news a:hover {
    text-decoration:underline;
}
.latest_news h2 a {
    color: #694653;
}
.latest_news p {
    margin: 10px 10px 0 10px;
}
.latest_news .date {
    font-style:italic;
    float:right;
    margin-right:15px;
}
.latest_news .item {
    padding:10px;
    margin-left:160px;
    width: 394px; /* any wider and they shift below NEWS link in IE */
}

.latest_news .newsicon {
}
.latest_news .morelink {
    margin-left: 250px;
    font-size:90%;
}

.latest_media {
    _height:100px; /* ie 6 */
    min-height:100px;
    background-color:#ccc1b7;
    text-align:center;
}
.latest_media img {
    border: 3px solid #E6DCD4;
    margin:10px 10px 5px 0;
}
.latest_media a {
    color: #63618F;
    text-decoration:none;
}
.latest_media a:hover {
    text-decoration:underline;
}
.latest_merch {
    _height:100px; /* ie 6 */
    min-height:100px;
    background-color:#d9d9bf;
    text-align:center;
}
.latest_merch .item {
    padding:5px;
/*    margin:10px 10px 5px 0;*/
    margin: auto;
    width: 140px;
}
.latest_merch img {
    margin:0;
    border:3px solid #ECECDC;
}
.latest_merch a {
    color: #657D6F;
    font-style:italic;
    text-decoration: none;
}
.latest_merch a:hover {
    text-decoration: underline;
}



/*******************************/
/*  other pages */

.detailpagewrap {
    margin: auto;
    width: 580px;
    color: #504B45;
}
.detailpagewrap h1,
.detialpagewrap h2 {
    margin:0;
    font-weight:normal;
    text-align:center;
}
.detailpagewrap p {
    margin:0;
}

/* media pages */

.media_group {
    _height:100px; /* ie 6 */
    min-height:100px;
    background-color:#ccc1b7;
    text-align:center;
	margin: auto;
	width: 580px;
	padding: 10px;
	margin-top:10px;
}
.media_group img {
    border: 3px solid #E6DCD4;
    margin:10px 10px 5px 0;
}
.media_group a {
	color: #48536F;
	text-decoration: none;
}
.media_group a:hover {
	text-decoration: underline;
}
.media_group p {
	color: #423F5B;
}
.media_group h2 {
	text-align:left;
	margin:0;
	padding-left:6px;
	color:#606267;
}
.media_group h2 .subhead {
	font-size:50%;
}


/*            */


#comments {
    width: 440px;
    margin:auto;
    color: #524F46;
	float:left;
	clear:none;
	margin-left:80px;
}