/* =====================================================================
Template:  OneWeb for Joomla 2.5                        
Author:   Seth Warburton - Internet Inspired! - @nternetinspired                     
Version:   2.0   for Monadnock Art                                    
Created:   June 2012                                                    
Copyright:  Seth Warburton - (C) 2012    
Licenses:  GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html
      DBAD License http://philsturgeon.co.uk/code/dbad-license                           
Sources:  http://html5boilerplate.com/
      http://stuffandnonsense.co.uk/projects/320andup/ (License: http://creativecommons.org/licenses/MIT/)        
/* =================================================================== */

/* @group reset */
/* Reset */
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}


/* @end */
/* @group 1 root */
/* 1 ROOT           ======================================================================= */
* {
    margin: 0;
    padding: 0;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
    box-sizing: border-box;
}
html {
  background: #fcf9ed;
  font-size: 62.5%; /* this makes our px sizing match up with rems http://snook.ca/archives/html_and_css/font-size-with-rem */
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #f3f5f6;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {

  font-family: 'open sans', arial, helvetica, sans-serif;
  font-weight:300;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #333;
  background-image:url(../images/header-bg.gif); background-repeat:repeat-x;
}
.body-container {  margin: 0 auto;
  width:94%;
  max-width:64em;
  padding: 0;
position:relative;
/* border:1px solid #ddd;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);*/  }
/* @end */
/* @group 2 grid */
/* 2 GRID           ======================================================================= */
.row {
  margin:0 auto;
  padding:30px 0;
  padding:3rem 0;
}
#container .row {
  padding:15px 15px 0;
  padding: 1.5rem 1.5rem 0;
}
#container {
  background: #fcf9ed;
  background: #fff;
  
   
}

#menu.row{background-color:#fcf9ed !important;}
#right,
#buttonRow {background-color:#ece8d1;}
#logoRow {background-color:#e9e8df; 
    height: 150px;
    margin-bottom: 15px;
    overflow: hidden;}
#main {background-color:#fff;}

#right {padding:10px; margin-top:5px;}
#main {padding:5px;}
/* @end */
/* @group 3 helper */
/* 3 HELPERS         ======================================================================= */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.visuallyhidden {
    position: absolute;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
.floatleft {
  float:left;
  margin:0 30px 20px 0;
  margin:0 3rem 2rem 0;
}
.floatright {
  float:right;
  margin:0 0 20px 30px;
  margin:0 0 2rem 3rem;
}
.thumbs-right {width: 147px; float:right; margin-left:20px;}
.thumbs-right img {margin:3px;}
.thumbs-right img:first-child {margin-bottom:0;}

.desktop {
  display: none;
}

.jicons-icons {display:none;}
/* @end */
/* @group 4 typography */
/* 4 TYPOGRAPHY       ======================================================================= */
aside#sidebar {font-size:12px; font-size:1.2rem;}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'open sans', arial, helvetica, sans-serif;
  color:#996600;
  margin: 0;
    text-rendering: optimizelegibility;
  font-weight:600;
}
h1{
  margin-bottom: 0em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
}
h2{
  margin-bottom: 0em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.115;
}

h3 {
  margin-bottom:0em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.15;
}
h3.module-title {margin-bottom:.8em;}
h4{
  margin-bottom: .75em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.25;
  text-transform:uppercase;
}
h5 {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 1.5em;
  font-weight:bold;
}
h6 {
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}
p,
ol,
ul,
dl,
address {
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 0;
  padding: 0 0 0 24px;
}
ul.galleries {padding-left:0;}
ul.galleries a {font-size:.9em;}

