/* Generic Styling definitions for desktops: */

html, body { margin:0px; font-size: 18px; }

BODY
{ 
	
	font-family: Helvetica,Arial,sans-serif;;
	color: #000000;  	
	font-weight:normal;
	line-height:1.5;
	text-align:justify;
	background-color:#FFFFFF;	
}

DIV.error_text, DIV.breadcrumb
{
	clear:left;
	text-align:center;
	padding-top:1rem;
	padding-bottom:1rem;	
}

DIV.error_text
{
	color:#FF0000;
}

DIV.breadcrumb
{
	padding: 0.5rem;
}

DIV.header_title
{
	float:left;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size: 3rem;
	/* color:#414340; */
	padding-top:1rem;
	padding-bottom:1rem;	
}

DIV.header_spacer_left, DIV.header_spacer_right
{
	float:left;
	width:10%;
	text-align:center;
	padding-top:1rem;
	padding-bottom:1rem;		
	display:none;
}

DIV.header_spacer_right
{
	float:right;
}

IMG.menu_icon
{
	width:50%;
}

DIV.menu
{
	text-align:center;
}

SPAN.menu_button
{
	padding: 1em 2em;
}

DIV.link
{
	clear:left;
	float:left;
}

DIV.banner
{
	float:left;
	width:100%;
	background-color:#666666;		
	color: #444444; 
	margin:0;
}

DIV.bannerphoto
{
	float:left;	
	width:33%;
}

DIV.bannertext
{
	float:left;	
	text-align:center;
	width:50%;
	padding-left:1rem;	
}

DIV.TitleJenniferBell
{
	float:left;
	font-size:4rem;	
	line-height:1.4;
}

DIV.TitleSongwriter
{
	clear:left;
	float:left;
	font-size:2rem;	
	line-height:0.5;	
}

DIV.social_media
{
	clear:left;
	float:left;
	width:100%;
	text-align:center;
}

IMG.social_media_icon
{
	width:5%;
}

IMG.facebook
{
	margin-right:3rem;	
}

IMG.mail
{
	margin-left:3rem;	
}

DIV.info
{
	clear:left;
	width: 75%;
	margin:auto;
	padding-top:1rem;
	padding-bottom:1rem;
}

DIV.cds
{
	clear:left;
	text-align:center;
	padding-bottom:1rem;		
}

DIV.Jennifer_And_Will
{
	float:left;
	width:33%;
	text-align:right;

}

IMG.jandw
{
	width:16%;
    margin-left:18%;
    margin-right:8%;
	/*margin-right:5em;*/	
}

IMG.cdoldbones
{
	width:16%;
}

IMG.cdbedlam
{
	width:16%;
    margin-left:8%;	
    margin-right:18%;		
	/*margin-left:5em;*/
}

DIV.CD_Old_Bones_And_Silver_Fishes
{
	float:left;
	width:33%;
}

DIV.CD_And_So_To_Bedlam
{
	float:left;
	width:33%;
	text-align:left;
}

#songs
{
	border-top: 1px solid #CCCCCC;
}

DIV.song_category
{
	clear:left;
	text-align:center;
	/* background-color:#5C5C5C;		
	color: #444444;	*/
	padding-top:1rem;
	padding-bottom:1.5rem;		
}

SELECT.song_category_select, BUTTON.song_alphabetical
{
	font-family: Helvetica,Arial,sans-serif;
	color: #000000;
	font-size: 1rem;
}

DIV.songs_by_category, DIV.songs_alphabetical, DIV.sitemap
{
	clear:left;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 1rem;
	width: 50%;	
	display: block;
}

DIV.sitemap
{
	margin-top: 0rem;	
}

DIV.songs_alphabetical
{
	display: none;
}

DIV.song_light, DIV.song_dark
{
	clear:left;
	padding:1rem;
	text-align:left;
	position:relative;	
}

DIV.song_light
{
	background-color: #FFFFFF;
}

DIV.song_dark
{
	background-color: #F0F0F0;
}

DIV.song_title
{
	clear:left;
	font-weight:bold;
}

DIV.song_caption_short
{
	clear:left;
}

DIV.song_icons
{
	clear:left;
	/*float:left;*/
	width:100%;	
	margin-top:0.5em;	
}

IMG.icons
{
	width:5%;
	height:auto;
	align:left;
}

DIV.song_details
{
	clear:left;
	/*float:left;*/
	width:100%;
	/*text-align:center; */
	margin-top:1em;	
}

