@charset "utf-8";
/* 
Author: Christopher Thrower
Project: Portfolio
Date: Thursday, 30 Oct
*/

* {margin: 0; padding: 0;}

body {
	background: #71684a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#wrapper {
	background: #FFF;
	padding: 5px;
	width: 990px;
	margin: 10px auto;
}

.clear {clear: both; }

/* Header
----------- */
div#header {
	background: url('img/header.gif') no-repeat;
	width: 990px;
	height: 78px;
}

ul#nav {
	list-style: none outside;
	float: right;
	margin: 25px;
	font-size: 14px;
}		#nav li {float: left; margin-right: 40px;}
		#nav li a {text-decoration: none; color: #7a745d; float: left; border-bottom: #c1bb88 2px solid; }
		#nav li a:hover { color: #a29d64; border-bottom: #a29d64 2px solid; }

ul#WhatIDo {
	list-style: disc inside;
	margin: 5px 0 5px 0; 
	padding: 5px;
}		#WhatIDo li { padding: 2px; }
		#WhatIDo li ul { margin-left: 15px; list-style: square inside; }

/* Middle part - About Me
--------------------------- */
div#middle {
	background: #696451 url('img/middle.gif') repeat-x;
	width: 970px;
	height: auto;
	color: #e1debb;
	padding: 10px;
}		#middle p {line-height: 16px;}
		#middle img {border: #7a745d 5px solid; margin: 5px;}
		#middle img:hover {border: #FFF 5px solid;}
		#middle h2 {font-family:"Times New Roman", Times, serif; font-size: 20px; font-weight: lighter; margin-bottom: 5px;}
		
/* Bottom - Content area
-------------------------- */
div#btmheader {
	background: url('img/btm_header.gif') no-repeat;
	width: 990px;
	height: 47px;
}		h1 {padding: 17px; font-size: 20px; color: #7a745d; font-family: "Times New Roman", Times, serif; font-weight: lighter;}

div#content_area {
	background: #d8d5ac;
	width: 970px;
	overflow: hidden;
	padding: 10px;
}

/* Portfolio
-------------- */
.work {
	position: relative;
	background: #c1bb88;
	height: 185px;
	width: 820px;
	padding: 12px;
 	margin: 20px auto;
	border-top: #b6b07a 5px solid;
	overflow: hidden;
}		.work img {float: right; border: #d1cda0 3px solid; width: 526px; height: 179px; }
		.work img:hover {border: #FFF 3px solid; }
		.work h2 {font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: lighter; color: #FFF; margin-bottom: 5px; }
		.work p {color: #FFF; }

a.box {	
	background-color: #a29d64; 
	color: #fff;	
	display: block;	
	width: 260px; 
	padding: 10px 8px 8px 8px; 
	text-decoration: none; 
	margin-top: 5px; 
	text-transform: uppercase;
}		a.box:hover {background: #dad6b3; color: #fff; }
		.worklink {position: absolute; bottom: 12px; left: 10px; }
		.info {position: relative; float: left; width: 240px; text-align: left; height: 185px;}

/* Contact form
----------------- */
.formf {
	background: #f9f9f9;
	padding: 5px;
	color: #666666;
	border: #e1e1e1 1px solid;
}

.textfield {
	font-family: Arial, Helvetica, sans-serif;
	background: #f9f9f9;
	padding: 5px;
	color: #666666;
	border: #e1e1e1 1px solid;
	width: 300px;
	height: 100px;
}

.submit {
	background: #68624f;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	color: #FFF;
	border: 0;
}