@import "meyer-reset.css";
@import "text-defaults.css";

body {
	background: url(../images2008/page-bg.png) 0 -115px;
	min-width: 990px;
	text-align: center;
	margin: 0;
}

body#interior {
	background: #FFE2A0;
}

p {
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #111;
}

li {
	font-family: helvetica, arial, verdana, sans-serif;
	list-style: disc outside;
	text-align: left;
	font-size: 11px;
	margin-bottom: 3px;
	margin-left: 15px;
	line-height: 14px;
}

h1 {
	margin: 0;
	display: block;
	position: absolute;
	top: -70px;
	left: 0px;
	width: 558px;
	height: 219px;
	z-index: 7;
}

#interior h1 {
	top: -60px;
	left: 150px;
}

h1 a {
	display: block;
	width: 558px;
	height: 219px;
	background: url(/images2008/pennant.png) no-repeat;
	text-indent: -9000px;
}

#content {
	margin: 0 auto 100px 100px;
	padding-top: 230px;
	width: 900px;
	text-align: left;
	position: static;
}

#content p {
	font-size: 15px;
	line-height: 22px;
}

/* @group Nav
------------------------- */
#nav {
	position: absolute;
	top: 550px;
	left:90px;	
	z-index: 6;
}

#interior #nav {
	top: 165px;
	left:0px;	
	width: 100%;
	background: #441B09;
	padding: 5px 0;
}

#interior #nav ul {
	margin: 0 80px;
	width: 880px;
}

#nav ul li {
	float: left;
	padding: 0 12px;	
	list-style: none;
	margin: 0;
}

#nav ul li.films,
#nav ul li.blog {
	display: none;
}

#nav ul li a,
#nav ul li a:visited {
	display: block;
	padding: 5px 10px;
	background: #ede6cf url(/images2008/nav-bg.png) bottom left repeat-x;	
	font-size: 18px;
	font-family: Adobe Caslon Pro, Adobe Caslon, Caslon, georgia, times, times new roman, serif;
	color: #C7120C;
	text-decoration: none;
	border-bottom: solid 1px #533B2B;
	
}

#nav ul li.here a,
#nav ul li.here a:visited {
	background: #F0C850;	
	font-weight: bold;
}


#nav ul li a:hover {
	background: #F5D383;	
	color: #064F86;
}


/* @end */

/* @group Gradient Work
------------------------- */
#grade-top  {
	position: absolute;
	width: 100%;
	height: 225px;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(/images2008/page-bg-fade.png) repeat-x;
}

#interior #grade-top  {
	height: 165px;
}

#grade-side {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:855px;
	right: 0;
	bottom: 0;
	background: url(/images2008/bg-grade-left.png) top left repeat-y;
	z-index: 2;
}

#grade-side .liner {
	width: 100%;
	height: 895px;
	background: url(../images2008/bg-grade-right.png) top right repeat-y;
	position: relative;
}

/* @end */


/* @group Bureau
--------------------------- */
.bureau {
	position: absolute;
	left: 0;
	width: 100%;
	height: 300px;
	top: 585px;
	background: url(../images2008/drawer-row.jpg) 20px 0 repeat-y;
	z-index: 3;
}

.bureau-top {
	top:510px;
	height: 76px;
	background: url(../images2008/drawer-top.gif) 20px 0 no-repeat;
}

#lamp {
	position: absolute;
	left: 0;
	width: 100%;
	height: 600px;
	top: 44px;
	background: url(../images2008/lamp.png) 938px 0 no-repeat;
	z-index: 4;
}

#rss {
	display: block;
	width: 28px;
	height: 28px;
	position: absolute;
	z-index: 11;
	top: 200px;
	left: 980px;
}

#rss img {
	border: 0;
}

/* @end */


/* @group Television
--------------------------- */
#tv {
	position: absolute;
	top:  120px;
	left: 60px;
	width: 636px;
	height: 425px;
	background: url(/images2008/teevee.png) no-repeat top left;
	z-index: 7;
}

#tv-inside {
	position: absolute;
	top:  144px;
	left: 86px;
	width: 577px;
	height: 347px;
	background: url(/images2008/teevee-inside.jpg) top left no-repeat;
	z-index: 8;
}

#tv-title {
	position: absolute;
	top: 205px;
	left: 160px;
	width: 308px;
	height: 233px;
	background: url(/images2008/tv-title.gif) top center no-repeat;
	z-index: 9;
}

#tv-title h2 {
	text-align: center;
}

#tv-title a.linky {
	display: block;
	width: 308px;
	height: 233px;
	text-decoration: none;
	background: transparent;
}

#tv-title a,
#tv-title a:visited {
	color: #0F4B35;
}


#console {
	position: absolute;
	top:  145px;
	left: 535px;
	width: 125px;
	height: 325px;
	z-index: 10;
}

#console a {
	display: block;
	width: 125px;
	height: 325px;
	text-decoration: none;
}

/* @end */

/* @group Video Embed 
------------------------  */
#video {
	position: absolute;
	top:  144px;
	left: 91px;
	width: 442px;
	height: 347px;
	background: url(/images2008/vid-bg.png) top left no-repeat;
	z-index: 10;
	padding-top: 12px;
}

#video object embed {
	xmargin-top: 12px;
}
/* @end */ 

/* @group Computer
--------------------------------------  */
#computer {
	position: absolute;
	width: 397px;
	height: 500px;
	left: 140px;
	top: 40px;
	background: url(/images2008/computer.png) top left no-repeat;
	z-index: 10;
}

#computer-inside {
	background: url(/images2008/computer-inside.jpg) top left no-repeat;
	position:absolute;
	left: 163px;
	top: 59px;
	z-index: 11;
	width: 337px;
	height: 460px; 
}

.contact-table {
	margin:60px 0 0 55px;
}

.contact-table td {
	font-size: 10px;
	color: #78b100;
	font-family: Courier, Courier New, sans-serif;
}
 
.contact-table input,
.contact-table textarea {
	font-size: 10px;
	padding: 1px 2px;
	background: transparent;
	border: solid 1px #78b100;
	color: #78b100;
	font-family: Courier, Courier New, sans-serif;
	width: 200px;
}

.contact-table input.button {
	background: #78b100;
	color: #000;
	width: 60px;
	margin-right:5px;
}

.error {
	display: block;
}


/* @end */

/* @group Bulletin Board
------------------------  */
#bb-content {
	position: absolute;
	top:  0px;
	left: 605px;
	width: 400px;
	height: 425px;
	z-index: 6;
}

#bb-content .thumb {
	width: 80px;
	padding: 3px;
	background: #fff;
	margin-right: 7px;
}

#bb {
	position: absolute;
	top:  0px;
	left: 605px;
	width: 400px;
	height: 455px;
	background: url(/images2008/bb-bg.png) repeat-y top left;
	z-index: 4;
}

#bb-foot {
	position: absolute;
	top:  455px;
	left: 605px;
	width: 400px;
	height: 40px;
	background: url(/images2008/bb-foot.png) no-repeat top left;
	z-index: 4;
}

.entry {
	margin: 0px 40px 15px;
	background: url(/images2008/yellow-paper.png);
	padding: 10px 10px 10px 45px;
	border-right: solid 1px #63642F
}

.entry h3 {
	font-size: 15px;
	font-family: times, times new roman, serif;
	font-weight: bold;
}

.entry p.nomargin {
	margin: 0 0 5px 0;
}

.entry-left {
	margin-right:  70px;
	margin-left:  35px;
}

.entry-right {
	margin-left:  75px;
	margin-right:  50px;
}


/* @end */

/* @group Clearfix
--------------------------------------  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */