/*--------------------------------------------------
* More Art Form
* Created by Justin Elm
*--------------------------------------------------*/

@charset "UTF-8";

/* GLOBAL */

/*
body {
  min-width:1024px;
}
*/

div#container {
  position: absolute;
  width: 100%;
  z-index: 2;
}

section[role="main"] {
  width: 996px;
  margin: 0 auto;
  z-index: 2;
}
/* 
h1, h2, h3, h4, h5, h6 {
  margin-top: 10px;
 padding: 5px;
}

p {
  padding: 10px;
  opacity: 1;
}*/

/* BUTTONS */

div.wpcf7 input[type=submit],
form.sml_subscribe input[type=submit],
form.wp-cart-button-form input[type=submit] {
  width: 200px;
  height: 30px;
  padding-top: 10px;
}

/* SLIDER */

div.plus {
  font-size: 40px;
  font-weight: bold;
}

/* MULTIPLE TEMPLATES */

section.horizontal-bar {
/*  margin-top: 40px; */
  padding-top: 20px;
  padding-bottom: 20px;
}

aside#sidebar[role="complementary"] {
  float: right;
  width: 330px;
  margin-right: 30px;
  padding: 15px;
  line-height: 130%;
}


aside.sidebar-aside {
  float: right;
  width: 330px;
  margin-right: 30px;
  background-color: rgb(225, 225, 225);
  border-bottom: 4px solid #000000;
  line-height: 130%;
  padding: 15px;
}

aside.sidebar-aside img {
  position: relative;
  float: center;
}

div#backtotop {
  position: fixed;
  top: 35px;
  right: 10px;
  display: none;
}

/* HEADER 

header[role="banner"] {
  width: 100%;
  height: 250px;
}

hgroup {
  text-align: right;
}

hgroup > ul > li {
  display: inline; 
  
}

header[role="banner"] hgroup {
  width: 1400; 
  padding-top: 15px;
  margin-right: 25px;
}

nav[role="navigation"] {
  position: absolute;
  width: 100%; 
  height: 150px; 
  z-index: 100;
}

nav[role="navigation"] ul {
  width: 1360px; 
  margin: 25px auto;
}

nav[role="navigation"] ul li {
  float: left;
  width: 250px;
  height: 75px;
  margin: 30px;
  padding: 10px;
}

nav[role="navigation"] li a {
  padding: 2px;
  display: block; 
  text-decoration: none;
}

section.horizontal-bar {
  width: 100%;
}

section.horizontal-bar h1, 
section.horizontal-bar h2, 
section.horizontal-bar h3, 
section.horizontal-bar h4, 
section.horizontal-bar h5, 
section.horizontal-bar h6,
section.horizontal-bar p {
  width: 985px;
  margin: 0 auto;
}

.social {
  height: 40px;
  width: 40px; 
  vertical-align: bottom;
}

#logo {
  height: 85px;
}*/

/* ARCHIVE */

section.archive-content {
  float: left;
  width: 600px;
}

/* ARTISTS TEMPLATE */

div.artist {
  float: left;
  width: 475px;
  height: 160px;
  margin-right: 15px;
  margin-top: 20px;
  margin-bottom: 0;
}

div.artist-subfield {
  float: left;
}

div.artist-image {
  width: 120px;
  height: 160px; 
  overflow: hidden;
}

div.artist-name {
  width: 90px;
  height: 160px;
  padding: 5px;
}


div.artist-description {
  width: 225px;
  height: 100px;
  padding: 10px;
  line-height: 120%;
}

div.artistlink {
  float: right;
  bottom: 0;
  width:20px;
  height: 30px;
  padding-right: 5px;
  padding-bottom: 5px;
}

/* BLOG */

section.posts[role="blog"] {
  float: left;
  width: 600px;
  margin-top: 15px;
  z-index: 2;
}
  
article.post {
  border-bottom: 1px dotted #231f20;
  z-index: 2;
}

