/*

IE hacks are labeled in comments.
Some hacks are placed in an include, includes/iehacks.html, where possible.

*/

/* -------------------------------------
BODY AND WRAPPER
------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font: small/1.5em Verdana, sans-serif;
	text-align: center;
	color: black;
	background: #FFFFFF;
	}

#wrapper {
	position: relative;
	width: auto;
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	text-align: left;
	background: #FFFFFF;
	}

/* -------------------------------------
HEADER
------------------------------------- */

#header {
	display: none;
	}

/* -------------------------------------
LINKS, IMAGES, AND OTHER
------------------------------------- */

a:link {
	color: #3366CC;
	background: transparent;
	}
a:visited {
	color: #993366;
	background: transparent;
	}
a:hover {
	color: #000000;
	background: transparent;
	}
a:active {
	color: #3366CC;
	background: transparent;
	}

blockquote {
	margin: 1em 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	font-style: italic;
	}

img.right {
	float: right;
	display: inline;
	margin: 0 0 0 12px;
	}

img.left {
	float: left;
	display: inline;
	margin: 0 12px 0 0;
	}

img {
	border: none;
	}

dl {
	margin: 0;
	padding: 0;
	}

dt {
	font-weight: bold;
	}

dd {
	margin: 0 0 1em 0;
	padding: 0;
	}

span.hide_text {
	display: none;
}

/* -------------------------------------
CONTENT
------------------------------------- */

#content {
	clear: both;
	margin: 0;
	padding: 0;
	}

#content h2 {
	}

body#s_home #content {
	background: transparent url(../images/bg_content_home.gif) no-repeat 8px 223px;
	}

#welcome_wrapper {
	float: left;
	display: inline;
	margin: 0 0 0 8px;
	}

#home_welcome {
	width: 600px;
	margin: 2em 0 0 20px ;
	padding: 0;
	}

#home_welcome p img.drop_cap {
	float: left;
	padding: 0;
	margin: 0.4em 4px 0 0;
	}

hr.rule {
	display: none;
	}

hr.clear_rule {
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
	}

/* -------------------------------------
ABOUT THIS SITE
also styles LINKS page since
they're the same format
------------------------------------- */

#about_wrapper {
	margin: 0 8px;
	padding: 1em 0 0 0;
	background: #f6f0d2 url(../images/bg_content_home.gif) repeat-x 0 0;
	text-align: left;
	}

#about_wrapper h2 {
	text-align: center;
	}

#about_wrapper h3 {
	font-size: 100%;
	color: #003366;
	background: transparent;
	}

div.about_text {
	float: left;
	width: 400px;
	margin: 2em 0 0 20px;
	padding: 0;
	}
	
div.about_text dt {
	font-weight: normal;
	}

div.about_text dd {
	font-size: 90%;
	padding: 2px 2px 2px 22px;
	border-top: 1px solid #cac8b7;
	background: #e5dfc3 url(../images/arrow_right.gif) no-repeat 3px 50%;
	}

/* -------------------------------------
VIEW BY REGION, CATEGORY, AND NAME
------------------------------------- */

#view_by_wrapper {
	margin: 0 8px;
	padding: 1em 0 0 0;
	background: #f6f0d2 url(../images/bg_content_home.gif) repeat-x 0 0;
	text-align: left;
	}

#view_by_wrapper h2 {
	text-align: center;
	}

#region_text {
	float: left;
	width: 400px;
	margin: 2em 0 0 20px;
	padding: 0;
	}

#byname_text {
	width: 540px;
	text-align: center;
	margin: 1em 0 1.5em 160px;
	padding: 0 0 2em 0;
	background: transparent url(../images/rule_centered.gif) no-repeat bottom center;
	}

#byname_text p {
	margin: 0;
	padding: 0;
	}

#byname_list_wrap {
	clear: both;
	}

#byname_col1,
#byname_col2 {
	float: left;
	width: 400px;
	margin: 0 0 0 20px;
	padding: 0;
	}

#byname_list_wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#byname_list_wrap ul li {
	margin: 0 0 1em 0;
	padding: 0;
	}

#region_map {
	float: right;
	display: inline;
	width: 360px;
	margin: 2em 20px 0 0;
	padding: 0;
	}

#region_desc_text,
#category_text_wrapper {
	margin: 2em 20px 1em 20px;
	padding: 0;
	}

#category_text_wrapper img {
	float: left;
	margin: 0 12px 0 0;
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #a4a390;
	}

#category_text_wrapper p {
	margin: 0 0 1em 0;
	padding: 0;
	}

#category_text_col1,
#category_text_col2 {
	float: left;
	width: 400px;
	margin: 0;
	padding: 0;
	}

#category_text_col2 {
	margin-left: 20px;
	}

#region_desc_text img {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	}

#view_by_listing_wrapper {
	clear: both;
	}

#view_by_listing {
	float: left;
	display: inline;
	width: 190px;
	margin: 0 0 0 20px;
	padding: 0;
	}

#view_by_listing h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding: 3px 8px;
	}

