/*
 * Stories of Cloth
 * Default screen stylesheet
 * Powered by Prego
 */
 
 
/************/
/*  LAYOUT  */
/************/

body
{
	margin:0;
	padding:0;
	font-family:Century Gothic, Gill Sans, Verdana, Arial, sans-serif;
	font-size:small;
	background:url('../images/back_general.jpg') no-repeat 50% 0 #fff;
	color:#4c2411;
}
body.home {background-image:url('../images/back_detail.jpg');}
body.artists {background-image:url('../images/back_artists.jpg');}
body.contact {background-image:url('../images/back_contact.jpg');}
body.submit {background-image:url('../images/back_submit.jpg');}
body.your-stories-detail {background-image:url('../images/back_detail.jpg');}
body.artists-details {background-image:url('../images/back_artistsdetails.jpg');}
body.stories-detail {background-image:url('../images/back_detail.jpg');}
body.online-exhibit-detail {background-image:url('../images/back_detail.jpg');}

#container
{
	position:absolute;
	left:50%;
	width:960px;
	margin:-5px 0 0 -480px;
	/* font-size:0.9em; */
}

h1
{
	position:absolute;
	top:65px;
	left:60px;
	width:350px;
	height:150px;
	margin:0;
	padding:0;
	background:url('../images/logo.png') no-repeat;
}
h1 span
{
	position:absolute;
	left:-10000px;
	top:-10000px;
}

#nav
{
	position:absolute;
	top:80px;
	left:400px;
	margin:0;
	padding:0;
	list-style:none;
}
#nav a
{
	position:absolute;
	top:0;
	width:80px;
	height:70px;
	background-repeat:no-repeat;
}

#footer-nav a,
#nav a span
{
	position:absolute;
	left:-10000px;
	top:-10000px;
}

body.home #nav li.home a {top:30px;}
#nav li.home a	
{
	background-image:url('../images/nav_home.png');
}
#nav li.home a:hover,
body.home #nav li.home a
{
	background-image:url('../images/nav_home_over.png');
}

body.artists #nav li.artists a,
body.artists-details #nav li.artists a
{
	top:30px;
}
#nav li.artists a	
{
	left:72px;
	background-image:url('../images/nav_theartists.png');
}
#nav li.artists a:hover,
body.artists #nav li.artists a,
body.artists-details #nav li.artists a
{
	background-image:url('../images/nav_theartists_over.png');
}

body.online-exhibit #nav li.online-exhibit a,
body.online-exhibit-detail #nav li.online-exhibit a
{
	top:30px;
}
#nav li.online-exhibit a	
{
	left:139px;
	background-image:url('../images/nav_onlineexhibit.png');
}
#nav li.online-exhibit a:hover,
body.online-exhibit #nav li.online-exhibit a,
body.online-exhibit-detail #nav li.online-exhibit a
{
	background-image:url('../images/nav_onlineexhibit_over.png');
}

body.stories #nav li.stories a,
body.stories-detail #nav li.stories a 
{
	top:30px;
}
#nav li.stories a	
{
	left:207px;
	background-image:url('../images/nav_stories.png');
}
#nav li.stories a:hover,
body.stories #nav li.stories a,
body.stories-detail #nav li.stories a
{
	background-image:url('../images/nav_stories_over.png');
}

body.your-stories #nav li.your-stories a,
body.your-stories-detail #nav li.your-stories a,
body.submit #nav li.your-stories a 
{
	top:30px;
}
#nav li.your-stories a
{
	left:273px;
	background-image:url('../images/nav_yourstories.png');
}
#nav li.your-stories a:hover,
body.your-stories #nav li.your-stories a,
body.your-stories-detail #nav li.your-stories a,
body.submit #nav li.your-stories a 
{
	background-image:url('../images/nav_yourstories_over.png');
}

body.contact #nav li.contact a {top:30px;}
#nav li.contact a
{
	left:338px;
	background-image:url('../images/nav_contact.png');
}
#nav li.contact a:hover,
body.contact #nav li.contact a
{
	background-image:url('../images/nav_contact_over.png');
}

#footer-nav
{
	position:absolute;
	top:560px;
	left:620px;
	margin:0;
	padding:0;
	list-style:none;
	z-index:5;
}
body.submit #footer-nav {display:none;}

