title: How to center gallery plugin in wordpress?
body: <p>I'm looking to edit my wordpress site. I installed a plugin called Huge IT Portfolio Gallery.</p>
  
  <p>I can't seem to center the Gallery images on the page. Everything is to the left. I've been messing with the CSS code with no success :(</p>
  
  <p><a href="http://melissaellsworth.com/portfolio/" rel="nofollow">http://melissaellsworth.com/portfolio/</a></p>
  
  <p>Above is the gallery plug in. And below is where I THINK the issue may be. This is my first post so please forgive me if I'm leaving anything out. I'd appreciate any help. Need a good portfolio for interviews!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>.art-sheet
  {
     background: #FFFFFF;
     -webkit-border-radius:7px;
     -moz-border-radius:7px;
     border-radius:7px;
     -webkit-box-shadow:4px 4px 12px 6px rgba(0, 0, 0, 0.42);
     -moz-box-shadow:4px 4px 12px 6px rgba(0, 0, 0, 0.42);
     box-shadow:4px 4px 12px 6px rgba(0, 0, 0, 0.42);
     border:1px solid #A50D0D;
     padding:8px;
     margin:-60px auto 0;
     position:relative;
     cursor:auto;
     width: 70%;
     min-width: 700px;
     max-width: 1344px;
     z-index: auto !important;
  }
  
  .art-layout-wrapper
  {
     width: 100%;
     vertical-align: top;
     margin: 0 auto;   
  }
  
  .art-content-layout
  {
     width: 100%;
     vertical-align: top;
     margin: 0 auto;
  }
  
  .art-content-layout-row 
  {
     width: 100%;
     vertical-align: top;
     margin: 0 auto;
     
  }
  
  
  .art-layout-cell
  {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     width: 100%;
     vertical-align: top;
     margin: 0 auto;
  }
  
  /* need only for content layout in post content */ 
  .art-postcontent .art-content-layout
  {
     border-collapse: collapse;
  }</code></pre>
  </div>
  </div>
  </p>