/*#a87b2f gold
#6c4a2a  background
#4a2808; dark brown
#ebeabf paper
a32441 red
 #e6D59c text

*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; margin:0 }
blockquote, q { quotes:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

input, select { vertical-align:middle; }

body { font:62.5%/1.25 sans-serif; *font-size:small;
 } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

body, select, input, textarea { color: #fff; }
h1,h2,h3,h4,h5,h6 { font-weight: bold;}
a {border:0; text-decoration:none}
a:focus, a:active {outline:none}
a:hover { color: #036; }
ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
em {font: italic 1.2em Palatino, "Palatino Linotype", "Book Antiqua", Georgia}
.float-l {float:left}
.float-r {float:right}
.below {margin-bottom:1em}
span.bigger {color:white; font-size:1.4em}
.center {text-align:center}
.normal {font-weight:normal}
html {overflow-y: scroll}

body {
	background-color: #6c4a2a;
	font-family: arial, helvetica, sans-serif;
	min-width:800px;
	}
div#wrapper {
	margin:0 auto;
	border:0px solid white;
	width:800px;
	position:relative;
	overflow: hidden;
	}
section#main {margin-top:100px; height:400px;}

p {
	font-size:1.25em; 
	line-height:1.8;
	color: #e6D59c;
	}
p:last-child {padding-bottom:40px;}

article h1 {font-size:1.3em}
article h2 {font-size:1.2em}


header { 
	width: 800px;
	position:relative;
	margin-bottom: 70px;
	}
header h1 {
	width: 302px;
	height: 25px;
	background: url("i/catherine-corman.gif") no-repeat 0 0;
	margin:20px auto;
}
header span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}
header h2 {
	color:#b98c3f;
	letter-spacing:3px;
	font-size: 1.3em;
	text-align:center;
	margin:0 auto;
	margin-top:100px;
	}

#home nav {
	height:260px;
	padding-left:35px;
	margin-top:100px;
	}
#home nav a {
	float:left;
	width:90px;
	height:141px;
	}

#about {display: block; background: url("i/nav/about.png") no-repeat 0 0;}
#about:hover {background-position: 0 -141px;}
#about span {display: none;}

#audio {display: block; background: url("i/nav/audio.png") no-repeat 0 0;}
#audio:hover {background-position: 0 -141px;}
#audio span {display: none;}

#multimedia {display: block; background: url("i/nav/multimedia.png") no-repeat 0 0;}
#multimedia:hover {background-position: 0 -141px;}
#multimedia span {display: none;}

#writing {display: block; background: url("i/nav/writing.png") no-repeat 0 0;}
#writing:hover {background-position: 0 -141px;}
#writing span {display: none;}

#book {display: block; background: url("i/nav/book.png") no-repeat 0 0;}
#book:hover {background-position: 0 -141px;}
#book span {display: none;}

#resume {display: block; background: url("i/nav/resume.png") no-repeat 0 0;}
#resume:hover {background-position: 0 -141px;}
#resume span {display: none;}

#cherries {display: block; background: url("i/nav/cherries.png") no-repeat 0 0;}
#cherries:hover {background-position: 0 -141px;}
#cherries span {display: none;}


#contact {display: block; background: url("i/nav/contact.png") no-repeat 0 0;}
#contact:hover {background-position: 0 -141px;}
#contact span {display: none;}


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

nav ul {
	clear:both;
	border-top:1px solid white;
 	margin:0 auto;
 	}
nav ul li {
	float:left;
	position:relative;
	padding-top:6px;
	margin-right:23px;
	font: 12px arial, helvetica, sans-serif;
	letter-spacing:.06em;
	color: #e6D59c;
	}
nav ul li a {
	color: #e6D59c;
}
nav ul li a:hover {
	color:#fff;
}
nav ul li#here {
	border-top:4px solid white;
	color:white;
	padding-top:2px;
	}	
nav .last {margin-right:0;}


/*-------------------------------------about-------*/
#about-page section#main {height:400px;}

#about-page article {
	float:right;
	width:505px;
	margin-top:20px;
	}

#about-page figure img {
	border:1px solid #a87b2f;
	padding:10px;
	width:225px;
	height:204px;
	}
	
	
/*-------------------------------------audio-------*/

