* { 
  margin: 0;
  padding: 0;
}

html {
  overflow-y: scroll;
  text-align: left;
}

body {
  text-align: left;
  padding-bottom: 30px;
  font-family: Georgia, sans-serif;
  font-size: 14px;
  color: #666;
}

h1, h2, h3, h4, h5 {
  font-family: sans-serif;
  text-transform: capitalize;
  margin-bottom: 12px;
}

p {
  margin-top: 1em;
  line-height: 1.5em;
  font-family: sans-serif;
  font-size: 12px;
}

p:first {
  margin-top: 0;
}

a:link, a:visited {
  color: #C9704E;
  text-decoration: none;
}

.description a:hover,
.body a:hover {
  text-decoration: underline;
}

a img, a:visited img {
  border: none;
}


/* NAVIGATION */

.nav {
  text-align: left;
  margin: 0;
  width: 100%;
  display: inline;
}

.nav li {
  margin-right: .5em;
  padding-bottom: 10px;
}

.nav * { display: inline; }

.nav li a {
  color: #666;
  text-decoration: none;
  font-weight: normal;
  text-transform: lowercase;
  font-family: serif;
  font-style: italic;
  font-size: 1em;
  line-height: 1.2em;
}

.sitenav {
  list-style-type: none;
/*  background: url(/static/images/papermake-navigation.png) no-repeat 0 -21px; */
  width: 294px;
  height: 21px;
  float: left;
}

.sitenav a {
  background: url(/static/images/papermake-navigation.png) no-repeat 0 0;
  text-indent: -11111em;
  overflow: hidden;
  display: block;
  float: left;
  width: 40px;
  height: 21px;
}

.sitenav a.home_link {
  display: none;
}

.sitenav a.articles_link {
  width: 50px;
  background-position: 0 top;
}

.sitenav a.articles_link:hover, 
.sitenav a.articles_link.active, 
.sitenav a.articles_link.current { 
  background-position: 0 bottom;
}

.sitenav a.work_link {
  width: 49px;
  background-position: -50px top;
}

.sitenav a.work_link:hover,
.sitenav a.work_link.active,
.sitenav a.work_link.current { 
  background-position: -50px bottom;
}

.sitenav a.foto_link {
  width: 34px;
  background-position: -99px top;
}

.sitenav a.foto_link:hover,
.sitenav a.foto_link.active,
.sitenav a.foto_link.current { 
  background-position: -99px bottom;
}

.sitenav a.contact_link {
  width: 60px;
  background-position: -133px top;
}

.sitenav a.contact_link:hover,
.sitenav a.contact_link.active,
.sitenav a.contact_link.current { 
  background-position: -133px bottom;
}

.sitenav a.links_link {
  width: 45px;
  background-position: -193px top;
}

.sitenav a.links_link:hover, 
.sitenav a.links_link.active,
.sitenav a.links_link.current { 
  background-position: -193px bottom;
}

.sitenav a.about_link {
  width: 52px;
  background-position: -238px top;
}

.sitenav a.about_link:hover,
.sitenav a.about_link.active,
.sitenav a.about_link.current { 
  background-position: -238px bottom;
}

.sitenav a:hover, 
.sitenav a.active,
.sitenav a.current {
  background-position-y: -21px;
}

.sitenav #home_link {
  display: none;
}

.pagination_nav a.prev {
  float: left;
}

.pagination_nav a.next {
  float: right;
}

#everything {
  padding-top: 30px;
  margin: 0 auto;
  width: 850px;
}

#header {
  width: 100%;
  height: 70px;
  margin-bottom: 33px;
  border-top: thin solid #3B3B3B;
  padding-top: 9px;
  position: relative;
}

#header .title {
  display: block;
  width: 446px;
  height: 35px;
  text-indent: -77799em;
  outline: none;
  overflow: hidden;
  border: none;
}

#header #color_switch {
  position: absolute;
  top: 6px; right: 0;
  font-size: 11px;
}

