body 
{
background:#d0d0d0;
background-image:url('photobg.jpg');
background-repeat: no-repeat;
background-position: right top;
font-size: 100%;
}

div.header
{
position:relative;
background-image:url('headsmall.png');
background-position: left top;
background-repeat: no-repeat;
top:1px;
margin-left: auto;
margin-right: auto;
height:113px;
max-width:1024px;
}

#box-link 
{ 
position: absolute; 
width: 400px; 
height: 113px; 
background-color: transparent; 
}	


div.minitabs
{
position:relative;
top:3px;
width:100%;

z-index:2;
}

div.deco
{
background-image:url('deco.png');
background-position: left top;
background-repeat:repeat-y;
margin: 5%;
}

div.nodeco
{
margin-top:5%;
}


div.container
{
position:relative;
top:-50px;
width:75%;

max-width:1010px;
padding:10px;
margin-left: auto;
margin-right: auto;
min-height: 100%;
height: auto; !important /*min-height hack*/
height: 100%;           /*min-height hack*/
margin-bottom: -4em;    /*Negates #push on longer pages*/
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
font-size:0.825em;
}

#push 
{
  height: 10em;
}

div.container:after 
{
content: "Revelations © Phil & Sarah Stokes, The Clive Barker Archive LLP 1998 - 2023";
display: block;
margin-top: 1em;
color:#ff5f00;
}


div.intro
{
margin-bottom:30px;
margin-left: auto;
margin-right: auto;
padding:1px 1px;
}

div.main
{
float:left;

width:65%;

padding-top:15px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;

background-color:#F2F2F2;
}

div.plain
{
padding:1px 1px;
width:100%;

padding-top:15px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
margin-left: auto;
margin-right: auto;
background-color:#F2F2F2;
}

div.sidebar1
{
float:right;

width:25%;

padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
background-color:#F2F2F2;
text-align:center;
}

div.sidebar2
{
float:right;

position:relative;
width:25%;

padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
margin-top:30px;
background-color:#F2F2F2;
text-align:center;
}


div.sidebar1 img 
{
padding-bottom:5px;
padding-top:5px;
margin-left: auto;
margin-right: auto;
border:1px;
}

div.sidebar2 img 
{
padding-bottom:5px;
padding-top:5px;
margin-left: auto;
margin-right: auto;
border:1px;
}


div.right
{
float:right;

width:45%;

padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
margin:10px;
background-color:#F2F2F2;
text-align:center;
}


div.left
{
float:left;

width:45%;

padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
margin:10px;
background-color:#F2F2F2;
text-align:center;
}



div.centre
{ 
padding: 10px; 
border: 0px;
display:block; 
margin-left:auto; 
margin-right:auto; 
text-align: center; 
} 

div.centre img
{
margin:5px;
}


div.sidebarbox
{
float:right;

width:35%;

padding:10px;
border:2px solid #23428b;
margin:10px;
background-color:#ffffff;
}


div.sidebarbox2
{
float:left;

width:35%;

padding:10px;
border:2px solid #23428b;
margin:10px;
background-color:#ffffff;
}


div.smallsidebar
{
float:right;

width:20%;

padding:2px;
margin:2px;
background-color:#F2F2F2;
}

/*layout for Paypal*/


div.rightcolumn
{
float:right;

width:33%;

padding: 0;
margin-left:auto; 
margin-right:auto; 
background-color:#F2F2F2;
text-align:center;
}


div.leftcolumn
{
float:left;

width:33%;

padding: 0;
margin-left:auto; 
margin-right:auto; 
background-color:#F2F2F2;
text-align:center;
}

div.centrecolumn
{
float:left;

width:33%;

padding: 0;
margin-left:auto; 
margin-right:auto; 
background-color:#F2F2F2;
text-align:center;
}

div.centrecolumn2
{
width:80%;

padding: 10px; 
border: 0px;
display:block; 
margin-left:auto; 
margin-right:auto; 
background-color:#F2F2F2;
text-align:center;
}


div.centrecolumn3
{
width:80%;

padding: 10px; 
border: 0px;
display:block; 
margin-left:auto; 
margin-right:auto; 
background-color:#F2F2F2;
text-align:justify;
}

div.underline 
{
    text-decoration:underline;
}

.clear
{
clear:both;
margin-bottom:2px;
}


p 
{
font-size:1.0em;
color:#161D4C;
text-align:left;
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
}

.bold 
{
font-size:1.0em;
color:#161D4C;
text-align:left;
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
font-weight:bold;
}


