/* @override http://basquiat.com/stylesheets/defaultstylesheet.css */

@charset "utf-8";
/* CSS Document */


* {
	padding:0px;
	margin:0px;
	font-family:century schoolbook;
}

body {
	background-color:#141414;	
}

#footer {
	position:absolute;
	/* top:616px;*/ 
	bottom:-16px;
	/* */
	background-image:url(../images/footermenu-background.png);
	background-repeat:repeat;
	/* height:184px; */
	height:16%;
	max-height:184px;
	/* */
	width:100%;
	min-width:1050px;
	z-index:2;
}

#footer img {
	margin-top:20px;
	margin-left:24px;
	float:left;
}

#footer img#mlist {
	margin-top:41px;	
}

.footerfooter {
	font-size:12px;
	bottom:0px;
	position:absolute;
	width:100%;
	text-align:center;
	color:#a9a9a9;
}

.footerfooter a {
	color:#a9a9a9;
	text-decoration:none;
}

.footerfooter a:hover {
	color:#FFF;
	text-decoration:underline;
}

.menu {
	float:right;
    margin-right:40px;
}

.menu ul {
	list-style-type:none;
	height:53px;
}

.menu ul li {
	float:left;
	text-align:center;
}

.menu a {
	height:53px;
	color:#fff;
	text-decoration:none;
	display:block;
}

.menu a:hover {

}

#mainpage {
	position:absolute;
	width:100%;
	max-width:1710px;
	height:100%;
	max-height:800px;
}

.content {
	position:absolute;
	top:0px;
	width:660px;
	min-height:500px;
	max-height:1016px;
	height:87%;
	/* */
	right:0px;
	z-index:1;
	/*display:none;*/
	overflow:hidden;
	margin-right:25px;
	padding-right:15px;
}

.contentStore {
	position:absolute;
	top:0px;
	width:100%;
	min-height:500px;
	max-height:1016px;
	height:87%;
	/* */
	right:0px;
	z-index:1;
	/*display:none;*/
	overflow:hidden;
	padding-right:15px;
}

#loader{
	height:87%;
}

#loader .image {
	position:absolute;
	top:50%;/*0px;
	 height:614px; */
/*	max-height:800px;
	height:100%;
	width:1050px;
	clip:rect(0px 1050px 100% 0px); */
	width:100%;/*800px; */
	max-height:1200px;
	height:100%;/*800px; */
	background-repeat:no-repeat;
	background-position:center 30%;
	z-index:0;	
	background-image:url(/images/background_loading.gif);
	display:block;
	margin-top:-400px;
}

.comment-form, .poplets {
	display:none;	
}

#store {
	background-color: #ffffff;
	left: 0px; 
	width: 100%; 
	position: relative;
	margin-top:-10px;
}

#content-white { 
	background-color:white; 
	overflow:hidden;
	padding-top:30px;
}

#content-fade {
	background-image:url(../images/content-backgroundfade.png);
}

.rolloverbutton {
	position:absolute;
	text-align:center;
	font-size:20px;
}

#enlarge {
	display:none;
	left:20px;
	top:20px;
}

#enlarge a {
/*	padding:2px 16px 2px 16px;
	border:2px ridge #333;
	color:#fff;
	background-color:#666;
	display:block;
	width:100%;
	height:100%;
	text-decoration:none; */
}

#enlarge a:hover {
/*	background-color:#999;	
	text-decoration:underline; */
}

#essaypanel {
	display:none;
	width:600px;
}

#chronologypanel {
	width:500px;
}

#eventspanel {
	width:100%;
}

/* Store Design */




.topmenu {
 	position: absolute;
	top:0px;
	rigth:0px;
	height:30px;
	border: 1px solid #cccccc;
	width:880px;
	margin: 0px 0px 10px 0px;
	color:#333;
	line-height:30px;
	padding:0px 10px 0px 10px;
}

