/* GLOBAL STYLES ======================*/
/*
FONT: #9FA1A4
ROLLOVER: #212528
TITLE/light font: #bababa
Dark font: #3a4042
*/

body {
font-family: georgia, helvetica, arial;
font-size: 11px;
color: #bababa;
margin: 20px 0 0 40px;
width: 1123px;
}
a {
text-decoration:none;
color: #3a4042;
}
a:hover {
color: #bababa;
}

/*header nav*/
/* in file shared with the blog global.css */

.content {
float: left;
width: 1024px;
margin: 22px 0px 0px 0px;
overflow:hidden !important;
}

.contentnav {
float: left;
width: 1024px;
height: 15px;
margin: 0 0 3px 0;
}
.contentnav div {
float: left;
overflow:hidden;
height:15px;
width: 420px;
margin: 0 0 0 164px;
}

#previous_link {
margin: 0 2px 0 14px;
}

.homepage-follow a.a2a_dd{
margin-left:-3px;
}

.homepage-news {
height: 405px;
width: 100%;
}
.homepage-news dl.news dt {
font-weight: bold;
font-size: 10px;
}
.homepage-news dl.news dd {
font-size: 10px;
}
.homepage-news dl.news dd.title {
color: #9FA1A4;
padding-bottom: 20px;
padding-left: 0;
display:block;
}
.homepage-news h2 {
text-transform:uppercase;
font-weight:bold;
margin: 0px 0px 20px 0px;
padding: 0;
line-height:10px;
}
.homepage-news dl.news dd.title a {
font-size:11px;
}
.homepage-news dl.news dd.title a:hover {
color:#000000;
}
.homepage-news dl.news dd.body {
border-bottom: 1px dotted #9FA1A4;
padding-bottom: 15px;
margin-bottom: 15px;
font-weight: normal;
}

.homepage-follow {
margin: 41px 0px 0px 0px;
}
.homepage-follow h2 {
text-transform:uppercase;
font-weight:bold;
margin: 0px 0px 17px 0px;
padding: 0;
}
.homepage-follow img {
margin: 0px 10px 0px 0px;
}

.main-image {
margin-top:1px;
}

.image-credit {
margin: 6px 0 50px 0;;
}
.image-credit a {
font-weight: bold;
color: #222;
}


/* CATEGORY BROWSE ======================*/

.cat-browse {
float:left;
}

ul.subcat-list {
float:left;
width:137px;
margin:0 0 0 11px;
}
.subcat-list li {
float:left;
width:100%;
margin:0 0 4px 0;
}
.subcat-list li a {
font-family: georgia, helvetica, arial;
font-size:12px;
font-weight:normal;
font-style:italic;
}
.subcat-list li.current-cat {
border-bottom:1px dotted #DEDEDE;
padding-bottom:9px;
margin-bottom:9px;
}
.subcat-list li.toggle-names {
border-bottom:1px dotted #DEDEDE;
padding-bottom:9px;
margin-bottom:9px;
}
.subcat-list li.toggle-names a {
display:block;
float:left;
width:100%;
margin-top:2px;
background:url(/assets/img/toggle_arrow.gif) no-repeat right -20px;
overflow:hidden;
}
.subcat-list li.toggle-names a.names-only{
display:none;
}
.subcat-list li.toggle-names a:hover {
display:block;
float:left;
width:100%;
background-position:right 5px;
}
.hide-images  .subcat-list li.toggle-names a.names-only {
display:block;
}
.hide-images  .subcat-list li.toggle-names a.names-and-images {
display:none;
}

.subcat-list li a.selected {
color:#bababa;
}
.subcat-list li a:hover {
}

.cat-browse .col-two-lg {
margin-left:13px;
}


ul.cat-image-grid {
float: left;
width: 820px;
}
.cat-image-grid li{
float: left;
display:block;
width:152px;
height:184px;
margin:0 10px 0 0;
}
.cat-image-grid li a{
float: left;
display:block;
width:152px;
height:184px;
overflow:hidden;
}
.cat-image-grid li a img{
float: left;
display:block;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
width:150px;
height:150px;
border:1px solid #ffffff;
}
.cat-image-grid li a:hover img{
border:1px solid #212528;
}
.cat-image-grid h4{
float: left;
display:block;
width:150px;
overflow:hidden;
font-style:italic;
margin:2px 0 0 0;
font-size:12px;
}


.hide-images .cat-image-grid li {
height:auto;
}
.hide-images .cat-image-grid li a img {
display:none;
}
.hide-images .cat-image-grid li a {
border-bottom:1px dotted #DEDEDE;
padding-bottom:9px;
margin-bottom:9px;
height:auto;
}


