/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* @author The Centered Theme by Mathieu Hardiviller (www.hmplus.net)
* @author thème 'Georges Floret' Krsitel Gourden (www.kristelgourden.fr) & Anne Tassel (www.annetassel.com)

*/
* {
margin : 0;
padding : 0;
}

body {
text-align : center;
font-family : Arial, Helvetica, sans-serif; /* font of all the text in your website except for sections overwritten.
	Go to www.typetester.org to test sizes and see the list of safe fonts - If the user doesnt have the first one, it try the second, and goes along the list until it finds a font that the computer has installed */
color : #465277; /* color of all the text in your website except for links and other sections overwritten */
background-color : #F9F9F9; /* sets the background color */
line-height : 150%;
}

/* WRAPPER */
#wrapper {
width : 1024px; /* sets the widh of the website content */
margin : 0 auto; /* do not modify */
text-align : left;
}

/* LINKS */
	
/* colors for all links */
a:link {
text-decoration : none;
color : #666666;
}
a:active {
text-decoration : none;
}
a:visited {
text-decoration : none;
color : #C2C2C2;
}
a:hover {
text-decoration : underline;
color : #333333;
}
a img {
border : none;
}



/* Pre-Nav Text - Can be accessed in the Exhibit Settings */
#top-section {
float: left;
width: 180px;
height: 52px;
margin : 0 0 20px 0;
}



/* MENU */
#menu .container {
top : 0;
margin : 0 0 0 0;
width : 180px;
}
#menu {
height : auto;
padding : 0 0 0 0;
}
#menu p {
color : #333333;
width : auto;
font-family : Arial, Helvetica, sans-serif;
text-align : left;
padding : 0 0 0 0;
margin : 0 0 0 0;
}
#menu ul {
float : left;
width : 180px;
list-style : none;
margin : 10px 0 5px 0;
}
#menu ul li.section-title { /* property of the section titles */
font-family : 'Quattrocento Sans', sans-serif;
color : #465277;
font-size : 1.1em;
text-align : left;
text-decoration : none;
width : auto;
border-bottom : 1px solid #AAB8D7;
padding : 0 0 2px 0;
margin : 0 3px 5px 0;
letter-spacing: .1em;
font-variant:small-caps;
}
#menu ul li.section-title:hover {
color : #676666;
border-bottom : 1px solid #8F97AD;
}
#menu ul li {  /* property of the projects/exhibitions titles */
font-family :'Antic', sans-serif;
text-align : left;
font-size : .9em;
width : 180px;
line-height : 150%;
margin : 0 0 0 0;
}
#menu ul a:link {
padding : 0 0 0 0;
text-decoration : none;
color : #55668D;
}
#menu ul a:active {
padding : 0 0 0 0;
text-decoration : none;
color : #55668D;
}
#menu ul a:visited {
padding : 0 0 0 0;
text-decoration : none;
color : #AAB8D7;
}
#menu ul a:hover {
padding : 0 0 0 0;
text-decoration : none;
color : #343E59;
}

#menu ul.section {
color : #465277;
font size : .9em;
}
#menu ul.subsection {
margin: 0 0 0 10px;
font size : .9em;
}
#menu ul li.subsection: {
width: 170px;
}
#menu li.subsection-title {
color : #465277;
}

#menu li.active a { 
color: #7188BC ;
font-style: italic;
}




/* POST NAV AREA : This sets the style for Post-Nav Text which can be accessed in the Exhibit Settings */
#copy { 
position : fixed;
z-index : 800;
left : 0;
right : 0;
bottom : 0;
margin : 20px 0 0 95px;
padding : 0 0 10px 0;
width : 100%;
font-size : .7em;
color : #666666;
font-family : Arial, Helvetica, sans-serif;
text-align : center;
line-height : 0%;
}




/* CONTENT AREA */
#content {
height : 100%;
width : 800px;
margin-top : 0;
margin-bottom : 10px;
margin-left:224px;
padding-bottom : 50px;
border-top : 1px solid #343E59;
border-bottom : 2px solid #7188BC;
}
.container {
margin-top : 30px;
margin-bottom : 30px;
}
#content p {  /* sets the properties for all paragraphs in the content area */
width : 800px;
margin-top : 10px;
margin-right : 0;
margin-bottom : 10px; /* sets the space between paragraphs */
margin-left : 0;
line-height : 150%;  /* use this the change the leading (space between lines) */
font-size: .9em;
}
p {  /* sets the properties for all paragraphs  */
margin-top : 0;
margin-right : 0;
margin-bottom : 9px;
margin-left : 0;
}



/* INDEXHIBIT CREDIT : Always good to credit the CMS that gives you these possibilities */
#indexhibit { /* sets the properties for the "Built with" part  */
position : fixed;
z-index : 1000;
right : 0;
bottom : 0;
margin : 0 0 0 0;
padding : 0 10px 10px 0;
font-size : .7em;
color : #C2C2C2;
font-family : Arial, Helvetica, sans-serif;
text-align : right;
line-height: 150%;
}
#indexhibit a { /* sets the properties for the "Indexhibit" link itself */
color : #D2D5DE;
text-decoration: none;
font-style : bold;
}
#indexhibit a:hover { 
border-bottom:1px dotted !important; 
color : #8F97AD;
}
#noms{
position : fixed;
z-index : 1000;
right : 0;
bottom : 0;
margin : 0 0 0 0;
padding : 0 10px 35px 0;
font-size : .7em;
color : #C2C2C2;
font-family : Arial, Helvetica, sans-serif;
text-align : right;
line-height: 150%;
}
#noms a{
color : #7188BC;
}
#noms a:hover{
border-bottom:1px dotted !important; 
color : #55668D;
}

/* IMAGES */
#img-container {
margin : 0 0 20px 0;
padding : 0;

}
#img-container p {
width : 800px;
margin : 0;
padding : 0 0 12px 0;
font-size: .8em;
}
.nothumb img {
margin-top : 0;
margin-right : 0;
margin-bottom : 30px;
margin-left : 0;
border-color : #E7E7E7;
border-width : 2px;
border-style : solid;
}
#once {
clear : left;
}



/* SLIDE SHOW - Navigation */
p.nav a {
background-color : #C2C2C2;
color : #ffffff;
padding-top : 2px;
padding-right : 9px;
padding-bottom : 3px;
padding-left : 9px;
text-decoration: none;
}
p.nav a:hover {
background-color : #455277;
}
p.nav span#num {
letter-spacing: .3em;
margin-left : 20px;
}


.clear-both { clear : both; }