.content-links ul {margin:0;} /* content links at top of article, even if no li's  was dropping content lower on page */
li ul,
li ol {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
blockquote {
  margin: 0 0 1.5em 0;
  padding-left: 24px;
  border-left: 3px solid #ddd;
  font-family: 'open sans', arial, helvetica, sans-serif;
  font-weight:300;
  font-size: 18px;
  font-size: 1.8rem;
  font-style: italic;
}
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
dl {
  margin-bottom: 1.5em;
}
b,
strong {
  font-weight: bold;
}
pre,
code,
kbd,
samp,
.warning,
.error,
#systemMessage {
  font-family: Monaco, Courier New, monospace;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
sub,
sup {
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 0;
  vertical-align: baselineheight;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* @end */
/* @group 5 links */
/* 5 LINKS           ======================================================================= */
a {
  text-decoration: none;
  font-weight:600;
  color: #73622b;
}
a:visited {
  color: #73622b;
}
a:hover {
  text-decoration: underline;
  color: #996500;
}
a:focus {
  outline: thin dotted;
  color: #996500;
}
a:hover,
a:active {
  outline: 0;
}
::-moz-selection {
  background-color: #d6dbe1;
  color: #2d353e;
  text-shadow: none;
}
::selection {
  background-color: #d6dbe1;
  color: #2d353e;
  text-shadow: none;
}

nav a,
footer a {font-weight:300;}
/* @end */
/* @group 6 figures / images */
/* 6 FIGURES & IMAGES     ======================================================================= */
img {
  max-width: 100%;
  height:auto !important;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin-bottom:1.5em;
}
figure figcaption {
  display: block;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  color: #777;
}
/* @end */
/* @group 7 tables */
/* 7 TABLES         ======================================================================= */
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.5em;
    width: 100%;
}
th,
td,
caption {
    padding: 0.25em .5em;
  text-align:left;
}
tfoot {
    font-style: italic
}
caption {
    background-color: transparent
}
tbody tr {
  border: 1px solid #eee;
}
tbody tr:nth-child(odd) td {
    background-color: #f9f9f9;
}
/* override the above rules for ignite gallery tables of thumbnails */
table.main_thumb_table {margin-top:10px;}
.main_thumb_table tbody tr {
  border: 0px solid #eee;
}
.main_thumb_table tbody tr:nth-child(odd) td {
    background-color: #fff;
}

/* @end */
/* @group 8 forms */
/* 8 FORMS & BUTTONS    ======================================================================= */
form fieldset {
  margin-bottom: 1.5em;
  padding: 0;
  border-width: 0;
}
legend {
  margin-bottom:1.5em;
}
label,
input,
button,
select,
textarea {
  vertical-align: baseline;
  *vertical-align: middle;
}
input,
button,
select,
textarea {
}
label {
  display: block;
font-family:'open sans', arial, helvetica, sans-serif;
  font-weight:300;
  cursor: pointer;
  margin-bottom: 0.1875em;
  color: #777;
  cursor: pointer;
  font-size: 12px;
  font-size: 1.2rem;
  font-style:italic;
}
label input,
label textarea,
label select {
  display: block;
}
input,
textarea,
select {
  display: inline-block;
  width: 100%;
  padding: 4px;
  margin-bottom: 0.375em;
  background-color: #fff;
  border: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,.1);
}
.formResponsive input,
.formResponsive textarea {
  width: 100%;
}
input[type=text],
input[type=password],
textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    padding: .25em .5em;
    margin-bottom: 1em;
  min-height:2.5em;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}
input:hover,
textarea:hover,
select:hover {
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="image"] {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: transparent;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
  cursor: pointer;
  *overflow: visible;
}
select,
input[type="file"] {
  height: 28px;
  *margin-top: 4px;
  line-height: 28px;
}
select {
  width: auto;
  background-color: #ffffff;
  font-size: 13px;
  font-size: 1.3rem;
}
select[multiple],
select[size] {
  height: auto;
}
textarea {
  resize: vertical;
  overflow: auto;
  height: auto;
  overflow: auto;
  vertical-align: top;
}
input[type="hidden"] {
  display: none;
}
.radio,
.checkbox {
  padding-left: 18px;
  font-weight: normal;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
input:-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
input#mod-search-searchword {
  margin:0;
}
#searchForm input,
#searchForm textarea,
#searchForm select {
  display: inline-block;
  margin-bottom: 0;
}
#searchForm label {
  display: inline-block;
  margin:0 .25em 1em;
}
#searchForm label[for="search-searchword"],
#contact-form button {
  display:block;
}
#searchForm .radio,
#searchForm .checkbox,
#searchForm .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
#searchForm .radio input[type="radio"],
#searchForm .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
/* Buttons =================================================== */
button,
.btn,
.button,
a.button,
ul.pagenav li a,
input.button,
input[type="button"],
input[type="submit"] {
  font-family:'open sans', arial, helvetica, sans-serif;
  font-weight:300;
  cursor : pointer;
  display: inline-block;
    position: relative;
  text-align:center;
    margin: 1em 0;
  padding: .5em .75em;
  color:#fff;
  text-shadow:0px 1px 0px rgba(0,0,0,.45);
background: rgb(184, 192, 175);
background: -moz-linear-gradient(top, rgba(184, 192, 175,1) 0%, rgba(115, 98, 43,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184, 192, 175,1)), color-stop(100%,rgba(115,98,43,1)));
background: -webkit-linear-gradient(top, rgba(184, 192, 175,1) 0%,rgba(115,98,43,1) 100%);
background: -o-linear-gradient(top, rgba(184,192,175,1) 0%,rgba(115,98,43,1) 100%);
background: -ms-linear-gradient(top, rgba(184, 192, 175,1) 0%,rgba(115,98,43,1) 100%);
background: linear-gradient(top, rgba(184, 192, 175,1) 0%,rgba(115,98,43,1) 100%);
  border:1px solid rgba(115,98,43,1);
  border:1px solid rgba(0,0,0,.2);
  -webkit-border-radius: .125em;
  -moz-border-radius: .125em;
  border-radius: .125em;
  -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.65) inset, 0px 1px 2px rgba(255,255,255,0.45) inset;
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.65) inset, 0px 1px 2px rgba(255,255,255,0.45) inset;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.65) inset, 0px 1px 2px rgba(255,255,255,0.45) inset;
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
  max-width:400px;
}
.btn:hover,
button:hover,
.button:hover,
a.button:hover,
ul.pagenav li a:hover,
input.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
  text-decoration: none;
  background: rgb(115,98,43);
