/*
** generic classes
*/

.clear {
	clear: both;
}

.clear-right {
	clear: right;
}

.clear-left {
	clear: left;
}

.replace span { /* dwyer image replacement */
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
** for reference...
*/

.red { color: #b32416; }
.green { color: #00a617; }
.blue { color: #58788b; }

/*
** 
*/

p.bigger {
	font-size: 1.7em;
	line-height: 1.5;
}

p.quotee {
	font-size: 1.3em;
	line-height: 1.3;
	padding-left: 47px;
	font-style: italic;
}

span.courtesy {
	font-style: italic;
}

/*
** the prev/next links
*/

a.prev {
	display: none;
	float: right;
	margin-top: 8px;
	margin-right: 10px;
	width: 69px;
	height: 25px;
	background: url(../_images/ssb-previous.png) left center no-repeat;
	line-height: 1;
	text-decoration: none;
	margin-bottom: 3em;
}

a.next {
	display: block;
	float: right;
	height: 25px;
	margin-top: 8px;
	padding-left: 55px;
	background: url(../_images/ssb_next_bt.png) left center no-repeat;
	line-height: 1;
	text-decoration: none;
	margin-bottom: 3em;
}

a.next span {
	display: block;
	height: 25px;
	padding-right: 12px;
	background: url(../_images/ssb_next_bt_bkg.png) right center no-repeat;
	color: #5c5c5c;
	text-transform: uppercase;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 2.0;
	cursor: pointer;
}

/*
** songs
*/

h2.song-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	margin-left: 30px;
	color: #b32416;
}

p.song-lyrics {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 2.0;
	margin-left: 30px;
}

p.song-credit {
	font-style: italic;
	margin-left: 30px;
}

p.song-listen {
	margin-left: 30px;
}

/*
** link styles
** using classes since ie6 doesn't support attribute selector, and we would like this to work w/o js in this instance
*/

a.mp3 {
/*	background: url(../_images/ssb-audio.png) right center no-repeat;
	padding-right: 20px; */
}

a.pdf {
/*	background: url(../_images/pdficon_small.gif) right center no-repeat;
	padding-right: 23px; */
}

/*
** 
*/

p.resource {
	clear: right;
	margin-top: 1em;
	padding-left: 30px;
	min-height: 22px;
	background: url(../_images/ssb-resources-icon.png) left center no-repeat;
}

/*
**
*/

ul.add-info {
	line-height: 1.2;
}

ul.add-info li {
	margin-bottom: 0.5em;
}

/*
** badges
*/


body.S_3000 a.badge, body.S_4000 a.badge, body.S_5000 a.badge {
	display: block;
	float: right;
	margin: 0 0 0px 20px;
	border-left: 1px solid #808080;
	width: 192px; /* we slign right and add in some spacing on this */
	height: 84px;
	cursor: pointer;
}

body.S_3000 a.badge {
	background: url(../_images/ssb_explore_badge.png) right top no-repeat;
}

body.S_4000 a.badge {
	background: url(../_images/ssb_sing_badge.png) right top no-repeat;
}

body.S_5000 a.badge {
	background: url(../_images/ssb_share_badge.png) right top no-repeat;
}

/*
**
*/

dl.biblio {
}

dl.biblio dt {
	margin-top: 1em;
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	color: #b32416;
}

dl.biblio dd {
	font-size: 1.2em;
}

/*
** custom classes for specific pages
*/

.featured-book {
	padding-bottom: 2em;
	border-bottom: 1px solid #5c5c5c;
	margin-bottom: 1em;
}

.featured-book img {
	display: block;
	float: left;
	margin-right: 20px;
}

.featured-book dl dt {
	padding-top: 50px;
}

/*
**
*/

a.share-facebook {
	display: none;
	padding-left: 25px;
	background: url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat center left;
	font-size: 1.2em;
}

a.share-myspace {
	display: none;
	padding-left: 25px;
	background: url(http://cms.myspacecdn.com/cms/post_myspace_icon.gif) no-repeat center left;
	font-size: 1.2em;
}