#view_by_listing.craftpersons_list h3 {
	color: #FFFFFF;
	background: #84522e;
	}

#view_by_listing.performers_list h3 {
	color: #FFFFFF;
	background: #5a7780;
	}

#view_by_listing.otherartists_list h3 {
	color: #FFFFFF;
	background: #6d775c;
	}

#view_by_listing.traditions_list h3 {
	color: #FFFFFF;
	background: #6d7d92;
	}

#view_by_listing ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#view_by_listing ul li {
	margin: 0 0 0.5em 0;
	padding: 0;
	}

/* -------------------------------------
ARTIST WRAPPER and content
------------------------------------- */

/* should use classes here, but IE 6 and below
don't understand div#id.class selectors

#artist_wrapper_craftpersons {
	text-align: center;
	margin: 0 8px;
	padding: 0 20px 20px 20px;
	color: #333333;
	background-color: #84522e;
	}

#artist_wrapper_performers {
	text-align: center;
	margin: 0 8px;
	padding: 0 20px 20px 20px;
	color: #333333;
	background-color: #5a7780;
	}

#artist_wrapper_otherartists {
	text-align: center;
	margin: 0 8px;
	padding: 0 20px 20px 20px;
	color: #333333;
	background-color: #6d775c;
	}

#artist_wrapper_traditions {
	text-align: center;
	margin: 0 8px;
	padding: 0 20px 20px 20px;
	color: #333333;
	background-color: #6d7d92;
	}

end notes */

h2 {
	display: none;
	}

#artist_content {
	margin: 0;
	padding: 3.5em 0 0 0;
	text-align: left;
	}

#artist_bio {
	float: right;
	width: 40%;
	margin: 0;
	padding: 0;
	}

#artist_bio p {
	margin: 0 0 1em 0;
	padding: 0;
	}

#artist_bio h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 200%;
	line-height: 120%;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #000000;
	background: transparent;
	}

#artist_bio img.region_map {
	float: right;
	margin: 0;
	padding: 0;
	}

#artist_bio p.artist_description {
	font-weight: bold;
	line-height: 90%;
	margin: 0 0 2.5em 0;
	padding: 0;
	color: #666666;
	background: transparent;
	}

#artist_media {
	float: left;
	text-align: center;
	width: 374px;
	margin: 0;
	padding: 0;
	}

#artist_media img.artist_photo {
	margin: 0;
	padding: 3px;
	background: #ddd8d7;
	border: 1px solid #a4a390;
	}

#artist_media #main_photo_caption {
	margin: 1em 0;
	padding: 0 0 1.3em 0;
	background: transparent url(../images/rule_centered.gif) no-repeat bottom center;
	}

#artist_media #main_photo_caption p {
	font-size: 90%;
	margin: 0;
	padding: 1em 0 0 0;
	color: #28363f;
	background: transparent url(../images/rule_centered.gif) no-repeat top center;
	}

/* PHOTO GALLERY */

#artist_media #photo_wrapper {
	margin: 2em auto 0 auto;
	padding: 0 48px 12px 48px;
	background: #d8d5c5;
	border: 1px solid #a4a390;
	}

#artist_media #photo_wrapper h4 {
	margin: 0 0 1em 0;
	padding: 0 40px;
	}

#artist_media #photo_wrapper h4 img {
	border: none;
	float: none;
	}

#artist_media #photo_wrapper h4 a {
	display: block;
	width: auto;
	height: auto;
	border: none;
	float: none;
	background: none;
	}

#artist_media #photo_wrapper a {
	display: table-cell;
	vertical-align: middle;
	float: left;
	width: 120px;
	height: 120px;
	margin: 0 8px 18px 8px;
	border: 1px solid #a4a390;
	background: #cac8b7;
	}

#artist_media #photo_wrapper a img {
	/*border: none;*/
	}

/* AUDIO and VIDEO */

#artist_media #audio_wrapper,
#artist_media #video_wrapper {
	text-align: left;
	margin: 2em auto 0 auto;
	padding: 0 48px 12px 48px;
	background: #d8d5c5;
	border: 1px solid #a4a390;
	}

#artist_media #audio_wrapper h4,
#artist_media #video_wrapper h4 {
	text-align: center;
	margin: 0 0 1em 0;
	padding: 0;
	}

#artist_media #audio_wrapper ul,
#artist_media #video_wrapper ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#artist_media #audio_wrapper ul li,
#artist_media #video_wrapper ul li {
	margin: 0 0 1em 0;
	padding: 0;
	}

#artist_media #audio_wrapper ul li p.audio_link,
#artist_media #video_wrapper ul li p.video_link {
	font-size: 90%;
	padding: 2px 2px 2px 22px;
	}

#artist_media #audio_wrapper ul li p.audio_link {
	background: #cac8b7 url(../images/signal.gif) no-repeat 3px 50%;
	}

#artist_media #video_wrapper ul li p.video_link {
	background: #cac8b7 url(../images/video.gif) no-repeat 3px 50%;
	}