#audio-page section {
	overflow:hidden;
	border:10px solid #805833; 
	background-color:#4a2808;
	color:#e6D59c;
	text-align:left;
	margin-bottom:30px;
	padding-bottom:20px
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	}

#audio-page h1 {
	font: bold 1.7em arial, verdana, helvetica, sans-serif;
	padding:2px 0 0 2px;
	margin-bottom:0;
	color:white;
	}
#audio-page header h1 {
	background-color:#6c4a2a;
	}
#audio-page h2 {
	font: bold 1.5em arial, verdana, helvetica, sans-serif;
	padding-left:2px;
	padding-top:25px;
	margin-bottom:.4em;
	}
#audio-page #intro h2 {
	text-align:left;
	font-weight:bold;
	color:white;
	padding:0;
	}
#audio-page h3 {
	margin-top:.5em;
	text-align:center;
	font-size:1.4em;
	font-weight:normal;
	color:#e6D59c;
	}
#bob h3 {
	text-align:left;
	font-weight:normal;
	color:white;
	margin-bottom:4px;
}
#audio-page p {
	color:#e6D59c;
	line-height:1.3em;
	}
article.item p {padding-bottom:12px}

#audio-page #intro {
	padding:15px 23px 0 30px;
	background-color:#4a2808;
}
#audio-page #intro p {
	font-size: 1.4em; 
	line-height:1.6;
	margin-bottom:0;
	padding-bottom:10px;
	}


#bob {
	padding:0 30px;
	background-color:#4a2808;
	overflow:hidden;
	}
	#bob-l {
		float:left;
		width: 200px;
		margin: 0 ;
		margin-left:0px;
		padding-bottom:20px;
		}
	#bob-r {
		float:right;
		width: 480px;
		margin-top:0;
		}
	#bob-l img {margin-bottom:10px;	}
	#bob-r p {line-height:1.5; margin-bottom:1em; padding-right:20px}
	#bob-r p a {
		color:#e6D59c;
		text-decoration:underline;
		}
	#bob-r p a:hover {
		text-decoration:none;
		}


#audio-page section.radio {
	background-color:#805833;
	overflow:hidden;
 	padding:0;
 	}
section.radio .row {
	background: url("i/radio.png") repeat-y 2px 0;
	overflow:hidden;
	padding-left: 0;
	clear:left;
	}
#one {
	background: url("i/radio1.png") repeat-y 2px 0;
}
#two {
	background: url("i/radio2.png") repeat-y 2px 0;
}

article.item {
	padding:10px 12px 0 12px;
	margin-right:14px;
	width:226px;
	float: left;
	}
article.item img {
	height:80px;
	width:100px;
	margin: 0 auto;
	display:block;
	margin-top:10px;
	}
object {
	display:block; 
	margin:10px auto; 
	margin-bottom:20px;
	}

section#plastics {
	background-color:#805833;
	}

#plastics article.item {
	padding:10px 12px 0 12px;
	margin-left:10px;
	width:130px;
	float: left;
	background-color:#4a2808;
	}
#plastics p {
	padding-left:10px;
	margin:15px 0;
	}
#plastics h1 {
	color:#fff;
	padding-left:8px;
	}
	
/*-------------------------------------multimedia-------*/


#audio-page #left {
	float:left;
	width:380px;
	}

#audio-page #right {
	float:right;
	width:380px;
	}

#audio-page #main {
	overflow:hidden;
	border:none; 
	background-color:transparent;
	color:#e6D59c;
	text-align:left;
	padding-top:0;
	margin-top:0;
	}

#audio-page #subhead {padding-left:370px}

/*-------------------------------------writing-------*/

section#samples h1 {
	margin-bottom:1.7em; 
	font: normal 1.5em Verdana; "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande";
	letter-spacing:.1em;
	color: #e6D59c;
	}
section#samples {
	margin-top:100px; 
	}

#samples .left {
	float:left;
	width:295px;
	border:0px solid white;
	}
	
#samples .left-last {
	float:left;
	width:205px;
	border:0px solid white;
	}
#samples ul {
	list-style:none; 
	margin:0;
	margin-bottom: 60px;
	}
#samples li {
	padding-right: 20px;
	}
#samples .left-last {
	padding-right:0;
	}

