/*
******************************************************
CSS document - Jessica Ivins - http://jessicaivins.net
******************************************************
*/


/* --------- GENERAL DECLARATIONS --------- */

body {
	width: 100%;
	background-color: white;
	margin: 0;
	text-align: center;
	}

img {
	border: none;	
	}

h1 {
	clear: both;
	color: #835858;
	font: normal 1.4em/1.2em Verdana, sans-serif;
	margin: 0;
	padding: 0;
	}

h2 {
	color: #ba7350;
	font: normal 1.1em/1.1em Arial, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
	h2 span {
		font-weight: normal;
		}

h3 {
	color: #464543;
	font: bold 1em/1.5em Arial, sans-serif;
	margin: 0;
	padding: 0;
	}

	h3 span {
		color: #464543;
		font: bold .9em/.9em Arial, sans-serif;
		margin: 0;
		padding: 0;	
		}

h4 {
	color: #464543;
	font: bold .9em/1.5em Arial, sans-serif;
	padding: 0;
	margin: 0; 
	}

p {
	color: #464543;
	font: normal .9em/1.5em Arial, sans-serif;
	padding: 0;
	margin: 0 0 12px 0; 
	}

a, a:link, a:active {
	color: #C85D5D; 
	font: 1em Arial, sans-serif;
	text-decoration: underline;
	}

	a:visited {
		color: #835858;	
		}
	
	a:hover {
		text-decoration: none;	
		}

h2 a, h2 a:link, h2 a:visited, h2 a:active { /* headers that are also links */
	color: #ba7350;
	font: normal 1em/1em Arial, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	text-decoration: underline;
	}
	
		h2 a:hover {
			text-decoration: none;	
			}

ul {
	margin: 0 0 12px 0;
	padding: 0 0 0 15px;
	}

	ul li {
		color: #464543;
		font: normal .9em/1.5em Arial, sans-serif;
		list-style:disc;
		}

#bodyContainer {
	background: url(../images/header_bg.jpg) center top no-repeat;	
	width: 768px;
	margin: 0px auto;
	text-align: left;
	padding: 0 0 100px 0;
	border-left: 1px solid #4a3535;
	border-right: 1px solid #4a3535;
	border-bottom: 1px solid #4a3535;
	}

#headerArea {
	height: 24px;
	padding: 47px 0 0 535px;
	border-bottom: 1px solid #361f1f;
	}

#mainBodyContent {
	padding: 12px 25px 0 25px;	
	}

div.clear {
	clear: both;	
	}

/* begin main navigation */

#mainNav {
	margin: 0 0 45px 0;	
	}

	#mainNav ul {
		margin: 0;
		padding: 0;
		}

		#mainNav ul li {
			color: #62615e;
			font: 1em/1.1em Arial, sans-serif;
			float: left;
			list-style: none;
			background: none;
			padding: 0 30px 0 0;
			}

			#mainNav ul li.current {
				font: bold 1em/1.3em Arial, sans-serif;
				}
				
				#mainNav ul li.current a {
					font-weight: bold;
					}

#mainNav ul li a,
#mainNav ul li a:link,
#mainNav ul li a:active, 
#mainNav ul li a:visited {
	color: #62615e;
	text-decoration: none;
	}

#mainNav ul li a:hover {
	color: #835858;
	text-decoration: underline;	
	}

/* ---------- NON GENERAL DECLARATIONS --------- */

/* float text around images in paragraphs */
img.inBody {
	float: left;	
	margin: 0 20px 20px 0;
	border: 1px solid #969696;
	}

/* display PDF icon */
p.pdf {
	background: url(../images/pdfIcon.gif) 0 20% no-repeat;
	}
	
	p.pdf a {
		padding-left: 20px;	
		}
	
/* home and portfolio pages */

div.row {
	clear: both;
	float: left;
	margin: 0 0 30px 0;
	width: 720px;
	}

	div.row img {
		float: left;
		border: 1px solid #969696;
		}
	
		div.row div.description {
			float: right;
			width: 570px;
			}

			div.row div.description h2 {
				margin-top: 0;	
				}
			
			div.row div.description p {
				margin: 0;
				}
				
				div.row div.description p.modifyParagraph { /* add margin below paragraph when followed by another paragraph */
					margin: 0 0 12px 0;
					}

/* remove bottom margin on home and about me pages */

body#home div.row,
body#aboutme div.row {
	margin: 0;
	}

/* user experience portfolio page */

body#userExperience h2 {
	margin-bottom: 15px;
	}

/* for breadcrumb trail */

span.currentCrumb {
	color: #ba7350;
	}

/* home page */

body#home h1 {
	margin: 0 0 20px 0;
	}

/* contact page */

fieldset { 		/* hide fieldset from view */
	margin: 0; 
	padding: 0;
	border: none;
	}

form.contactForm {
	padding: 20px;
	border: 1px solid #cccccc;
	background-color: #f9f9f9;
	}

	form.contactForm input.hidden {
		display: none;
		}
	
	form.contactForm label, 
	form.contactForm input, 
	form.contactForm textarea {
		color: #464543;
		display: block;
		font: .9em/1.6em Arial, sans-serif;
		}
	
	form.contactForm label {
		font-weight: bold;
		}
	
	form.contactForm input#name,
	form.contactForm input#email,
	form.contactForm input#subject {
		width: 200px;	
		border: 1px solid #cccccc;
		height: 18px;
		margin: 0 0 20px 0;
		}
	
	form.contactForm textarea {
		width: 100%;	
		margin: 0 0 20px 0;
		border: 1px solid #cccccc;
		}

/* resume page */

#resumeHeaderContent {
	border: 1px solid #ffffff; /* ie7 bug fix */
	clear: both;
	margin-bottom: 12px;
	}

	#resumeHeaderContent p {
		margin: 0;	
		}
	
	#resumeHeaderContent #col1 {
		float: left;
		}
	
	#resumeHeaderContent p#downloadResume {
		float: right;	
		margin-top: 23px;
		}

/* links page formatting */

ul.links {
	padding-right: 25px;
	}