/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/jScrollPane.css";
@import "lib/sifr.css";


/* Site
-------------------------------------------------------------- */
  
body {
	background:#e2e8ee;
}
#page {
	background:url(../images/page-bg.jpg) no-repeat;
	height:700px;
	margin:40px auto;
	overflow:hidden;
	width:934px;
	position:relative;
}
#body {
	background:url(../images/content-bg.png) repeat;
	border:1px solid #65cfcb;
	color:#fff;
	height:390px;
	margin:0 auto;
	overflow:hidden;
	padding:25px;
	position:relative;
	top:100px;
	width:400px;
}

.home #body { padding:50px 25px; height:340px; }

/* Navigation */
ul#navigation {
	list-style:none;
	margin:0;
	position:absolute;
	top:0;
	left:0;
}
ul#navigation li { 
	position:absolute;
	color:#fff;
	font-size:2.4em;
	text-transform:uppercase;
}
ul#navigation a { 
	color:#fff; 
	text-shadow: 0 0 6px #000;
}
ul#navigation a:hover,
ul#navigation a.active { text-decoration:none; text-shadow:none; }
ul#navigation li.home {
	top:610px;
	left:660px;
}
ul#navigation li.news {
	top:85px;
	left:25px;
}
ul#navigation li.contact {
	top:32px;
	left:207px;
}
ul#navigation li.bio {
	top:46px;
	left:475px;
}

/* Home */
#body #title {
	float:left;
	height:225px;
	margin:50px 25px 0 0;
	width:193px;
}
#product-slides {
	float:right;
	border:1px solid #65cfcb;
	overflow:hidden;
	line-height:0; /* Removes spacing below img */
}

/* Bio */
#scrollContent { height:330px; }
.jScrollPaneTrack { background:transparent; border:1px solid #65cfcb; height:99%; }
.jScrollPaneDrag { background:#fff; }

/* News */
.post { margin-bottom:2em; }
.post h2 { margin-bottom:0; line-height:1em; color: #65cfcb; }
.post .date { margin-bottom:0.5em; color:#ccc; font-style:italic; }