/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 10pt;
	background: #ffffff;
	}



/* LAYOUT STRUCTURE */

#wrap {
	/*width: 100%;*/
	min-width: 430px; /*keep this so the article clips don't extend past white bg when page is resized*/
	max-width: 430px;
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: "Georgia", Times New Roman, Times, serif;

	}


/* NEW CODE FOR RIFFIN */

/* LINKS */

/* MAGAZINE MAIN ARTICLE: DOWNLOAD BOX LINKS */
a.downloadBoxLinks img { border: none; }
a.downloadBoxLinks:link {color: #666666; text-decoration: underline; }
a.downloadBoxLinks:visited {color: #666666; text-decoration: underline; }
a.downloadBoxLinks:hover {color: #ffffff; text-decoration: underline;  background: #89D9FC;  }
a.downloadBoxLinks:active {color: #89D9FC; } 

/* MAGAZINE: CLICK THROUGH NAVIGATION LINKS [PREV] [NEXT] */
a.thruNav img { border: none; }
a.thruNav:link {color: #666666; text-decoration: underline; }
a.thruNav:visited {color: #666666; text-decoration: underline; }
a.thruNav:hover {color: #ffffff; text-decoration: underline;  background: #89D9FC;  }
a.thruNav:active {color: #89D9FC; } 

/* MAGAZINE: HEADER ON ARTICLE LINKS [AT THE TOP + BOTTOM OF THE ARTICLE] */
a.header img { border: none; }
a.header:link {color: #A1CD43; text-decoration: underline; }
a.header:visited {color: #A1CD43; text-decoration: underline; }
a.header:hover {color: #ffffff; text-decoration: underline;  background: #A1CD43;  }
a.header:active {color: #A1CD43; } 

/* MAGAZINE: BYLINE LINKS */
a.byline img { border: none; }
a.byline:link {color: #FFFFFF; text-decoration: underline; }
a.byline:visited {color: #FFFFFF; text-decoration: underline; }
a.byline:hover {color: #89D9FC; text-decoration: underline;  }
a.byline:active {color: #FFFFFF; } 

/* MAGAZINE: RIFFLIST LINKS */
a.rifflist img { border: none; }
a.rifflist:link {color: #000000; text-decoration: underline; }
a.rifflist:visited {color: #000000; text-decoration: underline; }
a.rifflist:hover {color: #FFFFFF; text-decoration: underline;  }
a.rifflist:active {color: #FFFFFF; } 

/* MAGAZINE: IMAGE LINKS */
a img {
	border: none; 
	}



#content {
	float: left;
	width: 430px;
	margin: 0;
	padding: 0;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 100%;
	letter-spacing: 0.01em;
	line-height: 1.4em;
	color: #000000;
	}

#content h2 {
	margin: 0.5em 0 0 0;
	padding: 0;
	font-size: 230%;
	font-weight: 600;
	color: #000000;	
	line-height: 1em;
	font-family: "Georgia", Times New Roman, Times, serif;
	}
	


/* ARTICLE HEADER */
#article_header {
	background: #000000;
	}

#article_header h1 {
	margin: 0;
	padding: 2px;
	font-family: "Georgia", Times New Roman, Times, serif;
	color: #ffffff;
	font-size: 100%;
	font-weight:300;
	text-align: center;
	letter-spacing: 1px;
	}
	
/* TOP CLICK THRU NAV BAR */	
#thruNav {
	clear: both;
	background: #ffffff;
	border-bottom: 1px solid #000000;
	}
	
#thruNav p {
	margin: 0;
	padding: 2px 0 2px 0;
	color: #666666;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 90%;
	text-align: right;
	}

/* BOTTOM CLICK THRU NAV BAR */	
#thruNav_footer {
	clear: both;
	background: #ffffff;
	border-top: 1px solid #000000;
	}
	
#thruNav_footer p {
	margin: 0;
	padding: 2px 0 2px 0;
	font-family: "Georgia", Times New Roman, Times, serif;
	color: #666666;
	font-size: 90%;
	text-align: right;
	}
	
/* ARTICLE FOOTER */
#article_footer {
	background: #000000;
	}	
#article_footer h1 {
	clear: both;
	margin: 0;
	padding: 2px;
	color: #ffffff;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 100%;
	font-weight:300;
	text-align: center;
	letter-spacing: 1px;
	}
	
/* RIFFLIST BOX */

#rifflistBox {
	float: right;
	width: 190px;
	margin: 10px 0 0 10px;
	padding: 0;
	background: #ffffff;
	}

#rifflistBox .rifflistHeader {
	float: right;
	width: 190px;
	min-height: 32px; 
	padding: 0;
	margin: 0;
	background: #8FDA69 url(Images/rifflist.gif) no-repeat top left;
	}

#rifflistBox .rifflistHeader p {
	margin: 0;
	padding: 1px 0 0 35px; 
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.1em;
	color: #000000;
	}

#rifflistBox .rifflistText {
	float: right;
	margin: 0;
	padding: 0 0 10px 0; 
	min-width: 188px;
	border-bottom: 1px dashed #8FDA69;
	border-left: 1px dashed #8FDA69;
	border-right: 1px dashed #8FDA69;
	background: #C7ECB4;

	}

#rifflistBox .rifflistText p {
	margin: 10px 0 10px 0;
	padding: 0 0 0 5px; 
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	text-align: left;
	color: #000000;
	}

#rifflistBox .rifflistText li {
	list-style: none;
	margin-left: 0;
	padding-left: 2.5em;
	text-indent: -2em;
	}


/* ALERT BOXES */

#alertBox {
	float: right;
	width: 200px;
	margin: 10px 0 0 10px;
	padding: 0;
	background: #ffffff;
	}

#alertBox .alertHeader {
	float: right;
	width: 200px;
	min-height: 32px; 
	padding: 0;
	margin: 0;
	background: #89D9FC url(Images/alertBox01.gif) no-repeat top left;
	}



#alertBox .alertHeader p {
	margin: 0;
	padding: 1px 0 0 35px; 
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.1em;
	color: #000000;
	}

#alertBox .alertHeaderAlt {
	float: right;
	width: 200px;
	min-height: 32px; 
	padding: 0;
	margin: 0;
	background: #89D9FC url(Images/alertBox02.gif) no-repeat top left;
	}

