/* This stylesheet contains layout styles relevant for main areas of the site */

/* Load global content styles */
@import url("global.css");

body
{
	margin: 0;
	padding: 0 0 1em;
	background: black url("images/nav_bkg.jpg") 0 188px no-repeat; /* Applied to body rather than #navigation so that it isn't the last thing to load */
}


/* Titlebar */
#header
{
	background: url("images/header_bkg.jpg") no-repeat;
	height: 188px;
}

#header h1, #header h2	{ text-indent: -5000px; border: 0; } /* Hide text titles completely */


/* Content area */
#content	{ margin: 32px 10% 0 192px; padding-left: 16px; } /* Separate padding so that negative margin headings won't screw up */
#content h1	{ margin-left: -16px; }
#content h2	{ margin-left: -8px; }


/* Copyright bar */
#copyright
{
	margin: 2em 5% 0 192px;
	border-top: 1px solid #963;
	font-size: 75%;
	color: #CDE;
	text-align: right;
}


/* Navigation bar */
#navigation
{
	position: absolute;
	top: 216px;
	left: 0;
	width: 124px;

	margin: 0 0 0 64px;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

#navigation li		{ display: inline; }
#navigation a		{ display: block; height: 36px; background-repeat: no-repeat; }
#navigation span	{ display: block; width: 0; overflow: hidden; } /* Hide internal text */

#navigation a:hover,
#navigation li.selected a	{ background-position: 0 -36px; }

#nav_news a			{ background-image: url("images/nav_news.png"); }
#nav_models a		{ background-image: url("images/nav_models.png"); }
#nav_textures a		{ background-image: url("images/nav_textures.png"); }
#nav_links a		{ background-image: url("images/nav_links.png"); }
#nav_miscellany a	{ background-image: url("images/nav_miscellany.png"); }
#nav_contact a		{ background-image: url("images/nav_contact.png"); }


/* In-page navigation bar */
#nav_page
{
	float: right;
	width: 180px;
	margin: 8px 0 16px 32px;
	background: black url("images/pagenav_bkg.jpg") 100% 0 no-repeat;
}

#nav_page h3	{ margin: 16px 0 0.5em 1.4em; }
#nav_page ul	{ list-style-image: none; line-height: 133%; }
#nav_page .updated small	{ color: #467; }
#nav_page .new small		{ color: #9BD; }