/*
HEADINGS: "Trebuchet MS", Arial
MAIN MENU: Arial
ALL OTHER TEXTS: Verdana
*/

* {
	padding:0;
	border:0;
	margin:0;
	background-color:Transparent;
	color:#444;
	font-family:Verdana;
	font-size:12px;
	line-height:17px;
	text-decoration:none;
	text-align:left;
}

/* <br clear='all' /> */
br.ca
{
	clear:both;
}

body
{
	background:url(../images/general/bg.gif);
	background-repeat:repeat-x;
	background-color:#777; 
}

form
{
	display:inline;
}

a 
{
	color:#0af;	/* LINKCOLOUR */
	text-decoration:none;
	font-weight:bold;
}
a:hover 
{
	text-decoration:underline;
}

a.download, a.order
{
	font-size:13px;
	color:#fff;
	display:inline-block;
	background-image:url(../images/general/download.png);
	background-repeat:no-repeat;
	height:22px;
	padding:4px 12px 0 36px;
	margin:4px 0 4px 0;
	border-radius:4px;
	box-shadow:1px 1px 2px #888;
}
a.order
{
	background-position:-30px;
	padding-left:12px;
}











p
{
	background-color:Transparent;
	padding-bottom:10px;
}

.nopadding
{
	padding:0;
}

i
{
	background-color:transparent;
	font-style:italic;
}

b
{
	background-color:transparent;
	font-weight:bold;
}

input, textarea, select
{
	color:#000; 
	background-color:#fffdd9;
	border-top:1px solid #444;
	border-left:1px solid #444;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:2px 8px 2px 0;
	height:20px;
	vertical-align:middle;
}

.transparent
{
	background-color:transparent;
	border:0;
}

table
{
	padding-bottom:10px; 
}
td { vertical-align:top; padding-right:10px;}

/* Lists */
ul
{
 	 background-color:transparent;
	 padding-bottom:10px;
}
ul.links li, ul.normal li
{
	list-style-type:none;
	background-image:url(../images/general/bullet.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	padding-left:10px; 
}

ul.normal li
{
	background-image:url(../images/general/bullet2.gif);
	background-repeat:no-repeat;
}

/* Whole page */
div.allOS, div.allBT, div.allBPB, div.allBA, div.allBO, div.allAB{
	width:950px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	background-color:#fff;
}
div.allOS{
	background-image:url(../images/outerspace/outerspace.jpg);
	background-repeat:no-repeat;
}
div.allBT{
	background-image:url(../images/blufftitler.jpg);
	background-repeat:no-repeat;
}
div.allBPB{
	background-image:url(../images/bixphotobook/bpb.jpg);
	background-repeat:no-repeat;
}
div.allBA{
	background-image:url(../images/bixorama/bixorama.jpg);
	background-repeat:no-repeat;
}
div.allBO{
	background-image:url(../images/bixelangelo/bixelangelo.jpg);
	background-repeat:no-repeat;
}
div.allAB{
	background-image:url(../images/alphabix/alphabix.jpg);
	background-repeat:no-repeat;
}

/* Text in upper right */
div#first
{
	float:right;
	margin:0 24px 0 0;
}
div#first a{
	font-weight:normal;
}

/* A page has 1 or 2 columns */
div.lkolom{
	float:left;
	margin:10px 0 0 24px;
	display:inline; /*double margin bug fix voor IE*/
}
div.rkolom{
	float:right;
	margin:10px 24px 0 0;
	display:inline;
}

/* Slideshow */
div#slideshow1
{
	margin-top:160px;
	width:950px;
	height:350px;
	background-image:url(../images/outerspace/screenshot2.png);
}
img#slideshow2
{
}

/* Main Menu */
div#osmenu1{ background-color:Transparent; margin:20px 0 8px 37px;}
div#osmenu2{ background-color:Transparent; margin:260px 0 16px 37px;}
div#btmenu{	background-color:Transparent; margin:180px 0 16px 36px;}
div#bpbmenu{background-color:Transparent; margin:200px 0 16px 153px;}
div#bamenu{ background-color:Transparent; margin:290px 0 16px 160px;}
div#bomenu{ background-color:Transparent; margin:190px 0 16px 150px;}
div#abmenu{ background-color:Transparent; margin:170px 0 16px 36px;}

div#btmenu a,	div#btmenu span,
div#osmenu1 a,	div#osmenu1 span,
div#osmenu2 a,	div#osmenu2 span,
div#bpbmenu a,	div#bpbmenu span, 
div#bamenu a,	div#bamenu span,
div#bomenu a,	div#bomenu span,
div#abmenu a,	div#abmenu span
{
	background-color:Transparent; 
	color:#888;
	font-size:16px;
	font-family:Arial;
	margin-right:22px; 
}