background: -moz-linear-gradient(top, rgba(115,98,43,1) 0%, rgba(184,192,175,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(115,98,43,1)), color-stop(100%,rgba(184,192,175,1)));
background: -webkit-linear-gradient(top, rgba(115,98,43,1) 0%,rgba(184,192,175,1) 100%);
background: -o-linear-gradient(top, rgba(115,98,43,1) 0%,rgba(184,192,175,1) 100%);
background: -ms-linear-gradient(top, rgba(115,98,43,1) 0%,rgba(184,192,175,1) 100%);
background: linear-gradient(top, rgba(115,98,43,1) 0%,rgba(184,192,175,1) 100%);
}
.btn:active,
button:active,
.button:active,
a.button:active,
ul.pagenav li a:active,
input.button:active,
input[type="button"]:active,
input[type="submit"]:active{
   -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2) inset;
   box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2) inset;
}
  /* Form style adjustments that will apply at all screen sizes  above mobile*/

form.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 0px;
}


form.formResponsive input[type="button"], form.formResponsive input[type="submit"], form.formResponsive input[type="reset"] {vertical-align:inherit;}


div.recaptcha_input_area input {position:relative; top:18px;}

/* @end */
/* 9 HEADER           ======================================================================= */
/* 10 LOGO           ======================================================================= */
#logoRow.row {
  padding:0px 0;
  padding:0rem 0;
}
#logo {
 font-size:30px !important;
  line-height:1.6;
}
#logo {width:310px; height:101px; margin:35px 0 15px 5px; position:relative; overflow:hidden;}
#logo span {position:absolute; width:100%; height:100%; background-image:url(../images/logo.gif); background-repeat:no-repeat;}

/* @group 11 navigation */
/* 11 NAVIGATION      ======================================================================= */
#buttonRow {float:right;}
#mobileMenu,
#mobileSearch {
  float:right;
  display:block;
  background: #fff;
  border:1px solid #ddd;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);    
  padding:.5em .75em;
}
#mobileSearch {
  margin-left:20px;
  margin-left:2rem;
}
#menu.row {
  padding:20px 0;
  border-top:1px solid #e5e5e5;
  background:#fcfcfc;
}
#menu article {
  margin-bottom:0;
}
nav ul.menu {
  margin:0;
  padding:0;
}
nav li {
  float:left;
  display:inline-block;
  list-style-type:none;
  width:50%;
}
nav li a {
  display:block;
  font-weight:bold;
  padding:1em;
  text-align:center;
  border-bottom:1px solid #e5e5e5;  
}
nav li a:nth-child(odd) {
  border-right:1px solid #e5e5e5;
}
/* breadcrumbs */
#breadcrumbRow.row {
  padding-top:.5em;
  padding-bottom:.5em;
  background:#fcfcfc;
}
#breadcrumbRow article {
  margin-bottom:0;
}
.breadcrumbs {
  font-size:12px;
  font-size:1.2rem;
  margin-left:5px;
}
/* article navigation */
ul.pagenav,
ul.pagenav li {margin:0;padding:0;}
ul.pagenav li {
  list-style-type:none;
  display:inline-block;
}
li.pagenav-prev {float:left;}
li.pagenav-next {float:right;}

.pagination p,
.pagination ul {
  text-align:center;
  }
.pagination ul {
  margin:0;
  padding:0;
  }
.pagination li {
  list-style-type:none;
  display:inline-block;
  margin:.125em;
}
.pagination li span,
.pagination li a {
  padding:.25em .5em;
}
.pagination li a {
  border:1px solid #e5e5e5;
  background:#f9f9f9;
}
.pagination li a:hover {
  background:#e5e5e5;
}
.pagination li span {
  border:1px solid #eee;
  color:#d5d5d5;
}
/* @end */
/* @group 12 banner */
/* 12 BANNER         ======================================================================= */
#bannerRow.row {
  padding:0;
}
#bannerRow article {
  margin-bottom:0;
}
/* @end */
/* 13 ABOVE         ======================================================================= */
/* @group 14 main content */

