@import url(reset.css);
@import url(default.css);
@import url(menu.css);

body { color: #fff; background: #000; }

#container { width: 832px; margin: 0 auto; }

#header { position: relative; }
#header h1 { background: #000 url(../images/logo.jpg) no-repeat; width: 136px; text-indent: -9999px; }
#header h1 a:link, #header h1 a:visited { display: block; height: 96px; }
#header h2 { color: #fff; font-style: italic; font-weight: normal; font-size: 2.3em; text-transform: uppercase; text-align: center; position: absolute; top: 20px; left: 215px; width: 326px; }
#header h3 { color: #c6c7c9; font-weight: normal; font-size: 1.75em; position: absolute; bottom: 25px; right: 35px; }

#colLeft { float: left; width: 256px; margin: 0; padding: 0; }
#colLeft .padding { padding: 15px 0 0; }

#colRight { float: right; width: 288px; margin: 0; padding: 0; }
#colRight .padding { padding: 30px 25px; }

#content { margin: 0 288px 0 256px; }
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }
body.root #content .padding { padding: 15px 12px 0 20px; } /* Ugly and ridiculous.  Blame Kellie */

h2.title { color: #fff; margin: 0 0 10px; }
body.root h2.title { color: #000; font-size: 3em; font-style: italic; text-transform: uppercase; padding: 20px 0 20px; }

.ugbox { color: #000; background: #000 url(../images/ugbox.jpg) no-repeat; width: 206px; height: 221px; text-align: center; padding: 0 25px; position: relative; }
.ugbox a.readmore:link, .ugbox a.readmore:visited { position: absolute; bottom: 20px; right: 20px; display: block; color: #fff; background: #b51e35; border: 1px solid #fff; text-transform: uppercase; text-decoration: none; padding: 4px 6px; }

#dunno { padding: 10px 20px; }

#footer { color: #fff; background: #000 url(../images/menu-li.png) repeat-x; text-align: right; padding: 10px; border: 1px solid #fff; }

body.noRight #main2 { background-image: none; }
body.noRight #colRight { display: none; }
body.noRight #content { margin-right: 0; }

body.noLeft #main1 { background-image: none; }
body.noLeft #colLeft { display: none; }
body.noLeft #content { margin-left: 0; }

body.noStructure {}
body.noStructure #colLeft,
body.noStructure #colRight,
body.noStructure #main1,
body.noStructure #main2,
body.noStructure #content,
body.noStructure #header,
body.noStructure #footer,
body.noStructure #menu
{
	display:none;
}