/**
 * Body
 */

body
{
	font: 12px 'Trebuchet MS', sans-serif;
	padding: 0;
	margin: 0;
}

body#normal
{
	background: #FFF url( '../img/layout/body-bg.gif' ) no-repeat fixed bottom left;
}

body#narrow
{
	background: #FFF url( '../img/layout/body-bg-narrow.gif' ) no-repeat fixed bottom left;
}



/**
 * Wrapper
 */

body #wrapper
{
	width: 755px;
}

body .wrapper-normal
{
	background: url( '../img/layout/title.jpg' ) no-repeat top left;
}

body .wrapper-narrow
{
	background: url( '../img/layout/title-narrow.jpg' ) no-repeat top left;
}



	/**
	 * Title
	 */

	body #wrapper #title
	{
		position: relative;
		width: 755px;
		height: 235px;
		overflow: hidden;
	}



		/**
		 * Navigation
		 */

		body #wrapper #title div a span
		{
			display: none;
		}

		/* Go Home */
		body #wrapper #title #nav-go-home
		{
			position: absolute;
			top: 140px;
			left: 85px;
			background: url( '../img/nav/go-home-on.gif' ) no-repeat top left;
			width: 77px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-go-home a
		{
			display: block;
			background: url( '../img/nav/go-home.gif' ) no-repeat top left;
			width: 77px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-go-home a:hover
		{
			background-image: url( '../img/nav/go-home-on.gif' );
		}

		/* Illustration */
		body #wrapper #title #nav-illustration
		{
			position: absolute;
			top: 110px;
			left: 170px;
			background: url( '../img/nav/illustration-on.gif' ) no-repeat top left;
			width: 106px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-illustration a
		{
			display: block;
			background: url( '../img/nav/illustration.gif' ) no-repeat top left;
			width: 106px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-illustration a:hover
		{
			background-image: url( '../img/nav/illustration-on.gif' );
		}

		/* Sketchbook */
		body #wrapper #title #nav-sketchbook
		{
			position: absolute;
			top: 160px;
			left: 225px;
			background: url( '../img/nav/sketchbook-on.gif' ) no-repeat top left;
			width: 103px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-sketchbook a
		{
			display: block;
			background: url( '../img/nav/sketchbook.gif' ) no-repeat top left;
			width: 103px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-sketchbook a:hover
		{
			background-image: url( '../img/nav/sketchbook-on.gif' );
		}

		/* Racing Art */
		body #wrapper #title #nav-racing-art
		{
			position: absolute;
			top: 130px;
			left: 310px;
			background: url( '../img/nav/racing-art-on.gif' ) no-repeat top left;
			width: 96px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-racing-art a
		{
			display: block;
			background: url( '../img/nav/racing-art.gif' ) no-repeat top left;
			width: 96px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-racing-art a:hover
		{
			background-image: url( '../img/nav/racing-art-on.gif' );
		}

		/* Park Life */
		body #wrapper #title #nav-park-life
		{
			position: absolute;
			top: 180px;
			left: 355px;
			background: url( '../img/nav/park-life-on.gif' ) no-repeat top left;
			width: 83px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-park-life a
		{
			display: block;
			background: url( '../img/nav/park-life.gif' ) no-repeat top left;
			width: 83px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-park-life a:hover
		{
			background-image: url( '../img/nav/park-life-on.gif' );
		}

		/* Me Page */
		body #wrapper #title #nav-me-page
		{
			position: absolute;
			top: 150px;
			left: 450px;
			background: url( '../img/nav/me-page-on.gif' ) no-repeat top left;
			width: 75px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-me-page a
		{
			display: block;
			background: url( '../img/nav/me-page.gif' ) no-repeat top left;
			width: 75px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-me-page a:hover
		{
			background-image: url( '../img/nav/me-page-on.gif' );
		}

		/* About Glenn */
		body #wrapper #title #nav-about-glenn
		{
			position: absolute;
			top: 200px;
			left: 495px;
			background: url( '../img/nav/about-glenn-on.gif' ) no-repeat top left;
			width: 106px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-about-glenn a
		{
			display: block;
			background: url( '../img/nav/about-glenn.gif' ) no-repeat top left;
			width: 106px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-about-glenn a:hover
		{
			background-image: url( '../img/nav/about-glenn-on.gif' );
		}

		/* Contact */
		body #wrapper #title #nav-contact
		{
			position: absolute;
			top: 170px;
			left: 590px;
			background: url( '../img/nav/contact-on.gif' ) no-repeat top left;
			width: 78px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-contact a
		{
			display: block;
			background: url( '../img/nav/contact.gif' ) no-repeat top left;
			width: 78px;
			height: 31px;
			overflow: hidden;
		}
		body #wrapper #title #nav-contact a:hover
		{
			background-image: url( '../img/nav/contact-on.gif' );
		}



	/**
	 * Content
	 */

	body #wrapper #right
	{
		float: right;
	}

	body #wrapper .right-normal
	{
		width: 450px;
	}

	body #wrapper .right-narrow
	{
		width: 600px;
	}

		body #wrapper #right h1
		{
			font: 29px/1.4 Georgia, sans-serif;
			margin: 0 15px 1ex;
		}

		body #wrapper #right .padded
		{
			padding: 5px 15px;
			clear: both;
		}

	body #wrapper #left
	{
		float: left;
		/*margin-top: -45px;*/
	}

	body #wrapper .left-normal
	{
		float: left;
		width: 305px;
		/*margin-top: -45px;*/
	}

	body #wrapper .left-narrow
	{
		float: left;
		width: 155px;
		/*margin-top: -45px;*/
	}

		body #wrapper #left h2
		{
			font: bold 13px/1.4 'Trebuchet MS', sans-serif;
			color: #F10;
			text-align: center;
			margin: 0 8px 5px;
		}

		body #wrapper #left .padded
		{
			padding: 5px 8px;
			clear: both;
		}



		/**
		 * Thumbs
		 */

		body #wrapper #left ul#thumbs
		{
			list-style: none;
			padding: 0;
			margin: 4px 0 4px 6px;
		}

			body #wrapper #left ul#thumbs li
			{
				border: 1px solid #AAA;
				float: left;
				padding: 0;
				margin: 0 0 7px 7px;
			}

				body #wrapper #left ul#thumbs li a
				{
					position: relative;
					display: block;
					background-color: #EEE;
					background-repeat: no-repeat;
					background-position: center;
					width: 45px;
					height: 45px;
					overflow: hidden;
					text-decoration: none;
					padding: 0;
					margin: 1px;
					filter: alpha(opacity=80);
					-moz-opacity: .8;
					opacity: .8;
				}

				body #wrapper #left ul#thumbs li a:hover
				{
					border-color: #F00;
					filter: alpha(opacity=100);
					opacity: 1;
				}

					body #wrapper #left ul#thumbs li a span
					{
						display: none;
					}

					body #wrapper #left ul#thumbs li a img
					{
						position: absolute;
						right: 0;
						bottom: 0;
						filter: alpha(opacity=65);
						opacity: .65;
					}

					body #wrapper #left ul#thumbs li a:hover img
					{
						filter: alpha(opacity=85);
						opacity: .85;
					}



	/**
	 * Footer
	 */

	body #wrapper #footer
	{
		clear: both;
		width: 755px;
	}



	/**
	 * Control Panel
	 */

	body #panel
	{
		border: 1px solid #CCC;
		background: #EEE;
		position: absolute;
		top: 5px;
		right: 5px;
		width: 175px;
		/*height: 500px;
		overflow: auto;*/
	}

		body #panel #panel-inner
		{
			padding: 5px;
		}

			body #panel #panel-inner form .stats
			{
				float: right;
			}

			body #panel #panel-inner form div input,
			body #panel #panel-inner form div textarea,
			body #panel #panel-inner form div select
			{
				font: 11px Tahoma, Verdana, sans-serif;
			}

			body #panel #panel-inner form div input,
			body #panel #panel-inner form div textarea
			{
				border: 1px solid #000;
				padding: 1px 2px;
			}



/**
 * Design
 */

form
{
	padding: 0;
	margin: 0;
}

img
{
	border: 0;
}