* { margin: 0; padding: 0; }
body {
    margin: 0px;
    padding: 0px;
    font-family: Georgia, Times New Roman, Serif;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    line-height: 150%;
    color: #000000;
}

a {
    color: #000000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0px;
}

tr td {
    vertical-align: top;
}

#OuterContainer {
    width: 1014px;
    margin: 0px auto;
    padding: 0px;
    border: 1px solid #464847;
    border-top: 0px;
	position:relative;
}

#SiteHeader {
    background-color: #464847;
}

#SiteFooter {
    clear: both;
}

#HeaderNavContainer {
    width: 950px; /* 678px; */
    height: 125px;
    margin: 0px auto;
    padding: 0px;	
}

#HeaderNavContainer .AspNet-Menu-NonLink {
    margin: 0px 10px;
}

#HeaderNavContainer td {
    padding-right: 0px;
}

#SiteLogo {
    position: absolute;
    clear: both;
    top: 54px;
    width: 678px;
    height: 73px;
    margin: 0px auto;
    padding: 0px;
}

#FooterNavContainer {
    width: 900px; /* 678px; */
    border-top: 1px solid #c5c5c5;
    margin: 20px auto;
    padding: 10px;
    text-align: center;
    font-size: 80%;
	clear:both;
}

#FooterNavContainer a {
    color: #464847;
    margin: 0px 20px;
}

#PaddedContent {
    width: 678px;
    margin: 0px auto;
    padding: 20px;
}

.SubHead {
    font-size: 145%;
    font-weight: bold;
}

.SubHead a {
    color: #000000;
}

.MiniHead {
    font-size: 115%;
    font-weight: bold;
}

.Deck {
    color: #000000;
    border: 1px solid #c5c5c5;
    border-left: 0px;
    border-right: 0px;
	border-bottom:0;
    margin: 0.5em 0em;
    padding: 0.25em 0em;
}

.Lead {
    font-size: 120%;
}

.Quote {
    margin-left: 2em;
    margin-right: 2em;
}

.DropCap {
    float: left;
    font-size: 600%;
    line-height: 75%;
    margin-top: 4px;
    padding-top: 0.5%;
}

.PhotoCaption {
    font-size: 70%;
    font-style: italic;
    color: #4d4d4d;
    line-height: 1.5em;
}

.PhotoCaption a {
    color: #4d4d4d;
}

.ByLine {
    color: #7d7466;
    margin-bottom: -1.0em;
}
 
.border-top {
    border-bottom: 1px solid #000000;
}

.PressItem { padding: 15px 0 0 5px; }

#PaddedContent p { margin: 10px 0 0; }

#PressItemsList .PressItem {
    border-bottom: 1px solid #000000; 
	height: auto
}

.PressItem .thumb {
	float: left;
	clear: left;
    height: 202px;
	width: 151px;
	margin: 0 15px 0 0;
}

.PressItem .thumb img {
    display: none;
}

.PressItem .source {
    color: #4a4133;
    font-size: 20px;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: -0.5px;
}

.PressItem .Date {
    font-size: 18px;
	letter-spacing: 0;
}

.PressItem h2 {
    font-size: 23px;
	margin: 0
}

.PressItem .ByLine {
    margin: 0.25em 0 0;
}

.ArchivesItem .ByLine, .BookshelfItem .ByLine {
    color: #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin: 0px;
    margin-top: 0.75em;
    padding: 0px;
    padding: 0.4em 0em;
}

.ArchivesItem .Deck, .BookshelfItem .Deck {
    color: #000000;
    border: 0px;
    border-bottom: 1px solid #000000;
    margin: 0px;
    margin-bottom: 0.75em;
    padding: 0px;
    padding: 0.4em 0em;
}

.BookshelfItem .Deck {
    margin-bottom: -0.5em;
}

#InterviewBlock .InterviewerBlock {
    margin-top: 1em;
}

.InterviewerBlock {
    font-weight: bold;
}
.Interviewer {
    color: #bb131a;
    text-transform: uppercase;
    font-size: 90%;
    display: inline;
    margin-right: 0.25em;
}
.IntervieweeBlock {

}    
.Interviewee {
    font-weight: bold;
    color: #bb131a;
    text-transform: uppercase;
    font-size: 90%;
    display: inline;
    margin-right: 0.25em;
}

.ArchiveCover, .BookshelfCover {
    float: left;
    margin-left: -135px;
}
.imgcont .credit {
	clear: left;
    display: block;
    float: left;
    font-size: 11px;
    margin-left: -135px;
    width: 125px;
}

#GridLayout {
    border-collapse: collapse;
    margin-top: 20px;
}

.GridItemLayout {
    border-collapse: collapse;
    margin: 20px;
}

.GridItemLayout td.ArchiveImage {
    padding-right: 20px;
}

.GridItemLayout .SubHead {
    font-size: 110%;
}

.GridItemLayout .Deck {
    margin-bottom: -0.75em;
}

#PaddedContent .with_audio_box {
	/*width: 480px;*/
}

#audio_box {
	 width: auto;
	 height: auto;
	 background-color: #fff;
	 /*float: right; 
	 width: 310px; */
	 /*margin: 0 -140px 20px 20px; 
	 padding: 5px 10px 5px 5px;
	 border: 2px solid #666; */
}
* html #audio_box {
	margin-right: 0;
}

