body {
margin: 0;
padding: 0;
font-family: myriad, arial, "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
font-size: 76%;
background: #949283;
color: #333;
background: #949283 url(/static/images/slice.gif) top left repeat-y;
}


/*==============================================
Layout
==============================================*/

#container {
background: url(/static/images/dots.gif) bottom right no-repeat;
background-position: 480px bottom;
margin: 0;
width: 950px;
}

#main {
border-top: 22px solid #fff;
margin-left: 115px;
padding: 0 0 0px 21px;
width: 720px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 699px;
}


/*==============================================
Masthead & Image
==============================================*/

h1 { /*Context Masthead*/
background: #fff url(/static/images/masth1.gif) bottom left no-repeat;
height: 207px;
height: 187px;
font-size: 3.0em;
font-weight: normal;
text-indent: -5000px;
margin: 0 0 0 220px;
}

#masthead img {
float: left;
}


/*==============================================
Sidebar
==============================================*/

#sidebar {
width: 180px;
float: left;
}

#sidebar ul {
font-size: 0.9em;
padding: 0;
margin: 0;
}

#sidebar div.module { /*sidebar 'module' divs set spaces for content like News */
padding: 10px;
margin: 0 0 20px 0;
color: #333;
text-align: left;
}

#sidebar div.module p { 
font-size: 11px;
line-height: 140%;
margin: 0;
padding: 0;
}

#sidebar div.module h3 {
font-weight: bold;
text-transform: none;
margin: 15px 0 7px 0;
padding: 0;
color: #333;
text-transform: uppercase;
font-size: 11px;
}

#sidebar div.module h4 {
font-weight: bold;
text-transform: none;
margin: 15px 0 3px 0;
padding: 0;
color: #333;
width: 100%;
font-family: arial, helvetica, sans-serif;
border: 0;
letter-spacing: 0px;
}

#sidebar div.module ul li {
line-height: 140%;
list-style-type: none;
margin: 0 0 7px 0;
}

#sidebar div.module ul li a:link, #sidebar div.module ul li a, #sidebar div.module ul li a:visited {
text-decoration: none;
color: #2D3A4B;
font-weight: bold;
}

#sidebar div.module ul li a:hover, #sidebar div.module ul li a:active {
text-decoration: underline;
}

#sidebar div.module ul {
margin: 0;
}


#sidebar a {
color: #2D3A4B;
font-weight: bold;
}

#sidebar a:hover, #sidebar a:active, #sidebar a:focus {
color: #3C5364;
text-decoration: underline;
}


/*==============================================
Navigation
==============================================*/
#mainnav {
background-color: #fff;
}


#mainnav, #mainnav ul {
font-size: 13px;
margin-left: 0;
list-style-type: none;
width: 10em;
text-align: left;
margin: 0;
padding: 5px 0 5px 0;
text-align: right;
width: 100%;
}

#mainnav li {
list-style-type: none;
background: url(/static/images/dot.gif) bottom left repeat-x;
text-transform: uppercase;
padding: 15px 10px 0 3px;
color: #2D3A4B;
font-weight: bold;
line-height: 160%;
}

#mainnav a {
text-decoration: none;
color: #2D3A4B;
font-weight: bold;
}

#mainnav a:hover, #mainnav a:active, #mainnav a:focus {
color: #3C5364;
text-decoration: underline;
background-color: #fff;
}

#mainnav ul {
margin: 0;
padding: 0;
}

#mainnav li ul.subnav {
margin-bottom: 4px;
padding-bottom: 4px;
}

#mainnav li ul.subnav li, #mainnav li ul.subnav li a, #mainnav li ul.subnav li a:link {
font-size: 12px;
font-weight: normal ! important;
border-bottom: none ! important;
background: none ! important;
padding: 3px 0 0 3px ! important;
text-transform: capitalize ! important;
}



/*==============================================
Central Text and Projects
==============================================*/

#text { /*positions the text*/
float: left;
width: 410px;
padding: 12px 0 0 45px;
}

.frontpage p { /*just for the homepage*/
color: #65849B;
/*font-family: georgia, times, "Times New Roman", serif;*/
font-size: 15px;
line-height: 170%;
}

