/* $Id: markup.css 145 2009-09-06 20:41:27Z bruceb $ */

/* Palette:
  Blues:
    #238 blue
    #48A china blue
    #668 dark periwinkle/lavender
    #BCC light sea foam
    #DEE pale blue

  Reddish:
    #930 red
    #863 dull copper

  Greens:
    #471 green
    #784 under leaf
    #996 olive

  Yellows:
    #B80 dull yellow-orange
    #A83
    #A96 dark khaki

  Neutrals:
    #331 deep army
    #553 med army
    #887 greenish slate
    #EED greenish cream
    #FFE cream (don't use?)
*/

html, body { background-color: #887; color: #331; }

body, p, ol, ul, td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size:   11px;
    line-height: 16px;
}

a:link { color: #331; text-decoration: none; border-bottom: 1px dotted #930; }
a:visited { color: #331; text-decoration: none; border-bottom: 1px dotted #996; }
a:hover { color:#471; background: none; border-bottom: 1px solid #48A; }
a:active { color:#B80; background: none; border-bottom: 1px solid #48A; }

a.plain:link, a.plain:visited, 
a.plain:hover, a.plain:active { border-bottom: 0px solid transparent; }

h1 {
    color: #553;
    font-family: Georgia, serif;
    font-size: 22px;
}

h2 {
    color: #863;
    font-size: 16px;
}

h3 {
    color: #48A;
    font-family: Georgia, serif;
    font-size: 12px;
}

div#left-column h4, div#right-column h4 { color: #553; }
div#left-column h5, div#right-column h5 { color: #eed; }

pre {
  background-color: #EED;
  padding: 10px;
  font-size: 11px;
}

.transparent, div#mid-column fieldset.transparent, div#mid-column fieldset.person_location {
    border: none;
    background: none;
}

.required {
    color: #471;
    font-size: 9px;
}

.required_alert {
    color: #930;
    font-size: 9px;
}

div#mid-column fieldset.transparent legend {
    padding-left: 0;
    margin-left: 0;
}

#quick-results div.visual {
    border-top: 3px solid #553;
    border-bottom: 2px solid #553;
    background-color: #331;
}

#quick-results div.visual ul {
    font-size: 9px;
    color: #B80
}

#quick-results div.visual h3 {
    color: #887;
    font-size: 10px;
    margin-top: 0.5em;
}

div.top ul, div.footer ul, 
fieldset.artwork_details ul, 
fieldset.career_details ul, 
ul.checkbox_list, 
#left-column ul, #right-column ul {
    list-style: none;
}

div.top ul.affiliate_nav {
    background-color: #331;
    font-weight: bold;
    font-size: 9px;
}

div.top div#top-frame {
    border-bottom: 2px solid #863;
}

div.top ul.main_nav {
    font-weight: bold;
    font-size: 11px;
}

div.top ul.main_nav a:link, div.top ul.main_nav a:visited { color: #EED; text-decoration: none; border-bottom: 1px dotted #FFE; }
div.top ul.main_nav a:hover { color:#930; background: none; border-bottom: 1px solid #930; }
div.top ul.main_nav { color: #EED; }

div.top {
    background-color: #A83;
}

div.top ul.affiliate_nav, div.top ul.affiliate_nav a, div.top ul.affiliate_nav a:link, div.top ul.affiliate_nav a:visited {
    color: #887;
    text-decoration: none;
    border: none;
}

div.top ul.affiliate_nav a:hover {
    color: #EED;
    text-decoration: underline;
    background: none;
}

div.top ul.affiliate_nav li form fieldset input {
    color: #EED;
    background-color: #553;
    border-color: #887;
}
div.top ul.affiliate_nav li form fieldset label span { color: #EED; }

div.top div#top-frame {
    background-image: url(/images/layout/frame-top-3.jpg);
    background-repeat: repeat-x;
}

div#left-column form fieldset label {
    color: #EED;
    font-weight: bold;
}

div#left-column form fieldset input {
    background-color: #EED;
}

#styles_list {
    border-top: 1px solid #996;
    border-bottom: 1px solid #996;
}

div#wrapper {
    border-bottom: 1px solid #784;
}

div#left-column {
    border-top: 1px solid #784;
    background-color: #996;
}

div#mid-column {
    border-top: 1px solid #784;
    background-color: #EED;
}

div#right-column {
    border-top: 1px solid #863;
    background-color: #A96;
}

div#left-column h3 {
    color: #471;
    font-family: verdana, arial, helvetica, sans-serif;
}

div#left-column ul.main_nav {
    font-weight: bold;
    color: #930;
}

div#left-column ul a:link, div#left-column ul a:visited { color: #EED; text-decoration: none; border-bottom: none; font-weight: bold; }
div#left-column ul a:hover { color:#FFE; background: none; border-bottom: 2px solid #471; font-weight: bold; }

div#right-column a:link,
div#right-column a:active,
div#right-column a:visited,
div#right-column a:hover {
    border-bottom: 0px solid transparent;
}

