/* top right bottom left */
* {
	margin: 0;
	padding: 0;
}
/* #################################################### */
/* ################## page structure ################## */
/* #################################################### */

body {
	background: no-repeat top left #B2C3D3; /* jan06 light blueish */
	color: #0000FF; /* blue */
	margin: 0px;
	padding: 0px;
	font: 11px/1.5em Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align: center; /* IE bug */
}

#colcontainer { 
	position: absolute;
	left: 812px; /* container.width + container.left */
	top: 0px;
	width: 290px;
	text-align: left; /* reset IE bug */
}
#randomPhoto {
	position: relative;
	height: 190px; /* 200-10 padding */
	padding-top: 10px;
	padding-right: 10px;
	color: #4F4F4F; /* v_ grey */
}
#randomPhotoInner {
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 80%;	
}

#container { 
	background: no-repeat top left; 
	position: absolute;
	left: 152px;
	top: 0px;
	width: 660px; /* centre-width */
	text-align: left; /* reset IE bug */
}
#logo {
	position: relative;
	height: 200px; 
}
#innerSingle { /* faking a double border around inner */
	border: 1px solid #4F4F4F; /* v_ grey */
	background: no-repeat top left #FFF8DC; /* Cornsilk */ 
	padding: 1px;
}
#innerDouble { 
	border: 1px solid #4F4F4F; /* v_ grey */
	padding: 10px;
}	
#footer { 
	background: no-repeat top left; 
	border-top: 6px solid #8A2BE2; /* BlueViolet */ 
	border-bottom: 6px solid #8A2BE2; /* BlueViolet */ 
 	padding: 15px 0px;
	height: 40px; 
}
/* #################################################### */
/* ############## specific page elements ############## */
/* #################################################### */

.albumCover {
	padding: 10px;
	margin: 5px 10px;
	background: #FFF8DC; /* Cornsilk */
	border: 2px solid #8A2BE2; /* BlueViolet */
	text-align: center;
	height: 260px; /* to force same height for landscape albums */
}
#piccolleft {
	float: left;
	width: 50%;
}
#piccolright {
	float: right;
	width: 50%;
}
.landscape { height: 175px; }
.portrait {	height: 233px; }
	
#menucol div {
	margin: 0px 10px 20px 10px;
	padding: 15px;
	background: #FFF8DC; /* Cornsilk */
	border: 1px #4F4F4F solid; /* v_ grey */
	text-align: left; /* reset IE bug */
}
#menucol #about {
	background: #4F4F4F; /* v_ grey */
	color: #FFF8DC; /* Cornsilk */
}
#menucol ul li, #innerDouble ul li { 
	margin-left: 15px;
	list-style-type: square;
}

/* #################################################### */
/* ############## other ############## */
/* #################################################### */


/* #################################################### */
/* ############## whatever ############## */
/* #################################################### */

#footer p { 
	text-align: center; 
	font-size: 90%;
	color: #FFF8DC; /* Cornsilk */ 
}
#footer a {
	color: #FFF8DC; /* Cornsilk */ 
	text-decoration: none; 
}	
#menusub h2 a {
	text-decoration: none; 
	color: #0000FF; /* blue */
}

h1 { 
	font-size: 200%;
	margin: 15px 0px 9px 0px; 
}
h2 {
	font-size: 150%;
	padding-bottom: 3px;
}
p { margin: 3px 0px; }
img { border: 1px solid #4F4F4F; /* v_ grey */ }

.galleria li {display: none; }
a:link { color: #0000FF; /* blue */ }
a:hover, a:active { color: #8A2BE2; /* BlueViolet */ }
a:visited { color: #4F4F4F; /* v_ grey */ }
a.no_decor { text-decoration: none; }

#menucol #about a, #video {
    padding: 1px 5px;
	font-weight: 600; 
	color: #FFF8DC; /* Cornsilk */ 
	text-decoration: none; 
	background-color: #8A2BE2; /* BlueViolet */
}	

#subBox {
    padding: 10px;
    margin: 5px 10px 0px 0px;
	border: 1px solid #4F4F4F; /* v_ grey */
	width: 45%;
	float: left;
}

.center { text-align:center; }
table.center {margin-left:auto; margin-right:auto;}

.imgright {
	float: right;
	margin: 0px 0px 10px 10px;
	clear: right;
	text-align: center;
	font-size: 11px;
}
.imgleft {
	float: left;
	margin: 10px 10px 0px 0px;
	/* clear: left; */
	text-align: center;
	font-size: 11px;
}
table.wd  {
	border-spacing:1px;
	font-size:10px;
	background-color:#4F4F4F; /* v_ grey */
	color: #4F4F4F; /* v_ grey */
}
table.wd td, th { padding: 0px 3px 0px 3px;}
table.wd tr	{ background-color:#FFF8DC; /* Cornsilk */ }
table.wd tr td { border: 1px solid #FFF8DC; /* Cornsilk */ }

.msg_click{
	text-align: center;
	z-index: 100;
	color: #4F4F4F; /* v_ grey */
	background: no-repeat url(bkgnd_click.gif);
	display: none; 
	position: absolute;
	top: 400px;
	left: 180px; /* 660/2 - width300/2 */
	width: 300px;
	height: 70px;
	line-height:6em; /* hack to vertically align text as we only have one line */
	font-size: 12px;
	font-weight: 800;
}
.msg_copyright { 
	text-align: center;
	z-index: 100;
	color: #4F4F4F; /* v_ grey */
	background: no-repeat url(bkgnd_copyright.gif);
	display: none; 
	position: absolute;
	left: 102px; /* 660/2+152 - width760/2 */
	width:760px;
	height: 120px;
}