/* main styles for eddielang.com */



hr {height:2px; color:#666; background-color:#666; margin-top:-10px;}

#marquee {margin-top:20px;}

body {
	color:#000;
	background-image:url(images/deco_bkgrd.jpg);
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment:fixed
}


#container {
	background-color:#FFF;
	width: 808px;
	left: 50%;
	margin-left: -404px;
	margin-top: -10px;
	position:absolute;
   }

#quotes {position:absolute; top:55px; left:0px; z-index:1;}
#el_home_pic {position:absolute; top:55px; left:492px; z-index:1;}
#el_logo {position:absolute; top:102px; left:0px; z-index:1; border:none}

#guts_container {background-color:#FFF; width:808px; position:absolute; top:303px; left:0px; z-index:1;}
#guts_el {width:768px; margin-left:20px; font-family:Arial, Helvetica, sans-serif; background-image:url(images/ELwatermark.jpg);
   background-position:center; background-repeat:no-repeat;}
#guts {width:768px; margin-left:20px; font-family:Arial, Helvetica, sans-serif;}

h1 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:rgb(102,102,102);
   font-size:24pt;}
   
h2 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:rgb(102,102,102);
   font-size:18pt;}
   
h3 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; background-color:#666;
   color:white; font-size:14pt; width:200px; line-height:32px; margin-top: -9px; padding-left:5px;}
   
h4 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:rgb(102,102,102);
   font-size:10pt;}
   
h5 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666; font-size:14pt;}
   


.dates {font-family:Arial, Helvetica, sans-serif;
   color:#666;
   font-weight:bold;
   text-align:left;
   font-size:10pt;
   }
.dates a {text-decoration:none;
   font-family:Arial, Helvetica, sans-serif;
   color:#666;
   font-weight:bold;
   text-align:left;
   font-size:10pt}
.dates a:hover {background-color:#333;
   color:white;
   font-weight:bold;
   text-align:left;
   font-size:10pt}
.dates a:visited {text-decoration:none;}

.spotlight {background-color:black;}
.spotlight p{width:720px; font-family:Times, serif; font-weight:bold; font-style:italic; font-size:10pt;
   color:white; padding-left:30px;}
   
