attribute of css not applied to page

[Surrender911]

Hi all,

This is my first post here, so hi to everyone. I hope someone can help me.

Problem: the atributes I’ve set in the CSS for the main content (#content) is not applied on my page http://thewhitneyvault.ch:

CSS:

Code:

/*
HEADER
*/
#header { height: 190px; position: relative; }
#logo { position: absolute; top: 30px; left: 10px; z-index: 2;}
#nav { position: fixed; top: 13px; left: 58px; WIDTH: 845px; padding: 15px 0px 10px 10px; margin: 95px 500px 20px 100px; z-index: 1; background: #473f50; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; -webkit-traensition: all 0.1s ease-out; border: 5px solid white;}
/*
MAIN STRUCTURE
*/
#page-wrap { width: 1015px; position: absolute; margin: 0 auto; padding: 0 0 50px 0; }

#content { width: 650px; float: left; min-height: 600px; padding: 20px 15px 20px 15px; margin: 20px 0px 20px 5px; background: rgb(143, 133, 155); /* The Fallback */ background: rgba(143, 133, 155, 0.8); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; -webkit-traensition: all 0.1s ease-out; border: 5px solid white; }

Code:

id=”post-“>

‘Pages: ‘, ‘next_or_number’ => ‘number’)); ?>

You can also see in chrome, that the css is not applied to the content area:
[img]http://thewhitneyvault.ch/im/css_not_applied.jpg[/img]

Looking forward to your help! Thanks!
Roland

[Surrender911]

Problem solved thanks to @MartyRomero from twitter…

Had to change "#content" to ".content"
(alternative: I could have changed class="content" to id="conetent" in the html)

[Author]

Posts