@import "reset.css"; /* set default styling across browsers */

/* -------------------------------------------------------------- 
   layout -- box sizes, position, backgrounds
-------------------------------------------------------------- */
body {
    background: url(../images/design/column-background.gif) repeat-y scroll center;
}
#page {
	width: 850px;
	margin: 0px auto;
}
#header {
	height: 171px;
	background: url(../images/design/header.gif) no-repeat scroll left bottom;
	margin-bottom: 20px;
}
#content {
	padding-top: 14px;
	overflow: auto;
}
.navskip {
    position: absolute;
    top: -10px;
    bottom: -10px;
}
.hidden {
    display: none;
}
#signature {
    float: right;
}


/* -------------------------------------------------------------- 
   menu -- styles for the top menu bar
-------------------------------------------------------------- */

ul#menu {
    display: block;
    text-align: center;
    width: 100%;
    background: #9C4242;
    overflow: auto;
}
ul#menu li {
    float: right;
    width: 14.26%;
    border-top: 3px solid #9C4242;
}
ul#menu li a {
    font-size: 11px;
    line-height: 21px;
    color: #F4F4C3;
    text-transform: uppercase;
    text-decoration: none;
}
#home #home-nav,
#paintings #paintings-nav,
#book #book-nav,
#about #about-nav,
#links #links-nav,
#contact #contact-nav,
#calendar #calendar-nav {
    border-top: 3px solid #DF6060;
    border-bottom: 3px solid #9C4242;
}

/* -------------------------------------------------------------- 
   typography -- fonts, sizes, and text spacings
-------------------------------------------------------------- */

html, body {
	font-family: Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
}
strong {
    font-weight: bold;
    color: #666;
}
h1 {
	font-size: 18px;
	line-height: 36px;
	color: #DF6060;
}
h2 {
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 36px;
    color: #c96;
    border-bottom: 2px solid #c96;
}
h3 {
	font-size: 14px;
	line-height: 26px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
}
h3:first-child {
	margin-top: 0;
}
blockquote {
	display: block;
	margin: 36px 0;
	font-size: 14px; 
	line-height: 21px; 
    color: #8a7878; 
	font-weight: normal; 
    overflow: auto;
}
.curlyquote {
    color: #8a7878; 
	font-weight: bold; 
	font-size: 60px;
	line-height: 40px;
	float: left;
	width: 40px;
	height: 80px;
	font-family: 'Times New Roman', Times, serif; 
}
blockquote .byline {
	white-space: nowrap;
	margin-left: 1em;
	font-size: 12px;
}
blockquote .title {
	font-style: italic;
}
a {
    color: #C96;
	text-decoration: underline;
	font-size: 14px;
}
a:hover {
	text-decoration: underline;
}
.float-left {
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
}
.float-right {
	float: right;
	margin-left: 18px;
	margin-bottom: 18px;
}
.clear-both {
	clear: both;
}
p {
	margin-bottom: 18px;
	font-size: 14px;
	color: #333;
	line-height: 21px;
}
sub {
	vertical-align: sub;
	padding: 2px;
}


/* -------------------------------------------------------------- 
   zebra -- nothing can stop the zebra!
-------------------------------------------------------------- */

table.zebra,
ul.zebra {
    margin: 0px 0px 18px 1px;
    font-size: 14px;
    line-height: 21px;
    color: #666;
}
.zebra tr,
.zebra li {
}
.zebra tr:first-child,
.zebra li:first-child {
	border-top: 0px;
}
.zebra td {
    padding: 5px 10px;
    vertical-align: top;
}
.zebra li {
    padding: 6px 9px 3px 9px;
}
.zebra tr.odd,
.zebra li.odd {
	background: #FFF;
}


/* -------------------------------------------------------------- 
   gallery -- specific styles for the gallery pages
-------------------------------------------------------------- */

ul.gallery {
	margin: 18px auto;
	font-weight: bold;
	width: 800px;
}
ul.gallery h2,
ul.gallery blockquote {
	clear: both;
	width: 100%;
}
ul.gallery li {
	float: left;
	text-align: center;
	width: 144px;
	height: 144px;
	overflow: hidden;
	margin: 0px 22px 36px 22px;
}
.gallery img {
    border: 0px;
    /* Vertical alignment for IE */
    margin-top: expression((144 - this.clientHeight));
}
.gallery a {
    /* Vertical alignment for most browsers*/
	display: table-cell;
	vertical-align: bottom;
	width: 144px;
    height: 144px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
}
.gallery a,
.gallery a:visited,
.gallery a:hover {
	color: #636363;
}
#lightbox #imageDetails {
	margin-bottom: 10px;
}
#lightbox #imageData #numberDisplay {
	display: none;
}