@charset "UTF-8";

<style type="text/css"> 

/* 

CSS for denisepetti.com --- Linked to 
Created by Jon Whitbeck --- http://jonwhitbeck.com

overview:
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images

*/

/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

h1, h2, h3, h4, h5, h6
	{font-size: 100%; }
	
ol, ul
	{ list-style: none; }
	
address, caption, cite, code, dfn, th, var
 {font-style: normal; font-weight: normal;}
 
table
	{border-collapse: collapse; border-spacing: 0;}
	
fieldset, img
	{border: 0;}
	
caption, th
	{text-align: left;}
			

/* --------------------------------------------------------------------------------------------- */
/*positoning*/

.fltrt { /* can be used to float an element right. floated element must precede element it should be next to on page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-left: 8px;
}
.clearfloat { /* should be placed on a div or break element & should be final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* --------------------------------------------------------------------------------------------- */
/*type*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
}
	
p {
	font-size: 0.8em;
	padding: 0 0 .8em 0;
	margin: 0;
	color: #474747;
}
	
h1 { font-size: 1.5em; }

#header h1 {
	margin: 0; /* last element in div avoids margin collapse - an unexplainable space b/w divs. border also works*/
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#contactForm h1 {
	font-size: 0.9em;
	color: #701418;
	font-weight: normal;
	margin-top: 0px;
}

h2 {
	font-size: 1em;
}

h2#projectTitle {
	font-size: 0.8em;
	color: #701418;
	font-weight: normal;
	padding-left: 120px;
	margin: 5px 0 8px 0;
}
	
h3 {
	font-size: 0.9em;
}

h3#sectionName {
	font-size: 0.8em;
	color: #701418;
	font-weight: normal;
	margin: 5px 0 5px 0;
	padding: 12px 0 0 0;
}
	
h4 {
	font-size: 0.85em;
}

#contactForm p.sent { 
	margin-bottom: 20px;
	color: #701418; }
	
.stress {
	font-weight: normal;
	color: #474747;
	font-style: italic;
}
.strong {
	font-weight: bold;
}

.sm_emphasis {
	font-size: .8em;
	font-style: italic;
}

.head_img_replace {
	font-size: .1em;
	font-weight: normal;
	position: absolute;
	left: -9999px;
	top: -9999px;
}

#footer p, #footerNew p {
	margin: 0; /* first element in footer will avoid possibility of margin collapse - a space between divs */
	padding: 0 0 0 0; /* create space without the margin collapse issue */
	color: #999999;
	font-size: 0.6em;
	line-height: 1.75em;
}

#footer a, #footerNew a {
	color: #999;
	text-decoration: none;
}
#footer a:hover, #footerNew a:hover {

	color: #333;
	text-decoration: none;
}


/* --------------------------------------------------------------------------------------------- */
/*layout structure*/

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center; /* centers container in IE 5*  text is then set to left aligned default in the #container*/
	color: #000000;
}

div#wrapper {
	position: relative;
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { padding: 0 10px 0 0; } 

#header h1 {
	margin: 0; /* zeroing margin of last element in #header avoids margin collapse */
	padding: 10px 0;
}
#navigation {
	float: left; /* since this element is floated, a width must be given */
	width: 120px;
	padding: 0; /* padding keeps the content of the div away from the edges */
	margin: 125px 0 0 0;
}

#mainContent {
	float: left;
	width: 525px;
	height: 435px;
	background-color: #CCCCCC;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 15px 0 0;
} 

#mainContentFull {
	float: left;
	width: 780px;
	height: 415px;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0;
}

/*divides mainContentFull & gallery from area below*/
#divider {
	margin: 63px 0px 0px 120px;
	height: 3px;
	width: 780px;
	border-top: 1px solid #c9c9c9;
	float: right;
}

/*for layout with single subContent area*/
#subContent {
	background: #ECECEC url(images/sub_watermark.gif) no-repeat left top;
	height: 435px;
	width: 245px;
	margin: 0 0 15px 0;
}

/*wraps layout for two separate subContent areas*/
#subWrapper {
	float: left;
	width: 240px; 
	padding: 0; /* padding keeps the content of the div away from the edges */
}

#subContent1 {
	width: 240px;
	height: 180px;
	background: #CCCCCC;
	margin: 0 0 15px 0;
}

#subContent2 {
	width: 240px;
	height: 240px;
	background: #CCCCCC;
}

#footer {
	padding: 0;
	width: 245px;
	float: right;
	border-top: 1px solid #c9c9c9;
}

#footerNew {
	padding: 0;
	width: 245px;
	float: right;
} 



/* --------------------------------------------------------------------------------------------- */
/*branding*/

#header img#logoText { padding: 25px 0px 8px 120px; }

#header img#logoInitials {
	position: absolute;
	left: 0px;
	top: 0px;
}