div#right-column h3 {
    color: #863;
    font-family: verdana, arial, helvetica, sans-serif;
}

div#right-column ul {
    font-weight: bold;
    color: #238;
}

div#right-column ul a:link, div#right-column ul a:visited { color: #553; text-decoration: none; border-bottom: none; font-weight: normal; }
div#right-column ul a:visited { border-bottom: 1px dotted #784;  }
div#right-column ul a:hover { color:#FFE; background: none; border-bottom: 2px solid #784; font-weight: normal; }

#right-column div.badges a img, #mid-column img#rss_badge {
    border-width: 0px !important;
}

div#mid-column form fieldset {
    border: 1px solid #887;
}

div#mid-column form fieldset fieldset fieldset {
    border: none;
}

div#mid-column input, div#mid-column textarea, div#mid-column select, div#mid-column option {
    background-color: #FFE;
    color: #238;
}

div#mid-column input.checkbox, input.checkbox {
    background-color: transparent;
}

div#mid-column label {
    color: #863;
    font-weight: normal;
    font-size: 9px;
}

div#mid-column .text_field_data {
    color: #238;
}

div#mid-column select, div#mid-column option {
    font-size: 9px;
}

div#mid-column #contact_us_form fieldset {
    padding-left: 0;
    margin-left: 0;
    width: auto;
}

div#mid-column #ajax_contact #contact_form fieldset {
    background-color: #887;
    border: none;
}

div#mid-column #ajax_contact #contact_form fieldset legend {
    background-color: #553;
    color: #FFE;
}

div#mid-column #ajax_contact #contact_form fieldset label {
    color: #FFE;
}

div#mid-column #ajax_contact_response .contact_response .notice {
    color: #FFE;
}

div#mid-column #ajax_contact_response .contact_response #errorExplanation h2, div#mid-column #ajax_contact_response .contact_response #errorExplanation ul {
  font-size: 10px;
}

div#mid-column .head_value {
    color: #553;
}

div.art img {
    border-top: 1px solid #FFE;
    border-left: 1px solid #FFE;
    border-bottom: 1px solid #553;
    border-right: 1px solid #553;
}

/* DISABLE Black Gallery styles 2009-09-06
#grid_list.gallery #mid-column { background-color: #000; }

#grid_list.gallery div.art img { border: 0px solid transparent; }
*/

.gallery .grid_item div.art a, 
.gallery .grid_item div.art a:link, 
.gallery .grid_item div.art a:active, 
.gallery .grid_item div.art a:visited, 
.gallery .grid_item div.art a:hover {
    text-decoration: none;
    border-bottom: 0px solid transparent;
}

/* DISABLE Black Gallery styles 2009-09-06
#grid_list.gallery .content h1,
.gallery .grid_item p { color: #ffe; }

#grid_list.gallery #mid-column .footer a,
#grid_list.gallery #mid-column .footer a:link,
#grid_list.gallery #mid-column .footer a:visited,
.gallery .grid_item p a, 
.gallery .grid_item p a:link, 
.gallery .grid_item p a:visited { 
    color: #ffe;
    border-bottom: 1px dotted #ffe;
}

#grid_list.gallery #mid-column .footer a:active,
#grid_list.gallery #mid-column .footer a:hover,
.gallery .grid_item p a:active, 
.gallery .grid_item p a:hover { 
    color: #930;
    border-bottom: 1px dotted #930;
}
*/
.gallery .grid_item p span.artist a, 
.gallery .grid_item p span.artist a:link, 
.gallery .grid_item p span.artist a:active, 
.gallery .grid_item p span.artist a:visited, 
.gallery .grid_item p span.artist a:hover { font-weight: bold; }

.gallery .grid_item p span.title a, 
.gallery .grid_item p span.title a:link, 
.gallery .grid_item p span.title a:active, 
.gallery .grid_item p span.title a:visited, 
.gallery .grid_item p span.title a:hover { font-style: italic; }

/* DISABLE Black Gallery styles 2009-09-06
#grid_list.gallery #mid-column div.pagination {
    color: #ffe;
}

#grid_list.gallery #mid-column div.pagination .disabled {
    color: #000;
}

#grid_list.gallery #mid-column div.pagination a:link,
#grid_list.gallery #mid-column div.pagination a:visited { 
    color: #ffe; 
    text-decoration: none; 
    border-bottom: none;
}
#grid_list.gallery #mid-column div.pagination a:hover {
    color:#930; 
    border-bottom: 2px solid #930;
}
*/

th {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   11px;
  line-height: 16px;
}

