lokrin2000

Or buy a small CSS reference book like O’Reilly’s CSS Pocket Reference for around $10.

ISBN 0-596-00777-9

It’s not an instruction manual, but it does have a pretty good introduction and explains properties and values pretty well for almost all declarations you will use.

This is a forum and not an instant messenger so you will notbe answered instantly. You may need to wait a day or two for an answer.

Start with these:

In your style.css replace the the sidebar section with the following:

/* sidebar */
#sidebar {
	margin-top: 15px;
        background-color: black;
	padding-bottom: 20px;
	float:right;
	width: 260px;
	color: #fff;
	line-height: 160%;
	position: relative;
}
.welcome {margin-bottom: 1em;}
.welcome h2{font-size: 23px;}
.welcome h3{font-size: 18px;}
.welcome h2, .welcome h3 {margin-bottom: 5px;}
#sidebar .dbx-box
#sidebar p {
	margin: 0px 0px 15px;
}
#sidebar h3 {
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	color: #fff;
}
#sidebar h3:hover{color: #fff;}
#sidebar h3 a, #sidebar h3 a:visited {
	color: #fff;
}
#sidebar h3 img {
	vertical-align: middle;
}
#sidebar a, #sidebar a:visited {
	color: #fff;
	text-decoration:none;
}
#sidebar h3:hover{color: #000;}
#sidebar h3 a, #sidebar h3 a:visited {
	color: #333;
}
#sidebar h3 img {
	vertical-align: middle;
}
#sidebar a, #sidebar a:visited {
	color: #fff;
	text-decoration:none;
}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
	text-decoration:underline;
}
#sidebar ul {
	list-style: none;
	margin: 0 ;
	padding: 0 ;
}
#sidebar ul li {
	background-image: url(images/icons/bullet_black.png);
	background-repeat: no-repeat;
	padding-left: 22px ;
	background-position: 0 1px;
}
#sidebar ul li ul li {
	background-image: url(images/bullet_black.png);
	background-repeat: no-repeat;
	padding-left: 12px ;
}

In your dbx.css file replace the following:

/* inner content area */
.dbx-content {
	margin: 0;
	padding: 5px 10px 9px 10px;
	background: #000;
	overflow: hidden;
}

It looks fine in my browser.

You might want to create a css class called something like superscript and make the font smaller, like 60%. Work with the font size until it looks right.

a few problems:

1) using “br” instead of “br /”

(edit: forum won’t let me put the wrong break code in, even in backticks. It automatically converts it to the correct code.)

2) valign=top Needs to be quoted valign=”top”

3)<img src="http://ad.yieldmanager.com/pixel?id=&t=2" width="1" height="1" />
It thinks the &t is supposed to be an entity (like  ). You can try replacing with ” but that doesn’t always work
<img src="http://ad.yieldmanager.com/pixel?id=& amp ;t=2" width="1" height="1" />

(edit: even in CODE it won’t print right.)
Those should knock several errors off of your list.

Both links work fine for me.

Hovering over the upper link shows the same as the lower link.

Could it be a regional problem? I’m in the U.S.

I’ve downloaded and uploaded a couple themes to my site where they have to be transfered to wp-content instead of the themes folder because they contain both themes and plugins in the structured zip files.

Just make sure that people realize that the file placement is different.

If you go into your mystique theme folder and then into images you will see a file called header.jpg. Just replace that with whatever header you want. The original one is sized at 1300 x 400.