#header .sitenav {
  font-size: 100%;
  position: absolute;
  left: 0;
  bottom: 8px;
}

.content_block {
  padding: 0;
  min-height: 10em;
  text-align: left;
  margin-bottom: 1em;
  /* border-left: 1em solid #bbb; */
  display: block;
}

.profile_block {
  border: none;
  float: left;
  margin-right: 1em;
  text-decoration: none;
  color: darkblue;
}

.profile_block img {
  width: 18em;
  border: none;
}

.profile_block .name {
  text-transform: uppercase;
}

.profile_block:hover {
  background: #bbb;
}

/* Thumbnail Galleries */

.thumb_gallery ul {
}

.thumb_gallery li {
  list-style-type: none;
  float: left;
  margin: 0 12.5px 8px 0;
}

.thumb_gallery li,
.dark .thumb_gallery li {
  background: url(/static/images/activity-dark.gif) no-repeat 64px 32px;
}

.light .thumb_gallery li {
  background: url(/static/images/activity-light.gif) no-repeat 64px 32px;
}

.thumb_gallery li.last {
  margin-right: 0;
}

.thumb_gallery li h4 {
  margin-bottom: 0;
  font-weight: normal;
}

.thumb_gallery ul a,
.thumb_gallery ul a .overlay {
  background-repeat: no-repeat;
  background-position: top left;
  display: block;
  height: 107px;
  width: 160px;
  padding-bottom: 1.5em;
  line-height: 1em;
  font-size: 10px;
  position: relative;
}

.thumb_gallery ul a:hover {
}

.thumb_gallery ul a .title {
  position: absolute;
  bottom: 0; left: 0;
}

.thumb_gallery ul a .overlay {
  display: none;
  background: #000;
  position: absolute;
  top: 0; left: 0;
  padding: 0;
}

.thumb_gallery ul a:hover .overlay {
  display: block;
}

.thumb_gallery h3.title,
.three_columns h3.title {
  font-style: italic;
  font-weight: normal;
  font-family: serif;
  color: #666;
  font-size: medium;
  font-size: 18px;
}

/* Multi Column List */

.three_columns {
  float: left;
  font-family: sans-serif;
  font-size: small;
  margin-bottom: 3em;
}

.three_columns ul {
  list-style-type: none;
  line-height: 1.4em;
  min-height: 6em;
  width: 100%;
  margin-top: 3px;
}

.three_columns .column {
  float: left;
  margin-right: 12px;
  width: 332px;
  height: 100%;
  position: relative;
  border-bottom: thin solid #3B3B3B;
  padding-bottom: 0em;
  margin-bottom: 1px;
}

.three_columns .last {
  float: right;
  margin-right: 0;
  width: 162px;
}

.three_columns .column > .title {
  padding-bottom: 8px;
  border-bottom: thin solid #3B3B3B;
}

.three_columns .column .title.bottom {
  width: 100%;
  padding-top: 8px;
  border-top: thin solid #3B3B3B;
  border-bottom: 0;
  padding-bottom: 0;
  position: absolute;
  bottom: -2.2em;
  left: 0;
}

.three_columns .column .body {
  margin: 12px 0;
}

.three_columns .empty {
  border: none;
}



/* CUSTOM PAGES */

/* Front Page */

#home h2.title {
  font-style: italic;
  font-weight: normal;
  border-bottom: thin solid #3B3B3B;
  font-family: serif;
  font-size: large;
  padding-bottom: 6px;
}

#feature {
  margin-bottom: 3em;
}

#feature .description {
  margin-bottom: 1em;
  text-align: justify;
}

#feature .audio_player {
}

/* Contact */

#contact .column .title {
  margin-bottom: 0;
}

/* About */

#about .section > .title {
  font-family:serif;
  font-size:medium;
  font-style:italic;
  font-weight:normal;
  text-transform: none;
  border-bottom: thin solid #3B3B3B;
  padding-bottom: 4px;
}