.storecontent {
	width: 550px;
	padding: 10px 0px 0px 10px;
	float: right;
}
.shop-cart h1 {
	font: normal 20px century schoolbook;
	
}

.storewrapper {
	width: 900px;
        margin:0 auto;
	font-size:14px;
}

/* Homepage-specific */
.panels {
	width:290px;	
	height:80px;
	background-color:#000;
	color:#999;
	background-image:none;
	position:absolute;
	bottom:12px;
	padding-top:20px;
        font-size:12px;
}

.panels .img_head {
	width:90px;
	float:left;
	margin-top:20px;
	margin-left:20px;
}

/* causes problems with checkout form not sure if used elsewhere
.item {
	color:#999;
	width:20%;
	float:left;
}
*/

.shopform .item {
	clear:both;
}

#news_panel {
	left:20px;
}

#news_panel div a {
	color:#6cf;
}

#events_panel {
	right:20px;	
}
#events_panel div a {
	color:#9c3;
}

#news_panel div a, #events_panel div a {
	text-decoration:none;
}

#news_panel div a:hover, #events_panel div a:hover {
	text-decoration:underline;
}
/*testcode for index scroll*/

/*testcode for index scroll*/
.panels p {
	color:#999;
}

/* scrolling panels */
.section_scroll .news_expander {
	display:none;	
}

#sections, #sections2 {
	overflow:hidden;
/*	width:200px;
	height:100px;
	clear:left;
	margin-left:0px;*/
}
	
#sections ul, #sections2 ul{
	/*width:2000px;*/
	width:186px;
}
	
#sections li, #sections2 li{
	float:left;
	position:absolute;
	display:none;
	padding:0px 0px;
	overflow:auto;
	width:186px;
}

#sections p, #sections2 p{
	/*width:200px;
	margin:16px 0;
	font-size:66%;
	line-height:1.4em;*/
}

/* events & faq pages */
#content-white ul {
	margin-top:16px;
	margin-left:16px;
}

#content-white ul li {
	list-style-type:none;	
}

/* artist page */
.contentscrollpane {
	
	overflow:auto;
	height:86%;
	padding:15px 80px 15px 16px;
	margin-top:20px;
	font-size:14px;
}

.artistscroll {
	padding-left:80px;
}

.contentscrollpane h3 {
        font-size:16px;
}

.contentscrollpane p {
        margin-top:16px;
        line-height:1.5;
}

.contentscrollpane blockquote {
        margin:32px;
        color:#f00;
}

.contentscrollpane blockquote span {
        color:#000;
        float:right;
}

#arrowup {
        top:8px;
        position:absolute;
        display:none;
		z-index:100;
}

#arrowdown {
        bottom:0px;
        position:absolute;
        display:none;
		z-index:100;
}

.timelinecontent {
        display:none;
        clear:both;
}

#timelinedata ul li {
	clear:both;
}

#timelinedata {
	z-index:-500;
}

#timelinedata ul li {
        padding: 16px 50px 32px 0px;
}

#timelinedata h2 {
        float:right;
		clear:both;
		font:60px Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight:100;
}

#timelinedata ul {
	float:right;
	clear:both;
}

#timelinedata p {
	margin-left:-20px;
}

h2.colour1 {
	color:#996600;
}

h2.colour2 {
	color:#669933;
}

h2.colour3 {
	color:#cc3300;
}

h2.colour4 {
	color:#0099cc;
}

.colour1 li {
	color:#996600;
}

.colour2 li {
	color:#669933;
}

.colour3 li {
	color:#cc3300;
}

.colour4 li {
	color:#0099cc;
}

#events-pagetitle {
	margin-top:20px;
	margin-left:70px;
}

.eventspages .list_header {
	font-size:18px;
	vertical-align:middle;
	font-weight:bold;
}

.timeline_images {
	margin:8px;
	text-align:center;
}

