* { margin:0; padding:0; border:0; }
/* Main Tags */
body { /*! padding:28px 0; */ /* background: #fff url('/_images/background.png') left 100px no-repeat; */ 
  font-family: 'Hind', arial, sans-serif; font-size:16px; font-weight:normal; text-align:center; 
  /*! background: #fff url('/_images/vg-logo-circle.svg') left 100px no-repeat; */
  color: #000; height:100%; }
h1 { font-size:30px; /*! font-family:Georgia,"Times New Roman",serif; */ text-transform:uppercase; letter-spacing:1px; font-weight:bold; line-height: 30px;}
h2 { font-size:30px; text-transform:uppercase; letter-spacing:1px; font-weight:bold; /*! color:#666666; */ }
.clr,.spacer { clear:both; }
sup { vertical-align:0; }
a, a:hover { color: #986a4c; text-decoration:underline; }
p { margin-bottom:20px; }

/* Page Layout */
#page { margin:0 auto; max-width:980px; text-align:center; } /* rwd edit */
#pageone { margin:0 auto; max-width:600px; text-align:left; padding:0 8px 30px; }
#pageone li { margin:0 0 10px; }

.pagethird { width:33%; text-align:center; float:left; display:inline; padding:0 0 30px; } /* rwd edit */
.pagethird p { line-height:19px; }
#pagetop { padding:18px 0 11px 0; text-align:center; display:block; }
#pagetop a { color:#666666; text-decoration:none; }
#pagetop a:hover { color:#666666; text-decoration:underline; }

/* Header Tags */
/*div.navigation { position:fixed; width:100%; height:28px; background-color:#A16103; top:0; right:0; bottom:auto; left:0; }*/
div.navigation { position:relative; width:100%; height:28px; background-color:#A16103; }
#navcontainer { margin-left:auto; margin-right:auto; }
#navcontainer ul { list-style-type:none; text-align:center; position:relative; text-transform:uppercase; }
#navcontainer li { display:inline; text-align:center; }
#navcontainer li a { padding:4px 14px 0px 14px; /*! color:white; */ /*! font-size:16px; */ text-decoration:none; letter-spacing:1px; margin:0 10px; line-height:0; font-weight: 700;font-size: 30px;} /* rwd edit */
#navcontainer li a:hover { box-shadow: 0 0 0 3px black; color black; color: black;}

/* New Nav Code */
#navcontainer2 { margin-left:auto; margin-right:auto; }
#navcontainer2 ul { list-style-type:none; text-align:center; position:relative; text-transform:uppercase; }
#navcontainer2 li { display:inline; text-align:center; }
#navcontainer2 li a { padding:10px 16px 7px 16px; color:white; font-size:11px; text-decoration:none; letter-spacing:1px; margin:0 4px; line-height:29px; }
#navcontainer2 li a:hover { color:white; background-color:black; }

/* Home Page */
.evpromo, .evvv { display:inline; float:left; width:100%; }
/* .evpromo a, a:hover { color:white; } */

.ev50 { width:48%; padding:0 1%; }
.ev50 h4 { text-align:center; }
.ev100 { width:100%; }
.evvv { width:33%; text-align:center; line-height:14px; }
.evvv img { width:100%; }

.content { max-width:1800px; margin:auto;}

/* Artist Profile Page */
#left { width:33%; float:left; }
.artist-photo { float:right; padding:0 0 15px 15px; text-align:center; }
.artist-photo .artistphoto { float:right; padding:0; }
.artist-photo img { margin-bottom:5px; }
.nophoto { border:solid 1px #383838; padding:4px 6px; background:#1a1a1a; clear:both; }
#artist-text { margin:20px 10px 0 20px; }
#artist-text p { margin:0 0 10px 0; text-align:left; line-height:22px; }
#artist-title { text-align:center; margin:0 0 10px 0; flex: none;/*! display: inline-grid; */width: 100%;}
#right { float:left; width:51%; }
#thumbnails { padding:20px 0 30px 0; display: flex;flex-wrap: wrap;}
.thumbnail { /*! height:270px; */ /*! float:left; */ /*! width:12%; */ text-align:center; flex: 1 1 228px;padding-bottom: 16px;}
.thumbnail p { text-align:center; /* white-space:nowrap; */ padding:0 10px; margin:4px 0 0 0; font-size:14px; line-height:14px; }
.thumbnail a, a:hover { text-decoration:none; /*! color:white; */ }
.thumbnail img { border:1px solid black; width: 200px;height: 200px;}
.thumbnail a:hover img { border:1px solid #FC6; }

.sold { color:red;font-style:italic;font-weight:bold; font-size:10px; margin-top:-2px; display:block; }
.price { color:gray; font-size:10px; }

.splitxt  { width:25%; line-height:16px; }
.splitxt strong, strong { /*! font-size:15px; */font-weight:700; text-transform: uppercase;}
.splitbox { width:25%; height:250px; }
.spltitle { font-size:17px;font-weight:bold; }

/* Piece Template */
#piece-box { width:760px; margin:0 auto; padding:20px 0; }
#piece-button { width:100px; float:left; text-align:center; padding-top:150px; }
#piece-button p { margin:5px 0 0 0; }
#piece-button img { border:1px solid black; }
#piece-button a:hover img { border:1px solid #FFCC66; }
#piece-center { width:500px; float:left; text-align:center; margin:0 30px 20px 30px; }
#piece-center img { max-width:500px; max-height:480px; }
#piece-center p { margin:5px 0 0 0; }
.size { color:#777; font-size:11px; }

/* Featured Artists Index - RWD edits, + media queries below */ 
#artist-thumbnails { /*! max-width:971px; */ padding:20px 0; margin-left:auto; margin-right:auto; text-align:center; width: 90%;flex-wrap: wrap;display: flex;}
.artist-thumbnail { /*! width:14%; */ /*! height:270px; */ /*! float:left; */ text-align:center; flex: 1 1 232px;padding-bottom: 24px;}
.artist-thumbnail img { border:1px solid black; width: 200px;height: 200px;}
.artist-thumbnail a:hover img { border:1px solid #FC6; }
.artist-name { /*! font-family:Georgia, Times New Roman, Times, serif; */ /*! font-size:11px; */ text-align:center; margin:3px 0 0 0; text-transform:uppercase; }
.artist-name a  { text-decoration:none; color:#986a4c; }
.artist-name a:hover { text-decoration:underline; color:#963; }
.artist-info { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:center; }
.artist-image { margin:25px 0 10px 0; }
.new-artist { font-size:8px;margin-top:2px; }
#artist-index { margin-left:auto; margin-right:auto; padding:20px 0; text-align:center; }

/* Event Gallery */
.artist-name-gallery { font-family:Georgia, Times New Roman, Times, serif; font-size:11px; text-align:center; margin:3px 0 0 0; text-transform:uppercase; }
.artist-name-gallery a, a:hover { text-decoration:underline; color:#7A4903; }

 /* Text Tags */
.sub-title { /*! font-family:Georgia, "Times New Roman", Times, serif; */ font-size:20px; text-align:center; letter-spacing:1px; text-transform:uppercase; font-weight: 500;}
.text-center-nowrap { font-size:12px; text-align:center; white-space:nowrap; line-height:18px; }
.text-left { font-size:12px; text-align:left; line-height:18px; }

.homealert { color:red;font-size:13px;font-weight:bold;margin:16px 6px; }

.red { color:red; }
.gray { color:gray; }
.i { font-style:italic; }
.b { font-weight:bold; }
.sm { font-size:10px; }

/* Footer Tags */
/*div.footer { position:fixed; width:100%; height:28px; background-color:#7A4903; top:auto; right:0; bottom:0; left:0; font-size:12px; color:white; }*/
div.footer { position:relative; width:100%; height:28px; background-color:#7A4903; font-size:12px; color:white; }
div.footer a {  color:#FFCC66; }

#page a:hover { 
  text-decoration:none;
border-bottom: 1px solid black;
box-shadow: 0px -3px 0px black inset;
  color: black;
}

.divider { color:#B89E79; }
.box { display:inline-block; /* For Opera */ display:-moz-inline-box; /* For FF */ width:180px; text-align:left; /* to left align text within divs when container has been set to center */
vertical-align:top; /* For IE and Opera */ height:28px; }
* html .box {display:inline-block;} /* For IE */
* html .box {display:inline;} /* For IE */
.box div { width:180px; height:28px; } /* For FF */

/* Email Form Tags */
input { padding:3px; border:1px solid #7A4903; font:12px arial,sans-serif; }
select { padding:3px; border:1px solid #7A4903; font:12px arial,sans-serif; }
button { padding:3px; border:3px double white; background-color:#7A4903; color:white; font:12px arial,sans-serif; font-weight:bold; text-transform:uppercase; }
.button a { text-decoration:none; }

/* Old Text Tags */
.CopyRegText { font-size:12px; }
.CopyRegBold { font-weight:bold; }
.CopyBigBold { font-size:14px; font-weight:bold; }
.CopySmall { font-size:10px; }
.CopyTitleBold { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; }
.CopyArtistName { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; }
.CopySubTitleBold {	font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; }


.wide { width:inherit; padding:1px; border: 1px solid #A16103; font: 12px Helvetica,Arial,sans-serif; margin-bottom:5px; }
.tall { width:inherit; padding:1px; height:40px; border: 1px solid #A16103; font: 12px Helvetica,Arial,sans-serif; margin-bottom:5px; }

.row { width:100%; min-height:29px; }
.col-L { display:inline; float:left; font-weight:bold; color:white; text-align:right; font-size:12px; width:20%; padding-right:1%; }
.col-R { display:inline; float:left; width:79% }

#mlist { }
#rsvp { display:none; }


/* ------------------------- New CSS ------------------------- */



  #page { width:100%; max-width:1000px; }

  .flex-container { display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex;
    -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; 
    align-items:center; justify-content: center; 
  }
 
  .artwork { margin:0 auto; max-width:1360px; } 


  .flex-items-default, .homehalf { padding:1%; margin-left:auto; margin-right:auto; }

  .homehalf h3 { margin:37px 0 5px; }
  .h2a { width:38%; }
  .h2b { width:58%; }
  .h2a, .h2b { align-self:flex-start; }
  .homepromo { width:98%; }
  .hpa, .hpb, .hpc, .hpd { display:inline; float:left; }
  .hpa img, .hpb img, .hpc img, .hpd img { display:block; max-width:100%; margin:auto; }
  .hpa { width:37%; margin-right:4%; } 
  .hpb { width:59%; margin-bottom:4%; }
  .hpc { width:31%; margin-right:4%; }
  .hpd { width:24%; }
  .hh-newart { width: 98%; margin: 0 1%; line-height:22px; }

  .p3a, .p3b, .p3c { align-self:flex-start; }  
  .p3a { -webkit-box-ordinal-group:2; -moz-box-ordinal-group:2; -ms-flex-order:2; -webkit-order:2; order:2; }
  .p3b { -webkit-box-ordinal-group:3; -moz-box-ordinal-group:3; -ms-flex-order:3; -webkit-order:3; order:3; }
  .p3c { -webkit-box-ordinal-group:1; -moz-box-ordinal-group:1; -ms-flex-order:1; -webkit-order:1; order:1; }

  .gall .p3a { -webkit-box-ordinal-group:1; -moz-box-ordinal-group:1; -ms-flex-order:1; -webkit-order:1; order:1; }
  .gall .p3b { -webkit-box-ordinal-group:2; -moz-box-ordinal-group:2; -ms-flex-order:2; -webkit-order:2; order:2; }
  .gall .p3c { -webkit-box-ordinal-group:3; -moz-box-ordinal-group:3; -ms-flex-order:3; -webkit-order:3; order:3; }

  .flex-item-1, .flex-item-3 { max-width:140px; width:10%; align-self:flex-start; margin-top:0;  

flex: 1 auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
min-height: 75vh;
max-width:140px;

  }
  .flex-item-1 a, .flex-item-3 a { font-size:none; height:120px; }
  .flex-item-1 { }
  .flex-item-2 { /* max-width:1000px; */ width:68%; text-align:center; flex:1 auto; 


    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 75vh;

  }
  .flex-item-2 img { display:block; max-width:100%; margin:auto;  }
  .flex-item-2 p { text-align:center; }
  .flex-item-3 { }
  .flex-item-4 { text-align:center; flex:4 auto; padding:5px 0 0; width:100%; }
  .flex-item-4 div { font-size:20px;  }

  .flex-item-4 div.theartist { font-weight:bolder; font-size:24px; }
  .flex-item-4 div.thetitle { padding:0 5px; font-size:18px; }
  .flex-item-4 div.thesizes { color:gray; font-size:14px; }
  .flex-item-4 div.artistlink { padding:5px; font-size:12px; }

  .arrw { flex:0 auto; }
  .thmb { flex:0 auto; margin:0 5px; padding-top:8px; }

/*  #header { position:fixed; width:100%; height:28px; background:#8D5503; top:0; font-size:14px; color:white; }*/
  #header { position:relative; width:100%; /*! height:96px; */ /*! background:#8D5503; */ font-size:16px; /*! color:white; */ }
  #header div {  }

  div#left.artsub { width:50%; }

  .artistphoto { float:right; padding:0 0 15px 15px; max-width:160px; }

/*  #footer { position:fixed; width:100%; height:29px; background:#8D5503; bottom:-1px; font-size:12px; color:white; }*/
  #footer { position:relative; width:100%; height:250px; background:#8D5503; font-size:12px; color:white; }
  .foot-page { width:760px; margin:0 auto; padding-top: 32px;}
  .foot-logo, .foot-addy { display:inline; float:left; }
  .foot-logo { width:25%; }
  .foot-logo a, .fn-logo a { 
    background: transparent url('/_images/footer_logo.png') center center no-repeat;   
    background-image:-webkit-linear-gradient(transparent, transparent), url('/_images/vg-logo.svg');
    background-image:linear-gradient(transparent, transparent), url('/_images/vg-logo.svg');
    background-size:contain; max-width:100%; height:26px; display:block; 
  }

  .hh-logo { 
    background: transparent url('/_images/vg-logo-wide.png') center center no-repeat;   
    background-image:-webkit-linear-gradient(transparent, transparent), url('/_images/vg-logo-wide.svg');
    background-image:linear-gradient(transparent, transparent), url('/_images/vg-logo-wide.svg');
    background-size:contain; max-width:98%; height:120px; display:block; margin:16px 1% 0;
  margin-bottom: 30px;
    clear: both;
  }

  .foot-nav  { display:none; }
  .foot-addy { width:75%; padding-top:9px; }

  #artist-text p.vid { text-align:center; margin-bottom:20px; }
  .vid a { text-align:center; width:100%; font-size:12px;}




  @media only screen and (max-width:1024px) {

#navcontainer li a {

    padding: 4px 12px 0px;
  }

}



/* Chrome <= 28 Safari <= 7 Opera >= 14 */
   body { (;padding:40px 0 0;); } 
/*   #footer { (;position:fixed;); (;top:0;); }*/
   .flex-item-1,.flex-item-3 { (;height:inherit;); }
   .flex-item-4 { (;width:100%;); }
   .thmb, .arrw { (;display:none;); }

  .a3dgallery { width:84%; max-width:400px; margin:0 auto 24px; }
  .a3dgallery a { border:1px solid orange;display:block;text-decoration: none; padding-bottom:2px; }
  .a3dgallery img { width:100%;max-width:400px;border-bottom: 1px solid orange; }

  #artist-text .a3dgallery { margin:16px auto; }