#alertBox .alertHeaderAlt p {
	margin: 0;
	padding: 8px 0 0 35px; 
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.1em;
	color: #000000;
	}



#alertBox .alertText {
	float: right;
	margin: 0;
	padding: 0px; 
	min-width: 198px;
	border-bottom: 1px dashed #89D9FC;
	border-left: 1px dashed #89D9FC;
	border-right: 1px dashed #89D9FC;

	}

#alertBox .alertText p {
	margin: 10px 0 10px 0;
	padding: 0; 
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	text-align: center;
	color: #000000;
	}


/* MAIN ARTICLE: PULLQUOTE */

#quoteBox {
	width: 220px;
	float: right;
	margin: 0;
	padding: 0;
	}

#quoteBox p {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #000000;
	}

#quoteBox img {
	float: right;
	margin: 0; 
	padding: 0;
	}
	

.pullquote {
	width: 200px;
	float: right;
	line-height: 120%;
	margin: 0; /*	margin: 10px 10px 5px 5px; */
	background: url('Images/closedquote.gif') no-repeat bottom right !important;
	background /**/: url(); /* removing quote graphic in IE5+ */
	padding: 0px 10px 2px 10px;
	}
	
.pullquote:first-letter {
	background: url('Images/openquote.gif') no-repeat left top!important;
	padding: 10px 2px 10px 35px!important; /*added 10px to top so open qoute not cut off at top in IE */
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
	}


.pullquoteText {
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-size: 200%;
	font-family: "Georgia", Times New Roman, Times, serif;
	line-height: 1.2em;
	color: #000000;
	}





/* FLOAT ON IMAGE */
.floatImage {
	
	float: right;
	/*width: 200px;*/
	margin: 0.5em 0 0.2em 0.1em;
	padding: 0;
	background-color: #fff;
	}

.floatImage p { 
	margin: 0 0 2em 0; 
	padding: 0;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #000000;

	}

/* ALT FLOAT ON IMAGE */
.floatImageAlt {
	float: left;
	width: 220px;
	margin: 0.5em 0.1em 0.2em 0;
	padding: 0;
	background-color: #fff;
	}

.floatImageAlt p { 
	margin: 0 0 2em 0; 
	padding: 0;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #000000;

	}


/* FOR TEMPLATE B : WHEN PHOTO IS HORIZONTAL */
.floatImageHor {
	float: left;
	width: 440px;
	margin: 0.5em 0 0.2em 0;
	padding: 0;
	background-color: #fff;
	}

.floatImageHor p { 
	margin: 0 0 2em 0; 
	padding: 0;
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #000000;

	}




/* FLOAT ON DOWNLOAD BOX AT TOP OF PAGE */

.downloadBox {
	float: left;
	width: 220px;
	margin: 0 0 2em 0;
	padding: 0;
	background: #ffffff;
	}

.downloadBox p {
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	color: #000000;	
	}

.floatDownload {
	float: left;
	width: 38px;
	margin: 0 0 5em 0;
	padding: 0;
	background: #ffffff;
	}

/* FLOAT ON DOWNLOAD BOX AT TOP OF PAGE WHEN PHOTO IS HORIZONTAL*/

.downloadBoxHor {
	float: left;
	width: 440px;
	margin: 0 0 2em 0;
	padding: 0;
	background: #ffffff;
	}

.downloadBoxHor p {
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	color: #000000;	
	}

.floatDownloadHor {
	float: left;
	width: 38px;
	margin: 0 0 5em 0;
	padding: 0;
	background: #ffffff;
	}


/* BYLINE */
.byline {
	margin: 0 0 1em 0;
	padding: 0;
	width: 220px;
	}

.byline p {
	margin: 0;
	padding: 0.8em 0 0 0.2em;
	font-size: 90%;
	font-family: "Georgia", Times New Roman, Times, serif;
	color: #7F171F;	
	}

.bylineName {
	background: #7F171F; 
	margin: 0;
	padding: 0;
	}

.bylineName p {
	color: #FFFFFF;
	margin: 0;
	padding: 0.2em 0 0.2em 0.2em;
	}



/* TEXT */

.intro {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 110%;
	letter-spacing: 0.01em;
	line-height: 1.2em;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	color: #000000;
	}	

.question {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 0.01em;
	line-height: 1.4em;
	margin: 0;
	padding: 10px 0 0 0;
	color: #000000;
	}


.answer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	letter-spacing: 0.01em;
	line-height: 1.4em;
	margin: 0;
	padding: 10px 0 0 0;
	color: #000000;
	}

.artistName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	letter-spacing: 0.01em;
	line-height: 1.4em;
	margin: 0;
	padding: 10px 0 0 0;
	color: #000000;
	font-weight: bold;
	}