@import "reset.css";
@import "thickbox.css";

/* Screen structure styles */

body {
	background: #fff49a url(../img/body_bg.jpg) repeat-x;
	color: #362f2d;
	font: 10px Verdana,sans-serif;
	line-height: 1.43;
	text-align: center;
}

p {
	font-size: 1em;
	margin: 0.6em 0 1em;
}

h1 {
	font-size: 1.75em;
	line-height: 1.25;
	margin: 1.5em 0 1em;
}

h2 {
	color: #e05289;
	font-size: 1.25em;
	line-height: 1.2;
	margin: .8em 0 .6em;
	text-transform: uppercase;
}

h3 {
	font-size: 1.07em;
	margin: 1em 0 1em;
}

h4 {
	font-size: 1em;
	line-height: 1.5;
	margin: 1.3em 0 0.5em;
}

h5 {
	font-size: 1em;
	line-height: 1.5;
	margin: 1.3em 0 0.5em;
}

h6 {
	font-size: 1em;
	line-height: 1.5;
	margin: 1.3em 0 0.5em;
}

blockquote {
	margin: .5em 1.5em;
}

address {
	margin: 1em 2em;
}

ul, ol {
	margin: 1.5em;
	padding-left: 0;
	text-indent: none;
}

li {
}

hr {
	background: #b4b4b4;
	border: 0;
	color: #b4b4b4;
	height: 1px;
	margin: 1.5em 0;
}


h1 small, h2 small, h3 small, h4 small {
	display: block;
	font-size: 80%;
}


a {
	font-weight: bold;
}

a, a:link, a:visited {
	color: #e05289;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

/* rir = Revised Image Replacement (Dwyer Method) */
.rir { background: transparent no-repeat; display: block; margin: 0; padding: 0; position: relative; }
.rir a { display: block; height: 100%; width: 100%; }
.rir span { display: block; height: 0; overflow: hidden; width: 0; }

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

img.bordered {
	border: 1px solid #333;
}




/* Layout elements */

#wrapper {
	background: transparent url(../img/whitebox_bg_middle.gif) repeat-y;
	height: auto !important; /* IE6 min-height hack */
	height: 566px;
	margin: 0 auto;
	min-height: 566px; /* 650px - footer height */
	padding: 0 0 84px; /* padding for footer */
	position: relative;
	text-align: left;
	width: 838px;
}


#whitebox {
	background: transparent url(../img/whitebox_bg_top.gif) no-repeat;
	color: #333;
	height: auto !important; /* IE6 min-height hack */
	height: 566px;
	min-height: 566px;
}

#banner {
	height: 53px;
	position: relative;
}

#banner h1 {
	background-image: url(../img/banner_logo.gif);
	height: 41px;
	left: 31px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 12px;
	width: 161px;
}


#add_your_comment {
	height: 18px;
	margin: 0 24px;
	overflow: hidden;
	position: relative;
	width: 790px;
}

#add_your_comment a {
	display: block;
	position: absolute;
	right: 6px;
	top: 8px;
}

#masthead {
	background: url(../img/masthead.jpg) no-repeat;
	height: 97px;
	margin: 0 24px;
	overflow: hidden;
	position: relative;
	width: 790px;
}

#masthead .comment-wrapper {
	color: #fff;
	font: bold 12px Verdana,sans-serif;
	height: 76px;
	overflow: hidden;
}

#masthead .comment {
	margin: 9px 20px 0 370px;
	text-align: left;
}

#masthead .comment-wrapper .credit {
	text-align: right;
	margin: 9px 30px 0 370px;
}



#menu-wrapper {
	bottom: 0;
	height: 20px;
	line-height: 20px;
	right: 0;
	overflow: hidden;
	position: absolute;
	text-align: right;
	width: 790px;
}

