/*------------------------------------------------------------------------------
// 
// Stuntbox.com Homepage Screen Styles
// by David Sleight
//
------------------------------------------------------------------------------*/

@import url("reset.css");

html {
	background: #333 url('/wp-content/themes/brubeck/images/bgd-tile.gif') repeat; /* Should be on body element, but WebKit fat-fingers it. Fix TBD. */
}

body {
	font: 14px/24px Georgia, Times, serif;
	color: #666;
	/* background: #333 url('/wp-content/themes/brubeck/images/bgd-tile.gif') repeat; */
}

#wrapper {
	width: 1008px;
	margin: 0 auto;
}

#header, #footer {
	width: 960px;
	margin: 0 auto;
}

#header {
	height: 34px;
	margin: 80px auto 30px auto;
	position: relative;
}

#header h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 145px;
	height: 34px;
	background: url('/wp-content/themes/brubeck/images/home-sprites.gif') no-repeat -10px -10px;
	text-indent: -9000px;
}

#header h2 {
	position: absolute;
	top: 16px;
	right: 0;
	width: 250px;
	height: 13px;
	background: url('/wp-content/themes/brubeck/images/home-sprites.gif') no-repeat -10px -70px;
	text-indent: -9000px;
}

#header ul {
	position: absolute;
	top: 16px;
	left: 170px;
}

#header li {
	float: left;
}

#header li a {
	display: block;
	height: 13px;
	text-indent: -9000px;
	margin-right: 17px;	
}

#header li.nav-about a {
	width: 36px;
	background: url('/wp-content/themes/brubeck/images/home-sprites.gif') no-repeat -10px -100px;
}
#header li.nav-about a:hover { background-position: -10px -130px; }

#header li.nav-journal a {
	width: 47px;
	background: url('/wp-content/themes/brubeck/images/home-sprites.gif') no-repeat -63px -100px;
}
#header li.nav-journal a:hover { background-position: -63px -130px; }

#header li.nav-projects a {
	width: 53px;
	background: url('/wp-content/themes/brubeck/images/home-sprites.gif') no-repeat -128px -100px;
	margin-right: 0;
}
#header li.nav-projects a:hover { background-position: -128px -130px; }

#hero {
	clear: both;
	width: 960px;
	height: 400px;
	/* margin: 30px auto 0 auto; */
	margin: 0 auto;
	padding: 24px;
	background-color: white;
}

#footer div {
	float: left;
	display: inline; /* who loves ya, IE6? */ 
}

#footer h3 {
	color: #999;
	font-style: italic;
	font-weight: normal;
	margin: 40px 0 25px 0;
}

#about, #entries {
	width: 340px;
	margin-left: 5px;
	margin-right: 24px;
}

#about p {
	font-style: italic;
	width: 290px;
}

#about p a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #666;
}

#about a:hover {
	color: #ccc;
	border-bottom: 1px solid #999;
}

#entries li span {
	display: inline-block; /* to heck with bad browsers, I'm using this */
	width: 50px;
	color: #999;
	font-size: 11px;
	text-decoration: none;
	padding-right: 10px;
}

#entries a {
	color: #666;
	text-decoration: none;
}
#entries li a:hover {
	color: #ccc;
}

#elsewhere {
	/* width: 222px; */
	width: 200px;
	margin-left: 5px;
}

#elsewhere a {
	color: #666;
	text-decoration: none;
	padding-left: 30px;
}

#elsewhere a:hover {
	color: #ccc;
}

.twitter a { background: url('/wp-content/themes/brubeck/images/home-sprites.gif') no-repeat -300px -10px; }
.twitter a:hover { background-position: -300px -40px; }
.flickr a { background: url('/wp-content/themes/brubeck/images/home-sprites.gif') no-repeat -298px -65px; }
.flickr a:hover { background-position: -298px -95px; }
.facebook a { background: url('/wp-content/themes/brubeck/images/home-sprites.gif') no-repeat -298px -129px; }
.facebook a:hover { background-position: -298px -159px; }
.linkedin a { background: url('/wp-content/themes/brubeck/images/home-sprites.gif') no-repeat -297px -189px; }
.linkedin a:hover { background-position: -297px -219px; }

.copyright {
	clear: left;
	color: #999;
	font-size: 12px;
	padding: 60px 0 100px 5px;
}