section.entry-content {
  margin-top: 20px; 
  line-height: 130%;
  text-align: justify;
  z-index: 2;
  top: 150px;
}


nav#nav-below.navigation {
  width: 600px;
}

h3.widget-title {
  margin-top: 10px;
  margin-bottom: 10px;
}

div#primary.widget-area {
  padding: 10px;
  background-color: rgb(225, 225, 225);
}

/* BOARD & STAFF TEMPLATE */

section#staff-content {
  float: left;
  width: 600px;
}

section#staff {
  float: left;
  width: 100%; 
}

section#board {
  float: left;
  width: 100%; 
}

div.employee {
  position: relative;
  float: left;
  width: 170px;
  height: 200px;
  margin: 10px;
  
}

div.employee-image {
  position: absolute;
  height: 200px;
  overflow: hidden;
}

div.employee-desc {
  position: absolute;
  bottom: 0;
  width: 170px;
  text-align: center;
  z-index: 100;
}

div.column-one {
  float: left;
  width: 300px; 
  padding-top: 15px;
  margin-left: 15px;
}

div.column-two {
  float: right;
  width: 285px;
  padding-top: 15px;
}  

div.column-three {
  float: left;
  width: 300px;
  margin-left:15px;
}

div.column-four {
  float: right;
  width: 285px;
}

div#column-sandwich {
  float: left;
  margin-top: 50px;
  margin-bottom: 50px; 
}

aside.sidebar-profile-staff {
  float: right;
  width: 350px;
  margin-top: 60px;
  margin-right: 40px;
  background-color: rgb(225, 225, 225);
  line-height: 130%;
}

aside.sidebar-profile-board {
  position: relative;
  float: right;
  width: 350px;
  top: 545px;
  margin-right: 40px;
  line-height: 130%;
  background-color: rgb(225, 225, 225);
}

div.hidden,
div.static-staff-member {
  border-bottom: 4px solid #231f20;
  background-color: rgb(225, 225, 225)
}

aside.sidebar-profile-staff img {
  float: center;
  padding: 15px; 
}

aside.sidebar-profile-board img {
  float: center;
  padding: 15px; 
}
 
/*CATEGORY ARCHIVE*/
section.category-archive-content {
  float: left;
  width: 600px;
}

/* COMMUNITY TEMPLATE */

section.community-content {
  width: 100%;
  margin-top: 20px;
  line-height: 130%;
}

div.community-title {
  font-color: white;
  float: right;
  top: 0; 
  left: 400px;
  height: 50px;
  width: 580px;
  line-height: 100%;
}

div.community-profile {
  position: relative;
  width: 100%;
  height: 400px;
  margin-bottom: 25px;
  margin-top: 25px;
}

div.community-image {
  float: left;
  width: 400px;
  height: 400px;
  overflow: hidden;
}

div.community-info {
  float: right;
  width: 580px;
  padding-right: 10px;
  line-height: 120%;
}

div.community-link {
  position: absolute;
  bottom: 0;
  right: 0; 
  margin: 10px;
  line-height: 100%;
}
p.community-link {
    text-align-right;
}
p.community-link a, p.community-link a:hover, p.community-link a:visited{
    text-align:right;
    color:#000;
}

/* EDUCATION TEMPLATE */

div.education-blurb {
  margin-top: 15px;
  line-height: 130%;
}

ul#education-accordion {
  float: left;
  width: 300px;
  line-height: 130%;
}

#education-accordion ul {
  display: none; 
}

div#education-child {
  float: left;
  width: 680px; 
  line-height: 120%;
}

div.static-education {
  float: left;
  width: 600px; 
  padding: 10px;
  line-height: 120%;
}

/* EDUCATION CHILD TEMPLATE */

div#education-child-content {
  float: left;
  width: 600px; 
  padding: 10px;
}

div#education-child-content h4 {
  color: #4d4d4d;
}

/* LANDING TEMPLATE */

section#projects {
  width: 100%;
  margin: 0 auto;
}

section#blog {
  width: 100%;
  margin-top: 460px;
}

