@import "reset.css";

@import url(http://fonts.googleapis.com/css?family=Bitter:400,700,400italic);

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

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

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

#masthead {height: 124px; background-color: #bdb9ac; position:relative;
	
}

#masthead img {
	float: left;
	margin-right: 15px;
	margin-top: 15px;
	margin-left: 10px;
}

.footer {
 background-color: #d4d0c3;
clear:both;
	padding: 25px;
}

.footer .artists{
	font-size: .7em;
	float: left;
}
.footer .artists li{
	width: 151px;
	margin-bottom: 10px;
}



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

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

.home .content {}

.home .home-paragraph{
	padding: 35px 150px;

	background-color: #aca798;
	width: 660px;
	color: #5f5f5f;
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: justify;
}
.home .home-paragraph .home-name{
	color: #fffeff;
	font-weight: bold;
}
.content {margin:0px 0 0px;
}

.main-content {margin: 0; width: 960px;
	background-color: #aca798;
}

/* My Comment */

.left-column{
	min-width: 90px;
	max-width: 150px;
	padding: 25px;
	position: absolute;
}
.left-column h1{
	font-weight: bold;
	color: #fffeff;
	font-size: 1em;
}

.left-column .click-instructions{
	font-size: .7em;
	font-style: italic;
	margin-top: 20px;
}


.single-column{
	width: 735px;
	margin-left: 175px;
	padding: 25px;
}



.double-column.left{
	width: 710px;
	margin-left: 200px;
	padding: 25px;
}
.double-column.right{
	width: 710px;
	margin-left: 200px;
	padding: 25px;
}

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

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

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

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


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

.furnishings p.page-links, .events p.page-links {margin: 5px 0 0; padding:5px 0; 
}

.furnishings p.page-links b, .events p.page-links b {
	color: #fffeff;
	font-weight: normal;
	font-style: normal;
}

.furnishings p.page-links b, .events p.page-links b, .furnishings p.page-links a, .events p.page-links a  {
	margin-right: 3px;
}






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

#masthead #main-nav {
	border-bottom: 15px solid #7b7565;
	float:left;
	height: 109px;
}
#masthead #main-nav a{
	
}

#masthead #main-nav li {padding: 0;float:left;
	margin-top: 80px;
	margin-left: 50px;
}
#masthead #main-nav li:first-child{
	margin-left: 25px;
}
#masthead #main-nav li.on a{
	color: #fffeff;
}
#masthead #main-nav li.contact {
}

#masthead #main-nav li a#artists { 
}

#masthead #main-nav li a#furnishings {}

#masthead #main-nav li a#events {
}

#masthead #main-nav li a#press {
}

#masthead #main-nav li a#services {
}

#masthead #main-nav li a#contact {
}

#masthead #main-nav li a#artists:hover, #masthead #main-nav li a#artists:focus, #masthead #main-nav li.on a#artists {
}

#masthead #main-nav li a#furnishings:hover, #masthead #main-nav li a#furnishings:focus, #masthead #main-nav li.on a#furnishings {
}

#masthead #main-nav li a#events:hover, #masthead #main-nav li a#events:focus, #masthead #main-nav li.on a#events {
}

#masthead #main-nav li a#press:hover, #masthead #main-nav li a#press:focus, #masthead #main-nav li.on a#press {
}

#masthead #main-nav li a#services:hover, #masthead #main-nav li a#services:focus, #masthead #main-nav li.on a#services {
}

#masthead #main-nav li a#contact:hover, #masthead #main-nav li a#contact:focus, #masthead #main-nav li.on a#contact {
}




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

p {font-size:12px;
}

.home .main-content p {}

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

#masthead p.address {position:absolute; top:15px; right:20px; text-align: left;
	font-size: .7em;
	line-height: 1.5em;
}

.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 {
}

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;
}

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;
}

.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;
}


#artists_index{

}


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

form {
}

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

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

select{
	width: 260px;
}