#about #about_content {
  clear: both;
}

#about .section {
  margin-bottom: 4em;
}

#about .section .body {
  font-family: sans-serif;
  letter-spacing: -1px;
}

/* Foto */

#foto #page_content {
}

#foto .column {
  border-bottom: 0;
}

#foto .thumb_gallery .category {
  float: left;
  margin-bottom: 1em;
  width: 100%;
}

#foto .thumb_gallery .category > .title {
  padding-bottom: 6px;
  border-bottom: thin solid #3B3B3B;
}

#foto .thumb_gallery ul {
  float: left;
  padding-bottom: 1em;
}

.photo_nav {
  text-align: right;
  text-transform: uppercase;
  font-weight: normal;
  font-size: small;
}

#foto #photo .photo {
  display: block;
  margin-bottom: 2.2em;
  clear: both;
  outline: none;
  float: left;
}

.photo_meta .photo_title { 
  float: left;
  width: 40%;
  font-weight: normal;
  margin-top: 0;
}

.photo_meta .photo_caption { 
  clear: left;
  color: #8B9396;
  line-height: 1.2em;
}

#foto #photo {
  position: relative
  background: #BEBEBE;
}

#photo .photo_meta {
  width: 322px;
  margin-right: 22px
}

#photo .photo_nav {
  width: 160px;
  text-align: left;
}

#foto .pagination_nav {
  float: right;
  width: 160px;
  text-align: left;
  border-top: thin solid #3B3B3B;
  padding-top: 10px;
}

#foto .pagination_nav h5 a,
#foto .photo_nav a {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 12px;
  color: #8b9396;
  float: none;
}

#photo .photo_meta,
#photo .photo_nav {
  float: right;
  border-top: thin solid #3B3B3B;
  padding-top: 1em;
}

#foto.single #footer {
  width: 322px;
  float: left;
  clear: none;
  margin-right: 22px;
  padding-bottom: 2em;
}

#foto.single #footer .basic {
  clear: none;
  margin-top: 0;
}

#foto #footer  {
}

/* Projects / Work */

#work .three_columns .column {
  border-bottom: none;
}

#work .thumb_gallery li { 
  margin-right: 0;
}

#work .column .bw_image {
  display: block;
  background: none;
}

#work .column:hover .bw_image,
#work .column.active .bw_image {
  display: none;
}

#work #footer .sitenav {
  left: 0;
}

#project_detail h2.title {
  font-style: normal;
  font-family: sans-serif;
  font-size: medium;
  font-weight: normal;
  margin-top: 1em;
}

#project_detail .description {
  margin-bottom: 1em;
  text-align: justify;
  text-justify: distribute;
  ms-text-align-last: justify;
}

#sidescroll_gallery {
  width: 100%;
  height: 440px;
  overflow: scroll;
  overflow-y: hidden;
}

#sidescroll_gallery #wideslate {
  display: table;
}

#sidescroll_gallery .media {
  padding-right: 12px;
  display: table-cell;
}

#sidescroll_gallery .media img {
}

#project_detail .media,
#project_detail.dark .media,
#foto #photo .photo,
#foto.dark #photo .photo {
  background: url(/static/images/activity-dark.gif) no-repeat center center;
}

#project_detail.light .media,
#foto.light #photo .photo {
  background: url(/static/images/activity-light.gif) no-repeat center center;
}


#project_detail.sidescroll .three_columns .column {
  border-bottom: 0;
  margin-bottom: -10px;
}

#project_detail #details .share_links img {
  position: relative;
  bottom: -2px;
}

#project_detail.sidescroll #details .share_links,
#project_detail.sidescroll #details .admin_links {
  position: absolute;
  bottom: 0;
  right: 0;
}

#project_detail.sidescroll #details .admin_links {
  top: 2em;
}

#sidescroll_gallery .media.seamless {
  padding-right: 0;
}