/*
div.landing-project {
  position: relative;
  float: left;
  width: 300px;
  height: 200px;
  margin: 15px 15px 15px 0;
  overflow: hidden;
  }
*/
div.landing-project {
  position: relative;
  float: left;
  width: 32.66%;
  height: 200px;
  margin: 15px 10px 15px 0;
  overflow: hidden;
  }
 div.landing-project:nth-child(3n+3){
  margin-right: 0px;
}

/*
div.landing-image {
  width: 300px;
  height: 200px;
  overflow: hidden;
}
*/

div.caption {
  position: absolute;
  width: 300px;
  height: 200px;
  margin-top: -50px;
}

div.landing-more {
  position: absolute;
  padding-top: 24px;
  top:0px;
  left: 90%;
  width: 20px;
  height: 20px;
  }

div.landing-more h3 {
  margin-top:-10px;
}

div.post {
  width: 970px;
/*  margin-top: 30px;*/
  margin-bottom: 50px;
  overflow: hidden;
  
}

div.post > img {
  float: left;
  width: 60%; 
} 

div.post-content {
  float: left;
  width: 35%;
  height: 350px;
  padding: 20px;
  line-height: 120%;
}

div.post-readmore{
  float: right;
  padding: 20px;
/*
  font-weight: ultra-bold;
  font-family: Helvetica;
*/
}

/* PRESS TEMPLATE */

section.press-content {
  float: left;
  width: 600px;
  line-height: 130%;
}

/* PROJECT TEMPATE */

section.project-content {
  float: left;
  width: 570px;
  margin-top: 15px;
  line-height: 130%;
  padding-right; 20px;
}

div.press-article h2 {
  line-height: 130%;
}

/* PROJECTS TEMPLATE */

/*
div.project {
  position: relative;
  float: left;
  width: 300px;
  height: 200px;
  margin: 10px;
  overflow: hidden;
}
*/
section.project-row div.project{
  position: relative;
  float: left;
  width: 32.66%;
  height: 200px;
  margin: 15px 10px 15px 0;
  overflow: hidden;
}

section.project-row div.project:nth-child(3n+3) {
  margin-right:0px;
}

div.project-image {
  width: 300px;
  height: 200px;
  overflow: hidden;
}

div.project-description {
  position: absolute;
  width: 300px;
  height: 180px;
  margin-top: -40px;
}

div.project-description-readmore {
  position: absolute;
  top: 12px;
  padding: 5px;
  left: 90%;
  width: 20px;
  height: 20px;
}

div.project-description-readmore h3 {
  margin-top: -10px;
}

section.project-row {
  float: left;
  width: 100%; 
}

/* EVENTS TEMPLATE */

div.events-blurb {
  margin-top: 15px;
  line-height: 130%;
}

section#events-videos, 
section#events-books {
  float: left;
  width: 100%; 
}

div.events-video {
  position: relative;
  float: left;
  width: 460px;
  height: 350px;
  margin: 10px;
  overflow: hidden;
  line-height: 130%;
}

div.events-video h4 {
  position: absolute;
  width: 460px;
  bottom: 0;
  left: 0; 
}

div.events-book {
  position: relative;
  float: left;
  width: 460px;
  height: 220px;
  margin: 10px;
}

div.events-books h4{
  color: black; 
}
div.events-book h4, div.events-event h4 a, div.events-event h4 a:visited{
  color: black;
}
div.events-book h4 a:hover, div.events-event h4 a:active {
  color: #333;
}
div.events-book p, div.events-event p a, div.events-event p a:visited{
  color: black;
}
div.events-book p a:hover, div.events-event p a:active {
  color: #333;
}

div.events-image {
  float: left;
  top:30px;
  width: 120px;
  height: 160px;
  padding: 10px;
  z-index: 100;
  overflow: hidden;
}

div.events-book-info h4{
  margin-top: -10px;
  color: black; 
}