p {
	font-size:10pt;
	line-height:12pt;
	font-family: Arial, Helvetica, sans-serif;
}
a {font-size:8pt; color:#333; text-decoration:underline;}
a:hover {font-size:8pt; color:#FFF; background-color:#333; text-decoration:none;}
a:visited {text-decoration:underline; border:none}
a img {border:none;}

#btm_nav {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#999;
	font-weight:normal;
	margin: 30px 0px 20px 0px;
}
.nav a {font-size: 9pt; text-decoration: none; color: #999; display: inline;}
.nav a:hover {font-size: 9pt; background-color:#333; color:#FFF;}
.nav a:visited {text-decoration:none}

#footnotes {font-family:Arial, Helvetica, sans-serif;
   color:#000; font-size:7pt;
   font-weight: normal; line-height:11pt;
   margin-top:15px;}
   
.audio_note {font-family:Arial, Helvetica, sans-serif;
   color:#000; font-size:7pt;
   font-weight: normal; line-height:11pt;
   margin-top:15px;}
   
.caption {font-family:Arial, Helvetica, sans-serif;
   color:#000; font-size:8pt;
   font-weight: normal; line-height:11pt;
   margin-top:10px;}   

/* marginSTYLES -- rmbr to subtract 212px from width and add negSign to left position */
.imgPop {float:right; position:relative; padding: 0px 0px 20px 20px; background-color:#fff; z-index:100;}
.imgPop .mPix {float: right; display:block; text-decoration:none; background:#fff; top:0; left:0; border:0;}

.imgPop .dca1923 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .dca1923 {display:block; position:absolute; top:-50px; left:-103px; border:5px solid #ccc;}
.imgPop .dca1923ii {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .dca1923ii {display:block; position:absolute; top:-50px; left:-103px; border:5px solid #ccc;}
.imgPop .dcaLate1923 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .dcaLate1923 {display:block; position:absolute; top:-50px; left:-220px; border:5px solid #ccc;}


.imgPop .d01021933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d01021933 {display:block; position:absolute; top:-50px; left:-340px; border:5px solid #ccc;}
.imgPop .d01041933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d01041933 {display:block; position:absolute; top:-50px; left:-157px; border:5px solid #ccc;}
.imgPop .d01091933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d01091933 {display:block; position:absolute; top:-50px; left:-88px; border:5px solid #ccc;}
.imgPop .d01121933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d01121933 {display:block; position:absolute; top:-153px; left:-160px; border:5px solid #ccc;}
.imgPop .d01141933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d01141933 {display:block; position:absolute; top:-165px; left:-166px; border:5px solid #ccc;}
.imgPop .d01151933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d01151933 {display:block; position:absolute; top:-33px; left:12px; border:5px solid #ccc;}
.imgPop .d01251933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d01251933 {display:block; position:absolute; top:-129px; left:-105px; border:5px solid #ccc;}
.imgPop .d01281933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d01281933 {display:block; position:absolute; top:-129px; left:-105px; border:5px solid #ccc;}
.imgPop .d02021933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d02021933 {display:block; position:absolute; top:-129px; left:-99px; border:5px solid #ccc;}
.imgPop .d02091933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d02091933 {display:block; position:absolute; top:-122px; left:-88px; border:5px solid #ccc;}
.imgPop .d02211933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d02211933 {display:block; position:absolute; top:-129px; left:-118px; border:5px solid #ccc;}
.imgPop .d03041933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d03041933 {display:block; position:absolute; top:-57px; left:6px; border:5px solid #ccc;}
.imgPop .d03181933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d03181933 {display:block; position:absolute; top:-129px; left:-117px; border:5px solid #ccc;}
.imgPop .d03241933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d03241933 {display:block; position:absolute; top:-121px; left:-292px; border:5px solid #ccc;}
.imgPop .d03301933 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .d03301933 {display:block; position:absolute; top:-80px; left:-76px; border:5px solid #ccc;}

.imgPop .lFiddle {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .lFiddle {display:block; position:absolute; top:-65px; left:-176px; border:5px solid #ccc;}
.imgPop .lKeys {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .lKeys {display:block; position:absolute; top:-74px; left:-118px; border:5px solid #ccc;}

.imgPop .essen1 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .essen1 {display:block; position:absolute; top:-50px; left:-292px; border:5px solid #ccc;}
.imgPop .essen2 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .essen2 {display:block; position:absolute; top:-75px; left:-292px; border:5px solid #ccc;}
.imgPop .essen3 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .essen3 {display:block; position:absolute; top: -130px; left:-118px; border:5px solid #ccc;}
.imgPop .essen4 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .essen4 {display:block; position:absolute; top: -65px; left:-292px; border:5px solid #ccc;}
.imgPop .essen5 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .essen5 {display:block; position:absolute; top: -218px; left:-102px; border:5px solid #ccc;}
.imgPop .essen6 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .essen6 {display:block; position:absolute; top: -86px; left:-292px; border:5px solid #ccc;}
.imgPop .essen7 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .essen7 {display:block; position:absolute; top: -89px; left:-68px; border:5px solid #ccc;}
.imgPop .essen8 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .essen8 {display:block; position:absolute; top: -113px; left:-63px; border:5px solid #ccc;}
.imgPop .essen9 {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .essen9 {display:block; position:absolute; top: -129px; left:-122px; border:5px solid #ccc;}

.imgPop .jvMusic {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .jvMusic {display:block; position:absolute; top:-113px; left:-70px; border:5px solid #ccc;}
.imgPop .jvlowdown {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .jvlowdown {display:block; position:absolute; top:-100px; left:-161px; border:5px solid #ccc;}
.imgPop .jvmarker {display:none; position:absolute; border:0; top:0;}
.imgPop .mPix:hover .jvmarker {display:block; position:absolute; top:-16px; left:7px; border:5px solid #ccc;}





.elLinks a {font-size: 10pt; text-decoration:underline; color:#666}
.elLinks a:hover {background-color:#333; color: white;}
.elLinks a:visited {color:#666; text-decoration:underline;}

#friends {font-size:10pt; line-height:12pt; font-family: Arial, Helvetica, sans-serif;}