/*
Theme Name: Lin Morris
Theme URI: http://www.lin-morris.com/
Description: Bespoke Theme
Version: 1.1
Author: Lin Morris

*/

* { margin:0; padding:0; }
.left { float:left; }
.right { float:right; }
a,img { outline:none; border:0; }
a { text-decoration:none; }
.clear { clear:both; }
html { }
body { background-color:#FFF; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:13px; }

/* container */
#page { margin-left:auto; margin-right:auto; width:994px; }

/* header */
#header { height:195px; position:relative; z-index: 2; }
#header #logo { position:relative; padding:60px 0 16px 0px; display:block; width:460px; }
#basket {height: 40px; line-height: 40px; position: absolute; top:0; right:0; font-size: 11px;}
#basket a, #basket span {color: #028D63; }

/* menu */
#menu { height:52px; line-height:52px; border-top:1px solid #000; border-bottom:1px solid #000; clear:both; font-size:20px; font-family: proxima-nova, sans-serif; width:994px; position: relative; z-index: 1000;}
#menu li { list-style-type:none; float:left; padding-right:16px; position: relative; z-index: 1000;}
#menu .current-menu-item a, a.active {color: #028D63;}
#menu li#menu-item-1162 { padding-right:246px; } /* limited edition */
#menu li#menu-item-1160 {padding-right: 0;} /* about */
#menu li#menu-item-1158 a {padding-left: 0;} /* blog */
#menu a { padding:0 35px; display:block; color:#000; line-height:52px; outline: none; }
#menu a:hover { color:#028D63 !important; }

/* sub menu */
#menu li:hover ul {display: block;}
#menu ul {position: absolute; top:52px; left:26px; padding: 0 10px 10px 10px; background-color: #FFF; display: none; z-index: 2; width: 200px; -webkit-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 1); -moz-box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 1); box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 1); z-index: 1000;} 
#menu ul li {font-size: 14px; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform: none; height: 20px; width: 200px; overflow: hidden;}
#menu ul li a {line-height: 20px; padding: 0; color: #000; height: 20px;}
#menu .current-menu-item ul a {color: #000;}
#menu #menu-item-1158 ul {left: -9px;}


.navigation { padding:0 0 0 300px; line-height:50px; clear:both; overflow:auto;}
.pagination {line-height: 50px;  padding-top: 20px; border-top:1px solid #CBCBCB; }
.pagination a, .pagination span {width: 22px; height: 22px; margin-right: 6px; text-align: center; line-height: 22px; color: #333; background-color: #E6E6E6; display: inline-block; font-size: 11px;}
.pagination a:hover {background-color: #CBCBCB; color: #333; }
.pagination span.current {background-color: #028D63; color: #FFF;}
.pagination label {float: left; display: block; line-height: 50px; font-family: proxima-nova; font-size: 20px; width: 258px; color: #333;}

/* content */
#content { padding:30px 0 0 0; width:994px; clear: both; overflow: auto; z-index: 1;}
#content p {margin-bottom: 12px;}
.post,.page { padding-bottom:60px; clear:both; overflow:auto; }
#content .left { width:258px; }
#content .entry,#content .right,#content .top { line-height:1.4em; width:660px; }
#content .wide { padding:0 0 30px 258px; }
.post .entry,.page .entry { float:left; overflow: hidden;}
.post h2 {width: 238px; margin-bottom: 4px;  font-family: proxima-nova; font-size: 20px;}
.post small {display: block; margin-bottom: 16px; line-height: 16px;}
.postmetadata {padding: 30px 0 30px 0; clear: both; overflow: auto;}
small { position:relative; font-size: 11px; }
.post .more-link {display: block; line-height: 40px; color: #028D63;}

/* category */
#top {clear: both; overflow: auto; margin-bottom: 30px; position: relative;}
#top .pagination {border-top:0; width: 660px; padding:0; position: absolute; bottom:27px; left:258px; line-height: normal; }
#top .pagination label {display: none;}
#top {border-bottom: 1px solid #CBCBCB;}
#top h1 { width: 258px; line-height: normal; padding-bottom: 26px; font-family: proxima-nova; font-size: 20px;}

/* shop product feed */
#product-feed {border-top:1px solid #CBCBCB;}
#product-feed label {font-family: proxima-nova; font-size: 20px; line-height: 80px;}
#product-feed ul {width:994px; height:300px; overflow:hidden;}

small { position:relative; }
h1,h2 { font-weight:normal; font-size:20px; }
h1,h2,h3 { font-family: proxima-nova, sans-serif; font-weight: normal; }
h2 a {color: #333;}
h1 {color: #028D63;}
h3 {font-size: 16px;}
hr {height: 1px; background: #CBCBCB; margin-top: 16px; margin-bottom: 26px; display: block; clear: both; width: 994px; border: 0;}
cite {font-style: normal; }
a:hover, h2 a:hover { color:#028D63; }
a { color:#7C7C76; text-decoration:none; }

/* archives */
#nav-above {margin-top: 30px;}

/* single blog post */
.single .postmetadata {padding-bottom: 0;}
.single .social {padding-bottom: 30px;}
div#comments {padding-top: 30px; border-top:1px solid #000;}
#comments form, ol.commentlist {width: 660px; float: left;}
h3#respond, h3#comments {float: left; width:258px; font-family: proxima-nova; font-size: 20px; text-transform: uppercase; }
ol.commentlist li {list-style-type: none; margin-bottom: 26px; line-height: 1.4em;}
ol.commentlist cite a {color: #028D63;}
small.commentmetadata {margin-bottom: 6px; display: block;}

/* designers */
.page-template-_designers-php .listing h2 {margin-bottom: 6px; width: 220px;}
.page-template-_designers-php .listing p {width: 220px;}

/* forms */
input {border:1px solid #CBCBCB; width:120px; padding:0 5px 0 5px; height:20px; line-height: 20px; font-size: 11px;}
input:hover {border:1px solid #000;}
input.button, .button, input#submit {background-color:#009c75; color:#FFF; padding:0 12px 0 12px; height:28px; line-height:28px; border:0; width:auto; text-transform: uppercase; text-align: center; font-size: 10px;}
input.button:hover, .button:hover, input#submit:hover {border: 0;}
textarea {width: 650px; padding: 5px; border: 1px solid #CBCBCB;}
textarea:hover {border:1px solid #000;}


/* footer */
#footer {margin-top: 20px; padding-top: 20px; border-top:1px solid #000; color: #585858; position: relative;}
#footer ul {height: 80px; width: 516px; font-size: 12px;}
#footer ul li {list-style-type: none; width: 258px; float: left; line-height: 20px; }
#footer p { padding:50px 0 50px 0; text-align: right; font-size: 11px; }
#footer a {color: #333;}
#footer .current-menu-item a {color: #028D63;}
#searchform {position: absolute; top:20px; right:0px; width:200px; clear: both;}
#searchform #searchsubmit { width: 64px; height: 22px; line-height: 22px; display: block; border: 0; position: absolute; top:0; right:0;}

/* images */
.image { display:block; position:relative; z-index:1; overflow:hidden; }
.image a,.image img { display:block; }

/* columns */
.col { width:320px; float:left; }
.col li { list-style-position:inside; font-size:13px; margin-bottom:10px; width:300px; }
.col li li { margin-left:16px; margin-top:10px; width:284px; }
.col ul { margin-bottom:16px; }

/* listing */
.listing { clear:both; overflow: auto; width: 994px;}
.listing li { list-style-type:none; float:left; display:block; width: 258px; padding-bottom: 16px;}
.listing li.last {width: 220px;}
.listing .image { display:block; width: 220px; height: 220px; overflow: hidden; }
.listing .image img {width: 220px; height: auto;}
.listing h2 {font-size: 16px;}
.listing h2 span {display: block; font-size: 12px; margin-top: 4px; font-family:Arial, Helvetica, sans-serif; color: #028D63;  }
.listing .image {margin-bottom: 12px; display: block;}
 
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
.alignright { float:right; }
.alignleft { float:left; }
.wp-caption-text {line-height: 20px; font-size: 10px; font-style: italic;}
.gallery-item {text-align: left !important;}
.gallery-item img {border: 0 !important;}

/* mailing list */
#mc_embed_signup { right:0; top:100px; position:absolute; width:200px; clear:both; }
#mc_embed_signup input {float:left; }
#mc_embed_signup input#mc-embedded-subscribe { border:medium none; display:block; cursor:pointer; position:relative; width:64px; height:22px; border:0; padding:0; float:right; line-height: 22px;}

/* carousel */
.jcarousel-container {width:994px; overflow:hidden; position:relative; padding-bottom:50px;}
.jcarousel-prev, .jcarousel-next {position:absolute; height:50px; width:50px; text-align:center; line-height:50px; cursor: pointer;}
.jcarousel-prev:hover, .jcarousel-next:hover {color:#028D63;}
.jcarousel-prev {left:-16px;}
.jcarousel-next {right:-16px;}
.jcarousel-prev-disabled, .jcarousel-next-disabled, .jcarousel-prev-disabled:hover, .jcarousel-next-disabled:hover {color:#e6e6e6;}

/* shop banner */
.banner {width: 994px; display: block;}
.banner img {margin-left: 258px; margin-bottom: 20px;}