#footer-nav li.email
{
	position:absolute;
	top:30px;
	left:0;
	width:122px;
	height:123px;
	background:url('../images/button_email.png') no-repeat 0 0;
}

#footer-nav li.email img
{
	width:122px;
	height:123px;
	border:none;
}

#footer-nav li.stories
{
	position:absolute;
	top:0;
	left:115px;
	width:144px;
	height:142px;
	background:url('../images/button_submitstories.png') no-repeat 0 0;
}

#footer-nav li.stories img
{
	width:144px;
	height:142px;
	border:none;
}

#footer
{
	position:absolute;
	top:720px;
	right:70px;
	width:450px;
	text-align:right;
	font-size:0.9em;
	font-weight:bold;
}

#footer a
{
	color:#4c2411;
}

body.contact h4,
h3
{
	font-family:times, serif;
	font-style:italic;
	font-size:2em;
	margin:0 0 0.5em 0;
}

p
{
	margin:0 0 1em 0;
}

.accessibility
{
	display:none;
}

a
{
	color:#c42a25;
	/*color:#c15319;*/
}

h4
{
	font-size:1em;
	margin-bottom:0;
}

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


/***************/
/*  HOME PAGE  */
/***************/

#home-slideshow
{
	position:absolute;
	top:260px;
	left:500px;
}

#home-slideshow img
{
	position:absolute;
}


/*************/
/*  ARTISTS  */
/*************/

.artist-list,
.artist-details
{
	position:absolute;
	width:780px;
	height:154px;
	left:110px;
}

.artist-details
{
	height:340px;
}

#artist1,
.artist-details
{
	top:275px;
}
#artist2
{
	top:460px;
}

.artist-list img,
.artist-details img
{
	position:absolute;
	right:0;
	top:-10px;
}

.artist-list h3
{
	position:absolute;
	top:20px;
	left:20px;
	width:170px;
	margin:0;
}

.artist-list .copy
{
	position:absolute;
	top:25px;
	left:200px;
	width:360px;
	height:80px;
}

.artist-details .copy
{
	position:absolute;
	top:20px;
	left:20px;
	width:550px;
	height:270px;
}

.artist-list .copy p,
.artist-details .copy .inner
{
	margin:0;
	height:80px;
	overflow:auto;
}

.artist-details .copy .inner
{
	height:270px;
}

.artist-list a.more,
.artist-details a.back
{
	position:absolute;
	right:230px;
	bottom:15px;
	width:82px;
	height:35px;
	background:url('../images/button_more.gif') 0 0 no-repeat;
}

.artist-details a.back
{
	background:url('../images/button_back.gif') 0 0 no-repeat;
}

.artist-list a span,
.artist-details a span
{
	position:absolute;
	left:-10000px;
	top:-10000px;
}


/********************/
/*  ONLINE EXHIBIT  */
/********************/

#exhibit-nav 
{
	position:absolute;
	left:380px;
	top:270px;
	margin:0;
	padding:0;
	list-style:none;
}

#exhibit-nav li a
{
	position:absolute;
	top:0;
}

#exhibit-nav li a span
{
	position:absolute;
	left:-10000px;
	top:-10000px;	
}

#exhibit-nav li.birth a
{
	left:0;
	width:178px;
	height:268px;
	background:url('../images/exhibit_birth.png') 0 0 no-repeat;
}
#exhibit-nav li.birth a:hover
{
	background-image:url('../images/exhibit_birth_over.png');
}

#exhibit-nav li.marriage a
{
	top:15px;
	left:170px;
	width:172px;
	height:243px;
	background:url('../images/exhibit_marriage.png') 0 0 no-repeat;
}
#exhibit-nav li.marriage a:hover
{
	background-image:url('../images/exhibit_marriage_over.png');
}

#exhibit-nav li.death a
{
	left:325px;
	width:188px;
	height:265px;
	background:url('../images/exhibit_death.png') 0 0 no-repeat;
}
#exhibit-nav li.death a:hover
{
	background-image:url('../images/exhibit_death_over.png');
}

#exhibit-nav li.installations a
{
	top:266px;
	left:-10px;
	width:504px;
	height:111px;
	background:url('../images/exhibit_installations.png') 0 0 no-repeat;
}
#exhibit-nav li.installations a:hover
{
	background-image:url('../images/exhibit_installations_over.png');
}

