/**Undo HTML**/
* {
margin:0;
padding:0;
}

body {
text-align: left;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size: 75.01%;
line-height: 1em;
background:url(../images/layout/body-bg.gif);
background-repeat: no-repeat;
}

div {
font-size: 1em;
}

img {
border: 0;
}

a,
a:link 
a:active {
text-decoration: underline;
background-color: inherit; 
color: #18507C;
font-weight:bold;
}

a:visited {
text-decoration: underline;
background-color: inherit;
color: #18507C;
}


a:hover {
text-decoration: none;
color: #385C72;
}

body#home a:hover	{
color:#fff;
text-decoration: underline;
}

/*****************
basic layout 
*****************/
body {
color: #333;
}


#wrapper {
margin: 0 auto;
width:960px;
}

#wrapper .inside	{
padding:0;
}

/*** header ***/
#header {
height:243px;      
}

#header h4 a {
background: url(../images/layout/header.gif) no-repeat; 
display: block; 
height:243px;
text-indent: -999em;
text-decoration:none;
}

#nav-main	{
height:26px;
background:url(../images/layout/content-bg-outside.gif); 
}

* html #nav-main	{
margin:-10px 0 0 0;  
}

#content-wrapper {
background: url(../images/layout/content-bg-outside.gif);
}

#content {
min-height:400px;
margin:0px 80px;
/*background:url(../images/layout/content-bg-coffee.gif);*/
}

#content .inside 	{
padding:20px;
}

/*
* html #content.inside	{
padding:0 20px 20px 20px;
}
*/

#main {
width:450px;
}

#main-wide	{
width:100%;
}

#main-right	{
float:right;
width:520px;
}


#sidebar {
float: right;
width:260px;
/*display: inline;*/  /* FIX ie doublemargin bug */
}

#sidebar-left {
float:left;
width:200px;
/*display: inline;*/  /* FIX ie doublemargin bug */
}


/*-- home page styles --------------*/
#intro-container	{
position:relative;
width:760px;
height:210px;
background:#fff;
margin:0 0 20px 0;
}

#intro-container #slideshow	{
position:absolute;
width:450px;
height:200px;
left:5px;
top:5px;
}

#intro-container #slideshow ul	{
list-style: none;
}

#intro-container #intro	{
position:absolute;
width:300px;
height:200px;
right:5px;
top:5px;
background:#AEAABD;
}

#intro-container #intro .inside	{
padding:20px;
}

#intro-container #intro h1	{
font-family: "century gothic";
font-weight:normal;
font-size:2em;
line-height: 1em;
margin:0 0 10px 0;
color:#fff;
}

#intro-container #intro p	{
font-size:14px;
font-weight:bold;
text-align:left;
color:#4d4b54;
}

#content-home	{
float:left;
}

#content-home-main 	{
float:right;
width:480px;
/*background:#ddd;*/
}

#current-exhibition	{
margin:0 0 20px 0;
}

#current-exhibition .inside	{
background:#e7dca1;
border:4px solid #fff;
}

#current-exhibition h3	{
font-family:georgia, "Times New Roman", serif;
font-weight:normal;
font-size:30px;
padding:0;
margin:0 0 3px 10px;
color:#fff;
}

#current-exhibition img	{
float:left;
margin:0 15px 0 0;
width:150px;
}

#current-exhibition h4	{
font-family:"Century Gothic";
font-size:18px;
font-weight:normal;
text-transform:uppercase;
}

#current-exhibition h5	{
font-family:"Century Gothic";
font-size:16px;
font-weight:normal;
text-transform:uppercase;
}

#current-exhibition #introduction-content	{
margin:0 0 0 165px;
}

/*--forthcoming exhibition --*/
#forthcoming-exhibition	{
margin:0 0 20px 0;
}

#forthcoming-exhibition .inside	{
background:#e7dca1;
border:4px solid #fff;
}

#forthcoming-exhibition h3	{
font-family:georgia, "Times New Roman", serif;
font-weight:normal;
font-size:30px;
padding:0;
margin:0 0 3px 10px;
color:#fff;
}

#forthcoming-exhibition img	{
float:left;
margin:0 15px 0 0;
width:150px;
}

#forthcoming-exhibition h4	{
font-family:"Century Gothic";
font-size:18px;
font-weight:normal;
text-transform:uppercase;
}

#forthcoming-exhibition h5	{
font-family:"Century Gothic";
font-size:16px;
font-weight:normal;
text-transform:uppercase;
}

#forthcoming-exhibition #forthcoming-introduction-content	{
margin:0 0 0 165px;
}

#page-content	{
background:#fadaa8;
border:4px solid #fff;
}

#page-content .inside	{
padding:20px;
}

