/* 
   (C) by Creative Spirits, Jens-Uwe Korff
   =======================================
   Design and programming is copyrighted by Creative Spirits.
   Tested in (Windows) Firefox 1.0.6, Mozilla 1.6, Netscape 7.1/8.0, Opera 7.54/8.0/8.5,
                       IE 6.0/5.5/5.01
   Tested in (Mac)     Safari
   
   Feel free to copy, but please add a reference to www.CreativeSpirits.de. Thanks.
   
   Colour schemes used:
   =====================================================================
   		logo colour (high key):		3939DE
   		category colour (low key):	393996
   =====================================================================
   
*/

/* 	--------------------------------------------------------------------
	General
	-------------------------------------------------------------------- */
body {
	background-color:		black;
	color:					#3939DE;
	margin:					0;
	padding:				0;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				18px;
	}
	
img {
	border:					none;
	}

/* 	--------------------------------------------------------------------
	Links
	-------------------------------------------------------------------- */
	/* NOTE: Sequence is important! */
a {
	text-decoration:	none;
	}
a:link {
	color: 				#3939DE;
	}
a:active {
	color: 				#a79aae;
	}
a:visited {
	color:				#3939DE;
	}
a:hover {
	color: 				#393996;
	}
.masthead a:hover {
	color: 				#3939DE;
	}
.footer a:link,
.footer a:visited {
	color: 				#393996;
	}
.footer a:hover {
	color: 				#3939DE;
	}

/* 	--------------------------------------------------------------------
	Layout
	-------------------------------------------------------------------- */
.masthead {
	float:					left;
	height:					55px;
	width:					700px;
	padding:				5px 0 0 50px;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				40px;
/* background-color: #33ddff; */
	}

#category {
	color:					#393996;
	margin-left:			-8px;
	}
	
.thumbnails {
	clear:					both;
	float:					left;
	width:					262px;
	padding:				56px 0 0 50px; /* If changing top value: change text pages too. */
/* background-color: #ccdd22; */
	}
.thumbnails img {
	filter:					alpha(opacity=50); 		/* IE */
	-moz-opacity:			0.5;					/* Mozilla */
	}

.mainImage {
	float:					left;
	width:					680px;
	height:					500px;
/* background-color:red; */
	position: 				relative;
	}

#caption {
	font-size:				12px;
	color:					#39398C;
	overflow:				hidden;
/* background-color: #ff5522; */
/* filter:					alpha(opacity=50); 		/* IE */
/* -moz-opacity:			0.5;					/* Mozilla */
	}

.footer {
	clear:					both;
	float:					left;
	margin:					0 0 0 50px;
	padding:				0 0 0 203px;
	width:					272px;
	border-top:				1px solid #39398C;
	font-size:				12px;
	color:					#39398C;
	visibility:				hidden; /* Only visible on categories page */
/* background-color: #005522; */
	}
* html .footer {
	margin:					0 0 0 25px;
	width:					272px; /* width - padding */
	}

.button {
	margin:					0 0 5px 0;
	color:					#4c4c4c;
	background-color:		#2a2a2a;
	border:					1px solid #4c4c4c;
	width:					106px;
	}
.button:hover {
	color:					#888888;
	}