/*
Theme Name: Debbie's Theme
Theme URI: http://www.debbiejaffe.com/
Description: Debbie's old theme.
Version: 1
Author: Derek Houck
Author URI: http://derekhouck.com/

*/

@import url("reset.css");

/* @ Site-wide styles */
a	{
	color: #336;
	text-decoration: none;
}
	a:active, a:focus, a:hover	{
		text-decoration: underline;
	}
body	{
	background: #5F727E;
	color: #5F727E;
	/* 14px default font */
	font: 87.5% Arial,Helvetica,sans-serif; 
	padding: 20px;
}
em	{
	font-style: italic;
}
h1 a	{
	display: block;
	height: 82px;
	left: 20px;
	position: absolute;
	text-indent: -9999px;
	top: 36px;
	width: 354px;
}
h2, li, p, ul	{
	margin-bottom: 1em;
}
h2	{
	background: #90897A;
	color: #564B47;
	font: bold 0.78571428571429em Arial,Helvetica,sans-serif;
	padding: 5px 10px;
	text-align: right;
	text-transform: uppercase;
}
h3	{
	color: #960;
	font: bold 0.928571428571429em Arial,Helvetica,sans-serif;
	margin: 1em 0;
}
p	{
	padding: 0 10px;
}
small, .more-link	{
	color: #336;
	font: 0.78571428571429em Arial,Helvetica,sans-serif;
}
strong	{
	font-weight: bold;
}
ul	{
	font: bold 0.8em Arial,Helvetica,sans-serif;
	text-indent: 2em;
}
#content	{
	height: 430px;
	left: 400px;
	overflow: auto;
	position: absolute;
	top: 140px;
	width: 360px;
}
#footer	{
	left: 400px;
	position: absolute;
	text-align: center;
	top: 575px;
	width: 360px;
}
#menu, #menu a	{
	height: 35px;
}
#menu	{
	left: 426px;
	position: absolute;
	top: 83px;
	width: 383px;
}
	#menu a	{
		display: inline;
		float: left;
		text-indent: -9999px;
	}
	#menu li	{
		margin: 0;
	}
	#menu #headshot a	{
		background: url(images/headshot.jpg) no-repeat 0 0;
		width: 80px;
	}
		#menu #headshot a:active, #menu #headshot a:focus, #menu #headshot a:hover	{
			background: url(images/headshoto.jpg) no-repeat 0 0;
		}
	#menu #reel a	{
		background: url(images/video.jpg) no-repeat 0 0;
		width: 56px;
	}
		#menu #reel a:active, #menu #reel a:focus, #menu #reel a:hover	{
			background: url(images/videoo.jpg) no-repeat 0 0;
		}
	#menu #resume a	{
		background: url(images/resume.jpg) no-repeat 0 0;
		width: 70px;
	}
		#menu #resume a:active, #menu #resume a:focus, #menu #resume a:hover	{
			background: url(images/resumeo.jpg) no-repeat 0 0;
		}
	#menu #voice-over a	{
		background: url(images/voiceover.jpg) no-repeat 0 0;
		margin-right: 20px;
		width: 93px;
	}
		#menu #voice-over a:active, #menu #voice-over a:focus, #menu #voice-over a:hover	{
			background: url(images/voiceovero.jpg) no-repeat 0 0;
		}
#page	{
	background: url(images/bg.jpg) no-repeat 0 0;
	height: 600px;
	margin: 0 auto;
	position: relative;
	width: 800px;
}

/* @ Headshots */
#headshots	{
	text-align: center;
}
	#headshots img	{
		border: 1px solid #5F727E;
		margin: 5px;
	}