#audio_box h3 {
	font: bold 1em Georgia,Times New Roman,Serif;	
	margin: 0;
	padding: 0;
	/*padding:5px 10px;
	border-bottom:2px solid #666;
	background-color: #ddd; /*f68f56*/
}

#audio_box ul {
	list-style-position: outside;
	margin: 10px 0;
	padding: 0;
}

#audio_box ul li {
	list-style-type: none;
	margin: 0 0 5px 0px;
	font: normal .8em Georgia,Times New Roman,Serif;
}
* html #audio_box ul li {
    margin-left: 10px;
}

#audio_box ul li object {
	display: block;
	margin: 5px 0 10px;
	/*background-color: #fffff3;*/
}

/* Begins IDs for tables-to-divs code - Seen on Rock and Roll Hall of Fame, Bookshelf, and Archives */

#leftcol { /* creates left column - acts as a container for all of the entries on the left side */
	float:left;
	border-right:1px solid #000;
	width:506px;
	margin:20px 0px 30px 0px;
}

#rightcol { /* creates right column - acts as a container for all of the entries on the right side */
	float:right;
	width:506px;
	margin:20px 0px 30px 0px;
}

/* Begin classes for tables-to-divs code - Seen on Rock and Roll Hall of Fame, Bookshelf, and Archives */

.leftbox { /* Entry in the left column */
	margin:0px 10px 15px 10px;
	border-top:1px solid #000;
	width:486px;
}

.height {
	height:220px;
}

.extraheight { /* Used to give an entry on the archives page, bookshelf page, or rock and roll page a bit of extra height. REMEMBER: needs to be applied to both left AND right row entries to make the row even. */
	height:250px;
}

.leftbox img { /* Controls the images in each entry on the left side */
	margin:20px 20px 10px 10px;
	float:left;
}

.leftbox .SubHead {
	font-size:110%;
}

.leftbox .Deck,
.rightbox .Deck {
    margin: 0 0 -5px;
}

.rightbox { /* Entry in the right column */
	margin:0px 10px 15px 10px;
	border-top:1px solid #000;
	width:486px;
}

.rightbox img { /* Controls the images in each entry on the left side */
	margin:20px 20px 10px 10px;
	float:left;
}

.rightbox .SubHead {
	font-size:110%;
}

.contentbox {
	width:320px;
	float:left;
	margin-top:20px;
}

.topbox {
	border:0px;
	margin-top:0px;
}

div.topbox {
	margin-top:0px;	
}

img.topbox {
	margin-top:0px;
}


/* Begin classes for Rock and Roll Hall of Fame page */
.Author {
	color:#999;
	/*margin-bottom: -0.75em;*/
}

.alltext {
	margin:10px 35px 30px 10px;
}

a.smallcaps { /* Applies small caps to the links on the Rock and Roll page */
	font-variant:small-caps;
	font-size:113%;
}

.BookshelfItem .SubHead {}

/* Begin Homepage classes and IDs */

#hometext {
	z-index:15000;
	font-family:"Times New Roman", Times, serif;
	color:#000;
	line-height:22px;
	font-size:17px;
	position:absolute;
	top:145px;
	left:170px;
	word-spacing:0.1em;
	font-weight:bold;
	width:500px;
}

.italic {
	font-style:italic;
}

/* Begin code for safari only script - makes text not bold in safari ONLY! */

@media screen and (-webkit-min-device-pixel-ratio:0){ 

html{ /* need this so that Safari3 can use window.getMatchedCSSRules to collect CSSStyleRule later */ list-style-image:none; } 

#hometext{ font-weight:normal; } } 


/* Begin photo section classes */

.width200 {
	width:200px;
	background-color:#a9a9a9;
	margin-top:0px;
	height:223px;
}

.width200 p {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9.5px;
	margin:0px;
	padding:5px;
	color:#FFF;
	line-height:12px;
}

.photocontainer {
	background-image:url(../../Images/Photos/photo_bg.png);
	height:225px;
	width:203px;
	margin-bottom:40px;
}
.column {
	float:left;
	width:203px;
	margin:40px 20px 20px 20px;
}
#col1{ margin-left: 41px; }
#col4{ margin-right: 40px; }
/* video styles */
#video_page #PaddedContent { width: 960px; }
#video_frame { float: left; }
*+html #video_frame { margin-top: 5px; }
#iframe_cont { width: 640px; height: 480px; margin-right: 10px; float: left; }
#iframe_cont iframe { border: 0; }
#ActiveVideoContainer {
	float: left;
	width: 350px;
}

#CaptionContainer #Date {
	font-weight: bold;
	color: #f38343;
	margin-bottom: 0.5em;
}

#CaptionContainer #Title {
	font-size: 145%;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#VideoItemsContainer {
	border: 1px solid #464847;
	height: 480px;
	overflow: auto;
	line-height: 110%;
	margin-top: 24px;
}
		
#VideoItemsContainer .Title {
	font-size: 95%;
	font-weight: bold;
}

#VideoItemsContainer .Date {
	font-size: 90%;
	color: #f38343;
	font-weight: bold;
	font-style: italic;
}

#VideoItemsContainer .ClipCaption {
	font-size: 75%;
}