[ncost]

Hey all!

I was just wondering if someone could help me with a small CSS problem I'm having.

I am working on a template for my blog, and it's almost finished, save one issue. I added a background image to the CSS which used to dictate that there was only to be a background color. After I did this, I worked out some small things on the CSS code and it turned out pretty well, except for one thing. The old blog template CSS somehow managed to make a border around the, but when I switched over to using a background image, the border was lost.

This is the old CSS code that I replaced:

body{background:#DCDCDC repeat center 0;color:#7E7E7E;font-family: Arial, Helvetica, Sans-serif;font-size: 13px;margin:0px;padding:0px;}

And this is the new code with the background image:

body {background: #000000 url(http://2.bp.blogspot.com/-kyNrJYgWWGg/TxY1jOX1ItI/AAAAAAAAAGQ/DSuW6EgNxLE/s1600/BG.png) no-repeat center 0;color:#7E7E7E fixed;} 
.body-fauxcolumns .fauxcolumn-outer div, .body-fauxcolumn-outer .cap-top .cap-left {background:none;}

I've included 2 pictures as attachments to help clarify what border I'm referring to. One shows the old border that I wish to get back, and the other shows what the new template looks like, without said border.

If you need a live page to look at, you can find the site at kingdomeyes.blogspot.com

Any help would be massively appreciated.

Attached image(s)

• 
• 

[Macjohn]

For me the problem is the color you chosen...

if not here is a solution that might work.

p.one
{
border-style:solid;
border-width:5px;
}

[revolutionx]

On the #outer-wrapper div, remove

 background: url("http://2.bp.blogspot.com/-kFosMhy8Iko/TsXNoa-5BGI/AAAAAAAAAY4/KuSzFzCiNpI/s1600/shade.png") repeat scroll 0 0 transparent;

and add a background-color property here instead.

[Macjohn]

you can also use the shadow option in the css

[ncost]

I went with revolutionx's method, but thanks guys! That helped mucho!