/* 14 MAIN CONTENT       ======================================================================= */
#mainRow {
    border-top:0px solid #eee;
}
#main {
    border-bottom:3px solid #eee;
    margin-bottom:3em;
    padding-bottom:3em;
}
/* article */
article.article {
  position:relative;
}
.article-meta {
  font-size:12px;
  font-size:1.2rem;
  color:#999;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  padding:.5em 1em;
  font-style:italic;
  margin-bottom:15px;
  margin-bottom:1.5rem;
}
dl.article-info {
  margin-bottom:0;
}
dl.article-info dd {
  display:inline-block;
  padding:0 .5em;
  border-right:1px solid #eee;
}
/* article icons */
.actions {
    display: inline-block;
    float: right;
    margin-top: -3em;
}
.actions ul {
  margin:0;
  padding:0;
}
.actions li {
  list-style-type:none;
  float:left;
  margin:0 0 0 .5em;
}
/* @end */

/* 15 COMPLEMENTARY     ======================================================================= */
div.main_thumb_container {
  float: none !important; }
div.main_images_wrapper {float:none !important; width: 270px; margin: 0 auto; padding-left:20px;
    }
div.category_description{
  width: 100%;
  margin: 12px 0px;
}
div.category_description img {display:block; padding-bottom:10px; margin:0 auto;}
h3.cat_child_h3 {font-size:12px; height:6em; margin-top:.5em;}
div#cat_child_wrapper7 h3.cat_child_h3 {height:2em;}
div#cat_child_wrapper7 img {/*  add border, dropshadow, etc. here for artist member menu images -- do same for wrapper1 for hist. artist menu.*/}

#toolbar li.button {background:none; }

/*.cat_child_wrapper tr {width:132px; float:left;}*/

/* slider tabs */
div.slider_slide.active a, div.slider_slide.active a:hover {
    background-color: #996500;
    color: #FFFFFF;
}
div.slider_slide a:hover{
    background-color:#73622b;
}


/* 16 BOTTOM         ======================================================================= */
#bottomRow {
  background:#fcfcfc;
}
/* @group 17 footer */
/* 17 FOOTER         ======================================================================= */
footer[role="contentinfo"] {
  border-top:1px solid #ddd;
  background:#eee;
}
#creditRow.row {
  font-size:85%;
  border-top:0px solid #eee;
  margin-right:30px;
}
#creditLeft,
#creditRight {
  width:50%;
}
#creditLeft {
  float:left;
}
#creditRight {
  float:right;
  text-align:right;
}
/* @end */
/* 18 VENDOR-SPECIFIC     ======================================================================= */
/* @group 19 joomla specifics */
/* 19 JOOMLA SPECIFICS     ======================================================================= */
#system-message,
.error {
  background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
  padding:1em;
}
#system-message dt {
  margin-bottom: 15px;
  margin-bottom: 1.5em;
}
#system-message dl {
  margin-bottom: 0;
}
.warning,
.error {
  color: #B94A48;
}
input[type="checkbox"] {
  margin-left:.5em;
}
label#jform_contact_email_copy-lbl {
  display:inline-block;
  float:left;
}
#contact-form button {
  float:left;
  clear: both;
}
/* @end */
/* 20 MODULE STYLES     ======================================================================= */
article {
  margin-bottom:40px;
  margin-bottom:4rem;
}
nav h3.module-title {position:absolute; top:-999px;}

/* akeeba subscriptions membership levels */
#akeebasubs div.level {height:auto; width:100%;} /* width:45% for 600 and up, 100% for <600 */
#akeebasubs div.level-description {height:auto ;} /* 160px for 992, 220 for 768  280 for 600  auto for <600 */
#akeebasubs div.level-subscribe {margin:0.5em 43% 0.8em;}


#joomdonation { margin-bottom: 1em; }

#joomdonation div.level {
  height: auto;
  width: 100%; /* 91% for 600 and up 100 for <600 */
  display: block;
  margin: 0.5em 0.5%;
  padding:0 0 50px 0;
  
  

  float: left;
  background-color: #e9e8df;
  border: thin solid #333;
}
#akeebasubs div.level {background-color:#e9e8df;}

#akeebasubs .level-title:before {
  content: "";
}
#akeebasubs .level-title,
#joomdonation .level-title {
  display: block;
  width: 100%;
  padding: 0.4em;
  margin: 0 0 0.5em;
  font-size: 14pt;
  font-weight: bold;
  color: #333;
  background-color: #D5D49D;
  text-shadow: 1px 1px 1px white;
}

