/***************************************************
 * Reset Browser's Internal Stylesheets, which normalizes the display between a variety of browsers.
 ***************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin: 0;
  padding: 0;
}

fieldset,img { 
  border: 0;
}

address,caption,cite,code,dfn,th,var {
  font-style: normal;
  font-weight: normal;
}

ol,ul {
  list-style: none;
}

caption,th {
  text-align: left;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  display:block;
  font-weight: normal;
}

q:before,q:after {
  content: '';
}

abbr,acronym { 
  border: 0;
}

div {
  vertical-align: top;
}

/***************************************************
 * Layout constructed to support a grid consisting of
 * 16 columns with a width of 64px
 * 16px gutters
 *
 * font size is 10px
 * line-height is 16px;
 ***************************************************/

body {
  padding: 0;
  font-size:62.5%; /* 10px */
  line-height:1.6; /* 16px */
  font-family: "Helvetica Neue", arial, helvetica, sans-serif;
}
 
html>body {
   font-size: 10px;
}

p, ol, ul, dl, blockquote {
  font-size: 1.2em;               /* 12px */
  line-height:1.33333333333;      /* 16px */
}

/* usage notes: The padding is reduced because the assumption is 
   you are going to use typographically correct quotation marks, 
   which will increase the line-height 
 */
p.pull-quote {
  padding: 1.33333333333em 0;     /* 36px */
  margin: 0em;
  text-align: center;
}

h6 {
  font-size: 1.2em;               /* 12px */
  line-height: 1.33333333333;     /* 16px */
  margin: 1.33333333333em 0 0 0;  /* 16px */
  font-weight: bolder;
}

h5, th {
  font-size: 1.4em;              /* 14px */
  line-height: 0.875;            /* 16px */
  margin: 1.6em 0 0 0;           /* 16px */
  font-weight: bold;
}

h4 {
  font-size: 1.6em;               /* 16px */
  line-height: 1;                 /* 16px */
  margin: 1em 0 0 0;              /* 16px */
  padding: 0.5em 0 0.5em 0;       /* 16px */
  font-weight: bold;    
}

h3 {
  font-size: 1.8em;               /* 18px */
  line-height: 1.77777777778;     /* 32px */
  margin: 0.88888888889em 0 0 0;  /* 16px */
  padding: 0 0 0.88888888889em 0; /* 16px */
}                                 

h2, .tabular_data caption{
  font-size: 2.1em;               /* 21px */
  line-height: 0.7619047619;      /* 16px */
  padding: 0.7619047619em 0;     /* 32 px */
}                                
                                 
h1 {                             
  font-size: 2.4em;               /* 24px */
  line-height: 1.33333333333;     /* 32px */
  margin: 0 0 1.33333333333em 0;  /* 32px */
  padding:0;
}                                
                                 
h1.title {                       
  font-size: 3.6em;               /* 36px */
  line-height: 1.33333333333;     /* 32px */
  margin: 0 0 1.33333333333em 0;  /* 32px */
  padding: 0;
}

/***************************************************
 * Forms
 ***************************************************/
input, textarea, select {
  font-size: 1.4em;              /* 14px */
  line-height: 0.875;            /* 16px */
  padding: 0.5em 0.5em;
  margin: 0 0 0.5em 0;  
  border: 0.1em solid #d6d3cb;
  color: #000;
  background: #fff;
}

select {
  padding: 0;
  margin: 0 0 1.35em 0;  
}

textarea {
  /* padding: 0 !important; */
  height: 15em;
}

input:hover, textarea:hover {
  border: 0.1em solid #999;
}

input:focus {
  border: 0.1em solid #b7ac98;
}

textarea:focus {
  border: 0.1em solid #d6d3cb;
  background-color: #fff;
}

tfoot input {
  margin-top: 1.5em;
  padding: 0.425em;
}

tfoot input:hover, tfoot input:focus {
  border: 0.1em solid #ccc;
  background-color: #efefef;
}

.entry_form .form_label {
  font-size: 1.2em;               /* 12px */
  line-height: 1.33333333333;     /* 16px */
  margin: 0 0 1.33333333333em 0;  /* 16px */
  font-weight: bolder;
}