#sidescroll_gallery .last {
  padding-right: 0;
}

#sidescroll_nav {
  position: relative;
}

#sidescroll_nav .prev,
#sidescroll_nav .next {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 0;
  width: 162px;
  height: 100%;
  background: #000;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

#sidescroll_nav .prev {
  left: 0;
}

#sidescroll_nav .next {
  right: 0;
}

#sidescroll_nav .prev:hover,
#sidescroll_nav .next:hover {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

/*
.seamless #sidescroll_nav .prev,
.seamless #sidescroll_nav .next {
  width: 174px;
}
*/

body.sidescroll .column {
  border-top: thin solid #3B3B3B;
}

body.sidescroll .column.last a.sidescroll {
  font-size: 200%;
  font-weight: normal;
  font-family: Tahoma, serif;
  border-top: thin solid #3B3B3B;
}

#project_detail h2.title {
  font-size: 12px;
  font-weight: bold;
} 

#project_detail.sidescroll h2.title {
  margin-top: 2em;
}
  
#project_detail.sidescroll .three_columns {
  margin-bottom: 1em;
} 

#project_detail.vertical p.first {
  margin-top: 0;
}

#project_detail.vertical .media {
  width: 100%;
  min-height: 100px;
  margin-bottom: 1em;
}

#project_detail.vertical #vertical_gallery,
#project_detail.vertical #details {
  clear: both;
  padding-bottom: 1em;
}

#project_detail.vertical #details .title {
  margin-bottom: 8px;
  margin-top: 0;
}

#project_detail.vertical #details p {
  margin-top: 0;
}

#project_detail .pagination_nav {
  width: 100%;
  margin-bottom: 1em;
}

#project_detail .three_columns {
  margin-bottom: 8px;
}

#project_detail.vertical .three_columns .column {
  border-top:thin solid #3B3B3B;
  margin-top:0;
  padding-top:8px;
}

#project_detail .pagination_nav .column {
  border-top: thin solid #3B3B3B;
  padding-top: 8px;
  margin-top: 0;
  border-bottom: none;
}

#project_detail .pagination_nav.top .column {
  border-top: none;
  margin-bottom: 1em;
  padding-top: 0;
}

#project_detail .pagination_nav.bottom .column {
  border-top: thin solid #3B3B3B;
}

#project_detail.vertical .image_detail {
  float: right;
  border-top: thin solid #3B3B3B;
  padding-top: .5em;
  width: 162px;
  text-align: left;
}

#project_detail.vertical .image_detail .title {
  text-transform: uppercase;
  font-weight: normal;
}

/* News */

.pagination_nav a {
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: x-small;
  margin-bottom: 1em;
}

#news .news_entry {
  border-top: thin solid #3B3B3B;
  padding-top: 1em;
  padding-bottom: 3em;
  width: 100%;
  float: left;
}

#news .news_meta {
  float: left;
  text-align: left;
  width: 280px;
}

#news .news_image {
  float: right;
  text-align: right;
  width: 560px;
  overflow: hidden;
}
  
#news .news_image p {
  margin-top: 1px;
  margin-bottom: 1em;
}

.share_links.text_only {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align: right;
  color: #666;
  clear: both;
}

#news .news_entry .body {
  font-family: sans-serif;
  font-style: normal;
  font-size: 12px;
  line-height: 1.4em;
  text-align: justify;
  margin-bottom: 1em;
}

#news .news_meta .headline {
  font-weight: normal;
  margin-bottom: 0.5em;
}

#news .news_meta .date {
  font-style: italic;
  font-family: serif;
  font-weight: normal;
}

/* Footer */

#footer {
  width: 100%;
  margin-bottom: 2em;
}

#footer .with_nav {
  clear: both;
  position: relative;
  border-bottom: thin solid #3B3B3B;
  padding-top: 4em;
}

#footer .basic {
  clear: both;
  margin-top: 4em;
  height: 22px;
  line-height: 22px;
  border-top: thin solid #3B3B3B;
  padding-top: 0.8em;
}

