/* CSS Document */

/* 
Contents:
	-Body and Layout Styles
	-Graphic Styles
	-Window Styles
	-Tag Styles
	-Navigation & Menu Styles
	-Form Styles
*/

/* ALL CSS BY DAVID P. REESE, COPYRIGHT 2007-2008. ALL RIGHTS RESERVED */

/****************************************/
/******** Body and Layout Styles ********/
/****************************************/

body {
	background-color:#000000;
	color:#E1D4BA;
}

.coming {
	font-size:1.8em;
}

.new {
	font-weight:bold;
	color:#C4590F;
	font-size:1.05em;
}

.rec {
	color:#C4590F;
	font-size:10px;
}

#container {
	margin:0 auto;
	width:1000px;
	height:450px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C4590F;
}
#container a, a:link, a:visited {
	color:#C4590F;
	text-decoration:none;
}
#container a:hover {
	color:#C4590F;
	text-decoration:underline;
}

#container2 {
	margin:0 auto;
	width:1000px;
	height:inherit;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C4590F;
}
#container2 a, a:link, a:visited {
	color:#C4590F;
	text-decoration:none;
}
#container2 a:hover {
	color:#C4590F;
	text-decoration:underline;
}

#caption{
	position:relative;
	float:right;
	margin:5px 143px 0 0;
	width:380px;
	height:auto;
}

#clear { /* for positioning the tag (except in IE7) */
	clear:left;
}

#hider { /* for preloading nav images */
	display:none;
}

/****************************************/
/************ Graphic Styles ************/
/****************************************/

#header {
	margin:0 auto;
	background:url(../slices/header1.jpg) no-repeat;
	width:1000px;
	height:204px;
	z-index:10;
}

#bar {
	padding:0px;
	background:url(../slices/bar2.jpg) repeat-x center;
	width:inherit;
	min-width:950px;
	margin-left:-8px;
	margin-right:-8px;
	height:12px;
	z-index:5;
}

#backdrop {
	margin: 0 auto;
	background:url(../slices/bg.jpg) no-repeat;
	width:857px;
	height:390px;
}
#backdrop p{
	margin:0px;
	padding:0px;
}

#backdrop2 {
	margin: 0 auto;
	background:url(../slices/bg.jpg) no-repeat;
	width:857px;
	height:inherit;
}
#backdrop2 p{
	margin:0px;
	padding:0px;
}

#home {
	background:url(../slices/home.png) no-repeat;
	position:relative;
	margin:0 0 0 127px;
	width:163px;
	height:60px;
}

#work {
	background:url(../slices/work3.png) no-repeat;
	position:relative;
	margin:0 0 0 116px;
	width:163px;
	height:60px;
}

#contact {
	background:url(../slices/contact.png) no-repeat;
	position:relative;
	margin:0 0 0 116px;
	width:265px;
	height:60px;
}

#image {
	position:relative;
	margin:0 auto;
	width:398px;
	height:222px;
	padding-top:8px;
}

h1 {
	background:url(../slices/blackbar.png) no-repeat right;
	position:relative;
	margin:0px;
	padding:6px 12px 0px 0;
	width:281px;
	height:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:right;
}

/****************************************/
/************* Window Styles ************/
/****************************************/

#window {
	position:relative;
	margin:2px 0px 0px 300px;
	background:url(../slices/window2.png) no-repeat;
	width:414px;
	height:238px;
	color:#E1D4BA;
}

#window a, a:link, a:visited {
	padding:0px;
	margin:0px;
	display:inline;
}

#windowrepeat {
	position:relative;
	margin:0px 0px 0px 300px;
	background:url(../slices/windowrepeat.png) repeat-y;
	width:414px;
	height:inherit;
	min-height:238px;
	color:#E1D4BA;
}

#windowrepeat h3 {
	margin:0px;
	padding:0px;
	color:#C4590F;
}

#windowrepeat h4 {
	margin:0px 0px 0px 10px;
	padding:0px;
	color:#C4590F;
}

#windowrepeat p {
	margin:0px 0px 0px 15px;
	padding-right:15px;
	color:#E1D4BA;
	font-size:12px;
}

#windowrepeat a, a:link, a:visited {
	padding:0px;
	margin:0px;
	display:inline;
}

#windowtop {
	position:relative;
	margin:2px 0px 0px 300px;
	background:url(../slices/windowtop.png) no-repeat;
	width:414px;
	height:5px;
}

#windowbottom {
	position:relative;
	background:url(../slices/windowbottom.png) no-repeat;
	width:414px;
	height:5px;
	margin-top:20px;
}

/****************************************/
/************** Tag Styles **************/
/****************************************/

#tag {
	position:relative;
	color:#7A390B;
	width:1000px;
	height:auto;
	padding-top:20px;
	margin:0 auto;
}

#lefthalf {
	position:relative;
	float:left;
	width:610px;
	height:auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px;
	padding:0px;
}