/***************************************************
 * Lists
 ***************************************************/ 
ol li {
  list-style: decimal;
}
 
dt {
  margin-top: 1.3333333em;
  font-weight: bolder;
}

.inline_list li {
  display: inline;
}

/***************************************************
 * Tables
 ***************************************************/
table {
  margin: 0 0 1.6em 0;
  font-size: 1.0em;
  line-height: 1.6;
}

th, td {
  margin: 0;
}

.tabular_data th {
  padding: 0.64285714285em 0.32142857142em;
  background-color: #eaf3dd;
  border-right: 0.1em solid #fff;
  border-left: 0.1em solid #fff;
  color: #617171;
  text-align: left;
}

.tabular_data td {
  padding: 0.75em;
}

.tabular_data tr.odd td, tr.even td { 
  border-right: 0.1em solid #d8e6f0;
  border-left: 0.1em solid #d8e6f0;
}

.tabular_data tbody tr.odd {
  background-color: #fff;
}

.tabular_data tbody tr.even {
  background-color: #f3fafc;
}

.tabular_data .actions {
  white-space:nowrap;
}
/***************************************************
 * Graphic Design
 ***************************************************/
span.amp { 
 font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif; 
 font-style: italic; 
 line-height:0.9;
}

/***************************************************
 * Layout Columns
 ***************************************************/
 #wrap {
   width: 1024px;
   margin: 0 auto;
 }

 .divider {
   margin-bottom: 3.0em;
 }

 .use1column,  .use2columns, .use3columns,  .use4columns,  .use5columns,  .use6columns,  .use7columns,
 .use8columns, .use9columns, .use10columns, .use11columns, .use12columns, .use13columns, .use14columns, .use15columns, .use16columns {
   overflow: hidden;
   float: left;
   margin-left: 8px;
   margin-right: 8px;
 }

 .use1column {
   width: 48px;
 }

 .use2columns {
   width: 112px;
 }

 .use3columns {
   width: 176px;
 }

 .use4columns {
   width: 240px;
 }

 .use5columns {
   width: 304px;
 }

 .use6columns {
   width: 368px;
 }

 .use7columns {
   width: 432px;
 }

 .use8columns {
   width: 496px;
 }

 .use9columns {
   width: 560px;
 }

 .use10columns {
   width: 624px;
 }

 .use11columns {
   width: 688px;
 }

 .use12columns {
   width: 752px;
 }

 .use13columns {
   width: 816px;
 }

 .use14columns {
   width: 880px;
 }

 .use15columns {
   width: 944px;
 }

 .use16columns {
   width: 1008px;
 }
 
 /* use this class when nesting columns */
 .inner_left {
   margin-left: 0;
 }

 .inner_right {
   margin-right: 0;
 }

 br {
   clear: both;
 }

 /***************************************************
  *  Pagination Classes
  ***************************************************/
 .pagination {
 }

 .pagination .ellipses, .pagination .gap {
   display: block;
   float: left;
   padding: 0 0.5em 0 0.5em;
 }

 .pagination a, .pagination .current, .disabled {
   display: block;
   padding: 0 0.5em;
   margin: 0 0.2em 0 0.2em;
   float:left;
   border: 1px solid #e5dfd1 !important;
 }
 .disabled {
   border: 1px solid #efefef !important;
 }
 .pagination .current {
   background-color: #efefef;
 }

 .pagination a:hover {
   background-color:#ccc !important;
   color: #fff !important; 
 }

/***************************************************
* Add your custom CSS below this line.
***************************************************/
body {
  /* background-color: #98a8af; */
}

p {
  margin-bottom:1.333333em;
}

ul {
  margin-bottom:1.333333em;
}
a {
  color:#939E42;
  text-decoration: none;
}

a:hover, a:active {
  background-color: #939E42;
  color: #fff;
}


.flash_notice, .flash_error, .flash_warning {
  border: 1px solid #ebdfb0;
  background-color: #fff4c8;
  color: #000;
  font-size: 1.6em;
  text-align: center;
  margin-top: 1.3em;
  padding: 0.5em;
}

