Help with fonts and removing something...

[C&CPhotography]

I have been working on different things to customize the site... www.candcphotographyonline.com (http://www.candcphotographyonline.com) all day.

Problem #1:
I have NOT attempted to change the font but during some of the HTML it must have been touched and I can't figure out what's wrong with it.

Problem #2:
I noticed on the About us/contact page there is an annoying sentance at the bottom of the page "This is a brand new gallery with no photo's" I didn't change any settings on this gallery and both the font and this lil nusance is there. It is set as a no photo gallery.

Here is the html in the CSS box:

#bioBox .photo {
display: none;}

/* Header and Navbar */
#MRPWrapper {
text-align: center;
}
#MRPHeader {position:relative; height:25px; margin:0 auto; padding:0; z-index:3;}
/* navbar with hoverboxes */
#MRPNavcontainer {
margin: 1px 0px;
}
#MRPNavcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#MRPNavcontainer ul li { display: inline; }
#MRPNavcontainer ul li a
{
text-decoration: none;
padding: .2em 9px;
color: #a1a5a9;
background-color: #161616;
#MRPNavcontainer ul li a:hover
{
color: #fff;
background-color: #000;
}
.smuglogo {display:none;}
#photoKeywords {display: none !important;}
.cartlink_footer { display: none; }
.play_slideshow {display:none;}
.galleryPage .nophotos { display: none; }
.loggedIn #homepage {display: block !important;}
.buttons[value=fullscreen] {display:none;}
/* Site Defaults */
/*.loginLink { display: none;}*/
.box {background:transparent;}
#homepage, #category, #smugmug, #journal, #traditional, #singleImage, #slideshow, #smugmug_small, #allthumbs {position:relative; z-index:5;} /* Get the important stuff above the moon */
* .title {color:#A9b3bd}
a:link {color:#7a8998}
a:hover {color:#64809c}
a:active {color:#fff}
a:visited {color:#7a8998}

/* album titles, captions, descriptions */
.albumTitle a.nav,
.caption,
#albumDescription, #comments p {
color: #e1e1e1 !important;
}
/* general gallery mods */
.bottom_border {border:2px}
.journal_entry {border-bottom:1px solid #64809c}
/* kill the words Now Showing Galleries */
#category .boxTop {display: none;}
/* Killing Album Nav in these Galleries */
.gallery_1759647 #breadcrumb, .gallery_1759647 .nav { display:none;}
.gallery_1765393 #breadcrumb, { display:none;}
.gallery_1765111 #breadcrumb, .gallery_1759647 .nav { display:none;}
/*#homepage .title{display:none;}*/
.gallery_1765393 #breadcrumb { display:none;}
/* html only page for gallery 1765393 Guest Book*/
.gallery_1765393 .journal_entry { display: none; }
.gallery_1765393 .nophotos { display: none; }
.gallery_1765393 .opening { display: none; }
.gallery_1765393 .opening { display: none; }
.gallery_1765393 .caption {text-align: justify;}
.gallery_1765393 .pageNav {display: none;}
/* html only page for gallery 6831212 About US*/
.gallery_6831212.nophotos { display: none; }
.gallery_6831212.opening { display: none; }
.gallery_6831212.opening { display: none; }
.gallery_6831212.caption {text-align: justify;}
/* html only page for gallery 6831212_WPThA Contact US*/
.gallery_6831212 .nophotos { display: none; }
.gallery_6831212 .opening { display: none; }
.gallery_6831212 .opening { display: none; }
.gallery_6831212 .caption {text-align: justify;}

/* kill page navigation for this gallery */
.gallery_1759647 .pageNav {
visibility:hidden;
}
.gallery_1765111 .pageNav {
visibility:hidden;
}

/*=============*/
/*== Buttons ==*/
/*=============*/
.buttons,
.smbuttons {
color: #95ADBF;
background-color: #2f2f2c;
border-color: #DFDFD9;
}
.buttons:hover,
.smbuttons:hover {
color: #D3ECFF;
background-color: #4F4F4B;
border-color: #fff;
}

/*=================*/
/*== Small Caps ==*/
/*=================*/
#ThemeID,
input#searchWordsShort,
input#searchWords,
#imageInfo,
.caption,
.albumTitle,
.critique .rightColumn,
#sizePicker .title,
#sizePicker select,
#sizePicker option,
.pageNav,
#albumNav_bottom,
#stylebar .title,
#stylebar select,
#stylebar option,
#MRPNavbar, #footer, #feeds,
#galleryTitle, #breadcrumb,
#comment_header .title,
#homepage #bioBox #bioTitle,
#userName, #userHome, .homepage .boxTop .title
{
font-family: Verdana;
font-size:16px;
font-weight: normal;
font-variant: small-caps;
}
h2 {
font-family: Verdana;
font-size:16px;
font-weight: normal;
font-variant: small-caps;
}
td {
font-family: Verdana;
padding-top:0px;
font-size:12px;
font-weight: normal;
font-variant: small-caps;
}
tr{vertical-align:top;}




....

The things I HAVE edited [on purpose]
-added a guest book and the code to the bottom javascript to change it to "guestbook comments"
-added and changed around several links on the nav bar and changed the background color of the links to match the smugmug gray
-I've moved around a few galleries in order to make seperate links for the nav bar

Here is my custom header:

<div align="center">
<img src="http://candcphotography.smugmug.com/photos/424963537_hTVcU-M.jpg" border="0"/>
<!-- Begin Header -->
<div id="MRPWrapper">
<div id="MRPHeader">
<div id="MRPNavcontainer">
<ul id="MRPNavbar">
<li><a href="/gallery/6763281_63bpt">Engagements</a></li>
<li><a href="/gallery/6763308_Bh4kW">Bridal Portraits</a></li>
<li><a href="/gallery/6763252_KQoRW">Weddings</a></li>
<li><a href="/gallery/6766725_PJHcZ">Families</a></li>
<li><a href="/gallery/6763371_JgnLe">Maternity</a></li>
<li><a href="/Portfolio/242645">Children</a></li>
<li><a href="/Portfolio/671244">Other</a></li><br />
<li><a href="/">Home</a></li>
<li><a href="/gallery/6687142_rVStS">Prices</a></li>
<li><a href="/gallery/6665971_JGnSr">Merchandise</a></li>
<li><a href="/clients">Client Log In</a></li>
<li><a href="/gallery/6831212_WPThA">About Us/Contact</a></li>
<li><a href="/gallery/6830078_E9Tns">Guestbook</a></li>
</ul>
</div>
</div>
<!-- End Header -->
</div>


Please let me know if I need to provide any further information. These 2 small issues are driving me crazy!!!!

Thanks!!!

[jfriend]

First, you have an unclosed DIV tag in your header. You need to fix that before we can effectively troubleshoot other things. There appears to be no matching </div> for the <div align="center"> tag in your header. Please add that.

Then, in your CSS, add the missing brace in this rule and that will change your fonts:

#MRPNavcontainer ul li a
{
text-decoration: none;
padding: .2em 9px;
color: #a1a5a9;
background-color: #161616;
}

#MRPNavcontainer ul li a:hover
{
color: #fff;
background-color: #000;
}

In the future, I find it very helpful to have a blank line between each CSS rule. That way, I can more easily see if the braces are correct or not.

If, after these changes, you are still wondering about font changes, the last couple CSS rules you have are specifically designed to change your fonts and they apply to a lot of your page.

[C&CPhotography]

Thank you thank you thank you.

I had another problem but I believe I fixed it. It was the size of the fonts on the nav bar... they were too large and it made the bar too close the the page content. It's still a bit too close for my liking. Is there a way to drop the page down a line or two?

[jfriend]

Thank you thank you thank you.

I had another problem but I believe I fixed it. It was the size of the fonts on the nav bar... they were too large and it made the bar too close the the page content. It's still a bit too close for my liking. Is there a way to drop the page down a line or two?
Just increase the height in this CSS rule to your liking:

#MRPHeader {position:relative; height:25px; margin:0 auto; padding:0; z-index:3;}