/*************************************************
* File: styles.css
* Date Created: 05/16/2008
* Last Updated: 05/16/2008
* Author: Adam F.
* Copyright larryhead.com
**************************************************
* About: This is the default cascading style
* sheet for the larryhead.com website
*************************************************/



/* ******** Import Styles ******** */
@import url("/css/base.css");
@import url("/css/cleanform.css");



/* ******** Misc Hacks Styles ******** */
/* PNG Fix For Internet Explorer http://www.twinhelix.com/css/iepngfix/ */
.pngfix, #logo {
	behavior: url(/js/iepngfix.htc)
}



/* ******** Clear Fix Styles ******** */
.clear {
	clear: both;
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0px;
	display: block;
}
* html .clear { /* can't apply to .clear, safari2 has issues */
	overflow: hidden;
} 
.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 */



/* ******** Body and Links ******** */
body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	/*background: #add289 url(/images/bg_body.jpg) top repeat-x;*/
	background: #bedaa3 url(/images/bg_body.gif) top repeat;
	color: #999;
	/*text-align: center;*/
}
a:link, a:visited {
	text-decoration: none;
	color: #6cf;
}
a:hover, a:active {
	text-decoration: underline;
	color: #6cf; 
}



/* ******** Document Styles ******** */
#doc2 {
	margin-top: 8px;
	padding-bottom: 10px; /* Make room to show part of the bottom content rounded background image */
	height: auto; /* Need to declare the height so that Shaded Border script works in IE 6 */
	background: transparent url(/images/bg_doc_bottom.gif) bottom center no-repeat;
}
#doc-middle {
	margin-top: 0;
	background: #fff url(/images/bg_doc_middle.gif) center repeat-y;
	width: 950px;
}



/* ******** Header Styles ******** */
#hd {
	position: relative;
	height: auto;
	min-height: 100px;
	background: transparent url(/images/bg_doc_top.gif) top center no-repeat;
	width: 950px;
}
/* Min-Height for Internet Explorer http://www.cssplay.co.uk/boxes/minheight.html */
/*\*/
* html #hd {
	height: 100px;
}
/**/
#hd a:link, #hd a:visited {
	color: #999;
	text-decoration: none;
}
#hd a:hover, #hd a:active {
	color: #f90;
	text-decoration: underline;
}
ul#nav {
	background: transparent url(/images/hand.jpg) left no-repeat;
	float: right;
	list-style: none;
	margin: 32px 0 0 0;
	padding: 0 0 0 68px; /* create enough space for hand icon */
}
ul#nav li {
	display: inline;
	margin-right: 32px; /* Spacing between nav links */
	font-size: 182%; /* YUI font size for 24px */
}
#logo {
	float: left;
	border: 0;
	padding: 0;
	margin-top: 8px;
	margin-left: 12px;
	width: 340px;
	height: 80px;
}



/* ******** Nav Highlight Styles ******** */
#body-home #nav-home,
#body-about #nav-about,
#body-portfolio #nav-portfolio,
#body-contact #nav-contact {
	color: #f90;
	text-decoration: underline;
}



/* ******** Splash Styles ******** */
#splash {
	position: relative;
	padding: 0;
	margin: 0;
	text-align: center;
}
#splash img {
	border: 0;
	width: 944px;
	height: 200px;
}



/* ******** Body Styles ******** */
#bd {
	padding: 12px;
	clear: both;
}



/* ******** Spotlight Styles ******** */
.spotlight {
	position: relative;
	width: 250px;
	margin: 0 auto 12px auto;
	padding: 12px;
}
.spotlight .link {
	position: absolute;
	width: auto;
	bottom: 18px;
	right: 18px;
	font-size: 138.5%; /*18px via YUI Fonts CSS foundation*/
}
/* Shaded Border Styles http://www.ruzee.com/blog/shadedborder/ */
#bd .spotlight, #bd .spotlight .sb-inner {
	background: #e4e4e4 url(/images/bg_spotlight.jpg) top repeat-x;
	height: 200px;
}
#bd .spotlight .sb-shadow {
	background-color: #999;
}
#bd .spotlight .sb-border {
	background-color: #cecece;
}



/* ******** Sidebox Styles ******** */
.sidebox {
	position: relative;
	width: auto;
	margin: 0 auto 12px auto;
	padding: 8px;
}
.sidebox ul li {
	font-weight: bold;
	margin-bottom: 5px;
}
.sidebox h2 {
	color: #999;
}
/* Shaded Border Styles http://www.ruzee.com/blog/shadedborder/ */
#bd .sidebox, #bd .sidebox .sb-inner {
	background: #ffefbd url(/images/bg_sidebox.jpg) top repeat-x;
}
#bd .sidebox .sb-shadow {
	background-color: #999;
}
#bd .sidebox .sb-border {
	background-color: #cecece;
}



/* ******** Workbox Styles ******** */
.workbox {
	position: relative;
	width: auto;
	margin: 0 0 24px 0;
	padding: 8px;
}
.workbox .screenshot {
	float: left;
	display: block;
	width: 250px;
	height: 200px;
	margin: 4px 8px 4px 4px;
	padding: 0;
	border: 1px solid #ccc;
}
/* Shaded Border Styles http://www.ruzee.com/blog/shadedborder/ */
#bd .workbox, #bd .workbox .sb-inner {
	background: #e4e4e4 url(/images/bg_spotlight.jpg) top repeat-x;
}
#bd .workbox .sb-shadow {
	background-color: #999;
}
#bd .workbox .sb-border {
	background-color: #cecece;
}



/* ******** Footer Styles ******** */
#ft {
	position: relative;
	padding: 8px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
#ft p {
	margin-bottom: 2px;
}