#joomdonation .level-title a {
  font-size: 14pt;
  font-weight: bold;
  color: #333;
  text-shadow: 1px 1px 1px white;
  text-decoration: none;  
}

#joomdonation .level-price {
  display: block;
  float: right;
  padding: 0 1em;
  margin: 0;
  font-size: 20pt;
  color: #006699;
  text-shadow: 1px 1px 1px #333;
  font-style: italic;
}

 
/*#joomdonation img.level-image {
  display: block;
  max-width: 64px;
  max-height: 64px;
  float: right;
  margin: 0.3em 1.3em 0.3em 0.5em;
  border: thin solid #333;
  -webkit-box-shadow: 1px 1px 4px #333;
  -moz-box-shadow: 1px 1px 4px #333;
  box-shadow: 1px 1px 4px #333;
}*/

#joomdonation div.level-description {
  height:690px; /* 390px for 992, 510 for 768, 540 for 600, 670 for <600 */
  
  padding: 0;
  margin: 0 0.5em;
  background-color: rgba(255,255,255,0.7);
  border: thin solid silver;
  border-radius: 8px;
  -moz-border-radius: 8px;
}

#joomdonation div.level-description-inner {
  width: 100%;
  padding: 8px;
}
.os_table {position:relative;}
.os_table input.button {margin-left:45%; position:absolute; bottom:-60px;}

/*Akeeba Subscriptions Form adjustments */
.akeeba-bootstrap .form-horizontal .controls {
    clear: left;
    float: left;
    margin-left: 0;
}
.form-horizontal .error {padding:1em 0;}
.akeeba-bootstrap .form-horizontal div.control-group {text-align:left;}
input#openstudio,
input#displayother,
input#sharestudio,
input#previewexhibition,
input#rarelyuseemail {position:relative; left:180px; top:-30px;}
/* more space between yes no radio buttons */
#isbusiness0-lbl {padding:0 10px 0 2px;}

/* login link in footer */
#module-111  {float:right;}
#module-111 li {list-style-type:none;}




@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  @page  {
    margin: 0.5cm;
  }
  h2,
  h3 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid;
  }
  p {
    orphans: 3;
    widows: 3;
  }
  pre,
  blockquote {
    border: 1px solid #808080;
    page-break-inside: avoid;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
}
@media only screen and (min-width: 34.286em) {
/* 1 ROOT           ===================================================================500= */
/* 2 GRID           ===================================================================500= */
/* 3 HELPERS         ===================================================================500= */
/* 4 TYPOGRAPHY       ===================================================================500= */
/* 5 LINKS           ===================================================================500= */
/* 6 FIGURES & IMAGES     ===================================================================500= */
/* 7 TABLES         ===================================================================500= */
/* 8 FORMS & BUTTONS    ===================================================================500= */
/* 9 HEADER           ===================================================================500= */
/* 10 LOGO           ===================================================================500= */
/* 11 NAVIGATION      ===================================================================500= */
/* 12 BANNER         ===================================================================500= */
/* 13 ABOVE         ===================================================================500= */
/* 14 MAIN CONTENT       ===================================================================500= */
/* 15 COMPLEMENTARY     ===================================================================500= */

div.category_description{
  float: left;  width:100%;
  }
 
/* 16 BOTTOM         ===================================================================500= */
/* 17 FOOTER         ===================================================================500= */
/* 18 VENDOR-SPECIFIC     ===================================================================500= */
/* 19 JOOMLA SPECIFICS     ===================================================================500= */
/* 20 MODULE STYLES     ===================================================================500= */
}
/* 600px */
@media only screen and (min-width: 37.5em) {
/* 1 ROOT           ===================================================================600= */
/* 2 GRID           ===================================================================600= */
#container .row {
  padding:10px 10px 0;
  padding:1rem 1rem 0;
}
#container {padding-top:4.5em;}
/* 3 HELPERS         ===================================================================600= */

.mobile {
  display:none;
}
.desktop {
  display: inherit;
}
/* 4 TYPOGRAPHY       ===================================================================600= */
/* 5 LINKS           ===================================================================600= */
/* 6 FIGURES & IMAGES     ===================================================================600= */
/* 7 TABLES         ===================================================================600= */
/* 8 FORMS & BUTTONS    ===================================================================600= */

