* {
	margin:0;
	padding:0;
	list-style:none;
}


/* typography
------------------------------------------------------------ */
body * {
	font-family:Verdana, sans-serif;
	font-size:11px;
	color:#3e3e3e;
}

h2 {
	clear:both;
	padding:30px 0 40px 246px;
	font-family:Arial, Helevtica, sans-serif;
	font-size:20px;
	line-height:18px;
	font-weight:normal;
}

h3 {
	padding:10px 0 15px 0;
	font-family:Arial, Helevtica, sans-serif;
	font-size:13px;
	line-height:18px;
}

p {
	padding-bottom:17px;
	line-height:17px;
}

a {color:#009ee0;text-decoration:none;}
a:hover {text-decoration:underline;}


/* header
------------------------------------------------------------ */
#header {
	height:34px;
	padding-top:17px;
	background:url(header_bg.gif) 0 17px repeat-x;
}

h1 {
	height:34px;
	width:211px;
	margin-left:52px;
	text-indent:-9999em;
	overflow:hidden;
	background:url(h1.gif);
}

#branding p {
	position:absolute;
	top:0;
	left:0;
	height:17px;
	width:100%;
	text-indent:-9999em;
	overflow:hidden;
}

html>body #branding p {
	height:17px;
	padding:0;
	line-height:0;
	background:url(shadow.png);
}

/* img_nav */

#img_nav li, #img_nav li a {
	display:block;
	height:34px;
	width:34px;
	text-indent:-9999em;
	overflow:hidden;
}

#img_nav li {position:absolute;}

#img_nav li a:hover {background:none !important;}

#img_nav #in_prev {
	top:17px;
	left:18px;
	background:url(prev_hover.gif);
}

#img_nav #in_prev a {background:url(prev.gif);}

#img_nav #in_next {
	top:17px;
	left:686px;
	background:url(next_hover.gif);
}

#img_nav #in_next a {background:url(next.gif);}

/* site_nav */

#site_nav {
	position:absolute;
	top:17px;
	left:263px;
	width:300px;
}

#site_nav li {
	float:left;
	display:block;
	height:34px;
	width:100px;
	text-indent:-9999em;
	overflow:hidden;
}

#site_nav li a {
	display:block;
	height:100%;
	width:100%;
}

#site_nav li a:hover {background:none !important;}

#site_nav #sn_gallery {background:url(gallery_hover.gif);}
#site_nav #sn_gallery a {background:url(gallery.gif);}
#gallery #site_nav #sn_gallery a {cursor:default;}

#site_nav #sn_archive {background:url(archive_hover.gif);}
#site_nav #sn_archive a {background:url(archive.gif);}

#site_nav #sn_about {background:url(about_hover.gif);}
#site_nav #sn_about a {background:url(about.gif);}


/* content
------------------------------------------------------------ */
#content {
	position:absolute;
	left:18px;
	width:702px;
	padding:25px 0 0 0;
}

#archive #content, #about #content {background:#f7f7f7 url(content_bg.gif) top left no-repeat;}

.section_1 {
	clear:both;
	padding:0 18px;
}

.section_1_2, .section_1_1_1 {clear:both;}

.section_1_2 .col_1 {
	float:left;
	width:210px;
	padding-left:18px;
}

.section_1_2 .col_2 {
	float:right;
	width:438px;
	padding:0 18px;
}

.section_1_1_1 .col_1, .section_1_1_1 .col_2, .section_1_1_1 .col_3 {
	float:left;
	width:210px;
	padding-left:18px;
}


/* footer
------------------------------------------------------------ */
#footer {
	clear:both;
	height:36px;
	margin-top:60px;
	text-indent:-9999em;
	overflow:hidden;
	background:url(footer.gif);
}


/* intro
------------------------------------------------------------ */
#intro #content {
	left:0;
	width:100%;
}

#intro #content p {
	padding:0;
	text-indent:-9999em;
	overflow:hidden;
}

#intro #this_is_spampaint {
	position:absolute;
	top:154px;
	left:0;
	width:100%;
	background:white;
}

#intro #this_is_spampaint img {
	display:block;
	width:100%;
}


/* archive
------------------------------------------------------------ */
#archive h2 {background:url(archive_h2_bg.gif) 18px 30px no-repeat;}

#archive .section_1 {padding-right:0;}

#archive .section_1:after { content: ""; display: block; height: 0; clear: both; }

#archive #thumbs li {
	float:left;
	height:74px;
	width:90px;
	margin:0 18px 18px 0;
	padding:3px;
	background:url(thumb_bg.gif);
}

#archive #thumbs li a img {border:none;}

#archive #thumbs li a:hover {border-bottom:5px solid white;}

#archive #footer {margin-top:30px;}


/* about
------------------------------------------------------------ */
#about h2.about_what, #about h2.about_how {background:url(about_h2_bg.gif) 18px 30px no-repeat;}
#about h2.about_who, #about h2.about_auto, #about h2.about_exhibited {background:url(about_h2_bg2.gif) 228px 30px no-repeat;}

#about div.about_what, #about div.about_how {height:150px; background:url(about_sec1_bg.gif) 7px 5px no-repeat;}
#about div.about_who, #about div.about_auto, #about div.about_exhibited {height:50px; background:url(about_sec1_bg2.gif) 228px 5px no-repeat;}

dl {margin-bottom:40px;}

dd {
	font-size:10px;
	line-height:15px;
}

.dt_ref {
	padding:0 2px;
	background:url(thumb_bg.gif);
}

sup {
	font-size:9px;
	font-weight:bold;
	line-height:8px;
	color:#e13c95;
}

dt {
	display:block;
	height:14px;
	width:210px;
	margin-bottom:16px;
	text-indent:-9999em;
	overflow:hidden;
	background-repeat:no-repeat;
}

.dl_weblog dt {background-image:url(dl_weblog.gif);}

.dl_gdlib dt {background-image:url(dl_gdlib.gif);}

.dl_akismet dt {background-image:url(dl_akismet.gif);}

.section_1_1_1 {height:1%;}

.section_1_1_1:after { content: ""; display: block; height: 0; clear: both; }

.section_1_1_1 {
	margin-bottom:25px;
	padding:18px 0 5px 0;
	background:url(thumb_bg.gif);
}

.section_1_1_1 p {
	padding:0 0 10px 0;
	font-size:10px;
	line-height:15px;
}

p.illu_link {line-height:0;}

.illu_link a {position:absolute;
	display:block;
	width:204px;
}

.illu_link a:hover {
	position:absolute;
	width:210px;
	margin:-3px 0 0 -3px;
	padding:3px;
	background:white;
}

p.illu_caption {padding-top:145px;}

.illu_link a img {border:none;}