/*
Name: Peter Nash Website
Author: Nick Francis
Questions/Comments: nick@project83.com
Copyright (c)  Peter Nash. All rights reserved.
*/

/* main styles */
* {
	margin:0;
	padding:0;
}

body {
	text-align:center;
	background:#4C4C4C;
}

#wrap {
	width:960px;
	margin:15px auto 0 auto;
	font-size:small;
	text-align:left;
	font-family:Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
}

frameset, img {
	border:0;
}

.clear {
	clear:both;
}

img.float-left {
	float:left;
	padding:0 10px 0 0;
}

img.float-right {
	float:right;
	padding:0 0 15px 15px;
}

/* header */
h1 {
	margin-left:45px;
	width:461px;
	height:102px;
	text-indent:-9000px;
}

h1 a {
	float:left;
	position:relative;
	width:461px;
	height:102px;
	background:url(images/logo.gif) no-repeat top left;
}

body#celebs h1 a {
	background:url(images/logo_celebs.gif) no-repeat top left;
}

body#portraits h1 a {
	background:url(images/logo_portraits.gif) no-repeat top left;
}

body#history h1 a {
	background:url(images/logo_history.gif) no-repeat top left;
}

body#contact h1 a {
	background:url(images/logo_contact.gif) no-repeat top left;
}

#top {
	width:960px;
	height:20px;
	background:url(images/top_bg.gif) no-repeat top left;
}

#buttons {
	width:200px;
	margin:0 auto -35px auto;
	position:relative;
	bottom:32px;
	left:105px;
}

#buttons a.arrow {
	padding:0 10px 0 10px;
}

#buttons a.gallery img {
	border-left:1px solid #A2A2A2;
	border-right:1px solid #A2A2A2;
}

p.title {
	float:right;
	position:relative;
	right:10px;
	bottom:12px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
	font-family:Helvetica, Arial, "Lucida Grande", sans-serif;
}

.webkit p.title {
	font-size:90%;
	text-align:right;
	width:220px;
}

/* content area */
#content {
	width:938px;
	padding:0 11px;
	background:url(images/content_bg.gif) repeat-y top left;
}

/* left */
#left {
	float:left;
	width:190px;
}

#left ul {
	list-style:none;
}

#left li {
	display:inline;
}

#left li a {
	display:block;
	padding:20px 0 20px 10px;
	color:#A2A2A2;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:3px;
	font-size:90%;
	background:url(images/nav_bg.gif) repeat-y bottom left;
}

#left li a:hover {
	color:#fff;
	background:url(images/nav_hover.gif) repeat-y bottom left;
}

body#fur #left li#nav-fur a, body#celebs #left li#nav-celebs a, body#portraits #left li#nav-portraits a, body#history #left li#nav-history a, body#contact #left li#nav-contact a {
	color:#fff;
	border:1px solid #282828;
	border-left:2px solid #282828;
	border-top:0;
	background:#606060;
}

/* right */
#right {
	float:right;
	width:748px;
}

.webkit #right a.main img {
	position:relative;
	bottom:1px;
}

#right div.mainPhoto {
	text-align:center;
}

#right .content {
	color:#fff;
	background:#0F0F0F;
	padding:0 1px 10px 0;
}

#right .content p {
	line-height:1.6em;
	padding:5px 0 15px;
}

#right .content h3 {
	font-weight:normal;
	font-family:Helvetica, "Trebuchet MS", Verdana, Arial, sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
	padding:20px 0 10px 20px;
}

/* history page */
.content img.peter {
	float:left;
	margin-bottom:10px;
}

div.gbox {
	float:right;
	background:#2F2F2F;
	width:263px;
	height:355px;
	padding:15px 15px 0 15px;
	margin-bottom:10px;
}

div.gbox blockquote {
	background:url(images/quote_left.gif) no-repeat top left;
}

div.gbox blockquote h2 {
	font-size:140%;
	font-weight:bold;
	line-height:1.4em;
	text-indent:60px;
	padding:20px 0 0 0;
}

body#history #right .content div.gbox blockquote p {
	line-height:2em;
	padding:10px 20px 25px 0;
	color:#fff;
	font-size:100%;
	background:url(images/quote_right.gif) no-repeat bottom right;
}

div.gbox h3 {
	font-size:170%;
	line-height:1.2em;
	margin:0;
	font-weight:normal;
}

body#history #right .content p {
	color:#A2A2A2;
	padding-left:20px;
}

.content #bio {
	float:left;
	width:460px;
}

.content #education {
	float:left;
	width:200px;
}

#right .content p.padd {
	padding-right:45px;
}

/* contact form */
body#contact #right .content {
	height:412px;
	background:#2F2F2F;
}

body#contact #right .content p {
	padding:5px 0 5px 0;
	font-size:90%;
}

body#contact #right .content a {
	color:#818080;
}

body#contact #right .content a:hover {
	text-decoration:none;
}

body#contact #right .content p.credits {
	padding-top:42px;
}

.win.gecko body#contact #right .content p.credits, .ie body#contact #right .content p.credits {
	padding-top:18px;
}

.ie7 body#contact #right .content p.credits { 
	padding-top:0;
	position:relative;
	bottom:10px;
}

.webkit body#contact #right .content p.credits {
	padding-top:35px;
}

span.space {
	padding:0 10px;
}

fieldset#contact-form {
	padding:0;
	margin:0;
	width:auto;
	border:none;
	font-size:90%;
	}

fieldset#contact-form ul {
	margin:0;
	padding:0;
	list-style:none;
	}

fieldset#contact-form li label {
	float:left;
	clear:right;
	width:95px;
	text-align:right;
	margin:0;
	padding-top:4px;
	}

fieldset#contact-form li input, fieldset#contact-form li textarea {
	margin:0 0 8px 15px;
	padding:2px;
	font-family:Arial, Helvetica, "Lucida Grande", "Trebuchet MS", sans-serif;
	color:#191919;
	background:#A2A2A2;
	border:0;
	width:200px;
	}
	
.win.gecko fieldset#contact-form li input, .win.gecko fieldset#contact-form li textarea {
	margin:0 0 3px 15px;	
}

fieldset#contact-form li input:focus, fieldset#contact-form li textarea:focus {
	background:#fff;
}

fieldset#contact-form li textarea {
	width:auto;
	font-size:100%;
	}

fieldset#contact-form input#contactsubmit {
	width:auto;
	margin:10px 0 10px 200px;
	padding:0;
	border:0;
	}

#response {
	width:400px;
	margin:0 5px 0 280px;
	padding:5px;
	color: #BAB37C;
}

#response.error {
	color: red;
}
#response.success {
	color: green;
}
#response.ajax-loading {
	padding: 20px 0;
	background: url(images/spinner.gif) no-repeat center;
}

/* footer */
p.copyright {
	width:140px;
	color:#818080;
	font-size:90%;
	margin:0 0 -12px 0;
	position:relative;
	bottom:15px;
	padding:0 0 0 20px;
	background:url(images/content_bg.gif) repeat-y top left;
}

.webkit p.copyright {
	bottom:18px;
	margin-bottom:-14px;
	font-size:80%;
}

.win.gecko p.copyright {
	bottom:18px;
	margin-bottom:-16px;
}

.ie p.copyright {
	bottom:23px;
	margin-bottom:-16px;
}

#bottom {
	width:960px;
	height:20px;
	background:url(images/bottom_bg.gif) no-repeat top left;
}