@charset "UTF-8";
/* CSS Document */

/*------------------------------------*\
	General
\*------------------------------------*/
body { background-color:#292929; border-top:20px solid #fff; }
h1 { font-size:14px; font-weight:normal;  }
a h1 { color:#DDDDDD; }
a h1 { text-align:left; }

h2 { font-weight:normal; text-align:left; }
h3 { font-size:13px; font-weight:bold; }

h3.editings { padding:0 0 8px 0; }

#logo { margin:20px 0 20px 3px; }
.content, #footer { text-align:left; }


/*------------------------------------*\
	Dropdown menu
\*------------------------------------*/
#nav{
	position:relative;
	z-index:5;
	
}

#nav ul{
	background:rgba(255,255,255,0);
	list-style:none;
	position:absolute;
        margin:0;
        padding:3px 5px 3px 5px;
        background-color: #292929;
        display:none;
}
#nav ul li{
	padding-top:4px;
	float:none;
}
#nav ul a{
	white-space:nowrap; 
}
#nav div:hover ul{ /* Display the dropdown on hover */
	/*left:0; */
       display:block;
}
#nav div:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:underline;
}
#nav div:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav div:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#292929;
}

/*------------------------------------*\
	Modfifications au CSS de PhotoShelter
\*------------------------------------*/
/* Change blue color of HOVER to yellow */
A.psButton:hover, TABLE.pag TD A:hover
{
    color: #ff9c00;
}
A.psButton
{
    background: none;
}

/*------------------------------------*\
	Page ABOUT
\*------------------------------------*/
DIV.bio {
    margin: 10px 0;
}

DIV.multimedia { margin: 28px 0; text-align:left; width:650px; }

/* Content Holder for galleries */
#main
{
    background-color: #292929;
}

#mainTop, #mainBot
{
    display:none;
}


/*------------------------------------*\
	FOOTER
\*------------------------------------*/

UL.thumbs LI {
	width: 160px;
	height: 200px;
}

UL.thumbs LI TABLE TD {
	width: 150px;
}

UL.thumbs LI TABLE TD.slide {
	width: 150px;
	height: 150px;
}