/* -------------------------------- Main formatting ------------------------------ */

body {
font-family:"Tre-buchet Ms", Arial, Helvetica, Sans-serif;
font-size:0.9em;
background:#000;
padding:0;
text-align:center;
margin:auto;
color:#c2c3c3;
background-image:url("/images/logo.gif");
background-repeat:no-repeat;
background-position:left 40px;
}

body.member {
background-image:url("/images/logo1.gif");
}

h1 {
font-size:1.2em;
padding:5px 0 0 0;
}

h2 {
font-size:1em;
padding:5px 0 0 0;
margin-top:5px;
z-index:9;
}

h3 {
font-size:0.9em;
}

a {
color:#fff;
text-decoration:none;
}

a:hover {
color:#ccc;
cursor:pointer;
}

a img {
border:none;
}

p {
margin:0 0 5px 0;
padding:0;
color:#fff;
}

p.back {
position:absolute;
top:340px;
left:20px;
padding:3px;
}

p.back a:hover {
text-decoration:underline;
}

p.right-nav {
position:absolute;
right:10px;
}

p.left-nav {
position:absolute;
left:30px;
}

.clear {
clear:both;
}

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

/* -------------------------- Result set navigation -------------------------------- */

p.pagenav {
padding:5px 0;
position:absolute;
top:340px;
}

p.pagenav a {
padding:2px 5px;
border:1px solid #fff;
}

p.pagenav a.current {
background:#ccc;
color:#000;
}

p.show a {
border:none;
background:none;
}

/* ---------------------------- Photo list formatting ------------------------------- */


ul.photolist {
display:inline;
}

ul.photolist li {
float:left;
padding:0px;
margin:5px 10px 5px 10px;
text-align:center;
}

ul.photolist li div {
padding:0;
text-align:center;
}

ul.photolist li div img {
border:1px solid #525252;
}

#emos ul.photolist li a {
color:#000;
}

ul.photolist li div a {
display:block;
}

ul.photolist li div.portrait a {
display:block;
width:100px;
}

ul.photolist li div.gallery-names {
height:110px;
}



/*------------------------------------------- Main layout -------------------------- */

#outer {
width:750px;
margin:auto;
background-image:none;
}

#inner {
margin:0 auto;
padding:0;
}

#wrapper {
margin-top:40px;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
width:750px;
text-align:left;
background-repeat:no-repeat;
background-color:#00;
padding:0;
position:relative;
}

#lang {
position:absolute;
top:10px;
left:10px;
}

#lang a {
padding-top:5px;
}

#lang a.home {
position:relative;
top:-5px;
}

#logout {
position:absolute;
top:10px;
right:5px;
}

#left {
float:left;
}

#main {
background-color:transparent;
margin:0 0 0 195px;;
padding:0;
position:relative;
}

#content {
padding:7px;
height:380px;
position:relative;
}

#footer {
padding-top:5px;
}

#footer p {
margin:0 0 0 195px;
padding:2px;
color:#616161;
text-align:center;
font-size:0.8em;
}

#imagemap {
position:relative;
top:0;
left:0;
border:0;
}

#picmap area {
border:1px solid green;
}


div.scroll {
height:250px;
width:380px;
scrollbar-face-color:#6d6b6c;
scrollbar-arrow-color:#000;
scrollbar-track-color:transparent;
scrollbar-shadow-color:#000;
scrollbar-highlight-color:#ccc;
scrollbar-3dlight-color:#ccc;
scrollbar-darkshadow-Color:#ccc;
}

#player {
text-align:center;
margin-top:30px;
}

img.logo {
position:absolute;
bottom:0;
left:0;
}

.frontpage-link {
position:absolute;
left:5px;
top:5px;
width:540px;
height:360px;
}



/* ------------------------------- Home page styling ---------------------------- */

#home #wrapper {
background-image:url("../images/home.jpg");
}

#home.FR #wrapper {
background-image:url("../images/home.jpg");
}

#home #content {
position:relative;
}

#home p {
margin-bottom:5px;
}

#home p a {
color:#e44e1b;
}

#home p a:visited {
color:#c2c3c3;
}

#home p a:hover {
color:#fc0;
}

#home p.home {
font-size:1.2em;
font-weight:bold;
font-style:italic;
width:90%;
margin:auto;
text-align:center;
color:#fff;
position:relative;
bottom:0;
right:10px;
}

#home p.home span {
float:right;
margin-top:35px;
}

#home #opaque {
position:absolute;
top:145px;
right:5px;
padding:3px;
width:537px;
background:#fff;
opacity:0.80;
filter: alpha(opacity=80);
}

#home #opaque p {
color:#000;
font-size:0.8em;
font-family: verdana, arial, sans-serif;
text-align:justify;
}



/* ------------------------------- Error page styling ------------------------------ */

#error h1 {
color:#fff;
}



/* ------------------------------- video player styling ---------------------------- */

div#videoplayer {
margin-right:120px;
text-align:center;
}



/* ------------------------------- Language Navigation ----------------------------- */


#lang a img {
border:1px solid #000;
}

#lang a:hover {
background:none;
}

#lang a:hover img {
border: 1px solid #820500;
}


/* ------------------------------- Tooltip formatting ------------------------------ */


.tooltip h2 {
width:90%;
color:#fff;
padding:0;
margin:0;
border-bottom:none;
margin-bottom:5px;
}

.tooltip img {
float:right;
}

.tooltip a {
color:#4d50a2;
}

.tooltip a img {
float:right;
}

.tooltip a.close {
width:50px;
position:relative;
top:0;
right:0;
}

.tooltip a:hover {
color:#fff;
}



/* ------------------------------- Image map formatting ------------------------------- */

map {
border:none;
cursor:pointer;
}

#splash img {
border:none;
}



/* ---------------------------- Newsletter form formatting ---------------------------- */

form.newsletter {
padding-left:20px;
}

form.newsletter input[type=text] {
background:#6f6f6f;
border:1px solid #000;
color:#fff;
padding:2px;
}


/* ---------------------------- Private login form formatting ------------------------ */

form.login {
position:absolute;
top: 20px;
left:280px;
}

form.login p label {
float:left;
width:80px;
color:#fff;
font-size:0.9em;
padding:0;
margin:0;
}

form.login p input[type=text] {
border:1px solid #616161;
padding:0;
margin:0;
}

form.login p input[type=password] {
border:1px solid #616161;
padding:0;
margin:0;
}

div.logintext {
width: 200px;
color:#000;
}

div.logintext p {
color:#000;
}

div.logintext a {
color:#ccc;
font-weight:bold;
}

div.logintext a:hover {
color:#9fa179;
}




/* ---------------------------- Enter image link ------------------------------- */

a#enter {
position:absolute;
}


/* ----------------------------- Home page links ------------------------------- */
#nav-home li {
	float:left;
	width:140px;
}

#nav-home li#juliana,
#nav-home li#peter {
	width:125px;
}

#nav-home li a {
	float:left;
	width:100%;
	height:375px;
}

/* ----------------------------- Styling for members ------------------------------- */

body.members{
	background-image:url("../images/member-logo.gif");
}

body.member #leftmenu a.dcw {
text-transform:uppercase;
}

#innercontent.white p {
	color:#fff;
}

#innercontent.black p {
color:#000;
}