/* LEFT COLUMN MENU */

ul.menu {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px dotted #dedede;
text-transform:uppercase;
}
ul.menu li {
cursor:pointer;
}
ul.menu li.list-title {
text-transform:capitalize;
}
/* ACTIVE MENU ITEM */
ul.menu li.ui-tabs-selected a, a.ui-tabs-selected, span.nonlink {
color: #bababa;
font-weight:bold;
}
ul.menu li.ui-state-hover a, ul.menu li a:hover {
font-weight:bold;
}
/* DEFAULT MENU ITEM */
ul.menu li.ui-state-default a {
font-weight:bold;
}
.ui-widget { font-size: 11px; }
.ui-widget-content { border: 0; background: #FFFFFF url(images/ui-bg_highlight-soft_100_FFFFFF_1x100.png) 50% top repeat-x; color: #9FA1A4; }
.ui-widget-content a { }
.ui-widget-header { border: 0; background: #FFFFFF url(images/ui-bg_flat_35_FFFFFF_40x100.png) 50% 50% repeat-x; color: #FFFFFF; font-weight: bold; }
.ui-widget-header a { }
.ui-state-default, .ui-widget-content .ui-state-default { border: 0; background: #FFFFFF url(images/ui-bg_flat_100_FFFFFF_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #9FA1A4; outline: none; }
.ui-state-default a, .ui-state-default a:link {  text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { 
border: 0; 
background: #FFFFFF url(images/ui-bg_flat_100_FFFFFF_40x100.png) 50% 50% repeat-x; 
font-weight: bold; 
outline: none; 
}
.ui-state-hover a, .ui-state-hover a:hover { text-decoration: none; outline: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-corner-top, ui-tabs-selected, ui-state-active {
border:none !important;
}
.ui-tabs .ui-tabs-panel a:hover { 
}
li.ui-state-default span {
color: #FFFFFF;
}
/*new fonts*/
ul.ui-tabs-nav, ul.ui-tabs-nav a {
font-family:"ff-basic-gothic-web-pro-1","ff-basic-gothic-web-pro-2",helvetica;
font-size:11px;
font-weight:bold;
}
ul.ui-tabs-nav, ul.ui-tabs-nav a:hover {
font-family:"ff-basic-gothic-web-pro-1","ff-basic-gothic-web-pro-2",helvetica;
font-size:11px;
font-weight:bold;
}
ul.ui-tabs-nav .ui-state-active a, ul.ui-tabs-nav a:hover  {
color: #bababa;
}
span.ui-widget-content li a {
font-weight: normal;
font-style: italic;
line-height: 20px;
font-family: georgia, helvetica, arial;
}
span.ui-widget-content li a:hover {
font-weight: normal;
font-style: italic;
line-height: 20px;
}
ul.menu li {
font-family:"ff-basic-gothic-web-pro-1","ff-basic-gothic-web-pro-2",helvetica;
font-size:11px;
font-weight:bold;
}
ul.menu li.list-title {
font-family: georgia, helvetica, arial;
font-weight: normal;
line-height:20px;
}
span#names a,span#names {
font-weight: normal;
font-style: italic;
line-height:20px;
}
span#names a:hover, span#names a.on:hover {
}


/* SUB-CAT BROWSE TWEAKS =======*/

.sub-cat-browse .image-grid-lg dd {
margin:0 10px 5px 0;
}
.sub-cat-browse .image-grid-lg dd img {
width: 150px;
height: 150px;
}
.sub-cat-browse .col-two-lg {
margin:0 0 0 14px;
}


/* ARTIST ======================*/

.image-grid-sm {
float: left;
width: 354px;
}
.image-grid-sm dd {
float: left;
margin: 0 12px 12px 0;
}
.image-grid-sm a{
line-height: 0;
border: 1px solid #FFFFFF;
display:block;
}
.image-grid-sm a:hover{
border: 1px solid #212528;
}

#slide-count {
float:right;
font-style:italic;
line-height:15px;
}

#caption {
text-align:right;
}

.artist-title {
font-weight:bold;
margin-bottom: 6px;
border-bottom: 1px solid #dedede;
}
.artist-title h2 {
font-size:18px;
line-height:18px;
font-family:"ff-basic-gothic-web-pro-1","ff-basic-gothic-web-pro-2",helvetica;
text-transform:uppercase;
color: #2c3235;
margin: 20px 0 30px 0;
}

.artist-share {
float:left;
width:100%;
}
.artist-share div {
float:left;
margin:0 0 0 6px;
}
.artist-share div.artist-contact {
margin:2px 0 0 0;
font-style:italic;
}
.artist-share div.r-container {
float:right;
width:auto;
margin:0 0 24px 0;
}

.artist-bio {
width: 278px;
float:left;
padding-right: 20px;
margin-bottom: 30px;
line-height:20px;
font-style:italic;
}
.artist-bio span {font-size: 11px;}
.artist-bio span.clients {color: #9fa1a4;}
.artist-bio span.bio {color: #212528;}
.artist-bio span.client-list {color:#2d3235;}
.artist-bio p {
margin-top: 20px;
line-height: 18px;
color: #9FA1A4;
}

.portfolio-list li {
text-align: right;
}
.portfolio-list a {
font-size: 11px;
line-height:18px; 
color:#aeafaf;
font-family:"ff-basic-gothic-web-pro-1","ff-basic-gothic-web-pro-2",helvetica;
text-transform:uppercase;
}
.portfolio-list a.has-video {
background: url('../img/artist_video_icon.jpg') no-repeat 0 3px;
padding:0 0 0 20px;
}
.portfolio-list a:hover {color:#2c3235;}
.portfolio-list span {
color:#FFFFFF;
}
.portfolio-list li.ui-tabs-selected a,
.portfolio-list li.ui-tabs-selected span {
color:#2c3235;
}


/* NEWS ======================*/

div.news {
float:left;
width: 642px;
}
dl.news-item {
float: left;
width: 200px;
margin-bottom: 35px;
margin-right: 14px;
}
dl.news-new-row {
clear: both;
}

dd.image {
float: left;
width: 200px;
height: 200px;
}
dd.image img {
width: 200px;
height: 200px;
}

dl.news-body {
float: left;
margin-top: 15px;
width: 200px;
}

dd.category {
text-transform: uppercase;
font-weight: bold;
display:inline;
font-size: 12px;
}

dd.title {
display:inline;
/*padding-left: 5px;*/
}
dd.title a {
color: #212528;
font-weight:bold;
font-size: 12px;
}

dd.body {
padding-bottom: 0px;
}

.homepage-news dl.news dd.title a {
color: #9FA1A4;
font-size:10px;
}

div.pagination {
clear:both;
float:left;
font-weight:bold;
font-size: 11px;
margin-right: 20px;
_margin-left: 185px;
_float: left;
_width: 280px;
}
div.pagination a {
color: #212528;
font-weight: normal;
}


/* ABOUT ======================*/

dl.contact-list dt, dl.contact-list dd.city, dl.contact-list dd, .about h2 {
font-weight:bold;
text-transform:uppercase;
color: #bababa;
font-family:"ff-basic-gothic-web-pro-1","ff-basic-gothic-web-pro-2",helvetica;
font-size:11px;
letter-spacing:0.5px;
}
dl.contact-list dt {
border-bottom: 1px dotted #9FA1A4;
padding-bottom: 8px;
}
dl.contact-list dd.city {
margin: 16px 0 4px 0;
}
dl.contact-list dd {
font-size:11px;
color: #9FA1A4;
text-transform: capitalize;
}
dl.contact-list li.bullets {
color:#3a4042;
font-weight: normal;
line-height: 20px;
font-style:italic;
margin-bottom:20px;
}

.col-two-lg .about {
color:#3a4042;
line-height:20px;
font-weight: normal;
width: 481px;
}


 
/* CONTACT ======================*/

/*info*/
.contact-info dt {
text-transform:uppercase;
font-weight:bold;
font-size:11px;
line-height:16px;
font-family:"ff-basic-gothic-web-pro-1","ff-basic-gothic-web-pro-2",helvetica;
color: #a7a7a7;
margin-bottom:2px;
}
.contact-info dd, .contact-info dd a {
font-weight:normal;
color:#3a4042;
line-height:20px;
font-style:italic;
margin: 0 !important;
padding: 0 !important;
}
.contact-info dd a:hover {
color: #a7a7a7;
}
.contact-info dt.bordered {
border-top: 1px dotted #9FA1A4;
padding-top: 19px;
margin-top: 21px;
}
/*map*/
.contact-map {
float:left;
margin:0 30px 0 0;
}
.contact-map h1, .contact-form h1 {
text-transform:uppercase;
font-weight:bold;
font-size:11px;
line-height:16px;
font-family:"ff-basic-gothic-web-pro-1","ff-basic-gothic-web-pro-2",helvetica;
color: #a7a7a7;
margin:0 0 7px 0;
}
#contact-map {
width:551px;
height:417px;
}
#contact-map .bub, #contact-map .bub a {
color:#3a4042;
}
#contact-map .bub a:hover {
color:#bababa;
}
/*form*/
.contact-form {
float:left;
width:215px;
line-height:20px;
}
.contact-form h1 {
float:left;
width:100%;
margin:0 0 1px 0;
}
.contact-form p {
float:left;
width:100%;
color:#3a4042;
line-height:20px;
font-style:italic;
margin:0 0 20px 0;
}
.contact-form dd {
float:left;
width:100%;
}
.contact-form label {
float:left;
width:auto;
margin: 2px 0 1px 0 !important;
padding: 0 !important;
text-transform:uppercase;
font-weight:bold;
font-size:11px;
line-height:16px;
font-family:"ff-basic-gothic-web-pro-1","ff-basic-gothic-web-pro-2",helvetica;
color: #a7a7a7;
}
.contact-form dd i {
display:block;
float:right;
font-style:italic;
}
.contact-form input, .contact-form textarea {
float:left;
width:100%;
background: url(/assets/img/contact_field_bg.gif) repeat;
font-weight:bold;
}
.contact-form input {
margin-bottom: 10px;
width:208px;
padding: 4px;
border-top: 1px solid #8e8e8e;
border-left: 1px solid #bebebe;
border-right: 0;
border-bottom: 0;
}
.contact-form textarea {
float:left;
width:100%;
height: 124px;
border-top: 1px solid #8e8e8e;
border-left: 1px solid #bebebe;
border-right: 0;
border-bottom: 0;
}
.contact-form .button {
display:block;
float:right;
background: 0;
background: #ffffff;
cursor:pointer;
border: 1px solid #cccccc;
border-bottom:1px solid #999999;
padding: 5px 20px;
font-weight:bold;
color:#3a4042;
line-height:20px;
font-style:italic;
width:auto;
height:auto;
margin: 17px 0 0 0;
}
.contact-form .button:hover {
color:#9d9d9d;
background:#000000;
border:1px solid #333333;
border-bottom:1px solid #666666;
}
.contact-form form.thankyou { display:none; }
.contact-form form.thankyou .button { width:100%; }
.contact-form form.thankyou p { 
border-bottom: 1px dotted #9FA1A4;
margin:0 0 7px 0;
padding: 0 0 20px 0;
}

/* FOOTER ======================*/
/* in file shared with the blog global.css */

/* UTILITY ======================*/

.hide {display:none;}
a.on {
color: #bababa !important;
}
dd.on {
background: url(/assets/img/dots.png);
z-index: 1000;
}

img.on {
border-color:#212528 !important;
z-index: 1;
}
.error {
margin: 20px 0 500px 0;
}
.error strong {
text-transform: uppercase;
color: #212528;
}
.error a {
color:#212528;
font-weight:bold;
}

.search-module {
margin: 20px 0 500px 0;
}
.search-module input {
padding: 5px;
}

hr {
background: #fff;
color: #fff;
border-bottom: 1px dotted #9fa1a4;
border-top: none;
border-left: none;
border-right: none;
}

div.ui-dialog-titlebar  {
background: #000;
}
.ui-dialog {
background:#000;
}
span#ui-dialog-title-dialog {
color:#000;
}
.ui-dialog-titlebar-close {
background: #000;
}
.ui-dialog-titlebar-close:hover {
background: #000;
}

.download-title {
margin-top: 20px;
color: #000;
font-size: 10px;
}

.ui-dialog a {
color: red;
}

.flash_notice {
color: green;
}

.flash_error {
color: red;
}

.tool_tip_narrow {
position: relative;
margin-top:20px;
float:left;
width:148px;
display:none;
}
.tool_tip_wide {
position: absolute;
top: 180px;
left: 1035px;
width:148px;
z-index:100;
display:none;
}
.tool_tip_wide, .tool_tip_narrow {
color:#212528;
line-height:18px;
font-size:11px;
font-weight:normal;
}
.tool_tip_wide b, .tool_tip_narrow b {
font-weight: bold;
color:#212528;
}

/* ENLARGE / ZOOM IMAGE */
.enlarge {
cursor:pointer;
}
#enlargetxt {
display:none;
}
#enlarged-image {
display:none;
position:absolute;
top:124px;
left:203px;
width:695px;
height:auto;
z-index:100;
-moz-box-shadow: 3px 3px 8px #000;
-webkit-box-shadow: 3px 3px 8px #000;
box-shadow: 3px 3px 8px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000');
}