hr.header-content_divider {color:#ccc; width:100%;margin-top:24px;margin-bottom:14px;}

/* submenu CSS */
.submenu {
	position:absolute;
	width:162px;
	height:352px;
	background-image:url(../images/submenu_background.png);
	background-repeat:repeat-y;
	z-index:0;
	right:510px; /*moves to right 672*/
	top:50%;
	margin-top:-176px;
	display:none;
}

.submenu ul {
	/*padding-left:16px;*/
	margin-top:16px;	
	list-style-type:none;
}

.submenu ul li {
}

.submenu img {
        margin-left:16px;
}

.submenu ul li a:hover {

}

/* expanding list */
.faqpages {
	margin:32px;
	color:#000;
}

.faqpages p {
        margin-top:16px;
}

.faqpages div.list_header {
        font-size:18px;
        margin-top:12px;
		margin-bottom:12px;
		padding-left:40px;
		margin-left:-40px;
		clear:both;
		vertical-align:middle;
		background-image:url(../images/faq-q-icon.png);
		background-position:64px center;
		background-repeat:no-repeat;
		line-height:1.5;
}

.eventspages p.list_header {
        font-size:18px;
}

#timelinedata div.list_header span {
/*        color:#f00;*/
        display:inline-block;
		font-weight:bold;
		margin-right:8px;
		padding-left:34px;
		min-height:30px;
		vertical-align:middle;
}

#timelinedata div.list_header .list_title {
        float:right;
        width:90%;
}

.faqpages div.list_header .faq_title {
        color:#000;
}

#timelinedata p.list_header span.list_date {
        width:116px;
		display:inline-block;
		text-align:left;
		padding-left:74px;
}

#timelinedata p.list_header span.news_expander {
        width:20px;
		height:20px;
        display:inline-block;
        text-align:center;
		vertical-align:middle;
		float:right;
		margin-right:10px;
		margin-top:4px;
}

.faqpages p.list_header span.news_expander img {
		vertical-align:middle;
		display:none;
}

#timelinedata p.list_header span.header_title {
        width:420px;
		display:inline-block;
		text-align:left;
		padding-left:10px;
		float:right;
}

#timelinedata div.list_more {
        display:none;
}

.list_content {
        display:none;
        padding:0px 20px 16px 50px;
        margin-top:16px;
}

#content-hider {
	position:absolute;	
}

#item_detail_panel {
	position:absolute; 
	top:2000px; 
	right:5%; 
	width:100%;
	height:90%;
	z-index:300;
	overflow:visible;
	left:8px;
}

#item_detail_panel #panel_closer {
	width:100%;
	text-align:right;
	background-image:url(../images/paper-header.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:42px;
}

#item_detail_panel #panel_closer img {
	margin-right:18px;
	margin-top:12px;
}

#item_detail_panel #panel_content {
	padding:20px 40px 20px 40px;
	background-image:url(../images/paper-background.png);
	background-repeat:repeat-y;
	height:100%;
}

#artistpopup {
	padding-bottom:4px;
	background-color:#000;
	display:none;
	visibility:hidden;
	position:absolute;
	z-index:200;
	text-align:center;
	font-size:10px;
}

#artistpopup a {
	text-decoration:none;
	color:#fff;	
	border:0px;
	width:100%;
}

#artistpopup img {
	background-color:#000;
	margin:4px 4px 2px 4px;
}

#yeardata {
	position:absolute;
	font-size:16px;
	line-height:24px;
	color:white;
	margin-left:-480px;
	width:478px;
	z-index:1000;
	display:none;
}

#yeardata_inner {
	padding:15px;
	width:374px;
}

#firstpage {
	padding-left:38px;
	padding-top:20px;
}

