/*	***************************************************** */
/*	***************************************************** */
/*	**												   ** */
/*	**	All Rights Reserved, The Living Fields © 2009  ** */
/*	**												   ** */
/*	***************************************************** */
/*	***************************************************** */




/*	FRAMEWORK  */

html,
body {
	height: 100%;
	margin: 0;
	background: #333;
				
		border: 0px dotted blue;
}

body {
	text-align: center;
}

#wrap_outer {
	margin: 0 30px;
	
		border: 0px solid #000;
}

#wrap_inner {
	
	margin: 30px auto;
	margin-bottom: 10px;
	
	/* max-width: 900px; 	/* make sure #footer matches this */
	/* min-width: 730px; 	/* make sure #footer matches this */
	
	width: 900px;
	
	background: #000 url(../___media/__framework/_page_top/bg.jpg) repeat-y;
	
		border: 3px solid #000;
}
		
#wrap_popup {
	width: 100%;
	height: 100%;
	margin: 10px auto;
	text-align: center;
				
		border: 0px dotted red;
}	
		
#wrap_popup_snocap {
	width: 100%;
	height: 100%;
	margin: 0;
	padding-top: 10px;
	text-align: center;
	background: #333;
				
		border: 0px dotted red;
}	
	
					#sidebar {
						float:left;
						width: 230px;
						
							border: 0px dotted green;
					}
					
								#sidebar table,
								#sidebar table tr,
								#sidebar table td {
									border: 1;
									margin: 0;
									padding: 0;
								}
					
					#page {
						margin-left: 233px;
						
						text-align: center;
						
						background: url(../___media/__framework/_page_top/main_bg.gif) top right repeat-y;	/* texture running down the right-hand edge */
						
							border: 1px dotted #49402D;
					}
								
								#page_header {
									/* no global structure */
									/* define page-specific styles in the page-specific area below */
								}
										
								#page_content {
									margin: 0 auto;
									padding: 35px;
									padding-top: 30px; /* there's a bit of padding on top of any text, which makes the top margin look larger than it should */
									padding-bottom: 0;
									text-align: left;
									/*max-width: 550px;
									min-height: 500px;*/
									width: 550px;
								}

#footer {
	/* max-width: 900px; 	/* make sure #wrap_inner matches this */
	/* min-width: 730px; 	/* make sure #wrap_inner matches this */
	width: 900px;
	margin: 0 auto;
	padding-bottom: 12px;
	text-align: right;
	font-size: 10px;
	color: #000;

		border: 0px dotted black;
}








/*	PAGE-SPECIFIC IDs */

	#biography{}
	
				#biography_header {
					text-align: center;
				}
	
	
	
	
	#discography {}
	
				.album_cover {
					float: right;
					width: 150px;
					margin-top: 0;
					margin-left: 10px;
					margin-bottom: 10px;
					
						border: 0px dotted #000;
				}
				
				#album_cover_tlf {
					display: block;
				}
				
				#snocap_btn {
					/* settings are in a.popup_snocap below */
				}
				
				#discography .tracklist {
					width: 370px;
					margin-bottom: 1em;
				}
							
							#discography .tracklist tr.row_divider {
								border-top: 1px solid #666;
							}
							
							#discography .tracklist td {
								padding-right: 10px;
							}
										
										#discography .tracklist td.time {
											text-align: right;
										}
										
										#discography .tracklist td.lyrics {
											text-align: center;
										}
	
	
	
	
	#home{}
			
			#home #page_header {
				background: url(../___media/_index/banner_bg.gif) repeat-x;
				text-align: right;
				overflow: hidden;
			}
			
			#home #banner {
			/*
				padding: 15px 0;
				padding: 0;
				
				padding-top: 115px; 
				
				text-align: left;
				
				background: url(../___media/_index/banner.gif) top center no-repeat;
				
					border: 0px solid #4F483A;
			*/
			}
			
			#home h2 {
				margin-bottom: 0;
			}
			
	
	
	
	
	#merchandise {}
	
				#merchandise .album_cover {
					float: left;
					margin: 0;
					margin-right: 10px;
				}
				
				#merchandise .content_block {
					margin-left: 170px;
				}
				
							#merchandise .content_block h2 {
								margin-bottom: 0;
							}
							
							#merchandise .content_block form,
							#merchandise .content_block table,
							#merchandise .content_block td {
								margin: 0;
								padding: 0;
							}
							
							#merchandise .content_block select {
								margin-bottom: 4px;
							}
							
	#news {}
	
				#news .news_item,
				#home .news_item {
					margin-bottom: 2.2em;
				}
	
	
	
	
	#popup_review {
		padding: 2em;
		text-align: left;
	}
	
				#popup_review h1 {
					text-align: left;
				}