.flash_error {
  border: 1px solid #ebb0b0;
  background-color: #ffc8c8;  
}

.flash_notice {
  border: 1px solid #b0ebb0;
  background-color: #c8ffcb;
}

.flash_notice a, .flash_error a, .flash_warning a {
  color: #01a163;
  border: none !important;
}

#wrap {
  color: #333;
  background-color:#fff;
  padding: 0  0 0 1.5em;
}

#section_links {
  padding: 2.7em 0 0 0;
  margin-bottom:0;
}

#navigation {
  padding: 32px 0 0 0;    
  background-color: #9CA6AF;
  margin-bottom:48px;
  color: #fff;
}

#navigation a, #navigation a:link, #navigation a:visited {
  font-size: 1.2em;
  color: #fff;
  display:block;
  /* border-bottom: 0.2em solid #FFF; */
}

#navigation a:hover, #navigation a:active {
  background-color: #FFF;
  color: #596A7A;
}

#logo {
  padding-left: 16px;
  padding-bottom: 16px;
}

a.logo_link, a:link.logo_link, a:visited.logo_link, a:hover.logo_link, a:active.logo_link {
  color:#9CA6AF !important;
  background-color:#9CA6AF !important;
}

#projects_menu, #about_menu {
  display:none;
  position: absolute;
  top:0;
  z-index:1;
  margin-top:7.0em;
}
#projects_menu {
  z-index:2;
}

#projects_menu li,#about_menu li {
  background-color:#9CA6AF;
  color: #fff;
}

#splash {
  height: 368px;
  overflow: hidden;
  color: #fff !important;
  background: #D0D1C9 url('../images/bull_bg_flipped.gif') no-repeat bottom left;
}
#quote {
  height: 368px;
  font-family: "Hoefler Text", Baskerville, "Big Caslon", "Adobe Garamond Pro", Georgia, Palatino, "Times New Roman", serif;
}

#quote h1 {
  margin-top: 1.333333em;
  padding:0 32px;
  color: #fff;
  text-align:right;
}

#quote h4 {
  padding: 0 32px;
  text-align: right;
}
#scrim {
  background-color: #FFF;
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  position: absolute; 
  float:none !important;
  z-index: 2;
}

#projects_menu a, #projects_menu a:link, #projects_menu a:visited,
#about_menu a, #about_menu a:link, #about_menu a:visited {
  font-size: 1.2em;
  display:block;
  padding: 0 0 0 384px;
}

#about_menu a, #about_menu a:link, #about_menu a:visited {
  padding: 0 0 0 640px;
}

#projects_menu a:hover, #projects_menu a:active,
#about_menu a:hover, #about_menu a:active {
  color: #fff;
  background-color:#C5CCD4;
}

.section_menu a {
  color: #fff;
}
.section_menu a:hover, .section_menu a:active {
  background-color: #fff;
  color: #9CA6AF;
}

#project_record #project_title {
  padding-top:0;
  padding-bottom:0;
  margin-top:0;
  margin-bottom:0;
}

.sub_heading {
  color:#333;
}

#project_record #project_title, .title {
  color: #de9d40;
}

#search_container input, #search_container p {
  float: right;
  text-align: right;
}

#search_container {
  padding-right:16px;
}
#search_container input {
  background-color:#C5CCD4;
}

#search_container p {
  margin: 0.5em 0 1.0em 0;
}

#detail {
  background-color: #efefef;    
}

#detail img {
  display: block;
  margin-left: auto;
  margin-right: auto
}

#detail p.larger_image {
  background-color: #fff;
  margin-bottom:0;
  padding-bottom:1.333333em;
}

#thumbnails li {
  display: block;
  float: left;
  height: 112px;
  width: 176px;
  overflow: hidden;
  background-color: #efefef;
  margin-bottom:1.3333333333em;
}

#thumbnails li a {
  display:block;
}

#thumbnails li.selected {
  height: 96px;
  width: 160px;
  border: 8px solid #939E42;
}

#thumbnails .thumbnail {
  background-color:#fff;
  height:176px;
  overflow:hidden;
}
#thumbnails .thumbnail p {
  line-height: 1.3333333;
  font-size:1.0em;
  margin:0;
  overflow: hidden;
}