.headshot {
float: right;
width: 160px;
margin: 0 0 15px 15px;
border: 1px solid #949283;
border-top: none;
/*border: 5px solid #CDE1FF;*/
}

#text ul { /*Qualifications*/
/*font-family: georgia, times, "Times New Roman", serif;*/
margin: 0;
padding: 0;
color: #717171;
width: 350px;
}

#text ul li {
list-style-type: square;
font-size: 1.0em;
padding: 0;
margin: 0 0 4px 16px;
}

#text ul.projectList, #text div.resultList ul {
font-family: myriad, arial, "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
color: #333;
margin-bottom: 40px;
}

#text ul.nospace {
margin-bottom: 15px;
}

#text ul.projectList li {
list-style-type: square;
line-height: 130%;
padding: 0 0 0 5px;
margin: 0 0 8px 15px;
}

#text ul.projectList li a:link, #text ul.projectList li a {
/*background-color: transparent;
text-decoration: underline;*/
}

.intro p {
margin: 10px 0 16px 0;
}

.project {
padding: 0 0 20px 0;
border-bottom: 1px solid #eee;
margin: 15px 0 0 0;
}

#text h2.projectTitle {
font-size: 1.5em;
}

.project h3 {
font-size: 1.1em;
line-height: 150%;
text-transform: none;
font-weight: bold;
color: #717171;
margin: 0 0 0px 0;
}

.project p {
margin-bottom: 5px;
}

#text blockquote {
  font-style: italic;
  margin: 10px 20px; 
}


/*==============================================
Footer stuff
==============================================*/
#footer {
background: url(/static/images/dot.gif) top left repeat-x;
float: left;
width: 410px;
margin-top: 100px;
padding: 10px 0 0px 0px;
}

#footer address, address  {
color: #444;
float: left;
width: 170px;
margin-right: 10px;
margin-bottom: 20px;
padding: 0 10px 0 0px;
font-style: normal;
font-size: 10px;
line-height: 130%;
}

#footer hr {
color: #949283;
padding-bottom: 5px;
border-left: none;
}

#footer p {
clear: both;
font-size: 10px;
}



/*=========================
Search [in footer]
=========================*/

input#query {
width: 220px;
margin-right: 2px;
}

fieldset {
border: 0;
padding: 0;
margin: 0;
}

form.search {
margin: 0px 0 0px 0;
display: block;
width: 220px;
float: right;
}

form.search label {
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
margin-top: 0px;
}


/*==============================================
Basic links
==============================================*/

/*a, a:link, a:visited {
color: #6F6E63;
}

a:hover, a:active {
color: #535248;
background-color: #E3E2D8;
}
*/

h1 a, h2 a, h3 a {
text-decoration: none;
}


/*new links*/

#text a, #text a:link, #text  a:visited {
color: #65849B;
/*background-color: #FFFCD6;*/
padding: 2px 0px;
font-weight: bold;
text-decoration: underline;
}

#text a:hover, #text a:active {
text-decoration: underline;
color: #425F75;
}



a.more {
display: block;
width: 34px;
padding-left: 10px;
font-size: 9px;
background: transparent url(/static/images/more.gif) top left no-repeat;
background-color: transparent ! important;
text-decoration: none;
text-indent: 16px;
float: left;
margin: 0 9px 0 0;
}


a.top {
display: block;
width: 28px;
font-size: 9px;
background: transparent url(/static/images/up.gif) top left no-repeat;
background-color: transparent ! important;
text-indent: 16px;
float: left;
}

a.back {
display: block;
width: 150px;
font-size: 9px;
background: transparent url(/static/images/back.gif) top left no-repeat;
background-color: transparent ! important;
text-indent: 16px;
float: left;
}



/*==============================================
Text formatting
==============================================*/

h1 {
font-size: 3em;
}

h2 { /* Name, project name, largest heading aside from masthead */
color: #717171;
font-size: 1.8em;
font-weight: normal;
margin: 0 0 0px 0;
border-bottom: 1px solid #717171;
}

h2.space {
margin: 0 0 10px 0;
}

.staff h3 { /*Job Title */
color: #717171;
font-size: 1.0em;
text-transform: uppercase;
font-weight: normal;
margin: 4px 0 10px 0;
}

