/* $Id: style.css,v 1.1.2.9 2009/05/22 08:46:11 jmburnz Exp $ */

/**
 * @file style.css
 *
 * Use this file to override the Genesis core modular styles
 * (such as the HTML elements in typography.css), module CSS
 * and other Drupal styles. Anything that doesn't fit logically
 * into page.css, nodes.css, blocks.css or comments.css can go here.
 */

/**********************************************************
 *                    Body
 **********************************************************/
body {
    background-color: #292526;
    color: #979b9b;
    font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;
    margin: 0;
}


/**********************************************************
 *                 HTML Elements
 **********************************************************/

h1, h2, h3, h4, h5, h6 {color: #BB8833;}
h1 {}
h2 {}
h3 {
  color: #66AA99;
  font-size: 15px;
}
h4 {}
h5 {}
h6 {}

p {}

strong {}
em, dfn {}
dfn {}

sup, sub {}

del {}
ins {}

blockquote {}
cite {}
q {}

address {}

ul {}
ol {}
li {}

dl {}
dd {}
dt {}


abbr {}
acronym {}

pre, code, tt {}
p code {}
samp {}
kbd {}
var {}


/**********************************************************
 *                 Global Link Styles
 **********************************************************/
a {
  color: #649CB0;
  margin: 0;
  padding: 0;
}

a:link    {}
a:visited {color: #6f8a94;}
a:hover   {}
a:active  {}
a.active  {}

/* Set global a:active and a:focus styles. */
a:active,
a:focus {
  color: #e05500;
  border: 0;
}

/* Drupal sets this to black. */
li a.active {}

/* Remove borders on linked images. */
a img {
  border: none;
}


/**********************************************************
 *                 Accessibility Classes
 **********************************************************/

/* Hide content without positioning issues. */
.invisible {
  height: 0;
  overflow: hidden;
}

/* Move content off screen where appropriate. */
.offscreen {
  position: absolute;
  left: -999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Completely remove content for all users.
   DO NOT use this for Skip links, display:none
   hides content from screen readers! */
.remove {
  display: none;
}


/**********************************************************
 *                 Custom Styles
 **********************************************************/
/**
 * Here you can add custom stles for your theme that do not fit
 * into one if the modular stylesheets (such as the nodes, blocks,
 * page and comments stylesheets).
 */

.node-content p {
  font-size: 12px;
  margin-bottom: 11px;
}
.node-content p strong {
  color: #b2baba;
}
div.messages, div.warning, div.help, div.status, div.error {
    background-color: #446677;
    border: 1px solid #99CCAA;
    color: #DDDD88;
    margin-right: 25px;
}

div.admin-panel {
    border: 1px solid #666660;
}
.admin-panel h3 {
    background: none repeat scroll 0 0 #808888;
    color: #222222;
}
.page-admin-by-module .admin-panel .body p {
    color: #999990;
}



.local-tasks ul.primary {
    border-bottom-color: #558888;
}

.local-tasks ul.primary li a {
    background-color: #444444;
    border-color: #558888;
    color: #98A898;
}
.local-tasks ul.primary li.active a {
    background-color: #444444;
    border-color: #558888;
    color: #DDDD88;
}

.sb-gallery-field_project_images {
float: left;
}

.sidebar-inner .block ul {
  list-style-type: none;
}

.field-field-project-images .field-items .field-item img {
  display: block;
  margin: 0 8px 8px 0;
}

/**********************************************************
 *                 Views Custom Styles
 **********************************************************/

.view-content .views-field-title a {
  text-decoration: none;
}
.view-projects-list .views-row {
    background-color: rgba(0, 0, 0, 0.1);
    border: 2px solid #424949;
    margin: 12px 0 0px;
    overflow: auto;
    padding: 0;
}
.view-projects-list .field-item {
  float: left;
}
.view-projects-list .field-item a img {
  border: 2px solid #424949;
  display: block;
  margin: 6px 6px 0 0;
  padding: 0;
}
.v-projects-list-title-date-description {
  background-color:#303333;
  margin: 6px 6px 0;
  float:left;
  width: calc(100% - 12px);
}
.v-projects-list-title-date-description {
  background-color:rgba(75,85,90,0.2)
}
.v-projects-list-title-date {
  float:left;
  padding: 0 2%;
  width: 45%;
}
.v-projects-list-title {
  border-bottom: 2px solid #996611;
  float: left;
  margin-top: 6px;
  padding-bottom: 3px;
}
.v-projects-list-title h2 {
}
.v-projects-list-date {
    clear: left;
    color: #898785;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin: 9px 0;
}

.v-projects-list-description {
  color: #959F9F;
  float: right;
  font-size: 11px;
  margin-top: 3px;
  padding: 5px 2%;
  width: 45%;
}
.v-projects-list-description p {
  margin-bottom: 5px;
}
.v-projects-list-images {
  clear:both;
  float: left;
  margin: 0 0 6px 6px;
}

.view-projects-print .views-row {
    margin: 12px 0 18px;
    overflow: auto;
    padding: 0;
}
.view-projects-web .views-field-field-project-images-fid .field-item {
  display: inline-block;
}
.view-projects-print .views-field-field-project-images-fid .field-item {
  display: inline-block;
}
.view-projects-print .field-content a img {
  border: 1px solid #777e7e;
  display: block;
  margin: 6px 6px 0 0;
  padding: 0;
}

.view-projects-web-p1 .views-row {
    background-color: rgba(40, 50, 60, 0.4);
    border: 2px solid #424949;
    float: left;
    margin: 12px 11px 0 0;
    overflow: auto;
    padding: 9px 9px 9px 18px;
    width: calc(100% - 27px);
}
.view-projects-web-p1 .v-projects-web-title-date-description {
    float: left;
    padding: 0 2%;
    width: 30%;
}

.view-projects-web-p1 .views-field-field-project-images-fid {
    float: right;
    margin-left: 6px;
    text-align: right;
    padding: 0 2%;
    width: 60%;
}
.view-projects-web-p1 .views-field-field-project-images-fid .field-content {
    display: inline-block;
}

.view-projects-web-p1 .field-content a img {
  border: 1px solid #777e7e;
  float: left;
  display: block;
  margin: 6px 6px 0 0;
  padding: 0;
}
.v-projects-web-title h3 {
  border-bottom: 2px solid #996611;
  margin-bottom: 4px;
  margin-top: 2px;
  padding-bottom: 3px;
}

.view-photography-view .views-row {
  float: left;
}
.view-photography-view .views-field-field-photo-photo-fid {
}
.view-photography-view .views-row .field-item {
  float: left;
}
.view-photography-view .views-field-field-photo-photo-fid img {
  border: 1px solid #2a2a2a;
  margin: 0 8px 8px 0;
  display:block;
  height: auto;
}

@media only screen and (max-width: 790px) and (min-width: 580px) {
  .view-photography-view .views-field-field-photo-photo-fid img {
    width: 168px;
  }
}
@media only screen and (max-width: 580px) {
  .page-node-5 #main-content {
    margin: 0 0 0 12px;
  }
  .view-photography-view .views-field-field-photo-photo-fid img {
    margin: 0 1.5vw 1.5vw 0;
    width: 45vw;
  }
}