/** lightdesign.co.nz - template for rietveld.co.nz - includes norm / typogrid / slideshow / facebook / google maps / responsive media queries / transitions / menu / grid / print / editor**/

/*normalize.css v3.0.1 */
html {font-family:Georgia, san-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body {margin: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;} audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;} [hidden], template {display: none;} a {background: transparent;} a:active, a:hover {outline: 0;} abbr[title] {border-bottom: 1px dotted;} b, strong {font-weight: bold;} dfn {font-style: italic;} mark {background: #ff0; color: #000;} small {font-size: 80%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 1em 40px;} hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;} pre {overflow: auto;} code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;} button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;} button {overflow: visible;} button, select {text-transform: none;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} input {line-height: normal;} input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;} input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;} fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend {border: 0; padding: 0;} textarea {overflow: auto;} optgroup {font-weight: bold;} table {border-collapse: collapse; border-spacing: 0;} td, th {padding: 0;}
/** typogrid **/
@font-face {font-family: Rockwell; src: url(../fonts/sketchrockwell-bold-webfont.woff);}
body {font:16px/1.625 Helvetica, Sans-Serif;}/*16px/26px*/
h1, h2, h3, h4, h5, h6{font-family:Helvetica, Sans-Serif; border-bottom: 1px solid #EFB9BA; font-weight:bold;}
h1 {font-size: 4.25em; line-height: 1.147058823em; margin-top: 0em; margin-bottom: 0.38235294em;}
h2 {font-size: 2.625em; line-height: 1.238095238em; margin-top: 0em; margin-bottom: 0.61904762em;}
h3 {font-size: 1.625em; color:#444; line-height: 1em; margin-top: 0em; margin-bottom: 1em;}
h4 {font-size: 1em; line-height: 1.625em; margin-top: 0em; margin-bottom: 1.625em;}
h6{font-size: 2em; line-height: 0.8125em;}
p, ul, ol, pre, table, blockquote {margin-top: 0em; margin-bottom: 1.625em;}
/* Sanitation */ hr {border: 1px solid;  margin: -1px 0;} ul ul, ol ol, ul ol, ol ul {margin-top: 0; margin-bottom: 0;} b, strong, em, small, code {line-height: 1;} sup, sub {vertical-align: baseline; position: relative; top: -0.4em;} sub {top: 0.4em;}
/* end typogrid */

/* transition */
.tran, .menu li a, img, img:hover{-webkit-transition:all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -ms-transition:all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; transition: all 1s ease-in-out 0s; -webkit-text-size-adjust: none;}

*, *:before, *:after {box-sizing: inherit;}
html{-webkit-box-sizing: border-box; /*safari/chrome/webkit*/ -moz-box-sizing: border-box; /*firefox/gecko */ box-sizing: border-box; /*opera/IE8+*/}
body{height:100%; background: url(../images/rvbackground.png) no-repeat fixed top center; background-size:contain; max-width:1282px; margin:0 auto 900px; overflow:auto;}/* whole page */
.tc{text-align:center;} .tl{text-align:left;} .tr{text-align:right;}
.fr{float:right;} .fl{float:left;}
.db{display:block;} .di{display:inline;} .dib{display:inline-block; vertical-align: top; } 
.dn{display:none;} .dt{display:table;} .dtr{display:table-row;} .dtc{display:table-column;} .dtd{display:table-cell; vertical-align: top;}
.pad{padding:1.625em;} .padlr{padding:0 1.625em;} .padr{padding-right:1.625em;} .padl{padding-left:1.625em;} .padt{padding-top:1.625em;} .padb{padding-bottom:1.625em;} .padtb{padding:1.625em 0;}
.m{margin:1.625em;} .mlr{margin-left:1.625em;} .ml{margin-left:1.625em;} .mr{margin-right:1.625em;} .ma{margin:0 auto;} .mb{margin-bottom:1.625em;}
.oh{overflow:hidden;} .oa{overflow:auto;} 
.pr{position:relative;} .pa{position:absolute;} .pf{position:fixed;} 
.clearfix:before, .clearfix:after, .cb:before, .cb:after {content:""; display:table;} .clearfix, .cb:after {clear:both;} .cl{clear:left;} .cr{clear:right;}
.wrap{overflow:auto;} .full{margin-bottom: -5000px; padding-bottom: 5000px;}

p + p {text-indent: 2em;}
.transp{background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6);}
.button{margin:0.4051em; padding:0.4051em; z-index: 3; border:1px solid #0f0f0f; text-decoration:none; border-radius:0.314em; cursor:pointer; width: 100px;}
.readmore .btn{display:block; margin:0 1em; max-width:340px; overflow:hidden; white-space: nowrap;  text-overflow: ellipsis;}
a:link{color:#464E79;}
a:visited{font-style:italic;}
a:focus{}
a:hover{ background-color: #eee; }
.menu a:hover{ color:white; background:green; text-decoration:none; }
a:active{background:red;}

.left .menu li a:hover{transition:none;}
.left .menu ul{list-style:none; padding:0;}
.left .menu li a{line-height:2.4375; padding:0 0.5em; display:block; text-decoration: none;}
.left .menu ul ul{background:#ddd;}
.left .menu ul ul li a:before{content:"- ";}
.left .menu ul ul ul{display:none; background:#bbb;}
.left .menu ul ul ul li a:before{content:"- - ";}
.menucount{color:#777;}

.site{font-family: 'Dancing Script', cursive; font-weight:bold; font-size:2.0em; white-space: nowrap;}
.slogan{font-family:Rockwell, sans-serif; line-height:3.25; display: table-cell; vertical-align:middle;}
.search{line-height:3.25;}
.search input{border-radius:1em; padding:0.3em 1em; color:#000;}

.slides{border-top:2px solid #b4b4b4; background:#707070;}
/** Slideshow **/
.slideshow{list-style:none; display:block; position:relative; margin:0; padding:0;}
.slideshow li{display:block; position:absolute; top: 0;} 
.slideshow li:focus{outline: 0;} 
.slideshow li:first-child{position: relative;} 
.slideshow li img{width:100%; opacity: 0; -webkit-transition: opacity 1.2s; transition: opacity 1.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden;} 
.slideshow li:first-child >img{opacity: 1;} 
.slideshow .bss-show img{width:100%; opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden;} 
.bss-next, .bss-prev{position:absolute; top: 50%; z-index:1; color:#fff; background:#000; background:rgba(0,0,0, .6); font-size:2em; margin-top:-1.2em; opacity: .3; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} 
.bss-next:hover, .bss-prev:hover{cursor: pointer; opacity: 1;} 
.bss-next{right: -1px; padding:10px 5px 15px 10px; border-top-left-radius:3px; border-bottom-left-radius:3px;} 
.bss-prev{left:0; padding:10px 10px 15px 5px; border-top-right-radius:3px; border-bottom-right-radius:3px;}
/* end slideshow */

.page{background:#fff; overflow-x:hidden !important; border-top:2px solid #b0b0b0;}
#content{}
#details{float:right; display:block; border:1px solid #aaa; text-align:center; margin-left:1em; margin-bottom:1em; font-size:small; padding:0 0.5em 0.5em; color:#777;}
#details a, #details a:visited{color:#777;}
#details #ID{font-size:1.7em; display:block; color:#000;}
#details:after{display:none;}
.article-info{font-size:small; color:#666; clear:both;} 
.left{width:0px; z-index:2; background-color:#fff; height:100%; overflow:hidden;}
.left:target {width:290px; background-color: #ccc; overflow-y: scroll; position:absolute;}
.left:target .close{opacity:1;}
.right p, .right a, .right a:visited{color:#777;}
.right ul{padding-left:1em;}

footer{background:#3a3a3a; background-image: linear-gradient(#636363, #1c1c1c); border-bottom:1px solid #b4b4b4; border-top:3px solid #080808; color:#ccc; text-shadow: 1px 1px 0 #000;}
footer a{color:#ccc; text-decoration:none;}
footer .button{background:#777;}
#design{font-size:90%; text-align:center; color:#555; background:#fff; border:solid #b0b0b0; border-width:0 0 1px 0}
.menulink{z-index:1; bottom:0; left:0;}
.totop{bottom: 0; right: 0; font-size: 0.9em;}
.one, .two, .three, .four{width:100%;} .quarter{width:25%;} .third{width:33.33%;} .half{width:50%;}

[class^="rietveld-"]{padding:0 1em 1em 0;}
[class^="rietveld-"]:before{color:#777;}
[class^="rietveld-"] img{padding:0; float:left; margin-right:1em; margin-bottom:1em; -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 3px 3px 6px rgba(0,0,0,.5); box-shadow:3px 3px 6px rgba(0,0,0,.5);}
.oldprice{color:red;}
.rietveld-img{display:block; float:left;}
.rietveld-img img{width:210px;}
.rietveld-sum{} 
.rietveld-full{clear:both;}
.rietveld-price:before{content: "Price: NZ$ ";}
.rietveld-dim:before{content: "Dimensions: ";}
.rietveld-weight:before{content: "Weight: ";}
.rietveld-more-img{clear:both;}
.rietveld-more-img img{width:160px; }
/*list*/ .cat-children h3{border:none;}
/*blog*/ .blog .rietveld-img img{width:160px;} [itemprop^="blogPost"]{background:#ddd; margin-bottom:1em; }
/*featured*/.blog-featured .leading-0 {background:none;} .blog-featured .leading-0 .item-title, .blog-featured .icons {display:none; height: 0;}
.blog-featured .leading-1:before{content: "* Current Specials *"; color:#697BA5; font-size: 2.625em; line-height: 1.238095238em; margin-top: 0em; margin-bottom: 0.61904762em; width:100%; background:#fff;}
.blog-featured h2{font-size: 1.625em; color:#444; line-height: 1em; margin-top: 0em; margin-bottom: 1em;}
.blog-featured .rietveld-full, .blog-featured .rietveld-dim, .blog-featured .rietveld-weight, .blog-featured .rietveld-more-img{display:none; height: 0;}
.blog-featured .rietveld-img img{width:160px;} [itemprop^="blogPost"]{background:#ddd; margin-bottom:1em;}
.blog-featured .readmore .btn{float:right; margin-top:-2.5em;}
/*archived*/ .archive, .archived{background:#FAE4E6;}.archived .item-page, #archive-items [class^="row"]{background-image: url("/images/Sold-Ribbon.png"); background-repeat: no-repeat; background-position: right top; background-size: 40%;}
/*search*/ .highlight, .label-warning{background:yellow;} .search-results dd{line-height:normal;}
/* Image expander */ [class^="rietveld-"] img:hover, figure img:hover{transform-origin:left; position:relative; -webkit-backface-visibility:hidden; z-index: 500;}
.blog .rietveld-img img:hover{-webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform:none;}
/* gallery */ .gallery img{width:220px;} figure{margin-left:0; margin-top:0; float:left; display:inline; padding:0.604em; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); box-shadow:0 3px 6px rgba(0,0,0,.5); content: ""; border-radius:3px;} figcaption{width:210px; color:#777;}
/** Facebook **/ .fb{font-family:tahoma, 'Lucida Grande', sans-serif; background:#ccc; background:url(../images/FB50.png) no-repeat; padding-left:65px;} .fb a{text-decoration:none; color:#3B579D; } .fbf{font-size:16px; font-weight:600; -webkit-font-smoothing: antialiased; margin-left:3px;} .fbfb{font-size:32px; line-height:22px; font-weight:500; -webkit-font-smoothing: antialiased;}
/** Trademe **/ .tm img{margin: 2em 0 -1em -1em; padding: 0;}
/**gmap**/ .gmap {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;} 
.gmap iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.breadcrumb{list-style:none; font-size:small; clear:both;}
.breadcrumb {padding: 8px 15px; margin: 0 0 18px; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.breadcrumb > li {display: inline-block; *display: inline; *zoom: 1; text-shadow: 0 1px 0 #fff;}
.breadcrumb > li > .divider {padding: 0 5px; color: #ccc;}
.breadcrumb > .active {color: #999;}
.pagenav{padding-left:0.406em;}
.pagenav{clear:both; display:block; list-style:none; text-align:center; /*font-size:small;*/}
.pagenav li{display:inline-block;}
.pagenav .previous a{padding-right:0.813em;}
.pagenav .previous a:after{content:".";}
.pagenav .next a{padding-left:0.813em;}
.pagination{clear:both; display:block; list-style:none; text-align:center; /*font-size:small;*/ color:#777;}
.pagination li{display:inline-block;}
.pagination .counter{background:#EFB9BA; padding-left:10px; padding-right:10px; color:#000; border-radius:0.314em;}
blockquote {font-style: italic; color:#777; background: #eee; border-left: 0.618em solid #ccc; border-radius:0.309em; padding:1em; margin:1em;}
blockquote:before {color: #bbb; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.2em;  vertical-align: -0.4em;}
blockquote:after {color: #bbb; content: close-quote; font-size: 4em; line-height: 0.1em; margin-left: 0.2em;  vertical-align: -0.4em;}
blockquote p {display: inline;}
blockquote cite {color: #999; font-size: 0.9em; display: inline;}
blockquote cite:before {content: "\2013 \2009";}

@media screen and (max-width: 450px) {
	.slogan, .search{background:white;} footer *{text-align:left !important;}}
@media screen and (min-width:451px) and (max-width: 640px){
  .one{width:50%;} .slogan{width:100%;}.rietveld-img img:hover, .rietveld-more-img img:hover, figure img:hover{-webkit-transform: scale(2.0); -moz-transform: scale(2.0); -o-transform: scale(2.0); -ms-transform: scale(2.0); transform: scale(2.0);}}
@media screen and (min-width:641px) and (max-width: 960px){
	.one{width:33.33%; max-width:320px;} .two{width:66.66%; max-width:640px;} .left{width:33.33%; max-width:320px; float:left; position:relative;} .close, .menulink{opacity:0;} .content, .right{border-left:1px solid #ccc;} .rietveld-img img:hover, .rietveld-more-img img:hover, figure img:hover{-webkit-transform: scale(2.3); -moz-transform: scale(2.3); -o-transform: scale(2.3); -ms-transform: scale(2.3); transform: scale(2.3);}}
@media screen and (min-width:961px){
	.one{width:25%; max-width:320px;} .two{width:49%; max-width:640px;} .three{width:75%; max-width:960px;} .left{width:25%; max-width:320px; float:left; position:relative;} .content, .right{border-left:1px solid #EFB9BA;} .close, .menulink{opacity:0;} .slogan{line-height:3.2; width:320px;} body{border:solid #b0b0b0; border-width:0 1px;} .rietveld-img img:hover, .rietveld-more-img img:hover, figure img:hover{-webkit-transform: scale(2.7); -moz-transform: scale(2.7); -o-transform: scale(2.7); -ms-transform: scale(2.7); transform: scale(2.7);}}

/*a[href^="http"] {background: url(path/to/external/icon.png) no-repeat; padding-left: 0.625em;}*/
.iewarn{top:120px;}
.noscript{top:10px; left:0; right:0; margin:0 auto; background:red; color:#fff; z-index:180; border:3px solid #fff;}

@media print {*{background: transparent !important; color: black !important; border:none !important; text-shadow: none !important; box-shadow:none !important; filter: none !important; -ms-filter: none !important; word-wrap: break-word !important; }
  @page{margin: 0.5cm;} h1, h2, p, h1, h2, h3 {orphans: 3; widows: 3;} a, a:visited {text-decoration: underline;} pre, blockquote {border: 1px solid #999; page-break-inside: avoid;} thead {display: table-header-group;} tr{page-break-inside: avoid;} /* Tables: css-discuss.incutio.com/wiki/Printing_Tables */
  a[href^="javascript:"]:after, a[href^="#"]:after {content: "";} /* no show js or internal links */
  abbr[title]:after {content: " (" attr(title) ")";}
  img{width:160px !important; page-break-inside: avoid; margin:0; padding-right:1em; padding-bottom:1em;}
  itemprop.articleBody a[href]:after {content: " (" attr(href) ")"; color: blue;}
  
  /*specific parts*/
  .search, .slides, .menulink, .left, .left:target, .menu, .right, .article-info, .icons, .idmail, .breadcrumb, .pagenav, footer, #design, #printButton, .totop{height:0; width:0; float:none; display:none !important;}
  .one{width:50%; float:left;}
  .four{width:100% !important; float:left;}
  #details *, #details, #details #ID, #details:before, #details:after{margin:0; padding:0; display:block;}
  #details{margin-left:0.5cm;}
  #details:before{content: "http://rietveld.co.nz";}
}
  
/*editor page*/
.pull-right{float:right;}.pull-left{float:left;}
.icons a.dropdown-toggle{display:none;}.edit fieldset {border:none; margin:0; padding:0;}.editor .btn-toolbar{margin-top:5px;} .btn-group li{list-style:none;}.edit #metadata .control-label{display:block;}
a.btn{color:#000; border:1px solid #707070; padding:5px 5px 4px; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius:3px; text-decoration:none; transition:none; background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgb(207,207,207)), color-stop(0.79, rgb(252,252,252))); background-image: -moz-linear-gradient(center bottom, rgb(207,207,207) 16%, rgb(252,252,252) 79%);} a.btn:hover{color:#000; border:1px solid #3C7FB1; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgb(172,220,247)), color-stop(0.79, rgb(228,244,252))); background-image: -moz-linear-gradient(center bottom, rgb(172,220,247) 16%, rgb(228,244,252) 79%);} .edit .control-group{clear:both; padding:5px 0;} .edit .control-label{display:inline-block; vertical-align:top; } .edit .controls{display:inline-block; margin-left:1em;}