h3 {
color: #717171;
font-size: 1.2em;
margin-top:10px;
font-weight:normal;
}

h4 { /* Client */
/*font-family: georgia, times, serif;*/
font-size: 11px;
font-weight: normal;
color: #898B8F;
margin: 0px 0 8px 0;
padding-top: 2px;
}

h5 { /* Qualifications */
/*font-family: georgia, times, serif;*/
font-size: 0.9em;
text-transform: uppercase;
font-weight: bold;
color: #716F64;
margin: 30px 0 5px 0;
padding-top: 5px;
/*letter-spacing: 1px;*/
}

h6 {
font-size: 0.8em;
font-weight: bold;
}
img {
border: 0;
}
ol, ul, li {
font-size: 1.0em;
/*line-height: 1.8em;*/
}
p {
font-size: 1.0em;
line-height: 1.6em;
margin: 0 0 15px 0;
}
li > p {
}

pre {
font-family: monospace;
font-size: 1.0em;
}
strong, b {
font-weight: bold;
}

.small {
font-size: 0.9em;
}

address {
font-size: 1.0em;
}


/*==============================================
Special formatting
==============================================*/

#text a.resume, #text a.resume:link {
font-size: 16px;
text-decoration: none;
margin-top: 15px;
background-color: transparent;
}

#text a:hover.resume {
background-color: transparent;
text-decoration: underline;
}




/*==============================================
Images and captions
==============================================*/


img.large {
width: 100%;
display: block;
margin: 0;
border: 1px solid #949283;
}

img.medium {
/*float: right;*/
border: 1px solid #949283;
border-top: none;
}

img.thumb {
float: right;
width: 60px;
height: 60px;
border: 5px solid #ddd;
margin: 0 0 5px 10px;
}

.image a {
margin: 0;
padding: 0;
}

span.caption {
margin: 2px 0 12px 0;
font-size: 11px;
text-align: right;
display: block;
}

span.caption medium {
margin: 2px 0 12px 0;
font-size: 11px;
text-align: right;
display: block;
width: 220px;
float: right;
}

div.image {
width: 175px;
float: right;
padding: 0 11px 10px 10px;
}

ol.imageupload li {
margin: 15px 0;
}


/*==============================================
Staff page
==============================================*/


.staffmember {
margin-bottom: 10px;
}

.staffmembertext {
float: right;
width: 300px;
}

.staffmember img {
float: left;
width: 90px;
height: 90px;
padding: 0 10px 0 0;
}

.staffmember h3 {
font-size: 12px;
text-transform: none;
margin-bottom: 3px;
}

.staffmember p {
}





/*==============================================
Hackery
==============================================*/


.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*=========================
Heritage Action Guide
=========================*/

.haguide h2 {
  margin-bottom:6px;
}

.haguide h3 {
  color:#333333;
  font-weight:bold;
  margin-top:30px;
  font-size:14px;
  margin-bottom:8px;
}

.haguide h4 {
  color:#333333;
  font-size:13px;
  font-style:italic;
}

.haguide ul {
  padding-bottom:15px ! important;
  color:#333 ! important;
}

#text ul.miniNav {
  border-top:1px solid #eee;
  padding-top:20px;
  margin-top:30px;
}



/*==============================================
Heritage Projects
==============================================*/
/*should probably be a separate style sheet*/

#text ul#heritageprojects {
font-family: myriad, arial, "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
margin-bottom: 20px;
}


#text ul#heritageprojects li {
display: inline;
padding-right: 10px;
}

select#categories {
width: 220px;
margin-right: 8px;
}

.small {
font-size: 11px;
}

/*Styles for projects table*/


table#projects th {
border-collapse: collapse;
text-align: left;
padding: 0 0 10px 0;
}

table#projects {
font-size: 0.9em;
margin-top: 35px;
}

#projects td {
padding-bottom: 8px;
}

#projects td.projectName {
width: 140px;
padding-right: 15px;
}


/*Styles for individual projects*/


table#project  {
margin-bottom: 40px;
}



td {
padding: 5px 0;
}


/*Styles for contact people*/

table#contact {
font-size: 0.9em;
}


td label {
font-weight: bold;
width: 70px;
display: block;
padding-right: 15px;
}