.container {background-color: #ffffff; width: 952px; height: 714px; margin-left: 16px;}

.content {color: #444444; font-size: 0.813em;
font-family: "verdana", "century gothic", sans-serif;}

.exhibitlist {color: #444444;}


.page {font-size: 16px}

.page {font-family: "verdana", "century gothic", sans-serif;
                  color: #444444;
                  backgound:#ffffff;}



h1 {font-size: 1.5em }
  h1{font-family:  "verdana", "century gothic", sans-serif; text-align: right;}
h1 {color: #5a5a5a }

h4 {color: #668888}
h4 {font-family: "verdana", "century gothic", sans-serif; font-size: 1.13em; }

h5 {color:#668888}
h5 {font-family: "verdana", "century gothic", sans-serif; font-size: 1em;}


h6 {color: #444444 }
h6 {font-family: "verdana", "century gothic", sans-serif; }
h6 {font-weight: bold  }

body {background: #ffffff}

.artwork {font-style: italic;font-size: 0.667em;
font-family: "verdana", "century gothic", sans-serif;
}




a:link {color: #668888; text-decoration:none}
a:visited {color: #663366; text-decoration:none}
a:focus {color: #663366}
a:hover {color:#663366; text-decoration:underline}
a:active {color:#444444}

.frontpage {width: 100%}

#houselink, #homeideallink,#rcalink,#lpslink {color: #668888; font-size: 1em; 
}
#housedates,#lpsdates,#rcadates {font-weight:bold}
#homeideallink, #fapress, #pinkpress, {color: #668888}

.email {color:#668888}

.press {color:#668888}
.imagenos {color:#444444; font-size: 1.19em;}

.nonlink {color:#444444}
.exhibitioninfo {font-weight:bold; }




.captions {font-size: 0.813em; color: #777777;
font-family: "verdana", "century gothic", sans-serif;}


.top { font-weight:bold;}
.purple {color: #668888}

#listofshows li {line-height: 2em;} 
#listofsolos li {line-height: 2em;} 
#listofcharity li {line-height: 2em;} 

#navigation
{
padding: 0.188em 0.313em;
margin-left: 0;
border-bottom: 0.063em solid #797979;
font-size: 0.85em;
font-family: "verdana", "century gothic", sans-serif;
}

#navigation li
{
list-style: none;
margin: 0;
display: inline;
}

#navigation li a
{
padding: 0.188em 0.313em;
margin-left: 3%;
border: 0.063em solid #a2a2a2;
border-bottom: none;
background: #ffffff;
text-decoration: none;
}

#navigation li a:link { color: #444444; }
#navigation li a:visited { color: #663366; }

#navigation li a:hover
{
color: #663366;
background: #a2a2a2;
border-color: #797979;
}

#navigation li a#current
{
background: #ffffff; color: #444444;
border-bottom:  0.063em solid #ffffff;
border-top:  0.063em solid #797979;
border-right:  0.063em solid #797979;
border-left:  0.063em solid #797979;
}

#news {float: left; padding-left: 5%; padding-top: 10%; width: 45%; }
#coverimage {margin-left: 60%; padding-top: 5%; }
#credit {margin-left: 3%; border: 0.08em solid #797979;
 border-bottom: none;border-left: none;border-right: none; width: 47%;
padding-top: 1%;  clear: both;
}

#contactform {float: left; padding-left: 20%; padding-top: 5%; } 
#formimage {margin-left: 1%; padding-top: 10%;}


#aboutimage {float: left; margin-left: 10%; padding-top: 15%; } 
#aboutcontent {margin-left: 30%; padding-left: 7%; width: 62%; padding-top: 10%;  } 

#exhibitionimage  {margin-left: 10%; float: left; padding-top: 14%;} 
#exhibitioncontent {float: left;  width: 60%; padding-left: 5%; padding-top: 6%;}



.showslist {list-style-type: none; color: #444444; font-size: 0.813em; 
font-family: "verdana", "century gothic", sans-serif;}

#thanksimage {margin-left: 50%; padding-top: 12%;  }
#thanks  {float: left;  width: 47%; padding-top: 30%; padding-left: 16%; }
#thanks {font-size: 0.90em;}


#redgateimage  { margin-left: 5%; float: left;}
#secondskincontent {margin-left: 33%; width: 67%; }
#sassoonimage  {clear: both; margin-left: 5%; float: left;}
#untoldcontent  {margin-left: 33%; width: 67%; }
#ovalimage  {clear: both; margin-left: 5%; float: left;}
#layoutcontent  {margin-left: 33%; width: 67%; }
#houseimage  {clear: both; margin-left: 5%; float: left;}
#housecontent  {margin-left: 33%; width: 67%; }
#hotbathimage   {clear: both; margin-left: 5%; float: left;}
#hotbathcontent  {margin-left: 33%; width: 67%; }
#wordstop  {margin-left: 33%; width: 67%; }
#mkimage  { margin-left: 5%; float: left;}
#mkcontent {margin-left: 33%; width: 67%; }

#onecaption, #twocaption, #threecaption, #fourcaption, #fivecaption, #sixcaption, #sevencaption
 {float: left; padding-left: 5%; padding-top: 5%; width: 40%; }

#onenos, #twonos, #threenos, #fournos, #fivenos, #sixnos, #sevennos {margin-left: 15%; width: 50%; 
padding-top: 35%; font-size: 1.1em;}

#oneimage, #twoimage,  #threeimage, #fourimage, #fiveimage, #siximage, #sevenimage {margin-left: 55%; width: 300px;
border-style: solid; border-width: 3p 3px 3px 3px; 
border-color: #ffffff; background-color: #ffffff;
}





#onecopyright, #twocopyright, #threecopyright, #fourcopyright, #fivecopyright,
#sixcopyright, #sevencopyright {margin-left: 5%; width: 30%; clear: both;}



/*background-image: url(images/moleskine.jpg); background-repeat:no-repeat;*/

/* test for blog */


.blogpage  { float; margin-left: 10%; width: 600px; height: 463px;
background-image: url(images/moleskine.jpg); background-repeat:no-repeat;

}


/* Sembazuru on flickr */


.blogcontentleft {width: 275px; height:433px; 

float: left; padding-top: 10px; padding-left: 10px; padding-bottom: 10px;
padding-right: 5px; margin: 5px;
font-size: 0.813em;
color: #444444; background-color:  transparent;
font-family: "verdana", "century gothic", sans-serif; 
}



.blogpic { float: left; background-color:  transparent;
width: 270px; height; 270px;
padding-top: 10px; padding-left: 14px; padding-bottom: 10px;
padding-right: 10px; margin: 3px; 
font-size: 0.813em;
}




.blogcontentright {width: 270px; 
 padding-top: 10px; padding-left: 10px; padding-bottom: 10px;
padding-right: 10px; margin: 5px;

  font-size: 0.813em;
color:#444444; background-color: transparent;
font-family: "verdana", "century gothic", sans-serif; 
 float: left; 
}




a.bloglinks {color:#aa4444; text-decoration: none;
background: #FFFFF3;}

a.bloglinks:visited {color:#668888; text-decoration: none;
background: #FFFFF3;}


a.bloglinks:hover,a.bloglinks:active {text-decoration:underline;}



  /* #224466 */





.blogpic { float: left; background-color:  transparent;
width: 270px; height; 270px;
padding-top: 10px; padding-left: 14px; padding-bottom: 10px;
padding-right: 10px; margin: 3px; 
}




.thumbnail{
float: left; background-color:  transparent;
width: 30px; height; 30px;
padding-top: 1px; padding-left: 1px; padding-bottom: 1px;
padding-right: 1px; margin: 1px; 
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFF3;
padding: 2px;
left: -1000px;
border: 1px dashed #7D7D7D;
visibility: hidden;
color: #444444;
text-decoration: none;
 
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 5px;
left: 570px; /*position where enlarged image should offset horizontally */

}