div.notice, div.error {
    color: #EED;
    font-weight: bold;
    font-size: 9px;
}
div.notice { background-color: #471; }
div.error { background-color: #930; }

div.pagination {
    font-weight: bold;
    color: #930;
}

div.pagination .disabled {
    color: #BCC;
}

div.pagination .pagination_links {
    text-align: center;
}

div.pagination a:link, div.pagination a:visited { color: #668; text-decoration: none; border-bottom: none; }
div.pagination a:hover { color:#48A; border-bottom: 2px solid #887; }

div#mid-column table#artist_list td, div#mid-column table#artist_list th, 
div#mid-column table#artwork_list td, div#mid-column table#artwork_list th, 
div#mid-column table#contact_us_list td, div#mid-column table#contact_us_list th {
    font-size: 9px;
}

#county_map_in ul li.life_counties {
    color: #48A;
}

#county_map_in ul li.work_counties {
    color: #863;
}

tr.heads {
    background-color: #553;
    color: #EED;
}

tr.heads th a:link, tr.heads th a:visited {
    color: #EED;
    text-decoration: none;
    border-bottom: none;
}

tr.heads th a:hover {
    color: #FFE;
    text-decoration: underline;
    border-bottom: none;
}

table.list_view td a:link, table.list_view td a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #553;
    border-bottom: 1px dotted #668;
}

table.list_view td a:visited {
    color: #887;
}

table.list_view td a:hover {
    color: #B80;
    border-bottom: 1px solid #863;
}

.row-odd {
    background-color: #FFE;
}

.row-even {
    background-color: #BCC;
}

div#mid-column table.list_view td.gender, 
div#mid-column table.list_view#artist_list td.gender {
    color: #668;
}

fieldset.artwork_details ul, 
fieldset.career_details ul, 
ul.checkbox_list {
    background-color: #BCC;
}

fieldset.person_name, fieldset.person_location {
    border: none;
}

p.mod_dates {
    font-size: 9px;
    color: #BCC;
}

table.artist_info td,
table.artwork_info td,
table.style_info td {
    background-color: #BCC;
    font-size: 9px;
    color: #238;
}

table.artist_info td.gender {
    font-weight: bold;
    color: #48A;
}

table.artist_info td.life_city {
    color: #238;
}

table.artist_info td.work_city {
    color: #930;
}

table.artist_info td a:link, table.artist_info td a:visited, 
table.artwork_info td a:link, table.artwork_info td a:visited, 
table.style_info td a:link, table.style_info td a:visited {
    color: #471; 
    text-decoration: none; 
    border-bottom: 1px dotted #471; 
    font-weight: bold;
}
table.artist_info td a:hover, 
table.artwork_info td a:hover, 
table.style_info td a:hover { color:#48A; border-bottom: 2px solid #48A; font-weight: bold; }

div.notes p, p.description {
    font-size: 12px;
    line-height: 18px;
}

div.notes a:link, div.notes a:visited, p.description a:link, p.description a:visited { color: #238; text-decoration: none; border-bottom: 1px dotted #784; font-weight: normal; }
div.notes a:hover, p.description a:hover { color: #48A; text-decoration: none; border-bottom: 2px solid #B80; font-weight: normal; }

#thumbnails a, .thumbnail a, #show.gallery a.artwork,
#thumbnails a:hover, .thumbnail a:hover, #show.gallery a.artwork:hover,
#thumbnails a:active, .thumbnail a:active, #show.gallery a.artwork:active,
#thumbnails a:visited, .thumbnail a:visited, #show.gallery a.artwork:visited {
    text-decoration: none; 
    border-bottom: 0pt solid transparent !important;
}
#thumbnails img { border: 0 solid transparent; }

p.contact_fea {
    font-size: 10px;
    font-weight: bold;
    color: #863;
}

p.contact_fea a:link, p.contact_fea a:visited { color: #784; text-decoration: none; border-bottom: 1px dotted #B80; font-weight: bold; }
p.contact_fea a:hover { color: #471; text-decoration: none; border-bottom: 2px solid #B80; font-weight: bold; }

div.footer ul {
    color: #930;
}

#mid-column div.footer ul a, #mid-column div.footer ul a:link, #mid-column div.footer ul a:visited { font-weight: normal; }
#mid-column div.footer ul a:hover { color: #B80; border-bottom: 1px solid #930; font-weight: normal; }
#mid-column div.footer ul a:active { color: #930; font-weight: normal; }
#mid-column div.footer ul a:focus { outline-width:0; }

div.footer p {
    font-size: 9px;
    color: #BCC;
}

/* Rails scaffold styles */

.fieldWithErrors {
  padding: 2px;
  border: 2px solid #930;
  background-color: #930;
  display: table;
}

#errorExplanation {
  border: 2px solid #930;
  padding: 12px 7px;
  margin-top: 10px;
  margin-bottom: 20px;
  background-color: #FFE;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -1px -7px;
  background-color: #930;
  color: #FFE;
}

#errorExplanation p {
  color: #863;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul {
  font-size: 10px;
  list-style: square;
  color: #930;
}

#errorExplanation ul li {
  color: #238;
}

#errorExplanation ul li span {
    color: #930;
    font-weight: bold;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #EED;
  border: 1px solid #887;
  width: 100%;
}

div.progressBar div.background {
  background-color: #996;
  height: 18px;
  width: 0%;
}

#admin_environment_variables {
    font-size: 9px;
}