/************************************/
/*  GENERIC CONTENTS PAGE           */
/*  Exhibit, stories, your stories  */
/************************************/

#contents-copy
{
	position:absolute;
	left:130px;
	top:300px;
	width:210px;
	height:300px;
}

#contents-copy .inner
{
	height:300px;
	overflow:auto;
}

#contents-copy ol
{
	list-style-type:decimal-leading-zero;
	font:bold italic 1.5em times, serif;
	padding-left:2em;
}

#contents-copy ol a
{
	color:#4c2411;
	text-decoration:none;
}

#contents-copy ol a:hover,
#contents-copy ol a.hover
{
	color:#fff;
}

#contents-copy ol .detail
{
	font-size:0.75em;
}

#contents-gallery
{
	position:absolute;
	top:285px;
	left:375px;
	margin:0;
	padding:0;
	list-style:none;
}

#contents-gallery li
{
	display:inline;
}

#contents-gallery li a img
{
	border:none;
	vertical-align:bottom;
}

/************************************/
/*  GENERIC DETAIL PAGE             */
/*  Home, exhibits, stories etc.    */
/************************************/

#detail-copy
{
	position:absolute;
	left:50px;
	padding:0 30px 0 50px;
	top:270px;
	width:300px;
	background:url('../images/overflow.png') 50% 0 no-repeat;
}
/*
#detail-copy .inner
{
	height:420px;
	overflow:auto;
}
*/
#detail-copy p.intro
{
	font-size:1.5em;
}

#detail-gallery
{
	position:absolute;
	top:255px;
	left:440px;
	width:465px;
	height:380px;
}

#detail-gallery img
{
	position:absolute;
	top:0;
	right:0;
}

#detail-gallery a.back
{
	position:absolute;
	bottom:13px;
	width:74px;
	height:41px;
	background:url('../images/button_back_small.gif') 0 0 no-repeat;
}

#detail-gallery a span
{
	position:absolute;
	left:-10000px;
	top:-10000px;
}

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

#detail-gallery ul a img
{
	position:relative;
	border:none;
	vertical-align:bottom;
}

#detail-gallery ul li
{
	margin:0 0 1px 0;
}

#detail-copy ol li
{
	margin-bottom:1em;
}

/*************/
/*  CONTACT  */
/*************/

#contact
{
	position:absolute;
	top:270px;
	left:120px;
	width:300px;
	height:370px;
}

#contact .inner
{
	overflow:auto;
	height:370px;
}

#contact a img
{
	border:none;
}

ul.sponsors
{
	margin:1em 0 0 0;
	padding:0;
}

ul.sponsors li
{
	display:inline;
	list-style:none;
}

ul.sponsors img
{
	margin:0 2em 1em 0;
}


/*************************/
/*  SUBMIT YOUR STORIES  */
/*************************/

#submit
{
	position:absolute;
	top:300px;
	left:130px;
	width:720px;
	height:290px;
	overflow:hidden;
}

#submit h3
{
	margin:0;
	float:left;
	width:4em;
}

#submit .copy
{
	height:250px;
}

#submit .copy .inner
{
	height:250px;
	overflow:auto;
}

#submit a.back
{
	position:absolute;
	bottom:0;
	right:0;
	width:82px;
	height:35px;
	background:url('../images/button_back.gif') 0 0 no-repeat;
}

#submit a.submit
{
	display:block;
	width:126px;
	height:41px;
	background:url('../images/button_submit.gif') 0 0 no-repeat;
}

#submit a.back span,
#submit a.submit span
{
	position:absolute;
	left:-10000px;
	top:-10000px;
}


/*****************/
/*  JSCROLLPANE  */
/*****************/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	visibility:hidden;
}

.jScrollPaneDrag {
	visibility:hidden;
}

.jScrollPaneDragTop {
	display:none;
}

.jScrollPaneDragBottom {
	display:none;
}

a.jScrollArrowUp {
	background:url('../images/scroll_up.png') no-repeat 0 0;
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 35px;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 30px;
}

a.jScrollArrowUp:hover {
	background-image:url('../images/scroll_up_over.png');
}

a.jScrollArrowDown {
	background:url('../images/scroll_down.png') no-repeat 0 0;
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 30px;
}
a.jScrollArrowDown:hover {
	background-image:url('../images/scroll_down_over.png');
}
/*
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}
*/