#samples ul li {
	font-size:1.3em; 
	line-height:1.6;
	color: #e6D59c;
	margin-bottom:1.5em;
	}
#samples ul li a {
	color: #e6D59c;
	color:#fff;
	font-weight:bold;
	}
#samples ul li a:hover {
	text-decoration:underline;
	}
#samples ul li em {
	font-size:1.1em; 
	}




aside#samples {
	width:420px;
	border:0px solid yellow;
	margin:0;
	overflow: hidden;
	}
aside#samples h1 {
	font-size:1.5em;
	margin-bottom:3em;
	}
aside#samples img {padding: 0; width:80px;}
aside#samples p {
	float:right; width:320px; margin-top: 10px;
	font-size: 1.3em; line-height:1.5em;
	}
aside#samples p a {color:white; text-decoration:underline}
aside#samples p a:hover {text-decoration:none}
aside#samples p span {font-weight:bold; font-style:italic}



/*
#topborder {border-top:6px solid #4a2808;}
#previous {line-height:1.3em;float:left; width:55px; height:30px; padding-left:27px; padding-top:6px; background: url("i/writing/left-arrow.gif") no-repeat 0 3px}
#previous a {color:#ebeabf}
#previous a:hover {color:white}
#both {float:left; width:550px; border:0px solid yellow}
#next {float:right;width:85px; border-top:0px solid black }

#prev-story {float:left;width:690px; border:0px solid red }


#samples article {
	float:right;
	width:500px;
	width:570px;
	color:black;
	font-family: Times, "Times New Roman", Georgia, serif;
	padding: 0 0 0 35px;
	background: transparent url("i/writing/shadow.gif") repeat-y;
	margin: 0 auto;
	border-bottom:6px solid #4a2808;
	}
#samples article h1 {
	background: url("i/writing/nytimes.gif") no-repeat 0 0;
	width: 400px;
	height: 80px;
	margin:10px auto;
	}
#samples article#connecticut h1 {
	background: url("i/writing/connecticut.png") no-repeat 0 0;
	width: 400px;
	height: 80px;
	margin:10px auto;
	}
	#samples article span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
		}
#samples article h2 {
	color:black;
	font-size: 2em;
	}
#samples article p.author {
	border-top:1px solid black; 
	border-bottom:1px solid black;
	padding: 1px 0;
	width:10em;
	margin: .6em 0 1em 0;
	text-indent:0;
	color:black;
	font-size:.1.1em;
	}
#samples article p {
	color:black;
	line-height:1.3em; 
	text-indent:1.5em; 
	padding-right:15px;
	}
#samples article p.flush {text-indent:0}
#samples article h3 {
	font-size: 1.4em;
	margin-top:1.2em;
	margin-bottom: .2em;
	}

#samples article #pic-cap {float:right;width:380px; border-bottom:1px solid black; margin: 0 15px}
#samples article #pic-cap p {font-size:1.2em; margin-top:.8em; margin-bottom:1em; text-indent:0}

#samples article blockquote {
	padding:.5em 15px .5em 0; 
	border-top:2px solid black;
	border-bottom:2px solid black;
	font-size:2em;
	margin:.7em 5px .7em 0;
	}

#samples article #left-story {width:255px; float:left; }
#samples article #right-story {width:255px; float:right; margin-right:13px; margin-bottom:1em}
#samples article #left-story p, #story #right-story p {padding-right:0}



/*-------------------------------------book-------*/


#book-page article {
	width:544px;
	margin-left:0;
	}

#book-page aside {
	width:200px;
	margin-right:0;
	}
#book-page h1 {
	font-size: 1.5em;
	margin-bottom:.5em;
	font-weight:bold;
	letter-spacing:1px;
	}
#book-page h2 {
	font-size: 1.3em;
	margin-bottom:2em;
	font-weight:normal;
	letter-spacing:1px;
	}
#book-page p, ul#paragraph {
	margin-bottom:1em;
	color: #e6D59c;
	}
	
#purchase {	
	margin-top:20px;
	}
#purchase a {
	display: block;
	width: 156px;
	height: 49px;
	background: transparent url("i/purchase.gif") no-repeat 0 0;
	}
