html {
 background-color: #000000;
}

body {
 text-align: center;
 font-family: Verdana, Arial, sans serif;
 font-size: 10pt;
 color: #FFC306;
 margin: 0px auto;
 background-color: #000000;
}


#page { 
 width: 980px;
background-color: #142C5C;
 text-align: center;
 margin: 0px auto;
 background: url("http://www.theelusivefish.com/tef-template/page-x.jpg");
overflow: hidden;
}

#header {
 height: 75px;
 width: 100%;
 margin: 0 auto;
 background-color: #000000;
 text-align: center;
}

#header h1 {
font-size: 10pt;
}
    

#header a { /* makes it clickable */

    display: block;
    margin: 0;
    padding: 0;
    height: 75px;
    vertical-align: top;
    text-decoration: none;
    background: transparent url("http://www.theelusivefish.com/tef-template/header.jpg") 0 0 no-repeat;
    text-indent: -9000px;
    border: none; }

    

#header a:hover {
    text-decoration: none;
    border: none; }


#navmain {
 height: 215px;
 width: 100%;
 background-color: #000000;
 margin: 0px auto;
 border-top: solid;
 border-top-color: #000000;
 border-bottom: solid;
 border-bottom-color: #000000;
 color: #FFFFFF;
 text-align: left;
 background: url("http://www.theelusivefish.com/tef-template/nav.jpg");
}

#navbox1 {
 position: absolute;
 margin-left: 15px;
 width: 200px;
 height: 180px;
 top: 90px;
 padding: 5px;
 color: #FFC306;
 background: url("http://www.theelusivefish.com/tef-template/navbox.png");

}

#navbox1 ul {
color: #000000;
list-style-type: none;
text-indent: -20px;
margin: 0px 0px -10px -10px;
}


#navbox1 li:hover {
background-color: #000000;
margin-left: -25px;
text-indent: 10px;
color: #FFC306;
}

#navbox1 a {
text-decoration: none;
color: #000000;
}

#navbox1 a:hover {
color: #FFC306;
}

#navbox1 li.navbox1bg {
background-color: #000000;
color: #FFC306;
margin-left: -25px;
text-indent: 10px;
}

#navbox2 {
position: absolute;
 margin-left: 260px;
 width: 210px;
 height: 180px;
 top: 90px;
 color: #FFC306;
 padding: 5px;
 background: url("http://www.theelusivefish.com/tef-template/navbox.png");
}

#navbox2 ul {
color: #000000;
list-style-type: none;
text-indent: -20px;
margin: 0px 0px -10px -10px;
}


#navbox2 li:hover {
background-color: #000000;
margin-left: -25px;
text-indent: 10px;
color: #FFC306;
}

#navbox2 a {
text-decoration: none;
color: #000000;
}

#navbox2 a:hover {
color: #FFC306;
}

#navbox2 li.navbox2bg {
background-color: #000000;
color: #FFC306;
margin-left: -25px;
text-indent: 10px;
}


#navbox3 {
 position: absolute;
 margin-left: 505px;
 width: 210px;
 height: 180px;
 top: 90px;
 color: #FFC306;
 padding: 5px;
 background: url("http://www.theelusivefish.com/tef-template/navbox.png");

}


#navbox3 ul {
color: #000000;
list-style-type: none;
text-indent: -20px;
margin: 0px 0px -10px -10px;
}


#navbox3 li:hover {
background-color: #000000;
margin-left: -25px;
text-indent: 10px;
color: #FFC306;
}

#navbox3 a {
text-decoration: none;
color: #000000;
}

#navbox3 a:hover {
color: #FFC306;
}

#navbox3 li.navbox3bg {
background-color: #000000;
color: #FFC306;
margin-left: -25px;
text-indent: 10px;
}

#navbox4 {
 position: absolute;
 margin-left: 750px;
 width: 210px;
 height: 190px;
 top: 90px;
 color: #FFC306;
 background: url("http://www.theelusivefish.com/tef-template/navbox.png");
 overflow: hidden;

}



#container {
float: left;
overflow: hidden;
}

#content {
 float: left;
 text-align: left;
 margin: 0px 0 0px 30px;
 width: 575px;
 color: #000000;
}

#meta {
 float:right;
 margin: 0px 20px 0 0;
 width: 250px;
 color: #000000;
}

#metabox1 {

background: url("http://www.theelusivefish.com/tef-template/meta-mid.jpg");
overflow: hidden;
padding: 0px 10px 0px 10px;
overflow: hidden;
text-align: left;

}

#metabox1 img {
margin:-5px 0px -5px -10px;
} 

#metabox2 {
background: url("http://www.theelusivefish.com/tef-template/meta-mid.jpg");
padding: 0px 10px 0px 10px;
overflow: hidden;
text-align: left;

}

#delicious ul { 
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

#delicious li {
background: url("http://www.theelusivefish.com/tef-template/deliciousicon.gif") left top no-repeat;
padding-left: 15px;
margin-bottom: 10px;

}



#theblogfeeds ul { 
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

#theblogfeeds li {
background: url("http://www.theelusivefish.com/tef-template/fishbullet.gif") left top no-repeat;
padding-left: 25px;
margin-bottom: 10px;

}

#metabox2 img {
margin:-5px 0px -5px -10px;
} 

#metabox3 {

background: url("http://www.theelusivefish.com/tef-template/meta-mid.jpg");
overflow: hidden;
padding: 0px 10px 0px 10px;
overflow: hidden;
text-align: left;

}

#metabox3 img {
margin:-5px 0px -5px -10px;
} 

#metabox4 {

background: url("http://www.theelusivefish.com/tef-template/meta-mid.jpg");
overflow: hidden;
padding: 0px 10px 0px 10px;
overflow: hidden;
text-align: left;

}

#metabox4 img {
margin:-5px 0px -5px -10px;
} 





#test {
margin: 0 0 -5px 0px;
}





#footer {
 width: 100%;
 border-top: solid;
 border-top-color: #000000;
 border-top-width: 6px;
 height: 75px;
 margin: 0 auto;
 background: url("http://www.theelusivefish.com/tef-template/footer.jpg");
 text-align: center;
}


#footer p{
font-size: 12px;
text-align: right;
margin-top: -10px;
}

#footer a{
color: #FFC306;
text-decoration: none;
}


#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
text-align: left;
	background-image: url("http://www.theelusivefish.com/tef-template/overlay.png");
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
* html #overlay {
	background-color: #000;
	background-image: url("http://www.theelusivefish.com/tef-template/blank.gif");
	filter: Alpha(opacity=50);
}