div#btmenu span,
div#osmenu1 span,
div#osmenu2 span,
div#bpbmenu span,
div#bamenu span,
div#bomenu span,
div#abmenu span{ color:#0af; font-weight:bold; } /* = LINKCOLOUR */

/* EXAMPLES/GUI/DOWNLOAD/BUY menu */
div.blok4S a.menu3, 
div.blok4Sd a.menu3
{
	font-size:30px;
	line-height:40px;
	font-family:Verdana;	
}

/* Text below main menu */
h1, h2 { text-align:left; color:#444; font-weight:normal;margin:10px 20px 0 24px;}
h1 { font-weight:bold; font-size:30px; line-height:36px; font-family:"Trebuchet MS",Arial;}
h2, h2 a { margin-top:0px; margin-bottom:16px; font-size:16px; line-height:20px;}

h1.bt, h2.bt { margin-left:36px; }
h1.bpb, h2.bpb { margin-left:153px; }
h1.ba, h2.ba { margin-left:160px; }
h1.bo, h2.bo { margin-left:150px; }
h1.ab, h2.ab { margin-left:36px; }

/* Header in blocks */
h3
{
	font-family:"Trebuchet MS", Arial;
	font-size:18px;	
	line-height:22px;
	font-weight:bold;
	color:#222;
	padding-bottom:0px;
	margin-bottom:0px;
}

/* Illustrations */
div.blokpic
{
	width:414px;
	height:414px;
}
div.blokpic img
{
	border:0;
}

div.triggerpic
{
	width:276px;
	margin-bottom:20px;
}
div.triggerpic img
{
	border:0;
}

/* Blocks 

4 layouts:

1 column:	6
2 columns:	3	3
2 columns:	4	trigger
2 columns:	5	google adwords	(gallery)

d is dark version 

*/

div.blok3H,div.blok3S,div.blok3Hd,div.blok3Sd{width:415px; background-color:#eee;}
div.blok4H,div.blok4S,div.blok4Hd,div.blok4Sd{width:578px; background-color:#eee;}
div.blok5H,div.blok5S,div.blok5Hd,div.blok5Sd{width:706px; background-color:#eee;}
div.blok6H,div.blok6S,div.blok6Hd,div.blok6Sd{width:878px; background-color:#eee;}

div.blok3Hd,div.blok3Sd,
div.blok4Hd,div.blok4Sd,
div.blok5Hd,div.blok5Sd,
div.blok6Hd,div.blok6Sd{background-color:#222;}

div.blok3Hd h3,div.blok3Sd h3,
div.blok4Hd h3,div.blok4Sd h3,
div.blok5Hd h3,div.blok5Sd h3,
div.blok6Hd h3,div.blok6Sd h3{color:#fff;}

div.blok3Hd p i,div.blok3Sd p i,
div.blok4Hd p i,div.blok4Sd p i,
div.blok5Hd p i,div.blok5Sd p i,
div.blok6Hd p i,div.blok6Sd p i,
div.blok3Hd p i,div.blok3Sd p b,
div.blok4Hd p i,div.blok4Sd p b,
div.blok5Hd p i,div.blok5Sd p b,
div.blok6Hd p i,div.blok6Sd p b,
div.blok3Hd p,div.blok3Sd p,
div.blok4Hd p,div.blok4Sd p,
div.blok5Hd p,div.blok5Sd p,
div.blok6Hd p,div.blok6Sd p{ color:#ddd; }

/* H: header with title */
div.blok3H,div.blok4H,div.blok5H,div.blok6H,
div.blok3Hd,div.blok4Hd,div.blok5Hd,div.blok6Hd
{
	height:26px;
	padding:7px 12px 0px 12px;
	background-color:#ccc;
	background-image:url(../images/general/blockH.png);
}
div.blok3H h1, div.blok4H h1, div.blok5H h1, div.blok6H h1,
div.blok3Hd h1, div.blok4Hd h1, div.blok5Hd h1, div.blok6Hd h1
{
	font-family:"Trebuchet MS",Arial;
	font-size:18px;
	margin:0;
	color:#fff;
	line-height:20px;
}

div.blok3Hd,div.blok4Hd,div.blok5Hd,div.blok6Hd
{
	background-color:#000;
	background-image:url(../images/general/blockHd.png);
}

/* S: middle */
div.blok3S, div.blok4S, div.blok5S, div.blok6S,
div.blok3Sd, div.blok4Sd, div.blok5Sd, div.blok6Sd
{
	padding:8px 12px 12px 12px;
	margin-bottom:20px;
}

/* Frames for thumbnails */
div.frame,div.framed
{
	width:193px;
	height:162px;
	padding:8px 0 0 8px;
	background-image:url(../images/general/frame.png);
	float:left;
	margin:0 6px 0 0;
}
div.framed
{
	background-image:url(../images/general/framed.png);
}

/* Gallery viewarticle */
div.blok5H a.prevnext, div.blok6H a.prevnext,
div.blok5Hd a.prevnext, div.blok6Hd a.prevnext{
	float:right;
	margin-left:10px;
}

/* Triggers top, middle and bottom */
div.trigger, div.triggerd
{	
	width:244px;
	padding:6px 16px 12px 16px;
	border:0px;
	margin:0 0 20px 0px;
	background-color:#d9d9d9;
	border-radius:4px;
	box-shadow:1px 1px 1px #aaa;
}

div.triggerd
{
	background-color:#222;
}
div.triggerd h3
{
	color:#fff;
}
div.triggerd p
{
	color:#ddd;
}

div.trigger img,
div.triggerd img{
	border:0;
}

div.triggerLine
{
	width:244px;
	height:1px;
	background-color:#b9b9b9;
	border-bottom:1px solid #fff;
	margin:8px 0 8px 0;
}

div.triggerLine2
{
	width:566px;
	height:1px;
	background-color:#000;
	border-bottom:1px solid #333;
	margin:8px 0 20px 0;
}

/* Footer */
div#footer 
{
	width:902px;
	height:70px;
	padding:280px 24px 0px 24px;
	color:#222;
	text-align:right;
	background-image:url(../images/general/footer.jpg);
	background-repeat:repeat-y;
	background-color:Transparent;
}
div#footer a
{
	color:#000;
	margin:0 5px 0 5px;
	font-weight:normal;
}

/* Form buttons */
input.button{
	color:#fff;
	background-color:#576b9b;
	background-color:#08d;
	border-left:1px solid #ddddee;
	border-top:1px solid #ddddee;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	text-align:center;
	font-weight:bold;
	height:24px;
	padding-left:10px;
	padding-right:10px;
}

pre
{
	background-color:#111;
	color:#fff;
	font-family:"Courier New";
	font-size:15px;
	padding:4px 4px 4px 4px;
	margin-bottom:10px;
}

/* Gallery error messages and moderator menu */
div.striking { margin-top:8px; }
div.striking p {        color:#984; }
div.striking p a {      color:#984; }

div.yes, div.no
{
	width:20px;
	height:18px;
	background:url(../images/general/yes.png);
	margin:0 30px 0 0;
}
div.no
{
	background:url(../images/general/no.png);
}


table.layerhierarchy td
{
	font-size:10px;
	padding:2px 6px 2px 6px;
	border-left:1px solid #000;
	border-top:1px solid #000;
}

table.layerhierarchy td b
{
	font-size:10px;
	font-weight:bold;
}

img.appicon{
	float:left;
	margin:0 8px 8px 0;
}

/* Gallery latest comments homepage */
span.time{
	font-size:9px;
	color:#999;
	line-height:9px;
}

img.latest
{
	border-radius:2px;
	box-shadow:2px 2px 1px #2b2b2b;
}



/* Popups 
MyPopUp0 is the fullscreen background picture to make everything darker
MyPopUp1 is the popup body
MyPopUp2 is the round close button in the upper right
*/
div#MyPopUp0{
	position:absolute;
	z-index:3;
	background-color:#000;
}
div#MyPopUp1{
	position:absolute;
	z-index:4;
	background-color:#fff;
	padding:12px;
	border-radius:12px;
	box-shadow:1px 1px 1px #000;
	cursor:pointer;
}
div#MyPopUp2{
	position:absolute;
	z-index:5;
	background-color:#fff;
	margin:0px;
	width:23px;		/*+ padding left equals 32 */
	height:25px;	/*+ padding top equals 32 */
	padding:7px 0 0 9px;
	border-radius:16px;
}
div#MyPopUp2 a
{
	color:#000;
	font-size:18px;
}



table#artistinfo
{
	width:608px;
}
table#artistinfo tr, table#artistinfo tr td, table#artistinfo tr td a img, table#artistinfo tr td h3
{
	padding:0;
	margin:0;
	border:0;
	color:#fff;
}


div.filtersort
{
	margin:0;
	padding:0;
}
div.filtersort p
{
	width:80px;
	display:inline-block;
	color:#fff;
}

b.button1, a.button1, a.button2
{
	display:inline-block;
	background-color:#2b2b2b;
	background-image:url(../images/gallery/button1.png);
	background-repeat:repeat-x;
	height:22px;
	padding:4px 10px 0 10px;
	margin:2px 2px 2px 0;
	border-radius:3px;
	box-shadow:1px 1px 1px #000;
}
b.button1
{
	color:#fff;
}
a.button2
{
	background-image:url(../images/gallery/button2.png);
	background-repeat:repeat-x;
	box-shadow:1px 1px 1px #888;
}

a.like
{
	background-image:url(../images/gallery/like.png);
	background-repeat:no-repeat;
	width:35px;
	height:21px;
	padding:9px 0 0 44px;
	display:block;
}
a.like:hover 
{
	background-position:0 -39px;
}