#content-home-sidebar	{
float:left;
width:240px;
/*background:#ccc;*/
}

/*-- blog -------------------*/
#blog	{
float:left;
margin:0 0 10px 0;
}

#blog .inside	{
float:left;
width:212px;
background:#d0b6b9;
padding:10px;
border:4px solid #fff;
}

#blog h3	{
font-family:georgia, "Times New Roman", serif;
font-weight:normal;
font-size:30px;
padding:0;
margin:0 0 3px 10px;
color:#fff;
}

#blog img	{
float:left;
margin:0 15px 0 0;
width:100px;
}

#blog p	{
font-weight:bold;
text-align:left;
}

/*-- newsletter --------------------*/
#newsletter	{
float:left;
margin:0 0 10px 0;
}

#newsletter .inside	{
float:left;
width:212px;
background:#afc5d1;
padding:10px;
border:4px solid #fff;
}

#newsletter h3	{
font-family:georgia, "Times New Roman", serif;
font-weight:normal;
font-size:30px;
padding:0;
margin:0 0 3px 10px;
color:#fff;
}

#newsletter img	{
float:left;
margin:0 15px 0 0;
width:100px;
}

#newsletter p	{
font-weight:bold;
text-align:left;
}

/*-- own art ----------------------------*/
#own-art	{
float:left;
margin:0px 0 20px 0;
}

#own-art-logo	{
z-index: 10;
}

#own-art .inside	{
z-index:1;
float:left;
width:212px;
background:#afc5d1;
padding:0px 10px 10px 10px;
border:4px solid #fff;
margin:-20px 0 0 0;
}

#own-art h3	{
font-family:georgia, "Times New Roman", serif;
font-weight:normal;
font-size:30px;
padding:0;
margin:0 0 3px 10px;
color:#fff;
}

#own-art p	{
font-weight:bold;
text-align:left;
padding:0;
margin:20px 0 0 0;
}

/*-- twitter ----------------------------*/
#twitter	{
float:left;
margin:0 0 10px 0;
}

#twitter .inside	{
/*float:left;*/
/*width:212px;*/
background:#fff;
padding:0px;
border:4px solid #fff;
}

#twitter h3, #main #twitter h3	{
font-family:georgia, "Times New Roman", serif;
font-weight:normal;
font-size:30px;
padding:0;
margin:0 0 3px 10px;
color:#fff;
}

#twitter img	{
margin:0;
width:232px;
}

#twitter p	{
font-weight:bold;
text-align:left;
}

/*-- footer --*/
#footer {
clear:both;
height:117px;
color: #fff;
background:url(../images/layout/footer.gif);
margin:0 0 0px 0;
}

div#footer p {
font-size: 0.8em;
padding: 1.5em;  
text-align: center; 
margin:0;
}

div#footer p a {
color: #fff;
}

/*-- right column content pics --*/
#sidebar img	{
border:1px solid #999;
/*background:#ddd;*/
padding:4px;
}

.pic-caption	{
font-size:12px;
text-align: center;
padding:10px 0;
}

/*-- exhibition pics table --*/
table.exhibition-pics	{
width:100%;
}

table.exhibition-pics td	{
width:25%;
padding:10px;
text-align: center;
}

table.exhibition-pics td img	{
border:1px solid #999;
/*background:#ddd;*/
padding:4px;
}

table.exhibition-pics td .art-caption	{
display:block;
margin:4px 0 0 0;
}

/*-- styles for Gallery ArtWork intro page artists list --*/
.artwork-category {
float:left;
height:300px;
width:170px;
margin:0 0 0 20px;
text-align:center;
}

.artwork-category img {
padding:4px;
border:1px solid #999;
}

.artwork-category p {
padding:10px 0;
text-align:center;
}

/*-- General Content Image Formatting --*/
.image-border	{
border:1px solid #999;
padding:4px;
}

.image-left-border	{
float:left;
border:1px solid #999;
padding:4px;
margin:0 10px 0 0;
}

.image-right-border	{
float:right;
border:1px solid #999;
padding:4px;
margin:0 0 0 10px;
}

/*-- page footer quoteblocks --*/
#quoteblock	{
margin:0 0 20px 0;
text-align: center;
font-size: 16px;
font-weight: bold;
font-style: italic;
}

.quote-source	{
font-size:12px;
font-style:normal;
margin:6px 0 0 0;
}

.quote-home, .quote-source-home	{
color: #D1B688;
}

.quote-about, .quote-source-about	{
color: #D4968C;
}

.quote-exhibitions, .quote-source-exhibitions	{
color: #AEA994;
}

.quote-gallery, .quote-source-gallery	{
color: #A5A4A4;
}

.quote-links, .quote-source-links	{
color: #9A96A7;
}