input[type="text"]{
	border: 1px solid #a9a9a9;
	padding: .3em;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 250px;
}

textarea {
	border: 1px solid #a9a9a9;
	padding: .3em;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 250px;
	height: 110px;
}

form .required_note {
	display: none;
}
form .submit_form{
	margin-left: 190px;
}

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


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: none; color:#4d4e4c;
	font-weight: normal;
	font-style: normal;
}

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

.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:none;
}

.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: #4d4e4c;
}

a:hover, a:focus {text-decoration:none; color:#4d4e4c;
}


/* @group Events */

.event-table{
	width: 100%;
	border-collapse: collapse;
}
.event-table td{
	border-style: none;
	padding-right: 15px;
	padding-bottom: 15px;
}
.event-table img{
	border-style: none;
}

.events.left-column{
	width: 90px;
}
.events.single-column{
	
}

/* @end */



/* @group Services */

.services_left{
	float: left;
	width: 360px;
}

.services_right{
	margin-left: 360px;
}



/* @end */

/* @group Press */

.press-grid{
	width: 100%;
}
.press-grid li{
	float: left;
	width: 162px;
	padding-right: 15px;
	padding-bottom: 15px;
}
.press-grid .press-image{
	float: left;
	margin-bottom: 5px;
}
.press-grid .press-image img{
	border: none;
}
.press-grid .press-info{
	float: left;
}
.press-grid .press-info .title{
	font-weight: normal;
	font-style: normal;
	margin-left: 5px;
}





/* @end */


/* @group Contact */

.contact.left-column{
	width: 90px;
}
.contact.info{
	font-size: .7em;
	margin-top: 20px;
}
.contact.info a{
	display: block;
	margin-top: 5px;
}

.contact.single-column{
	font-size: .8em;
}

.contact.single-column .title{
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.contact input[type="text"]{
	
}

.contact .thank-you.text{
	height: 200px;
}


/* @end */

/* @group Artists */

.artist.left-column{
	width: 90px;
}
.artist.left-column h1{
	font-size: 1.4em;
}
.artist.left-column .dates{
	color: #fffeff;
	font-size: .8em;
	margin-top: 5px;
	line-height: 1.3em;
}

.artist.single-column{
	
}
.artist.single-column .bio{
	max-width: 240px;
	float: left;
	margin-right: 20px;
}

.artwork-table{
	width: 475px;
	border-collapse: collapse;
}
.artwork-table .please-inquire{
	text-align: center;
	height: 250px;
	vertical-align: middle;
	font-style: italic;
	font-size: .7em;
	color: #5e5e5e;
}
.artwork-table .entry{
	vertical-align: top;
	padding: 0 7px 20px;
	min-width: 144px;
}
.artwork-table .entry img{
	border: none;
}
.artwork-table .thumb-info{
	margin-top: 10px;
}
.artwork-table .thumb-info p{
	font-size: .7em;
	font-style: italic;
	margin-bottom: 3px;
}
.artwork-table .thumb-info p.title{
	font-weight: bold;
	margin-bottom: 5px;
	font-style: normal;
}
.artwork-table .thumb-info p.more-info{
	margin-top: 8px;
	font-style: normal;
}




/* @end */


/* @group Inquiry */

.inquire-thumb{
	float: left;
}
.inquiry.instructions{
	margin-left: 160px;
	font-size: .8em;
}
.inquiry.artist-info{
	margin-left: 160px;
	margin-top: 5px;
}

.inquire fieldset{
	margin-left: 160px;
}
.inquire label{
	width: 165px;
}
.inquire .submit_form{
	margin-left: 325px;
}


/* @end */

/* @group Slideshow */

#slideshow{
	width: 960px;
	height: 300px;
	display: none;
}

#slideshow .slide_1{
	width: 480px;
	height: 300px;
	float: left;
}

#slideshow .slide_2{
	width: 480px;
	height: 300px;
	float: right;
}


/* @end */




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

strong {font-weight:bold;
}

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

.clear {clear:both;
}