DIV.song_details_button
{
  display:inline-block;
  background: #444444;
  color: #FFFFFF;
  padding: 0.5em; 		
}

#rcorners1 {
  /* border-radius: 1.5em; */
  background: #444444;
  color: #FFFFFF;
  padding: 0.1em; 
  /* width: 9em; */
}

DIV.details_title, DIV.details_caption, DIV.details_solo_recording, DIV.details_group_recording, DIV.details_lyrics, DIV.details_video, DIV.details_cd
{
	clear:left;
	width:100%;
	text-align:center;
}

DIV.details_caption, DIV.details_solo_recording, DIV.details_group_recording, DIV.details_video, DIV.details_cd
{
	margin-top:1em;
	margin-bottom:1em;	
}

DIV.details_title
{
	font-size:2rem;	
	font-weight:bold;
}

DIV.video_position
{
	width: 60%;
	margin:auto;
}

DIV.details_lyrics
{
	width:50%;
	background-color: #FFFFFF;	
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	text-align:left;
	padding:1em;
	margin:auto;
	
}

DIV.lyrics_outer
{
	width:100%;
	float:left;
	padding-top:1em;
	margin-bottom:1em;
}

DIV.lyrics_title
{
	font-weight:bold;
	margin-bottom:1em;
}

DIV.reviewbox
{
	padding-bottom:2em;
}


DIV.links_inner
{
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

DIV.linkbox
{
	padding-bottom:1em;
}

DIV.reviewtitle, DIV.linktitle
{
	font-weight:bold;
}

DIV.reviewtitle, DIV.linktitle, DIV.linktext
{
	text-align: left;
}

DIV.lastitem
{
	padding-bottom:0em;
}

DIV.home_reviews_more
{
	text-align:center;
	font-weight:bold;
	padding-top: 1rem;
}

DIV.footer
{
	float:left;
	clear:left;
	width:100%;
	background-color:#666666;
	text-align:center;
	padding-top: 1rem;
	padding-bottom: 1rem;	
}

DIV.wildigweb
{
	float:right;
	clear:left;
	text-align:right;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;	
	padding-right: 1rem;
}


a:link {color:#000000; text-decoration: underline;}
a:visited {color:#000000;  text-decoration: underline;}
a:hover {color:#7AAD6A; text-decoration: underline;}	

a.menu:link {font-weight:bold; font-size:2rem; color: #000000; text-decoration: none;}
a.menu:visited {font-weight:bold; font-size:2rem; color: #000000;  text-decoration: none;}
a.menu:hover {font-weight:bold; font-size:2rem; color: #7AAD6A; text-decoration: none;}

a.details:link {color:#000000; text-decoration: none;}
a.details:visited {color:#000000;  text-decoration: none;}
a.details:hover {color:#000000; text-decoration: none;}	

@media only screen and (max-width: 1500px)
{
	
	IMG.icons
	{
		width: 8%;
	}
	
	DIV.video_position
	{
		width: 85%;
	}
}

@media only screen and (max-width: 1300px)
{
	
	DIV.cds
	{
		/*display:none;*/
	}
	

	IMG.jandw
	{
		width:20%;
		margin-left:12%;
		margin-right:8%;
		/*margin-right:5em;*/	
	}

	IMG.cdoldbones
	{
		width:20%;
	}

	IMG.cdbedlam
	{
		width:20%;
		margin-left:8%;	
		margin-right:12%;		
		/*margin-left:5em;*/
	}	

	DIV.details_lyrics
	{
		width:85%;
	}
	
	IMG.social_media_icon
	{
		width: 10%;					
	}	
	
}

@media only screen and (max-width: 1200px)
{
	DIV.songs_by_category
	{
		width: 75%;			
	}
	
}

@media only screen and (max-width: 1000px)
{
	
	DIV.header_spacer_left, DIV.header_spacer_right
	{
		display: block;
	}
	
	DIV.header_title
	{
		width: 80%;
		font-size: 2rem;
	}
		
	
	DIV.menu
	{
		display: none;
	}	
	
	DIV.links_inner
	{
		width: 75%;
	}
	
	IMG.icons
	{
		width: 12%;
	}	
}

@media only screen and (max-width: 700px)
{
	
	DIV.header_title
	{
		font-size :1.5rem;
	}
	
	
	
}

@media only screen and (max-width: 600px)
{

	/* For Mobile Phones */
	
	
	
}