/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;} a {text-decoration:none; outline-style:none;} h1 {margin:20px 0 20px 0;} h1 a, .static h1 a{ color:#fff; border-bottom:4px double #000; border-top:4px double #000; font-size:30px; font-family:arial; text-decoration:none; height:48px; text-indent:-999em; font-size:1px; display:block;} a.call-to-action {display:block; text-align:right; color:#d31a8e;} a.call-to-action:hover {text-decoration:underline;} html p{color:#666;} #container{border-top:5px solid #4cc5da; font-family:times;} #hd, #bd, #ft{width:950px; margin:0 auto;} #hd{margin-bottom:20px;} #hd ul li{float:left; list-style-type:none; text-transform:uppercase; font-weight:bold;} #hd li.follow a {margin-right:10px; float:left; width:14px; height:14px; margin-left:12px; display:block; text-indent:-999em; background:transparent url('http://www.confectionjewels.com/img/confection-icons.2.png') -3px -326px no-repeat;} #hd li.follow a:hover {border-bottom:0;} #hd li.follow a.twitter{background-position:-28px -326px;} #hd li.follow a.facebook{background-position:-56px -326px;} #hd form{margin-top:15px; float:right; border:1px solid #ccc;} #hd input{border:0;} #hd button {background:#f1f1f1; border:0; border-left:1px solid #ccc; color:#d21a8e; padding:2px 5px;} #hd a{display:block; margin:15px 40px 0 0; color:#474044; text-decoration:none; } #hd a:hover{border-bottom:1px solid #d21a8e; } /* left rail */ .lf {width:485px; float:left;} #logo a{display:block; background:transparent url('http://www.confectionjewels.com/img/confection-icons.2.png') 0 0 no-repeat; width:481px; height:181px;} #slide-show {position:relative; height:202px; margin:20px 0 0;} #slide-show a{position:absolute; z-index:1; top:0; left:0;} #slide-show .on{z-index:3;} #slide-show .next{z-index:2;} #slide-nav {padding:2px; margin:5px; text-align:right;} #slide-nav a{font-family:arial; font-size:10px; padding:2px 5px; color:#000; margin:0 2px;} #slide-nav a.activeSlide{background:#f1f1f1;} #jewelry{width:215px; float:left;} #jewelry h1 a{background:transparent url('http://www.confectionjewels.com/img/confection-icons.2.png') 0 -180px no-repeat;} #jewelry p.intro{font-weight:bold; margin: 5px 0 10px 0;} #jewelry li h2 { margin:10px 0; font-weight:bold; color:#4a265b; font-size:16px;} #jewelry li {border-bottom:1px dotted #ccc;} #jewelry li img { width:90px; margin:0 5px;} #jewelry li .left img{float:left;} #jewelry li .right img{float:right;} #jewelry li .call-to-action{display:block; text-indent:right;} #jewelry li .left{text-align:right;} #jewelry li .right{text-align:left;} #who-we-be{width:210px; float:right;} #who-we-be h1 a{background:transparent url('http://www.confectionjewels.com/img/confection-icons.2.png') 0 -228px no-repeat;} #who-we-be p{ margin:10px 5px;} /* right rail */ .rt {width:440px; float:right; border-left:1px dotted #ccc; padding-left:10px;} #featured-products{position:relative; margin:10px 0;} #featured-products ul {height:180px; overflow:hidden;} #featured-products li{display:block; overflow:hidden; height:180px; width:430px;} #featured-products li img{float:left; margin:0 1px 0 15px; width:170px; border:1px solid #ccc;} #featured-products li .product-info{float:left; width:215px; text-align:left; margin:0 10px;} #featured-products li .product-info a {font-weight:bold; font-size:16px; color:#4A265B;} #featured-products li .product-info a:hover {text-decoration:underline;} #featured-products li .product-info a.call-to-action{color:#CF008D; font-size:12px;} #featured-products .nav {position:absolute; bottom:0; right:0; z-index:25;} #featured-products .nav div{ cursor:pointer; cursor:hand; float:left; margin:0 10px; padding:0; background: transparent url('http://www.confectionjewels.com/img/confection-icons.2.png') 0 -343px no-repeat; width:34px; height:34px;} #featured-products .nav .next{background-position:-41px -343px;} #whats-new h1 a{width:213px; background:transparent url('http://www.confectionjewels.com/img/confection-icons.2.png') 0 -276px no-repeat; border:0; margin:0 auto;} #whats-new h1 {border-bottom:4px double #000; border-top:4px double #000;} #whats-new ul {padding-left:0px; margin-left:15px; color:#4B1F5C;} #whats-new li{list-style-type: square; padding:5px; text-align:left; color:#474044;} #whats-new li a {font-size:12px; font-weight:bold; color:#4B1F5C;} #whats-new li a:hover {text-decoration:underline; color:#cf008d;} #whats-new .latest .post {width:415px; border:0;} small.post-date{position:absolute; -moz-border-radius:5px; -webkit-border-radius: 5px; top:0; left:0; display:block; background:#4B1F5C; color:#fff; font-weight:bold; text-align:center; margin:0 20px 0 0; padding:5px 10px; font-family:arial;} small{display:block;} small.post-date .month{display:block; font-size:11px;} small.post-date .day{display:block; font-size:20px; margin:0 5px;} .post:hover small.post-date{background:#cf008d;} .static .latest .post h2 { margin:0 0 0 50px; width:360px; padding:10px 10px; color:#666; font-size:20px; font-weight:bold;} .static .latest .post .entry{padding:10px 0;} .entry img{border:1px solid #ccc; padding:5px; margin:5px;} .latest p{text-align:center; padding:10px;} #whats-new .latest{ border-bottom:1px dotted #ccc; list-style-type:none; overflow:hidden; position:relative; background:#fff; margin:10px 0;} #whats-new .latest h2 a{color:#666; font-size:20px; font-weight:bold;} #whats-new .latest a.call-to-action{display:block; text-align:right; color:#d31a8e;} #whats-new .latest .post{margin:0;} #whats-new .ft{font-size:16px; font-weight:bold; text-align:left; margin:10px 5px;} #ft {background:#f1f1f1; color:#666; margin-top:20px;} #ft ul li{float:left; list-style-type:none; text-transform:uppercase; font-weight:bold;} #ft p {float:right; margin:15px;} #ft a {display:block; margin:15px 40px 0 15px; color:#474044; text-decoration:none; } #ft a:hover{color:#000;} .content .rt img{width:300px;} #logo{height:180px;} #article-list{float:left; width:215px;} .content {overflow:hidden;} .post p.credit{margin:0 30px 0 65px; padding:5px 0; color:#999; border-bottom:1px solid #999;} p.credit a, p.credit strong{font-weight:normal; color:#000;} p.credit cite{font-style:normal;} .static .rt{border:0;} .static .news, .static h1.page{ font-family: 'Oswald', serif; font-size: 39px; font-style: normal; font-weight: 400; text-transform: uppercase; letter-spacing: 0em; word-spacing: 0em; line-height: 1; text-align:left; border-bottom:4px double #000; border-top:4px double #000; clear:both; padding-bottom:2px; margin:10px; } .static h1.blog{width:700px; float:right;} .static #page img{border:1px solid #ccc; padding:5px; margin:5px;} img.attachment-featureThumb, img.attachment-loopThumb {border:1px solid #ccc; padding:5px; margin:5px; display:block;} .static .content {margin:10px; line-height:20px; padding:10px 30px; overflow:hidden; text-align:left; font-size:14px;} .static .content .lf{width:400px; float:left;} .static .content .rt{width:300px; float:right;} .static #content .entry {padding:10px 0;} blockquote{border-left:5px solid #D31A8E; margin:20px 0 20px 105px; color:#666; padding:0 0 0 20px; line-height:20px;} .static .content .post{width:450px; margin: 10px;} .static .post{position:relative; width:500px; border-bottom:1px dotted #ccc; margin-bottom:20px; padding-bottom:20px; text-align:left;} .static .post h2, .static .post h1{color:#666; font-size:20px; font-weight:bold; margin:14px 30px 0 65px;} .static .post h2 a, .static .post h1 a{color:#666; font-size:20px; font-weight:bold; } .static a{color:#D31A8E;} .static a:hover{text-decoration:underline;} .top-container {overflow:hidden;} #respond {display:none;} .narrowcolumn, .widecolumn{width:450px; float:left;} #sidebar{float:right; width:300px; text-align:left; } #sidebar .hd{margin-top:14px; font-size:20px; color:#D31A8E; font-weight:bold; padding:5px; margin-bottom:10px;} #sidebar li{padding:5px; list-style-type:square;} #sidebar li a{color:#4B1F5C; font-weight:bold; font-family:helvetica;} #sidebar li a:hover{color:#D31A8E;} .nav-previous a, .nav-next a{ display:block; text-transform:uppercase; font-family:helvetica,arial; border: 1px solid #88115c; color: white; padding: 5px 10px; font-weight: bold; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: -webkit-gradient(linear, left top, left bottom, from(#D31A8E), to(#88115c)); background: -moz-linear-gradient(top, #D31A8E, #88115c); -moz-box-shadow: 0px 2px 5px #666; -webkit-box-shadow: 0px 2px 5px #666; } .nav-previous{float:left; margin-left:50px;} .nav-next{float:right;} .navigation a:hover{background:#D31A8E; text-decoration:none;} .narrowcolumn small.post-date {position:relative; float:left;} .narrowcolumn .content-entry{clear:both; padding:5px 0;} .narrowcolumn .content-entry p{line-height:20px;} .narrowcolumn .content-entry .attachment-loopThumb {float:left; margin:0 10px 10px 0; } .clearfix {zoom: 1;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* #logo a{ display: block; background: transparent url('http://www.confectionjewels.com/img/confection-icons.2.png') 0 -421px no-repeat; width: 488px; height: 115px; } #logo { height:auto;} #featured-products li img{ width:115px; } #featured-products ul{height:118px;} */