body{ font-family: Helvetica, Arial; font-size: 0.8em; }

/*      ----      */

.box{ padding: 8px; border: 1px solid #ededed; background-color: #fff; margin-bottom: 19px; text-align: left; float: left; position: relative; }
.box.full{ width: 621px; float: left; text-align: left; }
.box.center{ text-align: center; }
.box.half{ width: 291px; }
.box.half.first{ margin-right: 19px; }
.box.half.small .title{ font-size: 1.8em; margin-bottom: 20px; }
.box.half.article.small{ height: 200px; overflow: hidden; text-align: justify; position: relative; }
.box.half.article.small .the_rest{ position: absolute; bottom: 0; left: 0; height: 22px; background-color: #fff; width: 100%; text-align: center; font-size: 1.2em; font-weight: bold; padding: 5px 0; }
.box.half.article.small .the_rest:hover{ background-color: #69548a; color: #fff !important; }
.center_link{ display: block; margin: 0 auto; text-align: center; }
/*.box.stripe{ background: url('/images/intro_bg.png') #fff repeat-x; }*/
h1{ color: #421769; font-size: 2.0em; margin-bottom: 5px; }
h2{ color: #421769; font-size: 1.9em; height: 27px; padding: 4px 0 0 0; font-weight: bold; margin-bottom: 5px; }
h3{ font-size: 1.7em; margin-bottom: 10px; color: #421769; clear: both; overflow: hidden; padding-bottom: 2px; }
p{ margin-bottom: 5px; display: block; }
em{ font-style: italic; }
strong{ font-weight: bold; }
.alignleft{ float: left; margin-right: 10px; margin-bottom: 10px; }
.alignright{ float: right; margin-left: 10px; margin-bottom: 10px; }
.aligncenter{ text-align: center; }
.nounderline{ text-decoration: none; }
.clear{ clear: both; }
.button{ display: block; padding-left: 7px; background: url('/images/button_bg.png') 0 0 no-repeat; height: 31px; color: #fff; font-weight: bold;  }
.button span{ padding-right: 7px; background: url('/images/button_bg.png') 100% 0 no-repeat; height: 100%; display: block; color: #fff; }
.button:hover{ background: url('/images/button_bg.png') 0 -31px no-repeat; }
.button:hover span{ background: url('/images/button_bg.png') right -31px no-repeat; }
.instructions{ background-color: yellow; text-align: center; font-size: 1.2em; margin-bottom: 5px; }
.loading_icon{ position: relative; top: 2px; left: -2px; }
.pagination{ margin: 0 auto; text-align: center; font-size: 1.1em; margin-bottom: 19px; }
.pagination a{ border: 1px solid #ccc; padding: 2px 5px; color: #5c38ba; font-weight: bold; }
.pagination a:hover{ color: #2b1a57; background-color: #efefef; }
.required{ color: #ff0000; font-weight: bold; }

#partners ul li{ border-bottom: 1px solid #ccc; margin-bottom: 15px; float: left; clear: both; }

#event_map #map{ width: 100%; height: 200px; }

.search_logo{ width: 75px; padding: 3px; background-color: #efefef; }

.message{ width: 80%; margin: 15px auto; float: none; font-size: 1.4em; font-weight: bold; text-align: left; padding-left: 45px; }
.message.small{ float: left; margin: 5px 0; font-size: 1em; padding: 3px 0 2px 25px; width: 85%; line-height: 1.6em; }
.message .issues{ padding-left: 10px; margin-left: 5px; font-size: 0.8em; line-height: 1.5em; border-left: 1px dotted #ccc; }
.message .issues li{ margin-left: 15px; list-style: circle; }
.message.error{ background: url('/images/icon_error.png') 5px 8px no-repeat; background-color: #ffaba5; border-color: #ff8e8b; color: #a83d41; }
.message.error a{ color: #5f3f3e; }
.message.error.small{ background: url('/images/icon_error_small.png') #ffaba5 5px no-repeat; }
.message.error .issues{ border-color: #c3807e; color: #895a58; }
.message.error .issues a{ color: #644040; }
.message.error .issues a:hover{ color: #4b3030; }
.message.warning{ background: url('/images/icon_warning.png') 5px 8px no-repeat; background-color: #fdffc1; border-color: #e6e69e; color: #787852; }
.message.warning.small{ background: url('/images/icon_warning_small.png') #fdffc1 5px no-repeat; }
.message.warning .issues{ color: #484731; border-color: #d0d092; }
.message.warning .issues a{ color: #353524; }
.message.warning .issues a:hover{ color: #1d1d14; }
.message.success{ background: url('/images/icon_success.png') 5px 8px no-repeat; background-color: #e2ffe5; border-color: #c5dec8; color: #5f8561; }
.message.success.small{ background: url('/images/icon_success_small.png') #e2ffe5 5px no-repeat; }
.message.success .issues{ color: #3c553e; border-color: #b9d3be; }
hr{ border: 1px solid #ededed; border-bottom: 0; border-right: 0; border-left: 0; width: 99%; margin: 15px auto 5px; clear: both; }
.message.success .issues a{ color: #223023; }
.message.success .issues a:hover{ color: #151e16; }

form{ float: left; width: 100%; }
form label{ float: left; width: 99.5%; clear: both; padding: 5px 0; color: #420d80; font-size: 1.2em; }
form label.half{ width: 50%; clear: none; }
form label.half input{ width: 96.5%; }
form label input{ clear: both; width: 99%; padding: 5px 0; font-size: 1.2em; color: #555; border: 1px solid #dddddd; border-top-color: #aaaaaa; font-weight: normal; }
form label textarea{ width: 100%; border: 1px solid #dddddd; border-top-color: #aaaaaa; }
input.gray{ border: 1px solid #bbbbbb; background-color: #f3f1f1; padding: 2px; }
input.gray.inactive{ font-style: italic; font-weight: normal; color: #aeaeae; }
a.referral{ color: #420d80; text-decoration: none; float: left; width: 100%; }
a.referral:hover{ color: #6a0ccc; }

#new_event .button{ width: 150px; text-align: center; margin: 10px auto; text-decoration: none; color: #fff; }
#new_event .button span{ font-size: 1.1em; line-height: 2.2em; }

/*      ----      */

#wrapper{ width: 950px; margin: 0 auto; }

/*      ----      */

#toolbar{ float: left; width: 100%; text-align: right; padding: 10px 0; }
#toolbar .menu{ float: right; }
#toolbar .menu li{ float: left; }
#toolbar .menu li a{ color: #000; display: block; padding: 3px 20px 0 20px; background: url('/images/bullet.png') 8px right no-repeat; }
#toolbar .menu li a.last{ background: none; }
#toolbar .menu li a:hover{ text-decoration: none; }
#toolbar .menu li a.highlight{ font-weight: bold; color: #3d1467; }

#toolbar .menu form{ float: left; }
#toolbar .menu form input.search{ background: url('/images/search_icon.png') #fffe3c right no-repeat; width: 170px; border: 1px solid #d8cf69; padding: 2px 2px; color: #000; }
#toolbar .menu form input.search.inactive{ color: #aaa353; }
#toolbar .menu li.social a{ background: none !important; padding: 0 5px; }

/*      ----      */

#header{ float: left; width: 100%; background: url('/images/header_bg.png') repeat-x; height: 88px; }
#header .logo{ width: 266px; height: 78px; float: left; background: url('/images/logo_large.png') no-repeat; margin: 3px 0 0 10px; overflow: hidden; text-indent: -1000px; }
#header .menu{ float: right; font-size: 1.1em; margin-top: 35px; }
#header .menu li{ float: left; height: 20px; margin: 0 20px; padding-left: 9px; }
#header .menu li.active a{ color: #fff; }
#header .menu li a{ display: block; font-weight: bold; text-decoration: none; color: #cacaca; height: 20px; float: left; padding: 2px 9px 0 0; }
#header .menu li a:hover{ text-decoration: underline; background: url('/images/active_nav_bg.png') 100% 0 no-repeat; color: #acacac; }
#header .menu li:hover{ background: transparent url('/images/active_nav_bg.png') 0 0 no-repeat; }

.manage_image{ position: relative; margin-right: 5px; float: left; margin-bottom: 5px; }
.manage_image .toolbar{ position: absolute; width: 100%; height: 100%; background-color: #efefef; text-align: center; font-size: 5em; z-index: 10; line-height: 0.5em; display: none; }
.manage_image .toolbar a{ color: #ff0000; text-decoration: none; font-weight: bold; }
.manage_image .toolbar a:hover{ color: #9c1a13; }
.loading{ position: absolute; width: 100%; height: 100%; text-align: center; z-index: 20; background: #999 url('/images/image_loading.gif') center no-repeat; display: none; }
.manage_image .toolbar .caption{ width: 100%; top: 100%; left: auto; background-color: #ccc; position: absolute; text-align: center; font-size: 0.17em; z-index: 10; line-height: 1.5em; padding: 5px 0; }
.manage_image .toolbar .caption p{ float: left; padding: 0; margin: 0; width: 100%; text-indent: 0; }
.manage_image .toolbar .caption a{ color: #0000ff	; }

/*      ----      */

#content{ float: left; width: 100%; margin-top: 20px; }
#content a{ color: #69548a; }

/*      ----      */

#left{ float: left; width: 637px; margin-right: 19px; color: #5e5e5e; font-size: 1em; line-height: 2.3em; }

#intro{ position: relative; margin-bottom: 19px; text-align: left; float: left; width: 621px; height: 304px; line-height: 1.9em; overflow: hidden; }
#welcome{ position: absolute; z-index: 20; width: 96%; color: #fff; font-size: 1.1em;  background: url('/images/slideshow/transparent_bg.png'); padding: 2%; bottom: 10px; }
#intro h1{ float: left; clear: both; font-size: 2.2em; width: 100%; margin-bottom: 5px; padding-bottom: 0; position: relative; color: #c5b0d9; }
#welcome a{ color: #946bd8; }
#welcome p{ font-size: 0.7em; font-weight: normal; }
h2.stripe{ margin-top: 2px; margin-bottom: 5px; letter-spacing: 0.05em; color: #421769; }
/*#decoration{ position: absolute; height: 46px; width: 8px; background: url('/images/intro_decoration.png') no-repeat; left: -8px; top: 0; }*/
#intro p{ line-height: 1.7em; font-size: 1em; }

#search{ margin-right: 19px; }
#search label{ font-size: 0.9em; }
#search label.half{ width: 48.5%; margin: 0 1%; }
#search h3{ margin-bottom: 0; padding: 0; font-size: 1.7em; }
#search .button{ width: 200px; margin: 10px auto 5px auto; font-size: 1.2em; text-decoration: none; text-align: center; color: #fff !important; line-height: 2em }
#search .button span{ color: #fff; }
#search input{ font-size: 1em; background-color: #efefef; padding: 3px 0 3px 3px; }

#slideshow{ width: 637px; height: 390px; overflow: hidden; text-align: left; position: absolute; top: 0; left: 0; z-index: 0; }
#slideshow .gallery{ width: 100%; height: 100%; margin: 0 auto; position: relative; }

#newsletter{ width: 619px; }

.shop_info{ line-height: 1.2em; font-size: 1em; padding: 0; margin: 0; height: 75px; text-align: center; }
.shop_info h2{ color: #000; font-size: 1.3em; margin-bottom: 0; padding-bottom: 0; font-weight: bold; }
.shop_info .button{ margin-top: 10px; font-size: 1.2em; text-decoration: none; line-height: 2em; color: #fff; }

#reset .button{ width: 200px; margin: 0 auto; font-size: 1.2em; text-decoration: none; text-align: center; margin-top: 10px; }

.article{ float: left; width: 283px; padding: 8px; font-size: 0.9em; line-height: 2em; text-align: justify; color: #5e5e5e; }
.article .title{ font-size: 2.4em; float: left; width: 100%; margin-bottom: 5px; text-decoration: none; color: #330e62; }
.article img{ padding: 5px; border: 1px solid #ededed; }
.article p{ margin-bottom: 19px; }
.article .post_footer{ float: left; width: 100%; padding: 2px 0; background-color: #efefef; font-size: 0.9em; }
.article .post_footer .post_info{ float: right; color: #999; margin-right: 10px; }
.article .post_footer .share{ float: left; margin-left: 10px; }
.article .post_footer .share img{ border: none; padding: 0; float: left; position: relative; top: 2px; }
.article .caption{ float: left; width: 100%; clear: both; }
.article ul{ margin-left: 15px !important; list-style: circle; }
.article ul.alignleft{ margin-right: 30px; }
.article ul li{ list-style: circle; margin-left: 15px; }
.article h3{ clear: none }
.article .alignleft{ margin-right: 25px; }

#drawing .bag{ float: left; position: relative; top: -25px; }
#drawing form{ float: right; width: 220px; }
#drawing form .button{ width: 52px; float: right; font-size: 0.85em; text-decoration: none; position: relative; top: -4px; }
#drawing form .button span{ padding-top: 9px; height: 22px; }
#drawing form #email{ float: left; margin-right: 2px; width: 148px; }
#drawing p{ font-size: 0.85em; }

/*      ----      */

#register .button, #login .button{ width: 250px; text-align: center; text-decoration: none; font-size: 1.4em; margin: 15px auto; color: #fff; line-height: 1.1em; }
#register .button span, #login .button span{ padding-top: 5px; height: 26px; color: #fff; }

#forgot .button{ width: 300px; text-align: center; text-decoration: none; font-size: 1.4em; margin: 5px auto; color: #fff; }

#why_member{ font-size: 0.9em; line-height: 1.7em; padding: 2%; margin: 2%; float: left; width: 94%; border: 1px solid #ccc; background-color: #efefef; display: none; }
#why_member ul{ list-style: disc; }
#why_member ul li{ list-style: disc; margin-left: 20px; margin-bottom: 5px; }

#shops #map{ width: 100%; height: 550px; }
.details{ line-height: 1.5em; }
.details ul{ list-style: circle; margin-left: 20px; }
.details ul li{ list-style: circle; margin-left: 5px; }
.details .gallery_thumbnail{ border: 2px solid #d3d8e0; float: left; margin-right: 4px; margin-bottom: 5px; }
.details .gallery_thumbnail:hover{ border-color: #644b98; }
.details #map{ width: 100%; height: 150px;}

#images a.gallery_thumbnail{ background-color: #efefef; padding: 5px !important; float: left; margin: 5px; }

/*      ----      */

#right{ float: right; width: 292px; }
#right .box{ width: 276px; text-align: center; }

#right .ad{ width: 118px; }
#right .ad.first{ margin-right: 19px; }
#right .ad.large{ width: 275px; }

#social .icon{ margin-right: 10px; } 

.admin_bar{ float: left; width: 100%; background-color: #efefef; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.admin_bar .actions{ float: left; }
.admin_bar .actions li{ float: left; margin-left: 10px; }
.admin_bar .actions li a{ font-weight: bold; font-size: 0.9em; color: #5326a8; text-decoration: none; }
.admin_bar .actions li a:hover{ text-decoration: underline; color: #36196d; }

/*      ----      */

.small_calendar{ text-align: center; color: #999; }
.small_calendar h3{ margin-bottom: 2px; }
.small_calendar .title{ font-weight: bold; font-size: 1.2em; margin-bottom: 5px; display: block; color: #9d9d9d; }
.small_calendar .title:hover{ text-decoration: none; border: none; background: #fff; }
.small_calendar table{ float: left; width: 100%; }
.small_calendar table td{ border: 1px solid #ededed; height: 32px; width: 32px; font-size: 0.8em; text-align: right; vertical-align: top; padding: 1px; overflow: hidden; }
.small_calendar table thead tr td{ text-align: center; font-size: 0.8em; color: #8d8d8d; height: 10px; border: none; }
.small_calendar table a{ display: block; width: 97%; height: 27px; color: #999; text-decoration: none; }
.small_calendar table a:hover{ background-color: #efefef; color: #000; border: 1px solid #000; }
.small_calendar table a.half{ width: 97%; float: left; clear: both; height: 16px; }
.small_calendar table a.half:hover{ border: none; }
.small_calendar a.Events{ background-color: #c49fff; }
.small_calendar table a.Events:hover{ background-color: #8772c2; }
.small_calendar a.Sales{ background-color: #ebe462; }
.small_calendar table a.Sales:hover{ background-color: #bab44e; }
.small_calendar #key{ float: left; width: 100%; text-align: left; margin-top: 10px; font-size: 0.8em; line-height: 1.9em; font-weight: bold; }
.small_calendar #key .key_box{ display: block; width: 20px; height: 20px; float: left; clear: left; margin-right: 5px; }
.small_calendar #key .key_entry{ float: left; margin-right: 10px; }
.small_calendar #key .view_all{ float: right; }

#big_calendar{ float: left; width: 100%; }
#big_calendar td{ border: 1px solid #ededed; height: 70px; width: 70px; font-size: 1em; text-align: right; vertical-align: top; padding: 1px; line-height: 1em; }
#big_calendar thead{ text-align: center; font-weight: bold; border-bottom: 1px solid #ccc; }
#big_calendar thead tr td:hover{ background-color: #fff; }
#big_calendar thead tr td{ height: 20px; text-align: center; border: none; }
#big_calendar .day_number{ margin-bottom: 5px; width: 100%; display: block; color: #999; text-decoration: none; font-size: 0.8em; }
#big_calendar .day_number:hover{ text-decoration: underline; }

/* Event Types */
#big_calendar span.sales{ color: #d9dd2f; }
#big_calendar span.events{ color: #c49fff; }

#big_calendar .event_type:hover{ text-decoration: underline; }
#big_calendar .day_link{ display: block; text-align: center; font-size: 1.3em; width: 100%; height: 100%; line-height: 1.2em; font-weight: bold; text-decoration: none; }

.trunk-show{ color: #4835b4; }
.trunk-show:hover{ color: #2d2170; }

.fashion-show{ color: #42863d; }
.fashion-show:hover{ color: #264d23; }

.party{ color: #ba863f; }
.party:hover{ color: #745327; }

.item_list{ float: left; margin-right: 10px; margin-bottom: 10px; }

.shop_name{ font-weight: bold; font-size: 1.2em; }
a.shop_name:hover{ color: #5524b0; }

.album{ float: left; padding: 8px; background-color: #efefef; margin-right: 10px; margin-bottom: 10px; }
.album img{ border: 1px solid #ccc; text-decoration: none; }
.album .title{ width: 100%; text-align: center; text-decoration: none; font-size: 1.2em; background-color: #f6f6f6; float: left; color: #333; font-weight: bold; }
.album .title:hover{ background-color: #e2e2e2; color: #2d1b5a; }

.album .admin_container{ float: left; width: 100%; position: relative; overflow: hidden; }
.album .admin_container .actions{ position: absolute; top: 0; left: auto; width: 100%; background-color: #ccc; border-bottom: 1px solid #999; font-size: 0.9em; display: none; }
.album .admin_container .actions ul{ float: left; }
.album .admin_container .actions ul li{ float: left; margin-left: 15px; }
.album .admin_container .actions ul li a{ font-weight: bold; text-decoration: none; }
.album .admin_container .actions ul li a:hover{ text-decoration: underline; }
.album .admin_container .actions ul li a.delete{ color: #cf2323; }
.album .admin_container .actions ul li a.delete:hover{ color: #631111; }

ul.actions li a.delete{ color: #cf2323; }
ul.actions li a.delete:hover{ color: #631111; }

#user_list{ float: left; width: 100%; height: 250px; overflow-y: auto; }
#user_list table{ float: left; width: 100%; }
#user_list table th{ font-weight: bold; background-color: #efefef; }

/*      ----      */

.previous_month{ float: left; font-size: 0.9em; font-weight: bold; color: #999; }
.next_month{ float: right; font-size: 0.9em; font-weight: bold; color: #999; }
.previous_month:hover{ color: #000; }
.next_month:hover{ color: #000; }

/*      ----      */

#upload_button{ float: left; clear: both; text-align: center; }

/*      ----      */

#footer{ width: 100%; float: left; height: 29px; margin-bottom: 5px; background: url('/images/footer_bg.png') repeat-x; }
#footer .menu{ float: left; font-size: 1em; margin-top: 7px; }
#footer .menu li{ float: left; }
#footer .menu li a{ text-decoration: none; padding: 5px 15px; color: #cacaca; }
#footer .menu li a:hover{ text-decoration: underline; color: #acacac }
#footer .logo{ float: right; width: 110px; height: 29px; overflow: hidden; text-indent: -1000px; background: url('/images/logo_small.png') no-repeat; margin-right: 5px; }

/*      ----      */

#copyright{ width: 100%; float: left; text-align: right; font-size: 0.7em; color: #6d6d6d; }