#header {
	height: 245px;
}
#logo {
	position: absolute;
	top: 65px;
}

Adjust the numbers as needed.

Just one thing. The older theme had a page template called 'links', and all links would be displayed on a page created with that template.

Now they have to be added by hand to get them all on a page. I've added some of them in to the Links page on that website but it is a tedious thing to have to do...

Really rather than alter the theme, a [links] shortcode would be better IMHO, with an optional list of categories e.g.

[links category1, category2]

No categories = display all links

This would make it easy to have a page listing them all in ANY template, not just those with a 'links' page template.

It should be noted that going forward, the theme team will be making an effort to transition away from traditional theme option pages, in favor of theme option sections within the customizer.

Timethief: I meant, of course, the name of your weblog in the upper left corner, not right. I need to get back to work so I am forced to actually think rationally again! (It's not under "custom design" farther down the page under "themes" -- which is where I first looked also.)

@timethief: let me know if you're still unable to access the "Theme Options" section within the customizer.

Timethief : When you hover over the name of your weblog at the top right, in the drop-down menu which has the link to the dashboard -- a little further down in that menu is the choice "customize".

Will you please clarify if this feature is available only to those who have purchase a custom design upgrade or not?

Once you've checked the option and saved your changes, subpages will automatically begin to appear under the content area on a parent page.

When I create a child page to go under the About page, it does show this child page on a drop-down menu from the list above the photo. However, it does not put the link automatically on the About page itself, so that when I suppress it from showing in the sidebar (I would have a sidebar over a hundred lines long in my course website if I didn't do this), there is no way to see it except from the drop-down menu. That would be fine for some purposes, but I find it hard to navigate a drop-down menu with a lengthy list of links and with second and sometimes even third layers, as I have at the course website.

Not having to put the links manually on the parent pages is one of the strongest reasons I use Misty Look, and I certainly don't want to go back to do this with the well over 100 pages I already have.

Thanks. As long as I can just keep Misty Look, I'll be fine.

You can enable this option under the "Theme Options" tab in the Customizer.

If you have any questions, please let us know.

2. How can I make my header linkable? Thank you.

You can't add links directly using CSS, but often you can set a background to a link element that's already clickable and use that to make what you add with CSS appear clickable. In your current setup, you might start by hiding the current header image like this:

#headerimage {
	background: none;
	height: 0;
}

Then you could make space inside the site title area used by the MistyLook theme to add a new header image as a background for the site title link:

#header {
	width: 938px;
	padding-bottom: 0;
}

#header h1 a {
	display: block;
	width: 958px;
	height: 116px;
	background: url('http://www.burnerprep.com/00224-1/design/images/header-bg.png') no-repeat;
}

For a final touch, you can hide the tagline area (the "h2" in the header) to get rid of the space it's using up and you can remove some padding from the feeds to tighten up the space below the header image:

#header h2 {
	display: none;
}

html #feedarea {
	padding-top: 0;
}

1. My main site is http://www.burnerprep.com. Can I edit the header and footer css of my WordPress blog theme, MistyLook, to give it the appearance of my main website (the categories on the sides and the menu on top).

What you'll want to do is look at the CSS in the main site for inspiration. In order to edit and work with the CSS, I would also recommend starting out with a tutorial such as http://www.htmldog.com/guides/cssbeginner/ so that you can learn the basics. You should also learn how to use your browser's web inspector tool. Most modern browsers have one and it let's you right-click on an element and select "Inspect Element" to see the corresponding HTML and all of the CSS that apply to it.

I will start you out with an example. I used my browser's web inspector and looked at http://www.burnerprep.com/ and found that this image is used for the ".content-holder" background:
http://www.burnerprep.com/00224-1/design/images/content-holder.png

Then I looked at

#container {
	background: url('http://www.burnerprep.com/00224-1/design/images/content-holder.png') repeat-y;
	border: 0;
}

That image is 958 pixels wide though, so you could either adjust the image and upload a smaller version of it or you can expand the width of the blog. To expand the container for the MistyLook theme, you might start with something like this and adjust the numbers until you like how it looks:

#container {
	width: 958px;
}

#content-main {
	width: 73%;
}

#sidebar {
	width: 24%;
}