/* CSS document for ambercordova.com */

/* GENERAL FORMATTING */
* {	
	margin: 0px;
	padding: 0px;
}
body {
	background: #e7e9e2 url(images/layout/layoutbg.jpg) fixed;
	font-family: Georgia, "Times New Roman", serif;
	color:#5e5e5e;
	font-size:1em;
}
h2 {
	color:#5e5e5e;
	font-size:1em;
}
a {
	color:#5e5e5e;
	text-decoration: none;
}
a:hover {
	color:#333;
	text-decoration: underline;
}
a img {
	border-width: 0px;
}
#wrapper {
	width:760px;
	position: relative;
	margin:15px auto 0px;	
}
#previewPane,
#previewDetail,
#infoPanel,
#contactPanel,
#resumePanel {
	position: fixed;
}

/* CONTENT PANEL STYLES */
#contentPanel {
	padding:40px 60px;
}	
#contentPanel,
#infoPanel {
	background-image:url(images/layout/contentbg.gif);
}
#logo {
	margin-bottom:30px;
}
#thumbsPane a {
	cursor:crosshair;
}
#thumbsPane a img {
	width:55px;
	height:55px;
	border:1px solid #bbb;
}
#thumbsPane a:hover img {
	border:1px solid #5e5e5e;
}
#thumbsPane img.preload {
	display:none;
}

/* PREVIEW STYLES */
#previewPane {
	top:45px;
	height:350px;
}
#previewPane,
#previewDetail {
	border:2px solid #5e5e5e;
	width:350px;
	margin-left: 350px;
}
#previewPane img {
	height:350px;
	width:350px;
}
#previewDetail {
	top:400px;
	background-color:#ecede8;
	z-index:15;
	padding:5px 0px;
	text-align:center;
}
#previewDetail p {
	font-size:.9em;
}


/* INFO STYLES */
#infoPanel {
	background-color:#e2e2e2;
	text-align:right;
	padding:10px 0px 0px 0px;
	width:760px;
	height:25px;
	bottom:0px;
	z-index:10;
}
#infoPanel h1,
#infoPanel h2 {
	display:none;
}
#infoPanel ul li {
	text-transform: capitalize;
	font-size: 1em;
	font-weight: bold;
	color:#5e5e5e	;
	display:inline;
	margin-right:60px;
}


/* CONTACT STYLES */
#contactPanel {
	width: 480px;
	top: 35px;
	z-index:25;
	margin-left:140px;
	background-color:#e2e2e2;
	background-image:url(images/layout/panelbg.jpg);
	border: 1px solid #5e5e5e;
}
#contactPanel h2 {
	margin:5px 0px 5px 30px;
}
#mailstatusText {
	padding-left:30px;
	padding-bottom:10px;
	border-bottom: 1px solid #5e5e5e;
}
#mailstatusText p {
	font-size:.75em;
}
/* FORM STYLES*/
#contactForm form {
	width:375px;
	margin: 0 auto;
}
#contactForm p { 
	margin:10px;
	font-weight:bold;
	font-size:.9em;
	clear:left;
}
#contactForm input,
#contactForm select,
#contactForm textarea{
	font-family: Georgia, "Times New Roman", serif;
	font-size:.9em;
	color:#5e5e5e;
}
#contactForm p.messagefield {
	margin: -10px 15px -5px 15px;
}
#contactForm p.notice {
	font-size: .65em;
	color:#999;
}
#contactForm p#buttonrow {
	text-align: right;
}
#submitBtn {
	padding: 1px 5px;
	font-weight:bold;
}


/* RESUME STYLES */
#resumePanel {
	display:none;
	overflow:auto;
	width:760px;
	height:100%;
	top:0px;
	z-index:20;
	background-color:#e2e2e2;
	background-image:url(images/layout/panelbg.jpg);
	border: 1px solid #5e5e5e;
}
#resumePanel h2 {
	margin:15px 30px 10px;
}
#resumePanel #bio {
	padding-bottom:10px;
	border-bottom: 1px solid #5e5e5e;
}
#resumePanel #bio p{
	margin:0px 45px;
}
#resumePanel .download {
	margin-right: 10px;
	padding-top:4px;
	float:right;
	font-size:.75em;
	font-weight:bold;
}
#resumePanel #resume h2+p {
	text-align:center;
}
#resumePanel #resume p img {
	margin-top:5px;
}

/* "close" LINK */
.close {
	text-align:right;
	text-transform: uppercase ;
	font-size:.8em;
	font-weight: bold;
	padding:5px;
	border-bottom: 1px solid #5e5e5e;
}
.close a:hover {
	text-decoration:none;
}