Question: I am new to CSS/HTML and I am having some trouble adjusting the width of my page. I'm sure the solution is very simple and obvious lol. 

On this page: <http://www.bodylogicmd.com/appetites-and-aphrodisiacs> - I am trying to set the width to 100% so that the content spans the entire width of the page. The problem I am running into is that when I try to add inline CSS, the external stylesheet called in the head is superseding the inline. I am using Joomla, so the editor let's edit the body, not the head (unless I create a custom module that rewrites code for the head). 

I do not want to re-write/edit the external (main) stylesheet, since I am using this page for a contest and it is only running for about 1 month. 

Anyone have any ideas how I can achieve this using inline CSSS and what the code would be?

Any help is greatly appreciated!!

Answer: 
```
#main, #content, .landing-wrapper, #column2 .box2 {width: auto;}
#column2 {width: auto; float: none;}

```

You should be able to place this in the head of your template's index.php, though I would personally add it to the bottom of the theme's main stylesheet. How long it's there isn't a factor.
you need to find the #main selector and set it wider there. The body is always going to be 100% wide unless you explicitly set it otherwise. In your case the #main container is the wrapper around the whole page, this is what you want to set. I'd also recommend looking up the "box model" and understanding how that works before going too much further. It will save you much weeping and gnashing of teeth. <http://www.w3schools.com/css/css_boxmodel.asp>