
ul.gallery_center {list-style-type: none; padding: 0; margin: 0 auto; width: 250px;}
ul.gallery_center li {display: inline; width: 110px; height: 110px; float: left;}
ul.gallery_center li a {display: block; width: 100px; height: 100px; text-decoration: none; padding: 4px; border: 1px solid #fff;}
ul.gallery_center li a:hover,
ul.gallery_center li a:active,
ul.gallery_center li a:focus {white-space: normal; border-color: #000; outline: 0;}

ul.gallery_center li a img {width: auto; height: auto; border: none; text-decoration: none;}/*WAS: width: 100px; height: 100px;*/
ul.gallery_center li a img,
ul.gallery_center li a:link img,
ul.gallery_center li a:hover img,
ul.gallery_center li a:active img,
ul.gallery_center li a:focus img {text-decoration: none !important; border: none !important;}

.width300 {width: 300px;}
.width325 {width: 325px;}
.width350 {width: 350px;}

.coming {width: 90px; height: 90px; margin: 0; padding: 0; font: 1em Georgia, Times, serif; text-align: center; background: #ffffff; border: 1px solid #000000;}


/*
#info {position: relative; z-index: 10;}
a, a:visited, a:hover, a:active {}

#gallery {width: 750px; position: relative;}
#gallery .default {position: absolute; left: 89px; top: 53px; border: 1px solid #888; z-index: -1;}

#gallery ul {list-style: none; padding: 0; margin: 0; width: 180px; float: right;}
#gallery ul li {display: inline; width: 60px; height: 60px; float: left;}
 
#gallery ul li a {display: block; width: 50px; height: 50px; text-decoration: none; padding: 4px; border: 1px solid #fff;}
#gallery ul li a img {width: 50px; height: 50px; border: 0;}
 
#gallery ul li a:hover, #gallery ul li a:active, #gallery ul li a:focus {white-space: normal; border-color: #000; outline: 0;}

#gallery ul li a b {position: absolute; left: -9999px; display: block; width: 570px; height: 360px; background: #fff;}

#gallery ul li a:hover b {position: absolute; left:0; top: 5px; z-index: 100;}
#gallery ul li a:active b, #gallery ul li a:focus b {position: absolute; left: 0; top: 5px;}
 
#gallery ul li a b i {display: block; width: 570px; height: 360px; text-align: center; display: table-cell; vertical-align: middle;}
#gallery ul li a b i img {width: auto; height: auto; border: 1px solid #888;}
 

<!--[if lte IE 7]>
#gallery .default {top:55px;}
#gallery ul li a b {text-align:center; z-index:-1;}
#gallery ul li a b span {display:block; width:0; height:100%; display:inline-block; vertical-align:middle;} 
#gallery ul li a b img {margin:0 auto; display:inline-block; vertical-align:middle;}
<![endif]-->
*/



table#artwork td>div a,
table#postgrad td a,
table#grad a,
table#undergrad td>div a,
table#realistic td>div a,
table tr td a img {text-decoration: none; border: none; background-color: none;}

table {margin: 0 auto; background-color: transparent;}
caption {caption-side: top; margin: 0; padding: 5px 0; font: bold 1.6em Arial, Verdana, sans-serif; color: #ffffff; text-align: center;}
td {vertical-align: middle; text-align: center;}
td img {border: 1px solid #000000;}



table#artwork {margin-top: 40px}
table#artwork td>div {width: 82px; height: 82px; padding: 8px; margin: 0; background: #ffffff; border: 1px solid #000000;}/* artwork: 3@80w(110)=330 / 2@80w(110)=220 */


table#postgrad {margin-top: 40px}/*postgrad*/
table#postgrad td img.left {margin-right: 10px;}


table#grad {margin: 0 auto; background: #ffffff;}/* graduate: 100w(105)+coming(105)+coming(105); 6-20-10: Only image is 'Personal'=100w x 124h - (flamingos) */
table#grad caption {caption-side: top; margin: 0; padding: 5px 0; font: bold 1.6em Arial, Verdana, sans-serif; color: #000000; text-align: center;}
#content table#grad img {border: 1px solid #000000;}
#content table#grad a img,
#content table#grad a:link img,
#content table#grad a:visited img,
#content table#grad a:hover img,
#content table#grad a:active img {text-decoration: none; border: none;}


table#undergrad {margin-top: 90px}
table#undergrad td>div {width: 82px; height: 82px; padding: 8px; margin: 0; background: #ffffff; border: 1px solid #000000;}/* undergrad(3): coming(105) + 80(110) + coming(105) = 320 */

table#realistic {margin-top: 90px}
table#realistic td>div {width: 77px; height: 77px; padding: 8px; margin: 0; background: #ffffff; border: 1px solid #000000;}/* realistic: 3@75w(105)=315 / 2@75w(105)=210 */

.transparent {background: transparent;}

/*EX:img80w+18=98wTimg+div10margin=108+2border=110;110x3=330px;110x2=220 - EX: img75w+18=93wTimg+div10margin=103+2border=105;105x3=315; 105x2=210*/
/*img75w:flamingos(8),realistic(3) / img80w:artwork(5)*/

#flamingos  {padding: 4px 15px;}
.thumbnail {float:left;width:80px;margin:0 15px 15px 0;padding:5px;border:1px solid #999;}

/*
MFA Show
  <li>1. <a href="http://www.drawingself.com/artwork/graduate/3rdyear/mfa/personal.html">Personal</a></li>
  <li>2. <a href="http://www.drawingself.com/artwork/graduate/3rdyear/mfa/so.html">So?</a></li>
  <li>3. <a href="http://www.drawingself.com/artwork/graduate/3rdyear/mfa/fun.html">Fun</a></li>
  <li>4. <a href="http://www.drawingself.com/artwork/graduate/3rdyear/mfa/know.html">Know</a></li>
  <li>5. <a href="http://www.drawingself.com/artwork/graduate/3rdyear/mfa/ok.html">Ok</a></li>
  <li>6. <a href="http://www.drawingself.com/artwork/graduate/3rdyear/mfa/punch.html">Punch</a></li>
  <li>7. <a href="http://www.drawingself.com/artwork/graduate/3rdyear/mfa/big.html">Big</a></li>
  <li>8. <a href="http://www.drawingself.com/artwork/graduate/3rdyear/mfa/trip.html">Trip</a></li> 
  <li>9. <a href="http://www.drawingself.com/artwork/graduate/3rdyear/patience.html">Patience</a></li>
  <li>10. <a href="http://www.drawingself.com/artwork/graduate/3rdyear/mine.html">Mine</a></li>
  <li>11. <a href="http://www.drawingself.com/artwork/graduate/3rdyear/indifference.html">Indifference</a></li>
  <li>12. <a href="http://www.drawingself.com/artwork/graduate/3rdyear/dare.html">Dare</a></li> 
  <li>13. <a href="http://www.drawingself.com/artwork/graduate/3rdyear/peculiar.html">Peculiar</a></li>
  <li>14. <a href="http://www.drawingself.com/artwork/graduate/3rdyear/fool.html">Fool</a></li>
Realistic
  <li><a href="http://www.drawingself.com/artwork/realistic/dr_willie.html">Willie Nelson</a></li>
  <li><a href="http://www.drawingself.com/artwork/realistic/dr_bri.html">Briana</a></li>
  <li><a href="http://www.drawingself.com/artwork/realistic/dr_chr.html">Christina Aguilera</a></li>
Flamingos
  <li><a href="http://www.drawingself.com/artwork/flamingos/group.html">Group</a></li>
  <li><a href="http://www.drawingself.com/artwork/flamingos/maintwo.html">Main Two</a></li>
  <li><a href="http://www.drawingself.com/artwork/flamingos/chiclady.html">Chic Lady</a></li>
  <li><a href="http://www.drawingself.com/artwork/flamingos/headphones.html">Headphones Guy</a></li>
  <li><a href="http://www.drawingself.com/artwork/flamingos/winecouple.html">Wine Couple</a></li>
  <li><a href="http://www.drawingself.com/artwork/flamingos/family.html">Family Table</a></li>
  <li><a href="http://www.drawingself.com/artwork/flamingos/boats.html">Boats</a></li>    
  <li><a href="http://www.drawingself.com/artwork/flamingos/bar.html">Bar</a></li>
  <li><a href="http://www.drawingself.com/artwork/flamingos/night.html">Night Version</a></li>
*/


