/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Raphael Gonzalez
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	color : #9d9d9d;
	background-color : #f5f5f5;
	line-height: 160%;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

/*
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }
*/
/* a:link { text-decoration: none; }
a:active {
    background: #000000;
    color: #FFFFFF;
}
a:hover {
    background: #084B8A;
    color: #FFFFFF;
}
*/
/* colors for all links */
a:link {
text-decoration : none;
color : #73a3c4;
}
a:active {
text-decoration : none;
}
a:visited {
text-decoration : none;
color : #73a3c4;
}
a:hover {
text-decoration : underline;
color : #73a3c4;
}
a img {
border : 1px;
}

/* Pre-Nav Text - Can be accessed in the Exhibit Settings */
/*#top-section {
font-size : 1em;
color : #9d9d9d;
font-family : Georgia, serif;
margin : 40px 0 10px 0;
line-height : 250%;
}
#top-section a { /* this is the link property inside the Top-Section */
/*font-size : 4em;
text-decoration : none;
color : #dcdcdc;
font-style : italic;
}
#top-section a:hover { /* link property inside the Top-Section when the cursor is over */
/*color : #d3d3d3; 
}*/

/* MENU */
div#menu {
float : left;
height : auto;
padding : 0 0 0 0;
}
#menu p {
color : gray;
width : auto;
font-family : Georgia, serif;
text-align : left;
padding : 0 0 0 0;
margin : auto;
}
#menu ul {
float : center;
width : auto;
list-style : none;
overflow : auto;
margin : 25px 0 10px 12px;
}
#menu ul li.section-title { /* property of the section titles */
font-family : Georgia, serif;
color : #8d8d8d;
font-size : 1.5em;
font-style : italic;
text-align : right;
text-decoration : none;
width : auto;
border-bottom : 1px solid #dcdcdc;
padding : 0 0 2px 0;
margin : 0 20% 5px 0;
}
#menu ul li.section-title:hover {
color : #6cf;
border-bottom : 1px solid #d3d3d3;
}
#menu ul li {  /* property of the projects/exhibitions titles */
font-family : Georgia, serif;
text-align : left;
font-size : 1em;
width : 150px;
line-height : 150%;
margin : 0 0 0 7%;
}
#menu ul a:link {
padding : 0 0 0 0;
text-decoration : none;
color : #999999;
}
#menu ul a:active {
padding : 0 0 0 0;
text-decoration : none;
color : #999999;
}
#menu ul a:visited {
padding : 0 0 0 0;
text-decoration : none;
color : #d3d3d3;
}
#menu ul a:hover {
padding : 0 0 0 0;
text-decoration : underline;
color : #6cf;
}
/*div#menu  a {
	color: gray;
}

#menu ul li.section-title {
    border-top: 3px ;
    color: #dcdcdc;    
    font-size: medium;
    font-style: normal;
    font-variant: small-caps;
    letter-spacing: 3px;
    line-height: 15pt;
    list-style: none outside none;
	display: none;
}

#buildwith {
    bottom: 2px;
    position: absolute;
}*/


a img { border: none; }

div#content div.container {
	padding: 0px 0px 0px 0px;
}


#menu {
    width: 270px;
    overflow: auto;
    top: 20px;
    bottom: 0;
    left: 20px;
    position: fixed;
    height: 400px;
    padding: 160px 16px 0 16px;
    /*background-image: url(BD_menue.png);*/
	z-index: 999; /* transparence du menu par dessus les photos*/
}


/*#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}


#menu ul li.section-title { 
	font-size: 0;
	line-height: 1.5 em;	
	}
	
#menu div.container {
		padding: 0;
		color: #FFFFFF;
}*/


#content {
    height: 100%;
    margin: 0 0 0 300px; 
	padding-top: 7%;
	position: relative;
    	}

	
#content p { width: 400px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
	}
	
/* POST NAV AREA : This sets the style for Post-Nav Text which can be accessed in the Exhibit Settings */
#copy {
background : url(/files/white_30_pct.png) repeat; 
position : fixed;
z-index : 800;
left : 0;
right : 0;
bottom : 70px;
margin : 0 0 0 0;
padding : 8px 10px 2px 10px;
width : 100%;
font-size : 0.8em;
color : #bbbbbb;
font-family : Georgia, serif;
font-style : italic;
text-align : center;
line-height : 0%;
}
#copy:hover {  /* make the background 100% of opacity when the cursor is over */
background : #fff;
}

#indexhibit a:hover { border-bottom:1px dotted !important; }

h1 { font-size: 32px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: center; }
#img-container p	{ margin: 0; padding: 0 0 12px 0; }
#img-container #text , #img-container div#text p {
    float: center;
	padding-top: 30px;
	padding-right: 16px;
    width: 200px !important;
	}

div.picture_holder {
	margin: 0 16px 0 0;
		}

#once { clear: left; }

/* SLIDE SHOW - Navigation */
p.nav a {
background-color : #dcdcdc;
color : #ffffff;
padding-top : 1px;
padding-right : 9px;
padding-bottom : 3px;
padding-left : 9px;
font-size : 1em;
font-family : Georgia, serif;
}
p.nav a:hover {
background-color : #d3d3d3;
}
p.nav span#num {
letter-spacing : 2px;
font-family : Georgia, serif;
font-style : italic;
padding-left : 20px;
}

.clear-both { clear : both; }