/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Courier, 'Courier New', monospace; /* choose overall font - 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: #333333; /* sets the color of all type in the website except for links and other sections overwritten */
		background-color: #FAFAFA; /* sets the overall background color */

/*	background-image: url(background.gif);
	background-repeat: repeat;
	background-attachment: fixed; */



}

/* Pre-Nav Text - Can be accessed in the Exhibit Settings */
	
	
	.top-section {
        margin: 20px 0 0 0;
		font-size: 13px;
		line-height: 13px;
		color: #333333;
		font-style: normal;
		font-family: Arial, sans-serif;
		font-weight: bold;
	}




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

/* LINKS */
	
	
	/* colors for all links */
	a:link { 
	text-decoration: underline; /* none = no underline, other options include line-through or overline */
	color: #A0522D; /* sets hex color of every link - www.colorpicker.com or photoshop to find hex values */
	background-color:white;
	}
	
	a:active { 
	text-decoration: none;
	}
	
	/* highlights links that you have already clicked. This can be helpful for users to identify which items they have already seen*/
	a:visited { 
	text-decoration: none;
	color: #A0522D; /* the color can also be changed */
	background: #fcfcfc; /* this changes the background of a visited link, you can also get rid of the the back ground an color and there will be no change if a link has been visited */ 
	}
	
	/* sets the properties for links when mouse rolls over */
	a:hover { 
 	text-decoration: underline;
	color: #ff4646;
	}

	/* any img that is a link */
	a img { 
	border: none; 
	}



/* #header-hr {
	position: fixed;
	width: 1400px;
	left: 15px;
	top: 20px;
	margin: 10px 0px 0px 10px;
    border:0;
    border-top: 1px #FDEEF4;
    border-top-style:double;
    border-width: 3px;
    height: 0;
    background: #FFFFFF;


} */

.spacer {
    margin: 20px;

}



#menu {
    width: 210px;
    overflow: auto;
    position: fixed;
    height: 100%;
    /* opacity: 0.75; */
	/* background-color: #FFFFFF; */
	
}

#menu .container {
    left:  12px;
}

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

#menu ul li.section-title {
	color: black;
/*	font-family: Arial, Helvetica, sans-serif; */
	text-align: left;
	width: auto;
/*		font-size: 11pt; */
    font-style: normal; 
	color: #333333;
    margin: 0px 0px 0px 0px;
    border-top-color: #cccccc;
    border-top-style: solid;
    border-top-width: 1px;

 }
 
 .override {
 	margin: 0 0 0px 10px; }
 	
.override a {
 }
 
#headeroverride a {
 
 }
#headeroverride { 
 	margin: 0 0 0px 10px;
 	}
 
 #also, #archive {
 	margin: 0 0 0px 10px;
 }
 
 #also a, #archive a {
 }

#also a:active, #archive a:active { }
#also a:visited, #archive a:visited { }
#also a:hover #archive a:hover {}

.item {float:left;width:100px;margin:20px 60px 0 0;}
#menu ul li {  /* property of the projects/exhibitions titles */
	width: auto;
	margin: 0px 0px 2px 5px;
}

#textlogo {
    margin: 10px 0 30px 10px;
    font-size: 11px;
    width: 180px;
}
#content {
    height: 100%;

    top: 0;
}

#content .container {
    margin: 0 0 0 240px;
}



.abouttext {
    margin:0 20px 20px 0;
}

.container {
    padding: 20px 20px 25px 5px;
}

#linksmenu {
    margin: 10px 0 20px 20px;
}

#builtwith {
    position: fixed;
    margin: 0px 0px 0px 20px;
    top: 570px;

}

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

#videoPlayer span {
	display: block;
	padding: 20px;
	margin: 50px 0px 50px 0px;
}

#audioPlayer {float:left; margin: 20px 5px 0 0; width: 140px;}

.fixeddiv {
float:left;
width:400px;
}

.fixeddiv ul,
.fixeddiv li {
    font-weight:normal;
  display:inline;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.fixeddiv a {
font-weight:normal;
}
.fixeddiv a:hover {
text-decoration: none; color: #CCCCCC;

}




p {
    margin: 0 0 0px 0;
}

h1 { 		font-family: Arial, sans-serif;
		font-size: 32px;
		color: #666666; /* This color overides the color set in "body". Delete this line if you want the colors of the headings to match the rest of your type */
		padding-bottom: 15px; /* sets the spacing between the heading and paragraph below */
}
h2 {	font-family: Arial, sans-serif;
		font-size: 20px;
		font-weight: normal;
		color: #666666;
		padding-bottom: 15px; /* sets the spacing between the heading and paragraph below */
 }
h3 { font-size: 16px;
		color: #0006FF;
}
h4 { 	font-size: 12px; 
		color: #0006FF;
 }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 650px; margin: 0; padding: 0 0 0px 0; }



#once { clear: left; }