@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=e6120fe7-7ecf-4ee0-9728-b074b3d45594");
    @font-face{
        font-family:"Avenir LT W01 35 Light";
        src:url("/fonts/4fb9056b-4ac3-488b-9bac-75741b0ff0bd.woff2") format("woff2"),url("/fonts/c4352a95-7a41-48c1-83ce-d8ffd2a3b118.woff") format("woff");
    }

body, html {height: 100%;}
body {background: url('/images/karenbenton/top_bg.jpg') repeat-x 0 200px; font: 12px/17px Verdana, sans-serif; color: #1d1d1d;}
a, a:hover, a:active, a:visited {color: #686d71; text-decoration: none;}
a:hover {text-decoration: underline;}
.fl {float: left;} .fr {float: right;}
.ib > *, .ibt {display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 30px;}
.clear {clear: both; height: 0; line-height: 0;}
.hide {display: none !important;}
h1,h2,h3,h4, .cat {font-family: 'Avenir LT W01 35 Light'; color: #585149;}
h2, .cat {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h2, h3 {border-bottom: solid 1px #efefef; padding-bottom: 15px;}
h2.fl {border: 0;}
.bb {border-bottom: solid 1px #efefef;}
strong { font-weight: bold }

/*
		Header
*/
#container {width: 100%; height: 100%; background: url('/images/karenbenton/banner.png') no-repeat 50% 0;}
#main_wrapper {width: 940px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -243px;}
#header {margin-bottom: 52px;}
#logo {padding-top: 45px;}
#logo a {width: 939px; height: 120px; background: url('/images/karenbenton/logo.png') no-repeat 0 0; display: block; margin: 0 auto; text-indent: -9999px;}
#menu {margin-top: 71px;}
#menu li {margin-right: 40px; padding-top: 10px;}
#menu .last {margin: 0;}
#menu li.active, #menu li:hover {border-top: solid 2px #fff; padding-top: 8px;}
#menu li a {color: #fff; font: bold 14px Verdana, sans-serif;}
#menu li a:hover {text-decoration: none;}
#menu .arrow {color: #565656;}

#quote {background: url('/images/karenbenton/quote_bg.png') no-repeat 50% 100%; padding-bottom: 40px; color: #a0a0a0; font: 28px 'Avenir LT W01 35 Light'; text-align: center;}

/*
		Feature
*/
#feature_wrapper {position: absolute; width: 100%; height: 370px; left: 0; margin-top: -40px; background: url('/images/karenbenton/feature_bg.png') repeat-x 0 0;}
#feature_push {height: 355px;}
#feature {width: 940px; height: 335px; margin: 0 auto; padding-top: 35px;}

/*
		Slider
*/
#slider {height: 335px;}
#slider .column {width: 300px; margin-right: 20px; vertical-align: middle;}
#slider .column.last {margin: 0;}
#slider h2 {font-size: 44px; color: #a1a1a1; border: 0; margin: 10px 0 25px;}
#slider p {margin-bottom: 10px; font-size: 14px;}
#slider .column img {max-width: 300px; height: auto; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);}
.anythingControls {width: 100%; position: absolute; bottom: -11px; text-align: center;}
.anythingControls li {display: inline-block; vertical-align: top; zoom: 1; *display: inline; _height: 30px; text-indent: -9999px; margin: 0 4px;}
.anythingControls li a {width: 12px; height: 11px; display: block; background: url('/images/karenbenton/pagination.png') no-repeat 0 0;}
.anythingControls li a.cur {background-image: url('/images/karenbenton/pagination_current.png');}
#feature .arrow {width: 46px; height: 47px; top: 50%; margin-top: -40px; cursor: pointer; text-indent: -9999px;}
#feature .forward {background: url('/images/karenbenton/slider_right.png') no-repeat 0 0; right: 0; margin-right: -76px;}
#feature .back {background: url('/images/karenbenton/slider_left.png') no-repeat 0 0; margin-left: -76px;}

/*
		Sidebar
*/
#sidebar {width: 300px; float: right; margin: 15px 0 40px;}
#sidebar h3 {color: #a0a0a0;}

/*
		Categories
*/
#categories ul {margin: 24px 0 40px;}
#categories li {margin-bottom: 16px; background: url('/images/karenbenton/sidebar_arrow.png') no-repeat 0 50%; padding-left: 30px;}
#categories li a {color: #000; font-size: 14px; font-weight: bold;}
#categories a.active {color: #a0a0a0;}

/*
		Art for Sale
*/
#art_for_sale {margin-bottom: 19px;}
#art_for_sale > div {margin-top: 5px;}
#art_for_sale > div > div {margin: 10px; color: #1d1d1d; font-weight: bold; font-size: 14px;}
#art_for_sale > div > div:hover a {color: #a0a0a0;}
#art_for_sale > div > div:hover img {border-color: #a0a0a0;}
#art_for_sale a {color: #1d1d1d;}
#art_for_sale a:hover {text-decoration: none;}
#art_for_sale img {border: solid 5px #efefef;}
#art_for_sale .left {margin-left: 0;}
#art_for_sale .right {margin-right: 0;}
#art_for_sale img {margin-top: 10px;}

/*
		Enquiry about Art for Sale
*/
#contact input[type="text"], #contact textarea {width: 298px; background: url('/images/karenbenton/input_bg.png') repeat-x 0 0; min-height: 28px; border: solid 1px #c0c0c0;}
#contact textarea {padding: 8px; width: 282px; height: 92px; font: 12px Verdana, sans-serif; color: #a19e9e;}
#contact .active {color: #1d1d1d;}
#contact .large {font-size: 14px; margin: 18px 0 23px;}
#contact p {margin-top: 10px;}
#contact input[type="submit"] {height: 34px; padding: 0 17px; float: right; background: #585858; text-align: center; border: 0; color: #fff; font-weight: bold; font-size: 14px; margin: 14px 0 35px; cursor: pointer;}
#content #contact textarea {display: block;}
#content #contact input[type="submit"] {float: none;}

/*
		Share
*/
#share > div {width: 259px; margin: 12px auto 22px;}
#share .stButton {margin: 0;}

/*
		Twitter
*/
#twitter_loader {margin: 7px 0 13px;}
#twitter .jta-tweet-list-item {border-bottom: solid 1px #e8e8e8; padding: 12px 5px 13px 4px}
#twitter .jta-tweet-list-item:last-child {border: 0;}
#twitter .jta-tweet-profile-image {float: left; margin-top: 2px;}
#twitter .jta-tweet-profile-image img {width: 32px; height: 32px; border-radius: 3px;}
#twitter .jta-tweet-body {float: right; width: 254px; line-height: 17px;}
#twitter .jta-clear {clear: both; height: 0;}
#twitter .tweet-name {float: left; font-weight: bold;}
#twitter .jta-tweet-text .tweet-name a {color: #585149;}
#twitter .tweet-timestamp {float: right;}
#twitter .tweet-username {clear: both;}
#twitter .jta-tweet-text .tweet-username a, #twitter .jta-tweet-text .tweet-timestamp a {color: #a0a0a0;}
#twitter .jta-tweet-text a {color: #27a9ce;}

/*
		Facebook
*/
#facebook {margin-bottom: 15px;}
#fb_wrapper {width: 298px; height: 256px; margin-top: 14px; overflow: hidden; }
#fb_wrapper a {
    font-size: 40px;
    color: #000;
    margin-right: 20px;
}
.fb-like-box {margin: -1px 0 0 -1px;}

/*
		Content
*/
#content {float: left; width: 560px; margin: 15px 0 40px;}
.user-content {margin-bottom: 45px;}
.user-content a {color: #a0a0a0;}
.user-content h2 {margin-bottom: 22px;}
.user-content p {font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.user-content .left {margin: 0 30px 20px 0;}
.user-content .right {margin: 0 0 20px 30px;}

.user-content p + h2 {margin-top: 45px;}

/*
		Blog feed
*/
.blog-feed {margin-bottom: 13px;}
.blog-entry {border-bottom: solid 1px #efefef; padding: 10px 0;}
.thumbnail {float: left; border: solid 5px #efefef; margin-right: 11px;}
.thumbnail img {width: 70px; height: 70px;}
.blog-entry .blog-title a {font-weight: bold; font-size: 14px;}
.blog-entry a {color: #a0a0a0;}
.more {font-size: 14px;}

/*
		Blog
*/
#blog .blog-entry {padding: 14px 0 40px;}
#blog .full-image {margin-bottom: 25px;}
#blog .blog-body {font-size: 14px; line-height: 20px;}
#blog h3 {color: #585149; border: 0; font: bold 18px Verdana, sans-serif; padding: 0; margin: 15px 0 4px;}
#blog .blog-body p {margin-bottom: 10px;}
#blog .blog-body a {color: #aaa9a9;}

/*
		Artwork
*/
#artwork_wrapper {background: url('/images/karenbenton/gallery_bot_bg.png') repeat-x 0 100%; min-height: 400px;}
#artwork {background: url('/images/karenbenton/gallery_bg.png') repeat-x 0 0; margin-top: 15px; padding: 11px 10px;}
#artwork .art {width: 150px; height: 150px; margin: 10px; overflow: hidden; border: solid 5px #efefef;}
#artwork img {width: 150px; height: 150px;}
#artwork .hover {width: 150px; height: 170px; top: -163px; position: relative; display: none; background-color: #fff; background-color: rgba(255, 255, 255, 0.85);}
#artwork .art:hover .hover {display: table; cursor: pointer;}
#artwork a:hover {text-decoration: none;}
#artwork .art p {display: table-cell; vertical-align: middle; text-align: center;}
.title {font-weight: bold; font-style: italic;}
.price {font-weight: bold; font-size: 14px;}
#pagination {margin-top: 20px; font-size: 14px;}
.pagination-prev {float: left;}
.pagination-next {float: right;}
#pagination ul {text-align: center; padding-top: 4px;}
#pagination ul li {display: inline; padding: 0 4px;}
#pagination ul a {width: 12px; height: 12px; background: url('/images/karenbenton/pagination.png') no-repeat 0 0;}
#pagination ul a.active {background-image: url('/images/karenbenton/pagination_current.png');}
#lbCaption {padding: 0 30px;}

/*
		Footer
*/
#push, #footer {height: 243px;}
#footer {width: 100%; height: 243px; background: url('/images/karenbenton/bottom_bg.jpg') repeat-x 0 0;}
#footer .ib {width: 940px; margin: 0 auto; padding-top: 42px;}
#footer a, #footer {color: #a0a0a0;}
#footer h5 {font-weight: bold;}
#footer_menu {width: 118px;}
#footer_art_for_sale {width: 131px;}
#footer_portfolio {width: 130px;}
#footer_portfolio_cont {width: 130px; margin-top: 24px;}
#footer_social {width: 198px; padding-left: 29px; border-left: solid 1px #e5e3e0; border-right: solid 1px #e5e3e0;}
#footer_social img {vertical-align: text-bottom; margin-right: 6px;}
#footer_contact {width: 173px; padding-left: 27px;}
#footer p, #footer h5, #footer li {margin-bottom: 6px;}
#footer_copyright {text-align: center; padding-top: 56px;}
#footer_copyright, #footer_copyright a {color: #d3d3d3;}
#footer_copyright img {vertical-align: middle;}