.quote-contact, .quote-source-contact	{
color: #9CB0BB;
}



/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
height: 1px;
margin:1em 0em;
border-bottom: 1px solid #999;
}

/* relational links under content */
div.left49 {
float: left;
width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
float: right;
width: 49%;
text-align: right;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}



/********************
CONTENT STYLING
*********************/

/* HEADINGS */
h1, body#home h1 {
font-family: "century gothic";
font-weight:normal;
font-size:1.8em;
line-height: 1em;
margin:0 0 10px 0;
color:#fff;
}

body#home h1 {/*coffee*/
color:#94805D;
}

body#about-us h1 {/*rose*/
color:#946861;
}

body#art-exhibitions h1 {/*exhibitions*/
color:#8E8967;
}

body#2009-exhibitions h1 {/*2009-exhibitions*/
color:#8E8967;
}

body#artists h1 {/*coffee*/
/*color:#94805D;*/
color:#fff;
}

body#artwork h1 {/*coffee*/
color:#94805D;
}

body#online-shop h1 {/*grey*/
color:#747163;
}

body#art-gallery h1 {/*grey*/
color:#757575;
}

body#contact h1 {/*blue*/
color:#73828A;
}

body#links h1 {/*mauve*/
color:#716E7B;
}



h2 {
color: #333; 
font-size: 1.6em; 
text-align: left; 
line-height: 1.5em;
margin: 0 0 0.5em 0;
}


h3 {
color: #333; 
font-size: 1.5em;
line-height: normal;
padding:0;
margin: 0 0 0.5em 0;
}

h4 {
color: #333; 
font-size: 1.2em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}

h5 {
color: #333;
font-size: 1.1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}

h6 {
color: #333;
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
font-size: 1em;
margin: 0 0 1.5em 0;
line-height:1.4em;
padding: 0;
text-align: justify;
}
blockquote {
border-left: 10px solid #ddd;
margin-left: 10px;
}
pre {
font-family: monospace;
font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
font-weight: bold;
}
em, i {
/* explicit setting for these */
font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
font-family: "Courier New", Courier, monospace;
font-size: 1em;
}

pre {
border: 1px solid #000;  /* black border for pre blocks */
background-color: #ddd;
margin: 0 1em 1em 1em;
padding: 0.5em;
line-height: 1.5em;
font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
font-size: 1.0em;
line-height:1.4em;
margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
margin: 0 0 0.25em 3em;
}

div#dl dt {
font-weight: bold;
margin: 0 0 0.25em 3em;
}
div#dl dd {
margin: 0 0 0 3em;
}
/* END LISTS */


/*-- main nav link background colours --*/
div#menu_horiz li.home, div#menu_horiz li.currentpage-home 	{
background:#e1c493;
}

div#menu_horiz li.about-us, div#menu_horiz li.currentpage-about-us	{
background:#E5A196;
}

div#menu_horiz li.art-exhibitions, div#menu_horiz li.currentpage-art-exhibitions	{
background:#e7dca1;
}

div#menu_horiz li.activeparent-art-exhibitions, div#menu_horiz li.currentpage-2009-exhibitions	{
background:#e7dca1;
height:26px;
}

div#menu_horiz li.artists, div#menu_horiz li.currentpage-artists	{
/*background:#ede2d8;*/
background:#aeaabd;
}

/* styling for Information for Artists page link */
div#menu_horiz li.activeparent-artists a.activeparent	{
/*background:#ede2d8;*/
background:#aeaabd;
height:26px;
}

div#menu_horiz li.activeparent-artists	{/* style for artists sub pages */
background:#e1c493;
}

div#menu_horiz li.online-shop, div#menu_horiz li.currentpage-online-shop	{
background:#BEBAA2;
}

div#menu_horiz li.art-gallery, div#menu_horiz li.currentpage-art-gallery	{
background:#bebebe;
}

div#menu_horiz li.blog, div#menu_horiz li.currentpage-blog	{
background:#D0B6B9;
padding:0 6px;/* individual styling to increase width*/
}

div#menu_horiz li.contact, div#menu_horiz li.currentpage-contact	{
background:#aeaabd;
}

div#menu_horiz li.artwork, div#menu_horiz li.currentpage-artwork	{
/*background:#aeaabd;*/
background:#ede2d8;
padding:0;/* individual styling to increase width*/
}

div#menu_horiz li.activeparent-artwork	{/* style for artwork sub pages */
/*background:#aeaabd;*/
background:#ede2d8;
height:26px;
}

div#menu_horiz li.links, div#menu_horiz li.currentpage-links	{
background:#aeaabd;
padding:0 5px;/* individual styling to increase width*/
}

div#menu_horiz li.contact, div#menu_horiz li.currentpage-contact	{
background:#AFC5D1;
}