/* 	TYPOGRAPHY  */

	html, 
	body, 
	td, 
	div, 
	span, 
	p, 
	ol, 
	ul, 
	li  {
		font-family: Lucida Sans Unicode, Lucida Grande, Arial, sans-serif;
		font-size: 11px; 
		font-weight: normal;
		line-height: 2em;
		color: #999;
	}
	
	p {
		margin: 0;
		margin-bottom: 1em;
	}
	
	h1 {
		text-align: right;
		margin: 0;
		margin-bottom: 1em;
		padding: 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px; 
		font-weight: bold;
		color: #B6AA8C; 
		text-transform: none;
	}
	
	h2 {
		margin: 0;
		margin-bottom: 1em;
		padding: 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px; 
		font-weight: bold;
		color: #CCC; 
		text-transform: none;
	}
	
				#news h2 {
					margin: 0;
				}
	
	h3 {
		display: inline;
		display: inherit;
		margin: 0;
		margin-bottom: 0.5em;
		padding: 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px; 
		font-weight: bold;
		color: inherit;
	}
	
	h4 {
		margin: 0;
		margin-bottom: 0.5em;
		padding: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8px; 
		font-weight: bold;
		color: #666666; 
		text-transform: uppercase;
	}
				
	.album {
		font-weight: bold;
		font-style: italic;
	}
	
	.band {
		font-weight: bold;
	}
	
	.date {
		font-size: 8px; 
		font-weight: bold;
		color: #888888; 
		text-transform: uppercase;
		/*letter-spacing: .05em;*/
	}
	
	.label {
		font-size: 8px; 
		font-weight: bold;
		color: #888888; 
		text-transform: uppercase;
		/*letter-spacing: .05em;*/
	}
	
	.quote {
		font-style: italic;
		color: #CCCCCC; 
	}
	
	.signature {
		font-size: 10px; 
		font-weight: bold;
		font-style: italic;
		color: #FFFFCC; 
		text-transform: capitalize;
		/*letter-spacing: .05em;	*/
	}
	
	.song {
		font-style: italic;
	}
	
	
	
	
	
					


/*	FORMS  */

	fieldset {
		padding: 20px;
		border: 1px #666 dotted;
	}
	
	form {
		margin-bottom: 2em;
	}
	
	input, 
	select, 
	textfield, 
	textarea {
		border: 1px solid #696357;
		padding: 1px 2px 1px 0;
		padding: 4px;
		background-color: #F7F7F7;
		background-color: #000;
		font: 10px Arial, Helvetica, sans-serif;
		color: #696357;
	}
	
	legend {
		font-weight: bold;
	}
	
	textarea {
		border-bottom-style: outset; 
		border-left-style: outset; 
		border-right-style: outset; 
		border-top-style: outset;
	} 
	
	
	
	
	
	
	
	
/*  MISCELLANEOUS HTML ELEMENTS  */
	
	img {
		border: 0;
	}
	
	hr {
		width: 100%;
		height: 1px;
		border: 0;
		background-color: #696357;
	}
	
	td {
		text-align: left;
		vertical-align: top;
	}