#thumbnails .thumbnail .image {
  background-color: #efefef;
  width: 176px;
  height:112px;
}

#thumbnails .thumbnail .title {
  height:32px;
}

#thumbnails .thumbnail .location {
  height: 16px;
}

#gallery {
  padding-left:24px;
}

#footer {
  padding: 1.25em 0 0 0;
  color: #de9d40;
}
#footer, #footer li {
  float: right;
  /*text-align:right; */
}

.callout {
  color: #de9d40;
}

/***************************************************
* Article Display
***************************************************/
#article {
  border:0.1em solid #fff;
  border-top:0.1em solid #ddd;
  border-bottom:0.1em solid #ddd;
}
#article .title {
  color: #333;
  margin:0;
}
#article .published_on, #article .published_by, #article_list .published_on, #article_list .published_by {
  margin:0;
  color:#888;
}

#article #sidebar {
  background-color: #fafafa;
  border: 0.1em #fff solid;
  border-top: 0.1em #333 dotted;
  border-bottom: 0.1em #333 dotted;
}

#article .body {
  margin-top: 1.5em;
}
#article .body p {
}

#article #sidebar #sidebar_padding {
  padding:1.5em;
}

#sidebar .head {
  margin:0;
}

/***************************************************
* Admin Interface.
***************************************************/
#admin a {
  color: #443933;
}

#admin a:link,#admin a:visited,#admin a:hover,#admin a:active {
  background-color:transparent;
  color: #443933;
}

#admin a:hover,#admin a:active {
  background-color:transparent;
  border-bottom: 1px solid #443933;
}

#admin a.no_border {
  border:none !important;
}

#admin_navigation {
  width: 100%;
  background-color: #443933;
  font-size: 1.4em;              /* 14px */
  line-height: 0.875;            /* 16px */
  margin-bottom:2.3em;
}

#admin_navigation #main {
  height:2.3em;
  clear:both !important;
  width:100%;
} 
#admin_navigation #sub_navigation {
  height:2.3em;
  clear: both !important;
  width: 100%;
  background-color: #a6edff;
}

#admin_navigation a,#admin_navigation a:link,#admin_navigation a:visited,#admin_navigation a:hover,#admin_navigation a:active {
  display: block;
  line-height: 2.3;
  color: #fff;
  padding-left:16px;
}
#admin_navigation #main a:hover, #admin_navigation #main a:active {
  background-color: #a6edff;
  color: #443933;
  border:none;
}

#admin_navigation #sub_navigation a {
  display: block;
  line-height: 2.3;
  color: #443933;
}

#admin_navigation #sub_navigation a:hover, #admin_navigation #sub_navigation a:active {
  background-color: #fff;
  color: #443933;
  border:none;
}

/***************************************************
* Admin Asset Manager Interface.
***************************************************/
#tray {
  background-color: transparent;
  z-index:2;
  width: 100%;
  position:fixed;
  bottom:0;
  right:0;
}

#tray {
  border-top: 1px solid #aaa;
  background-color:#efefef;
  z-index:4;
  width:100%;
  position:fixed;
  bottom:0;
  right:0;
}
#tray dt {
  background-color: #ccc;
  padding: 0.20em 1.5em;
  color: #fff;
}

#tray .icon {
  border:1px solid #ccc;
  background-color:#fff;
  text-align:center;
}

.asset_thumbnail {
  float:left;
  margin:8px;
  width:176px;
  overflow:hidden;
  background-color: #efefef;
}

.asset_thumbnail .name, .asset_thumbnail .status {
  text-align:center;
  margin:0 8px;
  white-space:nowrap;
}

.asset_thumbnail .icon {
  margin:8px;
  background-color: #efefef;
  height:88px;
  width:160px;
  overflow:hidden;
  text-align:center;
}
#asset_manager .actions {
  border-top: 1px solid #aaa;
  background-color:#fafafa;
  width:100%;
}
#asset_manager .actions .buttons {
  margin:1.5em 2em 0em 2.0em;
}