/* --------------------------------------------------------------------------------------------- */
/*navigation*/

#navigation a {
	float: left;
	display: block;
	width: 90px;
	height: 20px;
	padding: .75em 0 .2em 10px;
	text-decoration: none;
	color: #555;
	font-size: 0.8em;
}

#navigation li {
	float: left;	
	border-left: 1px solid #c9c9c9;
}
#navigation ul {
	padding: 0px;
	margin: 0 0 0 15px;
}

#navigation .firstLink { padding-top: 0px; }

#navigation .lastLink {
	padding-bottom: 0px;
	margin-bottom: -3px;
}

#descript {
	width: 640px;
	margin: 0px 15px 0 0px;
	float: left;
}

#nav a:hover, body#designsPage li#designs a {
	color: #701418;
	font-size: .85em;
	font-weight: bold;
}
#nav a:hover, body#printworkPage #printwork a {
	color: #701418;
	font-size: .85em;
	font-weight: bold;
}
#nav a:hover, body#publishedPage #published a {
	color: #701418;
	font-size: .85em;
	font-weight: bold;
}
#nav a:hover, body#promotionalPage #promotional a {
	color: #701418;
	font-size: .85em;
	font-weight: bold;
}
#nav a:hover, body#detailsPage #details a {
	color: #701418;
	font-size: .85em;
	font-weight: bold;
}
#nav a:hover, body#digitsPage #digits a {
	color: #701418;
	font-size: .85em;
	font-weight: bold;
}
#nav a:hover, body#booksPage #books a {
	color: #701418;
	font-weight: bold;
}
#nav a:hover, body#essaysPage #essays a {
	color: #701418;
	font-weight: bold;
}
#nav a:hover, body#poetryPage #poetry a {
	color: #701418;
	font-weight: bold;
}
#nav a:hover, body#blogPage #blog a {
	color: #701418;
	font-weight: bold;
}

#nav #books a, #nav #essays a, #nav #poetry a, #nav #blog a {
	width: 70px;
	height: 16px;
	padding: .5em 0 .1em 30px;
	font-size: 0.7em;
}

/* --------------------------------------------------------------------------------------------- */
/*mainContent*/

#gallery {
	width:780px;
	height:450px;
	position:relative;
}
#gallery b.default {
	position:absolute;
	left:0px;
	top:0px;
	width:780px;
	height:415px;
	text-align:center;
}
#gallery b.default img {
	display:block;
	margin: 0;
	padding: 0;
}
/*#gallery b.default span {
	display:block; 
	color:#fff; font-family:verdana, arial, sans-serif; 
	font-weight:normal; font-size:11px; width:350px; margin:0 auto;
}*/

#gallery ul {
	list-style:none;
	padding: 0;
	margin: 0;
	width: 780px;
	position: absolute;
	top: 430px;
	left: 0;
	float: left;
}
#gallery ul li {
	display:inline;
	width:38px;
	height:20px;
	float:left;
	margin:0 3px 5px 5px;
	background: #CCCCCC;
}
#gallery ul li#first { margin:0 3px 5px 0; }
#gallery ul li a {
	display:block; 
	width:38px; 
	height:20px; 
	text-decoration:none;
	background: #CCCCCC; 
}
#gallery ul li a span {display:none;}

#gallery ul li a img {
	display:block; 
	width:38px; 
	height:20px; 
	border:0;
}
#gallery ul li a:hover {
	white-space:normal; 
}
#gallery ul li a:hover b {
	position:absolute; 
	left:0px; 
	top:-430px; 
	width:780px; 
	height:415px; 
	/*text-align:center;*/ 
	z-index:20;
}
/*#gallery ul li a:hover span {
	display:block; 
	color:#fff; 
	font-family:verdana, arial, sans-serif; 
	font-weight:normal; 
	font-size:11px; 
	width:350px; 
	margin:0 auto;
}*/
#gallery ul li a:hover img {
	/*margin:0 auto 10px auto;*/ 
	width:auto; height:auto;
}

#gallery ul li a:active, #gallery ul li a:focus { white-space:normal; }
#gallery ul li a:active b, #gallery ul li a:focus b {
	position:absolute;
	left:0px;
	top:-430px;
	width:525px;
	height:415px;
	text-align:center;
	z-index:10;
}

/*#gallery ul li a:active span, #gallery ul li a:focus span {
	display:block; 
	color:#fff; 
	font-family:verdana, arial, sans-serif; 
	font-weight:normal; 
	font-size:11px; 
	width:350px; 
	margin:0 auto;
}*/

#gallery ul li a:active img, #gallery ul li a:focus img{
	margin:0 auto 10px auto;
	width:auto;
	height:auto;
}

/* --------------------------------------------------------------------------------------------- */
/*subContent*/


