Header link and underline color

[Stumpy]

First, I would like to change the color of the thin line under my header, can someone tell me the css code for this?

Second, I noticed that my header/banner is hot-linked to my Smugmug user URL (islandshooter.smugmug.com), I prefer to keep this private. I would like to either change the link to my URL (kellerphotograpbhic.com), or remove it alltogether.

Thanks in advance,
Steven Keller
www.kellerphotographic.com

[Allen]

First, I would like to change the color of the thin line under my header, can someone tell me the css code for this?

Second, I noticed that my header/banner is hot-linked to my Smugmug user URL (islandshooter.smugmug.com), I prefer to keep this private. I would like to either change the link to my URL (kellerphotograpbhic.com), or remove it alltogether.

Thanks in advance,
Steven Keller
www.kellerphotographic.com (http://www.kellerphotographic.com)
That is all part of the default Smugmug header. Maybe someone else knows
how to make those changes. I have a simple solution if you're game, turning
off that header and adding in one that be be easily controlled.

[Allen]

First, I would like to change the color of the thin line under my header, can someone tell me the css code for this?

Second, I noticed that my header/banner is hot-linked to my Smugmug user URL (islandshooter.smugmug.com), I prefer to keep this private. I would like to either change the link to my URL (kellerphotograpbhic.com), or remove it alltogether.

Thanks in advance,
Steven Keller
www.kellerphotographic.com (http://www.kellerphotographic.com) Here's the changes for replacing the default Smugmug header if you want to do that.

In your control panel on the customize page check NO for Smugmug header.

Add the red in your header or just replace it all with this.

<div id="my_header">

<div id="my_banner">
<a href="/"> <!-- / is relative link for homepage -->
<img src="/img/spacer.gif" width="335" height="41" border="0" alt="">
</a> <!--size of gif same as banner photo -->
</div> <!-- closes my_banner -->

<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/6676807_qwYfj">Services</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="http://kellerphotographic.blogspot.com/" target="_blank">Blog</a></li>
<li><a href="/gallery/6676795_FAUev">Contact</a></li>
</ul>
</div> <!-- closes navcontainer -->

</div> <!-- closes my_header -->

Remove all this from your CSS

.smuglogo {
width: 335px !important;
height: 41px !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,
sizingMethod=image src='http://islandshooter.smugmug.com/photos/426184431_rA2Pw-L.jpg') !important;
}

.smuglogo[class] {
background-image: url(http://islandshooter.smugmug.com/photos/433672447_p8Qsh-L.jpg) !important;
}

/* this part hides the your photos/home, login and help links */

#toolbar {display: none;}

#navcontainer {z-index: 10 !important;}

#navcontainer {position: absolute;
top: 20px;
_top: 13px;
right: 15px;
width: 580px;
}

Add this to your CSS

#my_header {
height: 45px;
border-bottom: 1px solid #666;
margin: 0 40px 15px; /* top right/left bottom*/
padding: 0 20px;
}

#my_banner {
width: 335px;
height: 41px;
margin: 0;
background: url(/photos/433672447_p8Qsh-L.jpg) no-repeat;
}

#navcontainer {
float: right;
margin: -20px 0 0; /* top right/left bottom */
}