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.1.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.1.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.1.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.1.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.1.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.1.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;}

.latest h2 { margin-left:40px; width:360px; padding:0 10px; color:#666; font-size:20px; font-weight:bold;}
.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{text-transform:uppercase; font-weight:bold; text-align:left; border-bottom:4px double #000; border-top:4px double #000; font-size:30px; font-family:arial; clear:both; 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;}

.navigation{overflow:hidden; text-align:left;}

.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; }