/*	REUSABLE STYLES & UTILITY CLASSES  */

	.bordered_pic {
	
	/*	this is the old border style */
		border-top: 	3px #C8C4B3 solid;	
		border-left: 	3px #C8C4B3 solid;	
		border-right: 	3px #696357 solid;	
		border-bottom: 	3px #696357 solid;
	
	/* this adds the 1px black inside border */	
		background: #000;
		padding: 1px;
	
	/* this is the current border style */	
		border: 3px solid #696357;
	}

	.callout_box {
		margin: 2em 0;
		padding: 10px;
		border: 1px #666 dotted;
		background-color: #222;
	}
				
				#downloads .callout_box {
					margin: 2em 0;
					text-align: center;
				}
				
	.divider {
		margin: 3em 0;
		height: 12px;
		background: url(../___media/__global/divider.gif) center center no-repeat;
	}
	
	/*
	.divider {
		width: 500px;
		height: 10px;
		margin: 20px auto;
		text-align: center;
			border: 0px red dotted;
	}
	
				.divider div {
					height: 12px;
					
						border: 0px red dotted;
				}
				
				.divider .wrap {
					/* this is only needed to center the divider *//*
				}
				
							.divider .wrap .left_wing {
								float: left;
								width: 49%;
								
								background: url(../___media/__global/divider_wing_lft.gif) left no-repeat;
							}
							
							.divider .wrap .right_wing {
									float: right;
								width: 49%;
								
								background: url(../___media/__global/divider_wing_rgt.gif) right no-repeat;
							}
							
							.divider .wrap .body {
								width: 100%;
								background: url(../___media/__global/divider_body.gif) center center no-repeat;
							}
	*/
				
	.hidden {
		display: none;
	}
	
	.indent {
		margin-left: 10px;
	}
	
	.quotes {
		text-align: center;
	}
	
				.quotes h2 {
					display: inline;
				}
				
				.quotes .quote {
					font-size: 22px;
					font-transform: italic;
					font-family: Georgia, san-serif;
					line-height: 24px;
				}
				
				.quotes .signature {
					font-size: 18px;
					font-family: Georgia, san-serif;
				}
	
	.read_more {
		text-align: right;
	}
	










/*	LINKS  */
	
	a {
		color: #C8C4B3;
		text-decoration: none;
		padding-right: 8px; /* this spaces the icon away from the link */ 
		margin-right: 2px; /* this spaces the icon away from the next character in the sentence */
		background: url(../___media/__global/icon_link_external.gif) top right no-repeat;
	}
	
	a:hover,
	a:active {
		text-decoration: underline;
		color: #FFF;
	}
	
	a.nav_btn, /* we don't want the generic link style to show up on the nav buttons */
	a.popup_album_cover, /* same for the album cover pics in Discography */
	a.popup_buy_pic, /* same for "Buy TMNC" pics */
	a.popup_spread, /* same for "Buy TMNC" spread link pics */
	a.no_icon { /* a generic class for any links that don't link icons */ 
		margin: 0;
		padding: 0;
		background: none;
	}
	
	a.download { /* a special icon shows up on download links */
		background: url(../___media/__global/icon_link_download.gif) bottom right no-repeat;
	}
	
	a.internal { /* a special icon shows up on internal links */ 
		padding-right: 10px;
		background: url(../___media/__global/icon_link_internal.gif) top right no-repeat;
	}
	
	a.popup,
	a.popup_buy,
	a.popup_review {
		background: url(../___media/__global/icon_link_popup.gif) top right no-repeat;
	}
	
	a.friend { /* we put the icon in front of the link on the Friends page */
		padding-left: 10px;
		padding-right: 0;
		background: url(../___media/__global/icon_link_external.gif) top left no-repeat;
	}
	
	a.popup_buy_pic {
		float:right;
		margin-left:10px;
		margin-bottom:10px;
	}
	
	a.popup_snocap,
	a.popup_itunes,
	a.buy_this_album {
		display: block;
		margin: 5px 0;
		width: 132px;
		background: #000;
		padding: 10px;
		border: 3px solid #696357;
		text-align: center;
		text-decoration: none;
	}
				a.popup_snocap:hover,
				a.popup_snocap:active,
				a.buy_this_album:active {
					background: #696357;
				}