/* 9 HEADER           ===================================================================600= */
/* 10 LOGO           ===================================================================600= */
/* 11 NAVIGATION      ===================================================================600= */
#menu {
  position:absolute;
  width:100%;
  top:153px;
  right:0;
}
#menu.row {
  border-top:none;
  background:none;
}
nav ul.menu {
  float:right;
    margin-right:8px;
}
nav li {
  width:auto;
  margin:0;
}
nav li a {
  text-align:center;
  padding:0 .9em .5em;
  border:0;  
}
nav li a:nth-child(odd) {
  border-right:0;
}
/* 12 BANNER         ===================================================================600= */
/* 13 ABOVE         ===================================================================600= */
#aboveRow {
  border-bottom:1px solid #eee;
}
#aboveRow article {
  width:47.5%;
  margin-right:5%;
}
#aboveRow :nth-child(2n) article {
  margin-right:0;
}
/* 14 MAIN CONTENT       ===================================================================600= */
ul.galleries li {width:45%; float:left; margin-right:5%; list-style-type:none;}
ul.galleries li:nth-child(2n+1) {clear:left;}

/* 15 COMPLEMENTARY     ===================================================================600= */
#right article {
  width:47.5%;
  margin-right:5%;
}
#right :nth-child(2n) {
  margin-right:0%;
}
/* 16 BOTTOM         ===================================================================600= */
#bottomRow article {
  width:47.5%;
  margin-right:5%;
}
#bottomRow :nth-child(2n) article {
  margin-right:0;
}
/* 17 FOOTER         ===================================================================600= */
footer article {
  width:47.5%;
  margin-left:5%;
}
footer :nth-child(2n) article {
  margin-right:0;
}
/* 18 VENDOR-SPECIFIC     ===================================================================600= */
/* 19 JOOMLA SPECIFICS     ===================================================================600= */
/* 20 MODULE STYLES     ===================================================================600= */
#aboveRow article,
#right article,
#bottomRow article,
footer article {
  float:left;
}
#akeebasubs div.level {height:auto; width:45%;} /* width:45% for 600 and up, 100% for <600 */
#akeebasubs div.level-description {height:280px ;} /* 160px for 992, 220 for 768  280 for 600  auto for <600 */
p.level-title {height:3em;}
#joomdonation div.level {
    width: 91%;
    height:auto;
}
#joomdonation div.level-description {
  height:540px;} /* 390px for 992, 510 for 768, 540 for 600, 670 for <600 */
.akeeba-bootstrap .form-horizontal .controls {
    clear: none;
    float: left;
    margin-left: 10px;
}
.akeeba-bootstrap .form-horizontal div.control-group {text-align:right;}
.akeeba-bootstrap .form-horizontal div.control-group label[for="openstudio"],
.akeeba-bootstrap .form-horizontal div.control-group label[for="displayother"],
.akeeba-bootstrap .form-horizontal div.control-group label[for="sharestudio"],
.akeeba-bootstrap .form-horizontal div.control-group label[for="previewexhibition"],
.akeeba-bootstrap .form-horizontal div.control-group label[for="rarelyuseemail"]{position:relative; left:194px; text-align:left; width:320px; }
input#openstudio,
input#displayother,
input#sharestudio,
input#previewexhibition,
input#rarelyuseemail {position:relative; left:-160px; top:0;}

.input-prepend span.add-on {height:35px !important;}


}
/* 768px */
@media only screen and (min-width: 48em) {
/* 1 ROOT           ===================================================================768= */
body {
  position:relative;
}
/* 2 GRID           ===================================================================768= */
#container {padding-top:1.5em;}
/* 3 HELPERS         ===================================================================768= */

/* 4 TYPOGRAPHY       ===================================================================768= */
/* 5 LINKS           ===================================================================768= */
/* 6 FIGURES & IMAGES     ===================================================================768= */
/* 7 TABLES         ===================================================================768= */
/* 8 FORMS & BUTTONS    ===================================================================768= */
input,
textarea,
select {
  max-width: 360px;
}
form.formResponsive .formHorizontal .formControlLabel {width:180px;}
form.formResponsive .formHorizontal .formControls {margin-left:200px;}
.rsform-block-intro .formControlLabel {width:0 !important;}
.rsform-block-intro .formControls {margin: 1em 0 !important;}
/* 9 HEADER           ===================================================================768= */
/* 10 LOGO           ===================================================================768= */
#logoRow.row {
  padding:20px 0 30px;
  padding:2rem 0 3rem;
    padding:0 0 15px;
}
/* 11 NAVIGATION      ===================================================================768= */

/* 12 BANNER         ===================================================================768= */
/* 13 ABOVE         ===================================================================768= */
/* 14 MAIN CONTENT       ===================================================================768= */
aside#sidebar {
  width:30%;
  margin-left:5px 0 0 5%;
  float:right;
}
#right article {
  margin-right:0;
  width:100%;
}
#main {
  border-bottom:0;
  margin-bottom:0;
}
#main.mainLeft {
  width:65%;
  float:left;
}
/* 15 COMPLEMENTARY     ===================================================================768= */

