/*
    Eileen Joyce
    Author: Jef Wirchenko
    Date:   October 2010
    */
    
body {
	background: #212121;
}

/*
Main Page Attributes
*/

#container {
    margin-left: auto;
    margin-right: auto;
    width: 50em;
}

#banner {
	float: left;
	width: 850px;
	height: 133px;
    background-image: url(../images/ej_banner_00.gif);
    background-repeat: no-repeat;
}

#menu {
	float: right;
	width: 700px;
	height: 66px;
}

#menubg {
    float: left;
	width: 850px;
	height: 66px;
	margin-top: -2px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background: url(../images/ej_banner_01.gif);
	background-repeat: no-repeat;
}

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 5px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

#crown {
    float: left;
	width: 850px;
	height: 40px;
	background-color: Gray;
    background-image: url(../images/crown.gif);
    background-repeat: no-repeat;
}

#text {
    float: left;
	width: 850px;
	text-align: justify;
   	background-color: #B4B4B4;
   	background-image: url(../images/edges.gif);
   	/*
    height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
    */   	
}

#photobox {
    float: left;
	width: 850px;
	text-align: center;
   	background-color: #B4B4B4;
   	background-image: url(../images/edges.gif);
   	margin: 0px, 35px, 0px, 35px;
   	/*
    height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
    */   	
}

#down {
    float: left;
	width: 850px;
	height: 85px;
	background-color: Gray;
    background-image: url(../images/down.gif);
    background-repeat: no-repeat;
}

#footer {
    float: left;
	width: 850px;
	text-align: center;
    background-color: Black;
    background-image: url(../images/edges.gif);
}
#footer ul {
    list-style-type: none;
}
#footer li {
    display: inline;
    padding: 25px 20px 0px 15px;
}

#crown2 {
    float: left;
	width: 850px;
	height: 40px;
	background-color: Black;
    background-image: url(../images/crown2.gif);
    background-repeat: no-repeat;
}

#down2 {
    float: left;
	width: 850px;
	height: 40px;
	background-color: Black;
    background-image: url(../images/down2.gif);
    background-repeat: no-repeat;
}

#address {
    float: left;
	width: 850px;
	height: 45px;
	color: White;
	padding: 25px 0px 15px 0px;
	text-align: center;
    background-color: Black;
}

/* ABOUT PAGE */

.bioimgleft {
    float: left;
    padding: 20px 35px 20px 40px;
}
.bioimgright {
    float: right;
    padding: 10px 40px 10px 35px;
}
.bioimgcent {
    text-align: center;
    padding: 20px 0px 10px 0px;
}


    /* NEWS PAGE */
.news_1 {
    float: left;
    padding: 25px 25px 10px 35px;
}
.news_1 img {
    float: right;
    padding: 25px 35px 10px 25px;
}
.news_2 {
    float: left;
    padding: 25px 25px 10px 35px;
}
.news_2 img {
    float: right;
    padding: 0px 35px 10px 25px;
}
.news_3 {
    float: left;
    padding: 25px 25px 10px 35px;
}
.news_3 img {
    float: left;
    padding: 25px 35px 10px 25px;
}

    /* MUSIC PAGE */
    
.album {
    text-align: left;
    margin: 10px 25px 10px 25px;
    padding: 10px;
    border: solid 1px Black;
    background-color: Silver;
    background-color: Silver;
 }
.album img {
    position: static;
}
.album h2 {
    padding-top: 0px;
    text-align: center;
}
.album h4{
    padding: 15px 0px 0px 250px;
}
.album h5 {
    padding: 5px 0px 0px 250px;
    font-style: italic;
}
.album ul {
    list-style-type: none;    
    padding-bottom: 50px;
    padding-left: 300px;
}
.album li {
    padding: 0px;
    margin: 0px;
}
.disc {
    padding-left: 35px;
}
.released {
    font-style: italic;
}
.cdbaby {
    float: right;
    padding: 20px 120px 0px 0px;
}
#liner {
    padding: 0px 45px 100px 265px;
}


    /* GALLERY PAGE */
    
#comingsoontext {
    float: left;
	width: 850px;
	text-align: center;
   	background-color: #B4B4B4;
   	background-image: url(../images/edges.gif);
}
#comingsoontext h1 {
	text-align: center;
	padding-bottom: 15px;
}
#comingsoontext img {
	padding-bottom: 15px;
}

    /* CSS Lightbox 
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 16px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
*/
    
.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 200%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 15%;
	left: 0%;
	width: 100%;
	height: 100%;
	padding: 0px;
	border: none;
	background-color: none;
	z-index:1002;
	overflow: auto;
}

.white_content a {
    color: White;
}

.white_content a:hover  {
    color: Yellow;
}

    /* DATES PAGE */

#datetable {
    float: left;
    text-align: center;
    padding: 0px 0px 0px 125px;
}
#datetable h1, #datetable h3 {
    text-align: center;
}
.dateimg {
    float: right;
    padding: 10px 85px 10px 0px;
}
   

    /* CONSTRUCTION DIV */
    
#construction {
    text-align: center;
}
#construction h1 {
    text-align: center;
}
#construction h2 {
    text-align: center;
}


/*
Music Page Attributes
*/
.cdcovers {
    text-align: left;
    width: 780px;
    height: 225px;
    margin: 10px 25px 10px 25px;
    padding: 10px;
    border: solid 1px Black;
    background-color: Silver;
    background-color: Silver;
}
.cdcovers h2 {
    text-align: center;
}
.cdcovers h3 {
    text-align: center;
    padding-left: 100px;
}
.cdcovers h4 {
    text-align: center;
}
.cdcovers ul {
     text-align: center;
}
.cdcovers li {
    list-style-type: none;
    text-align: center;
}
.cdcovers a {
    list-style-type: none;
    text-align: center;
}
.cdcovers img {
    margin: 0px;
    padding: 0px 0px 0px 25px;
    position: absolute;
}
.cdtext {
    text-align: center;
    padding: 0px 0px 0px 50px;
}