ul#menu {
	color: #fff;
	font: bold 11px Verdana,sans-serif;
	line-height: 20px;
	list-style-type: none;
	margin: 0 -1px 0 0;
	overflow: hidden;
	padding: 0;
	text-shadow: 1px 1px 1px #555555
}

ul#menu li {
	background: transparent url(../img/menu_divider.gif) no-repeat center right;
	display: inline;
	padding: 0 7px 0 6px;
}

ul#menu li a {
	color: #fff;
}

ul#menu li a span {
}


ul#menu li a:hover {
}


#content {
	margin: 7px 24px;
	overflow: hidden;
	position: relative;
	width: 790px;
}




#footer {
	background: #fff49a url(../img/whitebox_bg_bottom.gif) no-repeat;
	bottom: 0;
	font: 9.5px "Arial",sans-serif; /* addresses IE resizing quirk */
	height: 48px;
	left: 0;
	padding: 18px 24px;
	position: absolute;
	width: 790px;
}


#footer a, #footer a:link, #footer a:visited {
	color: #000;
}

#footer a:hover, #footer a:active {
	
}


#footer-left {
	float: left;
	padding: 0 0 0 20px;
	width: 510px;
}

#footer-right {
	float: right;
	padding: 0 4px 0 0;
	text-align: right;
	width: 250px;
}


.dividers {
	margin: 30px 0;
}

.column {
	float: left;
	height: auto !important; /* IE6 min-height hack */
	height: 384px;
	margin: -30px 0; /* inverse of dividers margins */
	min-height: 384px;
}

.column h2 {
	margin: 0 0 10px;
}


.column h3 {
	font-size: 1em;
	font-weight: bold;
}

.column blockquote {
	margin: 10px 8px 0 0;
	padding: 0 0 0 20px;
}

.column blockquote.heart {
	background: transparent url(../img/column_heart_1.gif) no-repeat 4px 0;
}

.column1 blockquote.heart {
	background-image: url(../img/column_heart_1.gif);
}

.column2 blockquote.heart {
	background-image: url(../img/column_heart_2.gif);
}



.column blockquote blockquote {
	margin: .5em .5em 1.5em;
}


.fourcolumns {
	letter-spacing: 0.005em;
	line-height: 1.4;
	padding: 0 0 0 2px;
	position: relative;
	width: 900px;
}

.fourcolumns .dividers {
	background: transparent url(../img/fourcolumns_dividers.gif) repeat-y;
}

.fourcolumns .column {
	padding-right: 9px;
	width: 190px;
}

.fourcolumns .column p {
	margin: .1em 0 1em;
}

.fourcolumns .column h2.rir {
	height: 20px;
	width: 190px;
}

.fourcolumns .column h3 {
	margin: 0;
}


.twocolumns {
	letter-spacing: 0.025em;
	line-height: 1.49;
	padding: 0 2px;
	position: relative;
	width: 900px;
}

.twocolumns .dividers {
	background: transparent url(../img/twocolumns_dividers.gif) repeat-y;
}


.twocolumns .column {
	padding-right: 9px;
	width: 390px;
}

.twocolumns .column h2.rir {
	height: 20px;
	width: 390px;
}

.twocolumns blockquote {
	margin-right: 20px;
}


.onecolumn {
	letter-spacing: 0.025em;
	line-height: 1.49;
	padding: 0 4px;
	position: relative;
	width: 900px;
}

.onecolumn .column {
	width: 782px;
}

.onecolumn .column h2.rir {
	height: 20px;
	width: 782px;
}

.onecolumn blockquote {
	margin: 10px 140px 0;
}



.more-link {
	background: transparent url(../img/more_arrow_pink.gif) no-repeat right 4px;
	padding: 0 8px 0 0;
}

.column-clip {
	float: right;
	text-align: right;
	width: 102px;
}

.column-clip img {
	display: inline;
}

.column-clip a, .column-clip a:link, .column-clip a:visited, .column-clip a:hover, .column-clip a:active {
	text-decoration: none;
}



