/* English language stylesheet for elodieo.com */

/*

Thank you for taking an interest in my code. Please feel free to use any of
this code for reference or as a learning tool. However; the unique combination 
of images, colors, sizes, typography, & positioning - the "design" - are all copyright 
2004 David Correll and may not be copied.

*/


/* ------------------------------------------------------------------------- */
/* non-navigational links */
div#contentHead a:link		{ color: #C30; text-decoration: none; }
div#contentHead a:visited	{ color: #C30; text-decoration: none; }
div#contentHead a:active	{ color: #C30; text-decoration: none; border-bottom: 4px solid #C30; }
div#contentHead a:hover		{ color: #C30; text-decoration: none; border-bottom: 4px solid #C30; }

div#content a				{ padding: 0px 2px 0px 2px; }
div#content a:link			{ color: #C30; text-decoration: none; }
div#content a:visited		{ color: #C30; text-decoration: none; }
div#content a:active		{ color: #C30; background-color: #F90; text-decoration: none; }
div#content a:hover			{ color: #C30; background-color: #F90; text-decoration: none; }
/* ------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------- */
/* moidified html tags */
body {
	margin: 0px;
	background: #F78118;
	}
	
img {
	margin: 0px;
	padding: 0px;
	border: none;
	}
img#record {
	border: none;
	margin-left: -2px;
	vertical-align: text-bottom;
	}
		
p {
	margin: 0px;
	padding: 0px 0px 14px 0px;
	font-size: 11px;
	line-height: 14px;
	color: #630;
	font-family: verdana, ariel, helvetica, sans-serif;
	}
	
h1 {
	margin: 0px;
	padding: 0px 0px 14px 0px;
	font-size: 12px;
	line-height: 14px;
	color: #630;
	font-weight: bold;
	text-transform: uppercase;
	font-family: verdana, ariel, helvetica, sans-serif;
	}
	
h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	line-height: 14px;
	color: #630;
	font-weight: bold;
	font-family: verdana, ariel, helvetica, sans-serif;
	}

ul, li {
	list-style: none;
}

ol {
	padding: 0px;
	margin: 0px 0px 14px 0px;
	background: transparent;
	font-size: 11px;
	line-height: 14px;
	font-family: verdana, ariel, helvetica, sans-serif;
	list-style-type: decimal !important;
}	

ol li {
	color: #C30;
	list-style-position: inside;
	list-style-type: decimal !important;
	
}
		
div#content ul {
	padding: 0px;
	margin: 0px 0px 14px 0px;
	background: transparent;
	font-size: 11px;
	line-height: 14px;
	font-family: verdana, ariel, helvetica, sans-serif;
	}

object {
	float: none;
	background: #F78118;
	}
	
embed {
	float: none;
	background: #F78118;
	}
/* ------------------------------------------------------------------------- */


	
	
/* ------------------------------------------------------------------------- */
/* divs */
#contain {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 612px;
	}
	
#mainIndex {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 795px;
	height: 612px;
	background: url(../images/indexBG.gif)
				top center
				no-repeat
	}
	
#mainHome {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 795px;
	height: 612px;
	background: url(../images/homeBG.gif)
				top center
				no-repeat
	}
	
#mainContent {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 795px;
	height: 612px;
	background: url(../images/contentBG.gif)
				top center
				no-repeat
	}
	
#logo {
	position: absolute;
	margin: 260px 0px 0px 0px;
	width: 117px;
	height: 70px;
	text-align: left;
	}
	
#contentHead {
	position: absolute;
	margin: 60px 0px 0px 418px;
	width: 35%;
	font-size: 12px;
	line-height: 14px;
	color: #630;
	font-family: verdana, ariel, helvetica, sans-serif;
	}

#content {
	position: absolute;
	margin: 120px 0px 0px 418px;
	width: 35%;
	}
	
.playing {
	color: #FFF;
	}
/* ------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------- */
/* discography */
#albumDiv {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	height: 81px;
	}
	
#recordCover {
	margin: 0px;
	padding: 3px 5px 10px 0px;
	float: left;
	width: 81px;
	}
/* ------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------- */
/* language selector */
#language {
	position: absolute;
	margin: 302px 0px 0px 130px;
	border: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 12px;
	background: transparent;
	text-indent: -9999px;
	font-weight: bold;
	font-family: verdana, ariel, helvetica, sans-serif;
	}

#language ul {
	margin: 0px;
	padding: 0px;
	}
	
#language li a {
	display: block;
	width: 85px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-decoration: none;
	height: 12px;
	}

/* NORMAL */			
li#fr 		a		{ background: transparent url(../images/language.gif) 0px -24px no-repeat; }
li#en 		a		{ background: transparent url(../images/language.gif) 0px -36px no-repeat; }

/* OVER */		
li#fr		a:hover	{ background: transparent url(../images/language.gif) 0px 0px no-repeat; }
li#en		a:hover	{ background: transparent url(../images/language.gif) 0px -12px no-repeat; }
/* ------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------- */
/* main navigation */	
#mainNav {
	position: absolute;
	margin: 254px 0px 0px 130px;
	border: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 12px;
	background: transparent;
	text-indent: -9999px;
	font-weight: bold;
	font-family: verdana, ariel, helvetica, sans-serif;
	}

#mainNav ul {
	margin: 0px;
	padding: 0px;
	}
	
#mainNav li a {
	display: block;
	width: 103px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	height: 12px;
	background-color: transparent;
	background-image: url(../en/images/nav/nav_EN.png);
	background-repeat: no-repeat;
}

* html #mainNav li a {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../en/images/nav/nav_EN.png', sizingMethod='image');
}
	
/* NORMAL */			
li#news			a				{ background-position: 0px -72px; }
li#about 		a				{ background-position: 0px -84px; }
li#av				a				{ background-position: 0px -96px; }
li#press		a				{ background-position: 0px -108px; }
li#links		a				{ background-position: 0px -120px; }
li#contact	a				{ background-position: 0px -132px; }


/* OVER */	
li#news 		a:hover	{ background-position: 0px 0px; }
li#about 		a:hover	{ background-position: 0px -12px; }
li#av				a:hover	{ background-position: 0px -24px; }
li#press		a:hover	{ background-position: 0px -36px; }
li#links		a:hover	{ background-position: 0px -48px; }
li#contact	a:hover	{ background-position: 0px -60px; }
/* ------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------- */
/* blog specific */
#newsBlog a:link	{ color: #C30; text-decoration: none; }
#newsBlog a:visited	{ color: #C30; text-decoration: none; }
#newsBlog a:active	{ color: #C30; text-decoration: none; border-bottom: 1px solid #C30; }
#newsBlog a:hover	{ color: #C30; text-decoration: none; border-bottom: 1px solid #C30; }

#newsBlog {
	position: absolute;
	margin: 120px 0px 0px 418px;
	width: 35%;
	}
	
.newsPost {
margin-bottom: 0;
}

.meta {
margin-top: -12px;
font-size: 9px;
}

.postedBy {
font: 11px georgia, serif;
font-style: italic;
}

.editThis {
text-transform: uppercase;
}


/* ------------------------------------------------------------------------- */
/* LP promo page */	
#promotracks li {
	padding: 3px 0;
}