div.main_images_wrapper {float:right !important; width: 270px; margin: 0 3% 0 0%;
    }
  
div.category_description{
  float: left;
  width: 55%;
  max-width:320px;
  margin-top:12px;
  }
/* historic artists should be full width */
  div#category_description1 {width:80%; max-width:80%;margin-left:10px;}  
  
  div.category_description img {display:block; margin:0;}
/* position contact info for member artists under thumbnails */
div.category_description {position:static;}
div.category_description div.copy {

    position: absolute;
    right: 30px;
    top: 728px;
    width: 260px;
}

/*  above rule is for artist profiles / historic artist articles.  Next rule is for sidebar content on historical profiles - a module placed in ignite category description with mods anywhere */
div.category_description div.custom {position:absolute; right:38px; width:260px; top:660px;}
  
/*  force historic gallery into 3 lines of 4 on ipads in portrait mode */
  div#cat_child_wrapper1 {max-width: 568px;}  

/* 16 BOTTOM         ===================================================================768= */
#bottomRow {
  border-top:1px solid #e5e5e5;
}
#bottomRow article {
  width:47.5%;
  margin-right:5%;
  margin-bottom:5%;
}
#bottomRow :nth-child(2n) article {
  margin-right:0;
}
/* 17 FOOTER         ===================================================================768= */
/* 18 VENDOR-SPECIFIC     ===================================================================768= */
/* 19 JOOMLA SPECIFICS     ===================================================================768= */
/* 20 MODULE STYLES     ===================================================================768= */
#akeebasubs div.level {height:auto; width:45%;} /* width:45% for 600 and up, 100% for <600 */
#akeebasubs div.level-description {height:220px ;} /* 160px for 992, 220 for 768  280 for 600  auto for <600 */
p.level-title {height:auto;}
  #joomdonation div.level-description {
    height:510px;} /* 390px for 992, 510 for 768, 540 for 600, 670 for <600 */
}
/* 992px */
@media only screen and (min-width: 62em) {
/* 1 ROOT           ===================================================================992= */
/* 2 GRID           ===================================================================992= */
/* 3 HELPERS         ===================================================================992= */
/* 4 TYPOGRAPHY       ===================================================================992= */
/* 5 LINKS           ===================================================================992= */
/* 6 FIGURES & IMAGES     ===================================================================992= */
/* 7 TABLES         ===================================================================992= */
/* 8 FORMS & BUTTONS    ===================================================================992= */
  .rsform-block-intro .formControlLabel {width:180px !important;}
.rsform-block-intro .formControls {margin: 1em 0 0 200px !important;}
/* 9 HEADER           ===================================================================992= */
/* 10 LOGO           ===================================================================992= */

#logoRow.row {
  padding:65px 0 60px;
  padding:6.5rem 0 6rem;
    padding:0 0 15px;
}
/* 11 NAVIGATION      ===================================================================992= */

#menu {
   
 
}
nav li {
  margin:0 0 0 0em;
}
nav li a {padding:0 1.8em .5em;}

nav li:first-child a {padding-left:0;}
nav li:last-child a {padding-right:0;}
/* 12 BANNER         ===================================================================992= */
/* 13 ABOVE         ===================================================================992= */

#aboveRow article {
  width:21.25%;
}
#aboveRow :nth-child(2n) article {
  margin-right:5%;
}
#aboveRow :nth-child(4n) article {
  margin-right:0;
}
/* 14 MAIN CONTENT       ===================================================================992= */
/* 15 COMPLEMENTARY     ===================================================================992= */
div.category_description{width: 63%;max-width:480px;}
  div#cat_child_wrapper1 {max-width: 100%;} 

/* position contact info for member artists under thumbnails */
 
div.category_description div.copy {position:absolute; top:728px; right:10px; width:280px; } 



/*  above rule is for artist profiles / historic artist articles.  Next rule is for sidebar content on historical profiles - a module placed in ignite category description with mods anywhere */
div.category_description div.custom {position:absolute; right:38px; width:260px; top:660px;}
/* 16 BOTTOM         ===================================================================992= */