#pageControl {
	float: right;
	width: 205px;
	margin: 5px 0 0 0;
	background: url(images/pc_wm.gif) no-repeat left top;
	padding-left: 40px;
}

#pageControl img.arrowL { padding: 0px 4px 0px 0px; }

#pageControl img.arrowR { padding-left: 4px; }

#descript p { padding: 0 2px 8px 120px; }


/* --------------------------------------------------------------------------------------------- */
/*digits page / contact form*/

#digitsPage #contactForm {
	height: 415px;
	width: 505px;
	float: left;
	background: #ECECEC;
	margin: 0 15px 0 0;
	padding: 20px 15px 0px 0;
}

form#feedback {
	margin: 20px 0 0 0;
	padding: 0;
}

#feedback fieldset {
	margin: 0px;
	padding: 0px 0px .25em 0;
}

label {
	display: block;
	font-size: 0.8em;
	padding-bottom: 0.5em;
	color: #474747;
}

legend {
	display: block;
	font-size: .8em;
	color: #733C14;
}

textarea {
	width: 465px;
	height: 75px;
}

#subscribe label, #submit label {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

#select label {
	float: left;
	width: 250px;
	margin: .25em 10px 10px 0;
}

#feedback #form_left input, #form_right input { width: 200px; }

#feedback #form_left {
	float: left;
	width: 250px;
	margin: 0 10px 20px 0;
}

#feedback #form_right {
	float: left;
	width: 200px;
	margin: 0 0 20px 0;
}

input.radio, input.checkbox, input.submit {
	width: auto;
}

input.radio {
	float: left;
	margin-right: 0.5em;
	display: inline;
}

input.submit { margin: 10px 0 10px 0 }


/* --------------------------------------------------------------------------------------------- */
/*details page / resume form*/

#detailsPage #resume {
	padding: 8px 15px 8px 15px;
	margin: 0px;
	overflow: scroll;
	height: 430px;
	width: 748px;
	border: 1px solid #c9c9c9;
	background: url(images/dp_watermark.gif) no-repeat center top;
	float: left;
}

#resume h1 {
	font-size: .9em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#resume h2 {
	font-size: 0.8em;
	font-weight: normal;
	color: #701418;
	padding: 0px;
	margin: .5em 0px 0.5em;
}

#resume ul {
	font-size: 0.8em;
	list-style: disc outside;
	color: #474747;
	margin: 0;
	padding: 0 0 1em 0;
}

#resume li {
	padding: 0;
	margin: 0 0 0 1.2em;
}

#resume h3 {
	font-size: 0.8em;
	font-weight: normal;
	margin: 5px 0 0 0;
	padding: 0px;
	float: left;
	width: 300px;
}

#resume h4 {
	font-size: 0.8em;
	font-weight: normal;
	margin: 0px 0px 0.5em;
	padding: 0px;
	font-style: italic;
	color: #333333;
}
#detailsPage #resume .downSize {
	font-size: 0.8em;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
}

#detailsPage #resume p { font-size: .75em; }

#detailsPage #resume p#resumePDF {
	font-size: 0.7em;
	float: right;
	padding: 0 15px 0 0;
}

#detailsPage #resumePDF a {
	color: #333333;
	text-decoration: none;
}

#sectionName #oval {
	float: left;
	padding-right: 8px;
	margin-top: -3px;
}

#descript #projectTitle #blkText, #sectionName #blkText  { color: #424242; }


#publishedPage #mainContentFull { background: #ececec; }

#designsPage #gallery #thumbDirect, #booksPage #gallery #thumbDirect {
	font-size: 0.65em;
	color: #999999;
	width: 265px;
	padding: 5px 0px 0px 0px;
	margin: 0;
	background: none;
}

#descript a {
	text-decoration: none;
	color: #701418;
	font-weight: normal;
}

#descript a:hover {
	font-weight: bold;
}

#pageControl p.next {
	background: #f1f1f1;
	padding: .25em 0px 0.25em .5em;
	width: 170px;
	text-align: center;
	margin-bottom: .5em;
}

#gallery #pdfVersion a {
	font-size: 0.8em;
	text-decoration: none;
	width: 150px;
	background: #FFFFFF;
	color: #701418;
}

#gallery #pdfVersion a:hover {
	font-size: .75em;
	font-weight: bold;
}	



#blogPage #pageControl a {
	font-size: 0.95em;
	text-decoration: none;
	color: #701418;
}
#blogPage #pageControl a:hover {
	font-weight: bold;
	font-size: .85em;
}

#digitsPage #contactForm #formWrap { padding-left: 25px; }



#detailsPage #resume #experience {
	margin: 0px 30px 0px 0px;
	float: left;
}

#detailsPage #resume #summary { padding-left: 50px; }