#lefthalf a, a:link, a:visited {
	display:inline;
	color:#C4590F;
}
#lefthalf a:hover {
	color:#C4590F;
	text-decoration:underline;
}

#righthalf {
	position:relative;
	margin-left:610px;
	margin-top:7px;
	width:390px;
	height:auto;
	padding:0px;
}

#righthalf ul {
	display:inline;
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#righthalf ul li {
	float:left;
	height:15px;
	padding:0px;
	margin:0px;
}

#validatehtml {
	background:url(../slices/html.jpg) no-repeat;
	display:block;
	width:54px;
	height:15px;
	margin:0px;
	padding:0px;
}
#validatehtml:hover {
	background:url(../slices/html2.jpg) no-repeat;
	display:block;
	width:54px;
	height:15px;
	margin:0px;
	padding:0px;
}

#validatecss {
	background:url(../slices/css.jpg) no-repeat;
	display:block;
	width:48px;
	height:15px;
	margin:0px;
	padding:0px;
}
#validatecss:hover {
	background:url(../slices/css2.jpg) no-repeat;
	display:block;
	width:48px;
	height:15px;
	margin:0px;
	padding:0px;
}

/****************************************/
/******* Navigation & Menu Styles *******/
/****************************************/

#nav {
	position:relative;
	height:31px;
	padding:0;
	margin:10px 0px 0 515px;
	width:242px;
	color:#E1D4BA;
}

#nav ul {
	display:inline;
	list-style-type:none;
}

#nav ul li {
	position:relative;
	display:block;
	height:31px;
	padding:0px;
	margin:0px;
	float:left;
}

#homenav {
	background:url(../slices/home1.png) no-repeat;
	display:block;
	width:51px;
	height:31px;
	margin:0px;
	padding:0px;
}
#homenav:hover {
	background:url(../slices/home2.png) no-repeat;
	display:block;
	width:51px;
	height:31px;
	margin:0px;
	padding:0px;
}

#worknav {
	background:url(../slices/work1.png) no-repeat;
	display:block;
	width:45px;
	height:31px;
	margin:0px;
	padding:0px;
}
#worknav:hover {
	background:url(../slices/work2.png) no-repeat;
	display:block;
	width:45px;
	height:31px;
	margin:0px;
	padding:0px;
}

#blognav {
	background:url(../slices/blog.png) no-repeat;
	display:block;
	width:40px;
	height:31px;
	margin:0px;
	padding:0px;
}
#blognav:hover {
	background:url(../slices/bloghover.png) no-repeat;
	display:block;
	width:40px;
	height:31px;
	margin:0px;
	padding:0px;
}

#contactnav {
	background:url(../slices/contact1.png) no-repeat;
	display:block;
	width:74px;
	height:31px;
	margin:0px;
	padding:0px;
}
#contactnav:hover {
	background:url(../slices/contact2.png) no-repeat;
	display:block;
	width:74px;
	height:31px;
	margin:0px;
	padding:0px;
}

#menu {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:280px;
	height:auto;
	text-align:right;
	color:#E1D4BA;
}
#menu ul {
	list-style:none;
	list-style-type:none;	
	padding:0px;
	margin:0px;
	height:inherit;
}
#menu ul li{
	display:block;
	height:16px;
	padding:0px;
	margin:0px;
}
#menu ul li a, a:link, a:visited{
	display:block;
	color:#E1D4BA;
	text-decoration:none;	
	padding:0px;
	margin:0px;
	height:16px;
}
#menu ul li a:hover {
	color:#E1D4BA;
	text-decoration:none;
	background:url(../slices/highlight.png) no-repeat left;
	display:block;
	padding:0px;
	margin:0px;
	height:16px;
}

#menu a, a:link, a:visited{
	display:block;
	color:#E1D4BA;
	text-decoration:none;
	padding:0px;
	margin:0px;
	height:16px;
}
#menu a:hover {
	color:#E1D4BA;
	text-decoration:none;
	background:url(../slices/highlight.png) no-repeat left;
	display:block;
	padding:0px;
	margin:0px;
	height:16px;
}

/****************************************/
/************* Form Styles **************/
/****************************************/


form textarea {
	background:url(../slices/transpaent.png) repeat;
	border:#2D1400 thin solid;
	color:#E1D4BA;
	outline-color:#461F00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
form textarea:focus {
	background:url(../slices/transpaent2.png) repeat;
}

#email, #name  {
	background:url(../slices/transpaent.png) repeat;
	border:#2D1400 thin solid;
	color:#E1D4BA;
	outline-color:#461F00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#email:focus, #name:focus {
	background:url(../slices/transpaent2.png) repeat;
}

.formbg {
	background:url(../slices/transpaent.png) repeat;
}


#button {
	background:url(../slices/transpaent.png) repeat;
	color:#E1D4BA;
	border-bottom-color:#461F00;
	border-bottom-width:thin;
	border-right-color:#461F00;
	border-right-width:thin;
	border-left-color:#461F00;
	border-left-width:thin;
	border-top-color:#461F00;
	border-top-width:thin;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}