#artist_media #audio_wrapper ul li p,
#artist_media #video_wrapper ul li p {
	margin: 0;
	padding: 0;
	}

/* -------------------------------------
POP-UP WINDOWS (from artist page)
------------------------------------- */

body#s_gallery,
body#s_audio,
body#s_video {
	text-align: center;
	background-image: none;
	color: #CCCCCC;
	background-color: #333333;
	}

body#s_gallery #wrapper,
body#s_audio #wrapper,
body#s_video #wrapper {
	width: auto;
	margin: 2em;
	text-align: center;
	background-color: transparent;
	background-image: none;
	}

body#s_audio #wrapper {
	margin-top: 12em;
	}

body#s_video #wrapper {
	margin-top: 6em;
	}

body#s_gallery #wrapper img {
	color: #000000;
	background: #FFFFFF;
	padding: 1px;
	border: 3px solid #999999;
	}

body#s_gallery #wrapper a:link,
body#s_audio #wrapper a:link,
body#s_video #wrapper a:link {
	color: #3366CC;
	background: transparent;
	}
body#s_gallery #wrapper a:visited,
body#s_audio #wrapper a:visited,
body#s_video #wrapper a:visited {
	color: #3366CC;
	background: transparent;
	}
body#s_gallery #wrapper a:hover,
body#s_audio #wrapper a:hover,
body#s_video #wrapper a:hover {
	color: #FFFFFF;
	background: transparent;
	}
body#s_gallery #wrapper a:active,
body#s_audio #wrapper a:active,
body#s_video #wrapper a:active {
	color: #3366CC;
	background: transparent;
	}

body#s_gallery #wrapper p#gallery_links {
	margin: 1em 0 0.5em 0;
	padding: 1em 0 0 0;
	color: #FFFFFF;
	background: transparent url(../images/rule_centered_gallery.gif) no-repeat 50% top;
	}
		
body#s_gallery #wrapper p#gallery_links a {
	text-decoration: none;
	margin: 0;
	padding: 0.2em 0.4em;
	color: #333333;
	background: #999999;
	}
body#s_gallery #wrapper p#gallery_links a:hover {
	color: #000000;
	background: #999999;
	}

p#leaveGallery {
	margin: 0;
	padding: 2em 0 0 0;
	color: #FFFFFF;
	background: transparent url(../images/rule_centered_gallery.gif) no-repeat 50% top;
	}

body#s_gallery #wrapper p#leaveGallery a,
body#s_audio #wrapper p#leaveGallery a,
body#s_video #wrapper p#leaveGallery a {
	text-decoration: none;
	margin: 0;
	padding: 4px 6px 4px 21px;
	color: #333333;
	background: #999999 url(../images/close.gif) no-repeat 2px 50%;
	}
body#s_gallery #wrapper p#leaveGallery a:hover,
body#s_audio #wrapper p#leaveGallery a:hover,
body#s_video #wrapper p#leaveGallery a:hover {
	color: #000000;
	background: #999999 url(../images/close.gif) no-repeat 2px 50%;
	}

/* -------------------------------------
VIEW BY (on home page)
------------------------------------- */

#home_welcome #view_by_desc {
	float: right;
	font-size: 90%;
	line-height: 1.5em;
	width: 185px;
	margin: 0 20px;
	padding: 0;
	}

#home_welcome #view_by_desc h2 {
	margin: 0;
	padding: 0;
	}

#home_welcome #view_by_desc ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#home_welcome #view_by_desc ul li {
	margin: 0;
	padding: 8px 0 1.4em 0;
	color: #666666;
	background: transparent url(../images/rule_view_by.gif) no-repeat bottom left;
	}

#home_welcome #view_by_desc ul li a img {
	float: left;
	margin: 0.4em 12px 0 0;
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #a4a390;
	}

/* -------------------------------------
LATEST ADDITIONS (on home page)
------------------------------------- */

#latest_additions {
	float: right;
	font-size: 90%;
	width: 214px;
	margin: 0 8px 0 0;
	padding: 0;
	}

#latest_additions h2 {
	margin: 0;
	padding: 0;
	}

#latest_additions ul {
	list-style: none;
	margin: 6px 16px 2em 16px;
	padding: 0;
	}

#latest_additions ul li {
	margin: 0 0 1em 0;
	padding: 0;
	}

/* -------------------------------------
FOOTER
------------------------------------- */

#footer {
	clear: both;
	margin: 0.5em 0 0 0;
	padding: 1em 236px 4em 28px;
	}

body#s_home #footer {
	background: transparent url(../images/bg_footer_home.gif) no-repeat bottom left;
	}

#artist_content #footer {
	padding-top: 3em;
	}

#footer img {
	float: left;
	margin-right: 12px;
	}

#footer p {
	font-size: 90%;
	margin: 0;
	padding: 1em 0;
	color: #999999;
	background: transparent;
	}

#footer a {
	color: #999999;
	background: transparent;
	}

#footer a:hover {
	color: #000000;
	background: transparent;
	}