.date
{
color:#ff5f00;
font-size:1.25em;
font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
text-align:right;
}
.note 
{
font-size:0.85em; 
font-family:arial; 
color:#7f7f7f;
text-align:center;
}

.plainnote 
{
font-size:0.85em; 
font-family:arial; 
color:#7f7f7f;
text-align:left;
}

.cb
{
font-size:1.0em;
color:#ff5f00;
text-align:left;
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
}

.revel
{
font-size:1.0em;
color:#856200;
text-align:left;
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
}

.centred
{
font-size:1.0em;
color:#161D4C;
text-align:center;
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
}




h1 
{
font-size:1.825em;
font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
color:#23428b;
text-align:center;
}

h2 
{
font-size:1.375em;
font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
text-align:center;
}

h3 
{
font-size:1.3em;
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
text-align:left;
}


/*Credits for Interviews*/

h4
{
font-size:1.0em;
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
text-align:left;
font-weight:bold;
margin-top:4%;
margin-bottom:-1.0%;
}

p.credit
{
font-size:0.85em;
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
color:#000000;
text-align:left;
font-weight:normal;
margin-bottom:-1.1%;
}

/*Credits for Films, Books, etc*/

p.title 
{
font-size:1.0em;
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
color:#000000;
text-align:left;
font-weight:bold;
margin-top:-1.2%;
}

p.creditsub
{
font-size:0.85em;
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
color:#000000;
text-align:left;
font-weight:normal;
margin-top:-1.1%;
margin-bottom:4%;
}



a:link {color:#161D4C;text-decoration:none; outline: 0;}
a:visited {color:#000000;text-decoration:none;}
a:hover {color:#000000;text-decoration:underline;}
a:active {color:#000000;text-decoration:underline;}



ul#minitabs{list-style: none;margin: 0;padding: 8px 0;
  border-bottom: 1px solid #ff5f00;font-weight: bold;
  text-align: center;white-space: nowrap}
ul#minitabs li{display: inline;margin: 0 2px}
ul#minitabs a{text-decoration: none;padding: 0 0 3px;
  border-bottom: 6px solid #ff5f00;color: #f2f2f2}
ul#minitabs a#current{border-color: #ff5f00;color: #ff5f00}
ul#minitabs a:hover{border-color: #f2f2f2;color: #ff5f00} 


ul#news
{
list-style-type: none;
padding:0px;
margin:0px;
}
ul#news li
{
color:#161D4C;
}

ul#newsspaced
{
list-style-type: none;
padding:0px;
margin:0px;
}

ul#newsspaced li
{
color:#161D4C;
margin-bottom: 1em;
}

ul#bullet
{
list-style-type:disc;
font-size:1.1em;
}


div.contact
{
  margin: 0px;
  border: 0px;
  height: auto;
  width: auto;
  padding:10px 0px;
  float: left;
}	
div.contact img
{
  display: inline;
  margin: 0px;
  border: 0px;
}

img.left 
{
float:left;
border:0px;
margin:5px 15px 5px 5px;
}

img.right 
{
float:right;
border:0px;
margin:5px 5px 5px 15px;
}


/*Ints Imgs*/


.thumbnailr{
position: relative;
z-index: 0;
float:right;
border:0px;
margin:5px 5px 5px 15px;
}

.thumbnailr:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailr span{ /*CSS for enlarged image*/
position: absolute;
background-color: #cacaca;
padding: 5px;
left: -1000px;
border: 1px #ff5f00;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailr span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailr:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
left: -300px; /*position where enlarged image should offset horizontally */
}

.thumbnaill{
position: relative;
z-index: 0;
float:left;
border:0px;
margin:5px 15px 5px 5px;
}

.thumbnaill:hover{
background-color: transparent;
z-index: 50;
}

.thumbnaill span{ /*CSS for enlarged image*/
position: absolute;
background-color: #cacaca;
padding: 5px;
left: -1000px;
border: 1px #ff5f00;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnaill span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnaill:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
left: 60px; /*position where enlarged image should offset horizontally */
}




/*Gallery pages*/


#gallery{
	width:100%;
	overflow:hidden;
	margin:0 0 0 0;
 text-align:center;
}
#gallery ul {
	float:left;
	margin:auto;
	padding:0;
	list-style:none;
	position:relative;
}
#gallery ul li {
	padding:5px;
	margin:5px;
	display:-moz-inline-box;/* older gecko*/
	display:inline-block;
	position:relative;
	zoom: 1;
	*display: inline;
}
#gallery ul li img{
	border:1px solid #000;padding:5px;
}