/**
* CSS
* THIS ONE IS THE ONE YO
* @author Paige Saez
*/


* {
margin: 0;
padding: 0;

}

body {
font-size: 62.5%;
line-height: 1.3em;
font-family: Georgia,"Times New Roman", serif;
margin-top: 40px;
}

p {
font-size: 1.2em;
line-height: 1.3em;
padding-bottom: 8px;
}

li ul {
font-size: 1.2em;
line-height: 1.3em;
}

.content {
font-family: Georgia,"Times New Roman", serif;
}

body.section-1 {
}

.section-2 {
}

body.section-3 {
}

a {
font-size: 1.2em;
line-height: 1.3em;
}

a:link {
text-decoration: none;
color: black;
}

a:active {
text-decoration: none;
}

a:visited {
color: gray;
}

a:hover {
text-decoration: underline;
}

a img {
border: none;
}

/*--------------menu--------*/


#menu {
font-family: "Georgia" "serif";
background-color: white;
width: 225px;
top: 0;
bottom: 0;
left: 0;
position: absolute;
height: 850px;
margin: 50px 0 0 60px;
font-size: 1.2em;
border: 4px dashed gray;
}

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

#menu ul li.section-title {
font-size: 2.2em;
color: #222;
padding: 0px 0px 5px 0px;
border-bottom: dotted 1px gray;
margin-bottom: 9px;
cursor: pointer;
}

#menu a {
text-decoration: none;
line-height: 1.3em;
font-size: 1.2em;
}

#menu a:visited {
color: gray;}

#menu .container {
padding: 2em;
} 

#menu .container p {
font-size: 1.2em;
padding-bottom: 2em;
}

#menu .menu_footer {
padding-top: 13em;
font-size: 1.2em;
line-height: 1.1em;
}

/*--------------content--------*/



#content {
height: 100%;
margin: 0 0 40px 195px;
top: 0;
}

#content .container {
margin: 45px 100px 100px 150px;
}

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

.exhibition #content p {
width: 600px;
margin-bottom: 9px;
font-size: 1.2em;
}

#content p {
width: 600px;
font-size: 1.2em;
}

.container a:link {
text-decoration: underline;
color: #222;
}

/*--------------images--------*/

img {
padding: 10px 10px;
}

#img-container {
margin: 0;
padding: 0;
}

#img-container p {
width: 600px;
margin: 0px 0px 0px 0px;
padding: 0 0 12px 0;
font-size: 1.2em;
}

#img-container #text {
float: left;
width: 600px;
}


/*--------------exhibition--------*/

.exhibition_front {
background-color: white;
width: 620px;
height: 526px;
border: 4px dashed gray;
padding: 2em;
line-height: 1.3em;
}

#content .exhibition_front p {
font-size: 1.5em;
}

#content .exhibition_front a {
font-size: 1.3em;
line-height: 1.3em;
}

span.orange {
color: #A5000E;
}

.exhibition ul li {
text-decoration: none;
list-style: none;
font-size: 1.2em;
line-height: 1.3em;
}
 
.exhibition {
font-size: 1.3em;
margin: 0px 30px 30px 0px;
}

.exhibition a {
font-size: 1em;
}

.exhibition li ul p	{
font-size: 1.2em;
line-height: 1.3em;
text-decoration: underline;
}


/*--------------web_projects--------*/

.web_project.1 {
}

.web_project {

}
.project_role {
margin-left: 22px;
font-size: 1.1em;
line-height: 1.1em;
border-bottom: dotted 1px gray;
padding-bottom: 10px;
}

h3.project_title {
font-size: 1.1em;
margin: 0px 0px 0px 0px;
padding-bottom:0px;
padding-top:0px;
border-bottom: none;
}

/*--------------typography--------*/

h1 { 
font-size: 1.4em;
margin: 15px 0px 5px 0px;
padding-bottom: 10px;
border-bottom: dotted 1px gray;
}

h2 {
font-size: 1.3em;
}


h3 {
font-size: 1.2em;
margin: 0px 0px 5px 0px;
padding-top: 15px;
padding-bottom: 10px;
border-bottom: dotted 1px gray;
}




h4 {
font-size: 1.2em;
}

h4.project_title {
color: #A5000E;
}

h1, h2, h3, h4 {
color: #222;
}

.big_italic {
font-size: 1.1em;
font-style: italic;
}

#clients_columns {
padding-top: 1em;
width: 600px;
}

#clients_columns .column1 {
width: 300px;
float: left;
}

#clients_columns .column2 {
width: 300px;
float: left;
}