#bottomRow article {
  width:30%;
}
#bottomRow :nth-child(2n) article {
  margin-right:5%;
}
#bottomRow :nth-child(3n) article {
  margin-right:0;
}
/* 17 FOOTER         ===================================================================992= */
/* 18 VENDOR-SPECIFIC     ===================================================================992= */
/* 19 JOOMLA SPECIFICS     ===================================================================992= */
/* 20 MODULE STYLES     ===================================================================992= */
#akeebasubs div.level {height:auto; width:45%;} /* width:45% for 600 and up, 100% for <600 */
#akeebasubs div.level-description {height:160px ;} /* 160px for 992, 220 for 768  280 for 600  auto for <600 */
#joomdonation div.level-description {
    height:390px;} /* 390px for 992, 510 for 768, 540 for 600, 670 for <600 */
}
/* 1382px */
@media only screen and (min-width: 86.375em) {
/* 1 ROOT           ==================================================================1382= */
/* 2 GRID           ==================================================================1382= */
/* 3 HELPERS         ==================================================================1382= */
/* 4 TYPOGRAPHY       ==================================================================1382= */
/* 5 LINKS           ==================================================================1382= */
/* 6 FIGURES & IMAGES     ==================================================================1382= */
/* 7 TABLES         ==================================================================1382= */
/* 8 FORMS & BUTTONS    ==================================================================1382= */
/* 9 HEADER           ==================================================================1382= */
/* 10 LOGO           ==================================================================1382= */
/* 11 NAVIGATION      ==================================================================1382= */
/* 12 BANNER         ==================================================================1382= */
/* 13 ABOVE         ==================================================================1382= */
/* 14 MAIN CONTENT       ==================================================================1382= */
/* 15 COMPLEMENTARY     ==================================================================1382= */
 

/* 16 BOTTOM         ==================================================================1382= */
/* 17 FOOTER         ==================================================================1382= */
/* 18 VENDOR-SPECIFIC     ==================================================================1382= */
/* 19 JOOMLA SPECIFICS     ==================================================================1382= */
/* 20 MODULE STYLES     ==================================================================1382= */

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
/* 1 ROOT           ==================================================================r1.5= */
/* 2 GRID           ==================================================================r1.5= */
/* 3 HELPERS         ==================================================================r1.5= */
/* 4 TYPOGRAPHY       ==================================================================r1.5= */
/* 5 LINKS           ==================================================================r1.5= */
/* 6 FIGURES & IMAGES     ==================================================================r1.5= */
/* 7 TABLES         ==================================================================r1.5= */
/* 8 FORMS & BUTTONS    ==================================================================r1.5= */
/* 9 HEADER           ==================================================================r1.5= */
/* 10 LOGO           ==================================================================r1.5= */
/* 11 NAVIGATION      ==================================================================r1.5= */
/* 12 BANNER         ==================================================================r1.5= */
/* 13 ABOVE         ==================================================================r1.5= */
/* 14 MAIN CONTENT       ==================================================================r1.5= */
/* 15 COMPLEMENTARY     ==================================================================r1.5= */
/* 16 BOTTOM         ==================================================================r1.5= */
/* 17 FOOTER         ==================================================================r1.5= */
/* 18 VENDOR-SPECIFIC     ==================================================================r1.5= */
/* 19 JOOMLA SPECIFICS     ==================================================================r1.5= */
/* 20 MODULE STYLES     ==================================================================r1.5= */


}



/* clean up front end ignite gallery editing and display */
div.toolbar-list li {border:0;}
#jform_remove_menu_image.radio input[type="radio"] {margin:10px 8px;}


.category_description {min-height:650px;}
.category_description h3 {margin-bottom:.5em;}
.copy p {margin-left:1em; text-indent:-1em;}
#adminForm fieldset input {font-size:14px;}


/* cut off ignite gallery after 6 thumbnails */
table.main_thumb_table tr+tr+tr+tr {display:none;}



/* hide category menu profile */
.body-container #jformprofile option+option+option {display:none;}
/* hide new category button on front end display */
.body-container li#toolbar-new {display:none;}

.body-container #toolbar li:nth-child(4) {display:none;} /* hides delete on categories page */
.body-container h2+#toolbar li:nth-child(4) {display:block;} /* brings back delete on manage images page */


/* hide "Artist Profile"  from History Category Description  and from Member Artist page*/
#category_description1 h3 {display:none;}
#category_description1 h3#top {display:block;}
#category_description1 span.artistHeading,
#category_description7 span.artistHeading {display:none;}


/* tweak member artists display to have tour participant logo appear top left of name h3 

#cat_child_wrapper7 h3.cat_child_h3 {position:relative; padding-right:10px;}
#cat_child_wrapper7 h3.cat_child_h3 img {position:absolute; top:0; left:90%;} */


/* fix map in Safari??? */
#GMMapTablecom_content_article_26_0_001_map td {vertical-align:top;}

/* get full vertical space for map */
.svgclippaths #main {padding-bottom:0;}
.svgclippaths #main article {margin-bottom:0;}