/* ----- RESET ----- */
/* Here, we are going to reset all browsers, so we don't have to declare a bunch of stuff over and over */
@import url("reset.css");

/* ----- GLOBAL ----- */
/* Now, we fix for Safari's scrollbar hiding, and set the background color, with a png fix if we need it */
html { overflow-y: scroll; }
body { background-color: #000000; }
/* img { behavior: url(framework/iepngfix.htc); } */

/* This clears our lefts and rights */
.clear { clear: both; }

hr { color: #FFF; background: #FFF; height: 1px; border: 0px; margin: 20px 0 20px 0; }

/* ----- ARCHITECTURE ----- */
/* This is where we build the structure of the site. Our container holds the page, and then each section is labeled properly
   Structure images are placed in the background so that they don't "pop" into place and affect the layout of the page
   as it is loaded by users */
#container { width: 860px; margin: 10px 0 20px 0px; }

#header { width: 860px; height: 236px; background: url('http://brentghelfi.com/images/brent_header.gif') no-repeat; }

/* Our navigation will use a list of items for organization purposes */
#navigation { width: 860px; height: 38px; }
#navigation ul { list-style: none; line-height: 0px; }
#navigation ul li { float: left; }
#null { width: 225px; height: 38px; background: url('http://brentghelfi.com/images/navigation.gif') no-repeat; }

#name { width: 469px; height: 85px; background: url('http://brentghelfi.com/images/brent_name.gif') no-repeat; float: left; }

#title { width: 375px; height: 85px; float: right; }

/* We contain our sidebars and content to avoid IE bugs */
#sidebar-container { width: 184px; float: left; background: url('http://brentghelfi.com/images/sidebar.gif') no-repeat; }
#sidebar { padding: 20px 0 0 20px; }

#content-container { width: 636px; float: right; }
#content { padding: 40px 0 0 0; }

#backtotop { margin: 20px; }

#footer { width: 860; height: 90px; background: url('http://brentghelfi.com/images/footer.gif') no-repeat bottom; margin: -80px 0 0 0; }

#content table { border-collapse: collapse; }
#content table td { padding: 12px; }