/* Gallery */

#gallery { }
#gallery h1 { font-size: 24px; margin: 0px 0px 12px; }
#gallery h2 { font-size: 18px; margin: 0px 0px 12px; }

#gallery ul#sortable { display: inline; list-style: none; }
#gallery ul#sortable li.ui-state-default { width: 204px; height: 225px; padding: 15px 15px 20px; background: #ffe4fd; float: left; margin: 0px 6px 10px 0px; cursor: move; }
#gallery ul#sortable li.ui-state-highlight { width: 202px; height: 223px; padding: 15px 15px 20px; background: #e99ed5; float: left; margin: 0px 6px 10px 0px; cursor: move; border: 1px dashed #333; }
#gallery ul#sortable li.ui-state-default h3 { font-size: 12px; font-weight: bold; text-align: center; }
.img-swatch { border: 2px solid #666; }

#gallery .textInput { float: right; width: 250px; border: 1px solid #ccc; font-size: 18px; }
#gallery .submit { float: right; }

#gallery .choice { background: #ffe4fd; padding: 10px; margin: 0px 0px 10px; border: 1px solid #f192b3; overflow: auto; }
#gallery p { margin-bottom: 15px; }

#gallery blockquote { background: #e9f9f8; margin: 10px 10px 15px; padding: 10px; border: 5px double #ffe5f5; -moz-box-shadow: 1px 1px 3px #333; -webkit-box-shadow: 1px 1px 3px #333; box-shadow: 1px 1px 3px #333; }

#swatch-box { width: 215px; height: 560px; padding: 20px 20px 20px 0px; position: fixed; top: 185px; background: #e2e2e2; border-top: 5px solid #aaa; border-right: 5px solid #aaa; border-bottom: 5px solid #aaa; }
ul#swatch-box li.ui-state-default { width: 204px; height: 225px; padding: 15px 15px 20px; background: #ffe4fd; float: left; }
ul#swatch-box li.ui-state-default { }
ul#swatch-box li.ui-state-default h3 { font-size: 12px; font-weight: bold; text-align: center; }

.morebox { border: 1px solid #ccc; text-align: center; padding: 2px; clear: both; }

.facebook { margin: 0px 0px 10px; }

#galleryHead { margin-bottom: 20px; }
#colorForm { width: 310px; float: right; position: relative; right: 5px; bottom: 5px; }
.submitColor { float: right; height: 30px; width: 50px; }
.textInputColor { float: left; width: 250px; border: 1px solid #ccc; font-size: 18px; }