@import "reset.css";

/* color swatches
cream: #fff8d4
burgundy: #a90533
*/

body {font-family:Verdana, Helvetica, Arial, sans-serif; background-color:#000;
}

.container {width:960px; margin:0 auto; background-color:#fff;
}

#masthead {height:186px; background-color:#fdf9e5; position:relative;
}

#masthead img {float:left; display:inline;
}

.footer {height:30px; background-color:#fdf9e5; border-top:solid 5px #000; clear:both;
}

.home .slideshow {float:left; width:305px;
}

.home .slideshow p {font-size:10px; color:#666; margin:5px 0 0 10px; width:275px;
}

.home .content {margin:40px 0 30px;
}

.content {margin:20px 0 30px;
}

.main-content {margin:0 0 0 320px; padding:0 8px 0 0; width:620px;
}

.home div.artist-list {margin:20px 0 0;
}

div.artist-list-sidebar {float:left; margin:90px 20px 30px 25px; width:275px; display:inline;
}

.thumb {float:left; margin:0 10px 10px 0; width:300px; display:inline;
}

.thumb img {float:left; border:solid 1px #999; padding:3px; display:inline;
}

.thickbox img {border:solid 1px #999; padding:3px; display:inline;
}

.thumb-info {margin:0 0 0 115px;
}

.thumb-row {float:left; margin:0 0 20px; display:inline;
}

.press-row {float:left; margin:0 0 25px; display:inline;
}

.press-info {margin:0 0 0 115px;
}

.press .main-content h2, .main-content h2.section-title {padding:0 0 20px;
}

.events .main-content h2.section-title, .services .main-content h2.section-title {padding:0;
}

div.bio {margin:0 0 25px;
}

.press .main-content img {float:left;
}

.furnishings .thumb {margin:10px 10px 20px 0;
}

.furnishings p.page-links, .events p.page-links {margin:10px 0; padding:5px 0; border:solid 1px #999; border-width:1px 0;
}

img.events-image {float:left; margin:0 15px 25px 0;
}

.events table tr td img {margin:0 10px 10px 0;
}




/*-----
------------
------- main nav ------- */

#masthead #main-nav {position:absolute; top:145px; left:320px; background-color:#000; height:41px; width:640px;
}

#masthead #main-nav li {float:left; padding:0 5px; background:url(../images/nav-link-divider.gif) right top #000 no-repeat; height:40px; text-indent:-9999px;
}

#masthead #main-nav li.contact {background-image:none;
}

#masthead #main-nav li a#artists {background:url(../images/main-nav-sprites.gif) 0 0 #000 no-repeat; height:40px; width:65px; display:block;
}

#masthead #main-nav li a#furnishings {background:url(../images/main-nav-sprites.gif) -66px 0 #000 no-repeat; height:40px; width:150px; display:block;
}

#masthead #main-nav li a#events {background:url(../images/main-nav-sprites.gif) -218px 0 #000 no-repeat; height:40px; width:72px; display:block;
}

#masthead #main-nav li a#press {background:url(../images/main-nav-sprites.gif) -292px 0 #000 no-repeat; height:40px; width:65px; display:block;
}

#masthead #main-nav li a#services {background:url(../images/main-nav-sprites.gif) -361px 0 #000 no-repeat; height:40px; width:84px; display:block;
}

#masthead #main-nav li a#contact {background:url(../images/main-nav-sprites.gif) -448px 0 #000 no-repeat; height:40px; width:67px; display:block;
}

#masthead #main-nav li a#artists:hover, #masthead #main-nav li a#artists:focus, #masthead #main-nav li.on a#artists {background-position:0 -40px !important;
}

#masthead #main-nav li a#furnishings:hover, #masthead #main-nav li a#furnishings:focus, #masthead #main-nav li.on a#furnishings {background-position:-66px -40px !important;
}

#masthead #main-nav li a#events:hover, #masthead #main-nav li a#events:focus, #masthead #main-nav li.on a#events {background-position:-218px -40px !important;
}

#masthead #main-nav li a#press:hover, #masthead #main-nav li a#press:focus, #masthead #main-nav li.on a#press {background-position:-292px -40px !important;
}

#masthead #main-nav li a#services:hover, #masthead #main-nav li a#services:focus, #masthead #main-nav li.on a#services {background-position:-361px -40px !important;
}

#masthead #main-nav li a#contact:hover, #masthead #main-nav li a#contact:focus, #masthead #main-nav li.on a#contact {background-position:-448px -40px !important;
}




/*-----
------------
------- typography ------- */

p {font-size:12px;
}

.home .main-content p {line-height:1.6;
}

#masthead h1 {text-indent:-9999px;
}

#masthead p.address {position:absolute; top:15px; right:20px; text-align:right; color:#a90533; font-size:12px; line-height:1.6; font-weight:bold;
}

.main-content p.first-name {font-size:36px; text-transform:uppercase;
}

.main-content h2.last-name {font-size:60px; text-transform:uppercase; margin:-10px 0 -5px;
}

.main-content h2.section-title {font-size:60px; text-transform:uppercase; margin:20px 0 0;
}