.enlarge {
	background: transparent url(../img/enlarge_plus.gif) no-repeat left 4px;
	padding: 0 0 0 8px;
}

ul.pink {
	margin-left: 2em;
}


ul.pink li {
	list-style: url(../img/column_bullet_pink.gif);
}



/* Gallery Styles */


ul.horizontal {
	list-style-type: none;
	margin: 0;
}

ul.horizontal li {
	display: inline;
	float: left;
	margin: 10px 7px 10px 0;
}

ul.spaced {
	margin: 12px 0;
}

ul.spaced li {
	margin: 16px 20px 9px;
}


/* shadow based on PIE's techniques (http://www.positioniseverything.net/articles/sidepages/dropshadow/dropshadow.html) */

.shadow-wrap0 {
	background: transparent url(../img/shadow_upperright.gif) no-repeat top right;
}

html>body .shadow-wrap0 {
	background-image: url(../img/shadow_upperright.png);
}

.shadow-wrap1 {
	background: transparent url(../img/shadow_lowerleft.gif) no-repeat bottom left;
	padding-top: 8px;
	padding-left: 8px;
}

html>body .shadow-wrap1 {
	background-image: url(../img/shadow_lowerleft.png);
}

.shadow-wrap2 {
	background: transparent url(../img/shadow.gif) no-repeat bottom right;
}

html>body .shadow-wrap2 {
	background-image: url(../img/shadow.png);
}

.shadow-wrap3 {
	left: -8px;
	position: relative;
	top: -8px;
}

.shadow-wrap3 img {
	position: relative;
}


img.thumb {
	background: #fff;
	border: 1px solid #b4e215;
	display: inline;
	float: left;
}

.mini-gallery {
	margin: 0 0 0 8px;
}

.mini-gallery img.thumb {
	border-color: #585858;
}





/* Page-specific */

.fourcolumns h2.artist_statement {
	background-image: url(../img/header4_artist_statement.gif);
}

.fourcolumns h2.mini_gallery {
	background-image: url(../img/header4_mini_gallery.gif);
}

.fourcolumns h2.news_and_events {
	background-image: url(../img/header4_news_and_events.gif);
}

.fourcolumns h2.short_story {
	background-image: url(../img/header4_short_story.gif);
}


.twocolumns h2.artist_statement {
	background-image: url(../img/header2_artist_statement.gif);
}

.twocolumns h2.short_stories {
	background-image: url(../img/header2_short_stories.gif);
}

.twocolumns h2.samples_gallery {
	background-image: url(../img/header2_samples_gallery.gif);
}

.twocolumns h2.prints_cards {
	background-image: url(../img/header2_prints_cards.gif);
}

.twocolumns h2.upcoming {
	background-image: url(../img/header2_upcoming.gif);
}

.twocolumns h2.past_exhibits {
	background-image: url(../img/header2_past_exhibits.gif);
}


.twocolumns h2.apparel {
	background-image: url(../img/header2_apparel.gif);
}


.onecolumn h2.gallery {
	background-image: url(../img/header1_gallery.gif);
}

.onecolumn h2.speeches {
	background-image: url(../img/header1_speeches.gif);
}

.onecolumn h2.contact {
	background-image: url(../img/header1_contact.gif);
}


.home #masthead, .page #masthead {
	background-image: url(../img/masthead.jpg);
}

.about #masthead {
	background-image: url(../img/masthead_about.jpg);
}

.events #masthead {
	background-image: url(../img/masthead_events.jpg);
}

.gallery #masthead {
	background-image: url(../img/masthead_gallery.jpg);
}

.prints_cards #masthead {
	background-image: url(../img/masthead_prints_cards.jpg);
}

.shirts #masthead {
	background-image: url(../img/masthead_shirts.jpg);
}

.speeches #masthead {
	background-image: url(../img/masthead_speeches.jpg);
}