div.events-info {
/*  float: right;*/
  top:30px;
/*  width: 300px;*/
  height: 220px;
  height: auto;
  padding: 10px;
  font-color:black;
  overflow: hidden;
  line-height: 110%;
}

div.events-anchor {
  position: absolute;
  float: right;
  width: 300px;
  bottom: 0;
  right: 0;
  padding: 5px;
  text-align: right;
  font-color: black;
}

div.events-video {
  position: relative;
  float: left;
  width: 460px;
  height:300px;
  margin: 10px;
  z-index: 2;
}

div.events-video-title{
  position: relative;
  float: left;
  width: 460px;
  height: 30px; 
}
  
div.events-video-player {
  position: relative;
  float: left;
  width: 460px;
}


/* RESOURCES TEMPLATE */

div.resources-blurb {
  margin-top: 15px;
  line-height: 130%;
}

section#resources-videos, 
section#resources-books {
  float: left;
  width: 100%; 
}

div.resources-video {
  position: relative;
  float: left;
  width: 460px;
  height: 350px;
  margin: 10px;
  overflow: hidden;
  line-height: 130%;
}

div.resources-video h4 {
  position: absolute;
  width: 460px;
  bottom: 0;
  left: 0; 
}

div.resources-book {
  position: relative;
  float: left;
  width: 460px;
  height: 220px;
  margin: 10px;
}

div.resources-book h4{
  color: white; 
}
div.resources-event h4 {
  color: black;
}

div.resources-book-image {
  float: left;
  top:30px;
  width: 120px;
  height: 160px;
  padding: 10px;
  z-index: 100;
  overflow: hidden;
}

div.resources-book-info h4{
  margin-top: -10px;
  color: white; 
}

div.resources-book-info {
  float: right;
  top:30px;
  width: 300px;
  height: 220px;
  padding: 10px;
  font-color:black;
  overflow: hidden;
  line-height: 110%;
}

div.resource-anchor {
  position: absolute;
  float: right;
  width: 300px;
  bottom: 0;
  right: 0;
  padding: 5px;
  text-align: right;
  font-color: black;
}

div.resources-video {
  position: relative;
  float: left;
  width: 460px;
  height:300px;
  margin: 10px;
  z-index: 2;
}

div.resources-video-title{
  position: relative;
  float: left;
  width: 460px;
  height: 30px; 
}
  
div.resources-video-player {
  position: relative;
  float: left;
  width: 460px;
}
  

/* STANDARD TEMPLATE */

section.standard-content{
  margin-top: 15px;
  float: left;
  width: 600px;
  line-height: 130%;
}

section.image-head {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

/* SUPPORTERS TEMPLATE */

section#supporters {
  margin-top: 15px;
  float: left;
  width: 600px;
  line-height: 130%;
}

div.major-funders {
  float: left;
  wifth: 600px;
  background-color: red;
}

div.supporters-row {
  float: left;
  width: 650px; 
}

div.supporters-column {
  float: left; 
  margin-top: 30px;
  width: 300px;
}

/*TAG*/

section.tag-archive-content {
  float: left;
  width: 600px;
}

/* WOOCOMMERCE OVERRIDES */

div.woocommerce {
  margin-top: 200px; 
}

div#content {
  margin-top: 200px;
}

div.single-product {
 margin: 15px; 
}

nav.woocommerce-breadcrumb {
 margin-left: 15px !important; 
}


/* 404 PAGE */

section#fourohfour {
  position: relative;
  float: left;
  width: 680px;
  margin-top: 150px; 
}

/* FOOTER */

footer#footer[role="contentinfo"] {
  position: relative;
  float: left;
  width: 100%;
  height: 100px; 
  margin-top: 100px;
  padding-top: 30px;
}

footer#footer[role="contentinfo"] p {
  float: left;
  width: 250px;
  padding-left: 25px;
}

footer#footer[role="contentinfo"] ul {
  float: right;
  padding-right: 25px; 
}

footer#footer[role="contentinfo"] ul > li {
  display: inline; 
  text-align: right;
}