#footer .basic h5 {
  font-weight: bold;
}

#footer .basic #icon {
  padding-right: 20px;
  float: left;
}

#footer .with_nav #icon {
  position: absolute;
  left: 0;
  bottom: -28px;
}

#footer .sitenav,
#footer .return_to_top {
  position: absolute;
  right: 0;
  bottom: .5em;
  font-weight: normal;
}

#footer .return_to_top {
  font-size: 12px;
  color: #8b9396;
}

#footer .sitenav {
  bottom: 4px;
}

#contact #footer .return_to_top,
#links #footer .return_to_top,
#foto.single #footer .return_to_top {
  display: none;
}

#footer .return_to_top {
  bottom: -24px;
}

#news #footer .sitenav,
#foto #footer .sitenav,
#about #footer .sitenav,
#project_detail #footer .sitenav {
  left: 0;
}

#project_detail #footer .return_to_top,
#work #footer .return_to_top,
#about #footer .return_to_top,
#foto #footer .return_to_top {
  bottom: 4px;
}

#contact .three_columns .column,
#about .three_columns .column,
#links .three_columns .column {
  border-bottom: none;
}

#news .pagination_nav h5 {
  margin-bottom: 4px;
}

#news .pagination_nav {
  text-align: right;
}

#news #footer .pagination_nav {
  position: absolute;
  width: 13em;
  height: 1em;
  right: 0;
  bottom: 4px;
  text-align: right;
}

#news .pagination_nav a {
  float: none;
  font-weight: normal;
  font-size: 12px;
  color: #8b9396;
}

/* Forms */

form input[type="text"],
textarea {
  width: 100%;
}

form input,
form textarea {
  background: #BEBEBE;
  border: none;
  margin-top: 2px;
}

form input {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 5px solid #BEBEBE;
}

form input[type="submit"] {
  border: 1px solid #373737;
  padding: 2px 32px;
  background-color: #373737;
  color: #fff;
  cursor: pointer;
}

form input[type="submit"]:hover {
  background-color: #C9704E;
  border-color: #C9704E;
}

form input[type="submit"]:active {
  background-color: #AE3636;
  border-color: #AE3636;
}

form input[type="text"] {
  width: 97%;
}

form textarea {
  height: 100px;
}

form p {
  margin-bottom: 1em;
}

/* UTILITIES */

.floatleft, .floatright {
  margin: .5em;
}

.floatleft { 
  float: left !important; 
  margin-left: 0;
}

.floatright { 
  float: right !important; 
  margin-right: 0;
}

.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: left; }

.caps { text-transform: uppercase; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.semi-opaque {
  filter:alpha(opacity=30);
  -moz-opacity:0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}

.pointer { cursor: pointer; }

.admin_links {
  clear: both;
  margin: 10px 0;
}

.absolute {
  absolute: relative;
  display: block;
}

.relative {
  position: relative;
  display: block;
}

.important {
  color: #AE3636;
}

.plainlink {
  text-decoration: none;
  color: #666;
  font-weight: normal;
}

/* Forms */

ul.errorlist {
  min-height: 1em;
  color: #AE3636;
  margin-bottom: -1em;
  text-align: left;
  font-size: 90%;
  font-style: italic;
}

input#id_message {
  height: 5em;
}

.thank_you {
  font-style: italic; 
  font-weight: normal;
  font-family: "Adobe Caslon Pro", Times, serif;
  font-size: 21px;
}

/* 3rd Party Overrides (addthis, lightbox, ...) */

.addthis_default_style .addthis_separator, 
.addthis_default_style .at300b,
.addthis_default_style .at300m,
.addthis_default_style .at300bs {
  float:right !important;
} 

.at300bs.at15t_expanded, 
.at300bs.at15t_compact {
  margin-right: 0 !important;
  margin-left: 4px !important;
}

#at15s {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}