#purchase a:hover {
	background: transparent url("i/purchase.gif") no-repeat 0 -49px;
	}

/*-------------------------------------resume-------*/
#resume-page h2 {display:none}
#resume-page table {
	background-color:#e6D59c;
	background-color:#fff;
	padding: 0 30px 20px 35px;
	width:635px;
	margin:0 auto;
	margin-bottom:40px;
	-moz-box-shadow: 4px 4px 20px #000;
	-webkit-box-shadow: 4px 4px 20px #000;
	box-shadow: 4px 4px 20px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	}

#resume-page td {
	font-size:1.2em; 
	line-height:1.6;
	color: #4a2808;
	vertical-align: top;
	padding-bottom:1.1em;
	}
#resume-page td.subhead {
	font-size:1.25em; 
	padding-top:25px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	padding-bottom:.6em;
	font-family: Verdana, Geneva, "Lucida Sans Unicode", "Lucida Grande";
	}

#resume-page td a {
	color: #4a2808;
	text-decoration:underline;
	}
#resume-page td a:hover {
	text-decoration:none;
	}
#resume-page td.year {
	width:90px;
	}

#resume-page td span {
	font-weight:normal
	}

#print {
	position:relative;
	left:150px;
	top:-6px;
	}
#print a {
	padding: 10px 23px 6px 23px;
	background-color: #4a2808;
	color:#fff;
	font-size:1.2em;
	border-radius: 15px 0;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-left-radius: 15px;;
    -webkit-border-top-right-radius: 15px;
    }
#print a:hover {
	background-color:#5b3919;
	}
/*-------------------------------------contact-------*/

aside#numbers {
	float:left;
	width:240px;
	}
form#contact-me {
	float:right;
	width:525px;
	background-color:#4a2808;
	padding-top:30px;
	margin-bottom:20px;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	}
#numbers figcaption p span {
	letter-spacing:2px;
	font-weight: bold;
	color:#fff;
	}
#contact-me table {
	table-layout:auto;
	margin-left:30px;
	border-spacing:0;
	position:relative;
	}
#contact-me td {
	vertical-align:middle;
	}
#contact-me td.top {
	vertical-align:top;
	padding-top:8px;
	}
#contact-me p, #numbers figcaption p {
	margin-bottom:1em;	
	padding-bottom:0;
	}	
#contact-me input, #contact-me textarea {
	font: normal 1.2em/1.4 arial, helvetica, sans-serif; 
	color:#6c4a2a;
	padding:5px;
	}
#contact-me label {
	width:7em;
	margin-right:1em;
	text-align:right;
	padding-top:20px;
	vertical-align:middle;
	}

.input_error {
	font: bold 11px arial, verdana, tahoma; 
	vertical-align:top;
	padding-top:10px;
	position:absolute;
	color:red;
	text-align:left;
	width:400px;}
.input_error2 {
	font: bold 11px arial, verdana, tahoma; 
	vertical-align:top;
	padding-top:10px;
	position:absolute;
	color:red;
	text-align:left;
	}


#here a {color:white}
#contact-me #enter {
 	margin:15px 0 0 95px;
	font: bold 15px Verdana, Geneva, sans-serif;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
 	border:none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #fff;
    background-color: #A31035;
 }
 
#contact-me #enter:hover {
	background-color: #BF2E41;
 }
 
 figure#envelope {
 	float:left;
 	width:210px;
 	}
article#thankyou {
 	height: 400px;
 	float: right;
 	width:550px;
 	margin-top:10px;
 	}
article#thankyou h1 {
 	margin-bottom:3em;
 	}
article#thankyou p {
 	margin-bottom:1.5em;
 	}
article#thankyou p.italic {
 	font: italic 1.3em georgia, Times, Times-Roman, Palatino, serif;

 	}

footer {
	clear:both;
	padding-top:50px;
	margin-bottom:40px;
	font-size:1em;
	color:#e6D59c;
	text-align:center;
	}

footer a {
	color:#e6D59c;
	text-decoration:underline;
	}
footer a:hover {
	color:#b98c3f;
	}
footer span {
	padding: 0 15px
	}
#writing-page #note {clear:both; margin-left:-1px}
#writing-page #note p span, #samples li em span {color:white; font-weight:bold; padding-left:1px}