/*
Stylesheet for www.ayanambu.com
Date: October - November 2007, August 08
Version: 2.0.1
Developer: S. Cmakal
*/

body 				{ font: 0.75em Arial,Helvetica,Verdana,Geneva,sans-serif; padding: 0; background-color: #fff; color: #000; height: 100%; width: 100%; background: url(../images/elements/top_bg.jpg) repeat-x;}
* 					{ margin: 0; padding: 0; }
div					{ margin:0; padding:0; }
p					{ margin:0 0 0.8em 0; line-height: 1.4em; }
ul					{ margin:0;padding:0;list-style:none;}
ul ul				{ margin-left: 25px;}
ol					{ margin-left: 20px;}
li					{ margin:0;padding:0; line-height: 1.7em;}
img 				{ border: 0;}
a					{ color: #d00; text-decoration: none;}
a:hover				{ text-decoration: underline; background-color: #d00; color: #fff;}
fieldset			{ border: none;}
hr 					{ width: 100%; border: none; height: 1px; background-color: #ddd; margin: 0 0 0.4em 0; }
dl dd				{ margin-bottom: 0.5em;}
h1					{ padding: 0 0 0.5em 0;font-size: 1.6em; font-weight: bold; }
h2					{ padding: 0 0 0.5em 0;font-size: 1.3em; font-weight: bold;}
h3					{ padding: 0 0 0.5em 0;font-size: 1.1em; font-weight: normal;}
h4					{ font-size: 1em; text-transform:uppercase; font-weight: normal;}
h5					{ color: #1d2e64; font-size: 1em;font-weight:normal;}
.clear				{ clear:both;}
input				{ margin: 0;}

table				{ border: none; margin: -3px -3px 5px -3px; padding: 0; width: 100%; text-align: center; font-size: 0.90em; }
th					{ background-color: #265768; padding: 1px 0 1px 5px; }
td					{ background-color: #fff; color: #265768; font-weight: bold; padding: 1px 0 1px 5px; } 
.disclaimer			{ font-style: italic; font-size: 0.95em; }
.small_text			{ font-size: 90%;}

.floatLeft			{ float: left;}
.floatRight			{ float: right;}

ul.navigation a		{ display: block; margin-right: 0.5em; color: #fff; border-bottom: none; padding-bottom: 4px; padding-left: 8px; font-weight: bold;}
ul.navigation li	{ float: left; position: relative; width: 10em; }
ul.navigation a:hover		{ color: #fff; background-color: transparent; border-bottom: 4px solid #999; text-decoration: none; padding-bottom: 0px;}

#top_menu			{ background: transparent; top: 0; width: 980px; position: absolute; padding-top: 0.25em; z-index: 20; }

#site_title 		{ }
#site_title h1		{ display: block; text-align: right; padding: 0 0.5em 0 0; color: #fff; font-weight: normal; margin: 0; }
/*#content			{ height: 100%; background: #fff url(../s/bg_1.jpg) no-repeat; position: absolute; width: 100%; z-index: 0; top: 0;}*/
#content			{ position: absolute; width: 980px; z-index: 0; top: 0; left: 0; height: 100%; }

#wrapper			{ height: 100%; width: 980px; }
#footer				{ width: 980px; color: #ddd; margin-top: 610px; padding-left: 20px; text-align: right;}
#content_wrapper	{ position: absolute; left: 50px; top: 50px; width: 930px; } /* width: 740px; margin: 85px 0 50px 100px;  */
#content_wrapper.narrow		{ width: 520px;}
#page_title			{ position: absolute; top: 0; left: 0; }


#main_window				{ position: absolute; top: 30px;left:0;}

#thumbnail_list_wrapper	{ display: block; position: absolute; height: 76px;}
#thumbnail_list			{ width: 905px; position: absolute; top: 410px; margin-bottom: 150px; } /* overflow: auto; height: 150px; */

#thumbnail_list_wrapper li		{ float: left; display: inline; margin: 0 6px 8px 0;}
#thumbnail_list_wrapper li.last		{ margin-right: 3px;}
#thumbnail_list_wrapper li.first	{ margin-left: 0;}
#thumbnail_list_wrapper li.first_ajax	{ margin-left: 15px;}
#thumbnail_list_wrapper li a	{ display: block; border-bottom: 4px solid #fff; }
#thumbnail_list_wrapper li a img	{ border: 1px solid #666; margin: 0; }
#thumbnail_list_wrapper li a:hover	{ border-bottom: 4px solid #B00; text-decoration: none; display: block;}
#thumbnail_list_wrapper li a:hover img { border-bottom: 1px solid #B00; }

#slider					{ width: 927px; left: -14px; position: absolute; top: 490px;}
*html #slider			{ margin-left: 0;}
#s_body					{ float: left; width: 881px; height: 19px; background: transparent url(../images/elements/s_bg.gif) no-repeat; padding: 2px 1px; }
#s_handle				{ width: 71px; height: 19px; background: transparent url(../images/elements/s_handle.gif) no-repeat; }
#s_arrow_left			{ float: left; }
#s_arrow_right			{ float: left; }

#image_list			{ display: block; }
#image_list li		{ float: left; display: inline; margin: 0 6px 8px 0;}
#image_list li a	{ display: block; border-bottom: 4px solid #fff; width: 140px; height: 100px;}
#image_list li a img	{ border: 1px solid #666; margin: 0; }
#image_list li a div	{ padding-left: 0px; }
#image_list li a:hover	{ border-bottom: 4px solid #B00; text-decoration: none; display: block; background-color: #fff; color: #d00;}
#image_list li a:hover img { border-bottom: 1px solid #B00; }
#hcard-Aya-Nambu .fn	{ font-size: 1.6em;}
.tags					{ display: none;}

.left_trans_corner		{ position: absolute; z-index: 999; left: 0; top: 406px; }
.right_trans_corner		{ position: absolute; left: 890px; z-index: 999; top: 406px; }

#aya_email			{ margin: 5px 0 0 0;}

#main_image			{ border: 1px solid #666; width: 542px; height: 392px; position: absolute; top: 0; left: 0; } /* margin: 0px 16px 8px 0; background: url(../images/elements/main_image_bg.jpg) no-repeat 4px 4px; */
#main_image img		{ border: 1px solid #DDD; margin: 5px;}
#main_image div		{ padding: 20px 58px; display: block;}

#artwork_info		{ position: absolute; top: 0; left: 560px; width: 320px; color: #666; }
#artwork_info p,
#artwork_info h2	{ }
#artwork_info p.dimension	{ margin: 0; }
#artwork_info p.material	{ margin:0;}
#artwork_info p.year	{margin: 0; font-style: italic; }

#highlight_box		{ position: absolute; background: white; border: 1px solid #666; }
#enlarged_image		{ position: absolute; left: 560px; height: 392px; border: 1px solid #666; width: 340px; margin-left: -10px; top: 0px; background-color: #fff; }
#enlarged_image_inner	{ clip: rect(0 330px 382px 0); margin: 5px; height: 380px; width: 327px; position: absolute; overflow: hidden; }
#enlarged_image_inner_w	{width: 1064px; height: 760px; text-align: center; position: absolute; z-index: 10;}

#see_enlarged			{ padding: 3px 5px; border: 1px dotted #888; position: absolute; left: 560px; top: 368px; color: #B00; width: 250px;}
#see_enlarged.inactive	{ border: 1px dotted #DDD; color: #CCC; }

.desc					{ padding-left: 15px; font-style: italic;}
.center					{ text-align: center;}

#leftCol				{ float: left; width: 700px;}
#rightCol				{ width: 210px; float: right; }
#rightCol h3			{ color: #b00; font-size: 1.8em;}
#rightCol h4			{ font-weight: bold; text-transform: none;}
.carousel				{ height: 165px;}
ul.carousel				{ list-style-type: none; position: relative;}
ul.carousel  li			{ position: absolute; left: 0; top: 0; background-color: #fff;}
ul.carousel  li a:hover	{ text-decoration: none; background-color: transparent;}


.panel					{ float: left; width: 200px; padding: 0 0 8px 0; border-bottom: 1px dashed #333; margin-bottom: 8px;}
.box			{ float: left; width: auto; padding: 0; margin: 0 16px 8px 0;}
.box img		{ border: 1px solid #666;}
.box p			{ clear: both; display: block; font-style: italic; }
.box.right		{ float: right; margin: 0 0 8px 16px;}
.box.right img	{ margin: 0 0 6px 0; }

li.blog		{ display: block; background: url(../images/elements/blogspot.gif) no-repeat; height: 24px; padding-left: 23px;}
li.youtube	{ display: block; background: url(../images/elements/youtube.gif) no-repeat; height: 24px; padding-left: 55px;}

.gallery				{ margin: 0 0 8px 0; width: 453px; }
.gallery.right			{ float: right; margin: 0 0 8px 16px;}
.gallery h2				{ color: #b00; }
.gallery ol				{ display: block; position: relative; width: 453px; height: 375px; margin: 0; }
.gallery .body li		{ display: block; position: absolute; top: 0; left: 0;}
.gallery .body li img	{ position: relative;}
.gallery .body li p		{ display: block; width: 443px; padding: 5px; position: absolute; bottom: 0; background-color: #fff; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); left: 0; }
.gallery .controls		{ margin: 3px 0 0 0; padding: 0; display: block; width: 456px;}
.gallery .controls li	{ display: block; padding: 0; margin: 0; float: left; width: 57px; height: 54px; }
.gallery .controls li img	{ margin: 0;}

.index h2			{ display: block; float: left;}
.index img			{ float: left; margin: 0 8px 3px 0; clear: both;}
.row.index span		{ display: block; float: right; padding-right: 64px; font-style: italic;}
.row.index p		{ }
.row.index			{ border-bottom: 1px dotted #ccc; margin-bottom: 16px;}