.main-content h2.smaller {font-size:48px !important;
}

.artist-list-sidebar h2 {text-transform:uppercase; margin:0 0 15px 0; font-size:24px;
}

.home h2 {color:#000; font-size:20px;
}

p.artist-meta {font-size:14px; color:#666; margin:0 0 25px; text-transform:uppercase; line-height:1;
}

div.bio p {line-height:1.5; margin:0 0 10px;
}

.thumb-info p {color:#666; margin:0 0 5px; line-height:1.1;
}

.thumb-info p.title, .press-info p.title {color:#000; margin:0 0 10px; font-weight:bold;
}

.press-info p.title {text-transform:uppercase; margin-right:15px;
}

.thumb-info .mute {font-size:10px; font-weight:bold; text-transform:uppercase;
}

p.zoom-message {margin:0 0 20px; font-size:12px; color:#999;
}

span.tooltip {display:none;
}

p.thank-you {margin:15px 150px 15px 0; font-size:14px; line-height:1.5;
}

h3 {text-transform:uppercase; font-size:18px; margin:0 0 10px;
}

.events h3 {margin:25px 0 10px;
}

p.events-text {line-height:1.5; font-size:14px; margin:0 25px 15px 0;
}

.services .main-content p {line-height:1.5; margin:0 60px 10px 0;
}

.services .main-content h3 {margin:25px 0 10px;
}

h3.directions-text {text-transform:none; font-size:16px; font-weight:normal; line-height:1.5; margin:0 0 20px;
}

h3.directions-text span {font-size:12px; text-transform:uppercase; color:#999; font-weight:bold;
}




/*-----
------------
------- lists ------- */

.home .artist-list ol {font-size:12px; float:left; width:150px;
}

.home div.artist-list ol li {margin:8px 0; font-size:12px;
}

div.artist-list-sidebar ol li {margin:4px 0; font-size:12px;
}

ol li.no-inventory a, ol li.no-inventory a:visited {color:#777;
}





/*-----
------------
------- forms ------- */

form {font-size:12px; background-color:#fff8d4; border:solid 1px #000; padding:10px 15px; margin:20px 0 0;
}

form ul li {clear:both; margin:0 0 10px;
}

legend {padding:0 10px; margin-left:20px; text-transform:uppercase; font-weight:bold;
}

label {display:block; float:left; width:190px; margin:5px 0 0;
}

fieldset {margin:10px 0 20px; border:solid 1px #000; background-color:#fffdf0; padding:10px;
}

input, select {border:solid 1px #000; padding:2px; 
}

textarea {border:solid 1px #000; padding:2px;
}

form .required {color:#a90533; font-weight:bold;
}

form em {color:#999; font-style:italic; font-size:11px;
}

input.send, p.export-button a {cursor:pointer; margin:15px 0 10px; display:block; width:241px; height:30px; background:url(../images/send-message-btn.png) 0 0 no-repeat; padding-bottom:5px; text-align:center; border:none; color:#fff; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;
}

p.export-button a {padding:8px 0 0;
}

input.send:hover {cursor:pointer; color:#000;
}

form h3 {line-height:1.4; font-weight:normal; font-size:14px; margin:15px 0 0; text-transform:none;
}

form img.form-thumb {float:left; border:solid 1px #000; padding:3px; display:inline; margin:15px 15px 0 0;
}

.inquire fieldset {margin:25px 0 20px;
}




/*-----
------------
------- Freeform Entries ------- */

body.contact-submissions {background-color:#fff; font-size:11px;
}

.contact-submissions #masthead, .contact-submissions .footer, .contact-submissions #masthead #main-nav {width:100%;
}

.contact-submissions #masthead #main-nav {margin:0 0 0 -320px;
}

.contact-submissions td, .contact-submissions th {padding:5px; text-align:left; border-bottom:solid 1px #999;
}

.contact-submissions tr.row1 {background-color:#ededed;
}

.contact-submissions table {padding:0 50px;
}

.contact-submissions .container {margin:0; width:100%;
}

.contact-submissions .content {margin:20px 40px;
}





/*-----
------------
------- links ------- */

#masthead p.address a, #masthead p.address a:visited {text-decoration:underline; color:#a90533;
}

#masthead p.address a:hover, #masthead p.address a:focus {text-decoration:none; color:#a90533;
}

.thumb a {position:relative; display:block; text-decoration:none !important;
}

.thumb a:hover img, .thumb a:focus img, a:hover.thickbox img, a:focus.thickbox img {border:solid 1px #a90533;
}

.thumb a:hover span.tooltip, .thumb a:focus span.tooltip {display:inline; z-index:100; position:absolute; top:0; left:0; background-color:#fff; font-size:11px; color:#000; padding:3px; border:solid 1px #a90533; border-width:0 1px 1px 0;
}

a, a:visited {text-decoration:none; color:#a90533;
}

a:hover, a:focus {text-decoration:underline; color:#666;
}




/*-----
------------
------- general ------- */

strong {font-weight:bold;
}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.clear {clear:both;
}

.events p.mute {color:#999; margin:10px 0; font-style:italic;
}