/* new Colorbox */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/content-backgroundfade.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{display:none; width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{display:none; width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{display:none; width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{display:none; width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{display:none; width:21px; background:url(/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{display:none; width:21px; background:url(/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{display:none; height:21px; background:url(/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{display:none; height:21px; background:url(/images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#fff;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/colorbox/lightbox-ico-loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:10px; right:20px; background:url(/images/colorbox/close-button.png) no-repeat; width:72px; height:21px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


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


.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #333;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: url(/images/drag-bg.png) repeat-y #333;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: url(/images/drag-top.png) no-repeat #333;
	height:6px;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: url(/images/drag-bottom.png) no-repeat #333;
	height:5px;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* Lars css for form */

#webformwrap label {
text-align:right;
font-family:Helvetica, Arial;
font-size:16px;
color:#666666;
}
#webformwrap input {
width:250px;
}
#hpformwrap input {
width:50px;
text-align:left;
}
#radiobuttons input {
width: 100px;
color:#333;
}
#webformwrap textarea {
width:250px;
}

#fieldtitle {
text-align:right;
}


#webformwrap .cat_dropdown_smaller {
text-align:left;
font-family:Helvetica, Arial;
font-size:14px;
color:#666666;
}

#webformwrap .cat_textbox {
text-align:left;
font-family:Helvetica, Arial;
font-size:14px;
color:#666666;
width:250px;
}

#hpformwrap .cat_hptextbox {
text-align:left;
font-family:Helvetica, Arial;
font-size:14px;
color:#666666;
width:50px;
}

#webformwrap .radioButton {
text-align:left;
font-family:Helvetica, Arial;
font-size:14px;
color:#666666;
}

#webformwrap .cat_listbox {
text-align:left;
font-family:Helvetica, Arial;
font-size:14px;
color:#666666;
width:250px;
height:100px;
}
.webform td{
padding:10px 10px 0px 0px;
}
.JoinList {
text-align:left;
font-family:Helvetica, Arial;
font-size:16px;
color:#666666;
}
.cat_button {
width:100px;
font-family:Helvetica, Arial;
font-size:16px;
color:#666666;
}
.cat_hpbutton {
width:50px;
font-family:Helvetica, Arial;
font-size:16px;
color:#666666;
}
.req {
color:#FF0000
}


/* added by Lars */

#contentfootnotes {
font-family:Helvetica, Arial;
color:#000000;
background-color:#FFFFFF;
text-align:left;
}
#contentfootnotes h1 {
padding-bottom:15px;
font-size:18px;
color:#333;
}
#contentfootnotes h3 {
font-size:14px;
color:#333333;
}
#contentfootnotes ol {
font-size:14px;
color:#000;
list-style-type:decimal;
margin: 2em;
}
#contentfootnotes li {
padding: 4px 0px 4px 0px;
}
#contentfootnotes p {
margin: 2em;
font-size:14px;
color:#000;
}

#essay {
font-family:Helvetica, Arial;
color:#000000;
background-color:#FFFFFF;
text-align:left;
}
#essay p {
font-size:14px;
color:#333333;
}
#essay h1 {
font-size:18px;
color:#333;
}
#essay h3 {
margin:0px 0px 0px -20px;
padding: 20px 0px 10px 0px;
font-size:16px;
color:#000;
}
#footercontent {
font-family:Helvetica, Arial;
color:#000000;
background-color:#FFFFFF;
text-align:left;
}
#footercontent p {
font-size:14px;
}
#footercontent li {
padding: 4px 0px 4px 0px;
}
#footercontent h3 {
font-size: 16px;
padding: 20px 0px 10px 0px;
}
#footercontent h1 {
font-size:18px;
color:#333;
}

/* custom styles */

ul.catelogueitemdump li a {
	background: none repeat scroll 0 0 #550000;
	font-size: 18px;
	text-decoration: none;
	color: #ffffff;
	border: 1px solid #cbcbcb;
	padding: 7px;
}

ul.catelogueitemdump li a:hover {
	border-color: #212a2f;
}

div.storecontent a img {
	border: 5px solid #505a6a;
}
a.cartSummaryLink {
	text-decoration: none;
	color: teal;
}

/* end */