/* stylesheet for double happiness */

/* background colour for blending: fcecef */

body {background: url(images/sakura.jpg); color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; text-align: center; margin: 0;}

a {text-decoration: none;}
a:link,a:visited {color: #e5a9b0;}
a:hover,a:active {color: #c0d5af;}
a img {border: none;}
.anchor {font-size: 0; height: 0; clear: both;}

div {text-align: left; border: 0px black solid;}
#page {position: relative; width: 639px; text-align: center; margin-left: auto; margin-right: auto;}
#head {position: relative; width: 100%; height: 75px; margin-top: 45px; z-index: 5;}
#body {position: relative; width: 100%; border: 3px #eee solid; background-color: #fff; opacity: .94; filter: alpha(opacity=94); margin-bottom: 10px; overflow: hidden;}
#body2 {position: relative; width: 100%; margin: 10px 0px; border: 3px #eee solid; background-color: #fff; opacity: .94; filter: alpha(opacity=94);}
#blind {position: absolute; left: 0; top: 170px; width: 100%; height: 400px; background-color: #fff; opacity: .75; filter: alpha(opacity=75);}

#logo {position: absolute; bottom: -26px; left: 6px;}
#logo-collection {position: absolute; bottom: 3px; left: 489px;}
#logo-about {position: absolute; bottom: 3px; left: 489px;}
#logo-news {position: absolute; bottom: 3px; left: 489px;}
#logo-contact {position: absolute; bottom: 3px; left: 489px;}
#menu {display: none; position: absolute; top: 0; right: 0; width: 150px; background-color: #fff; border-left: 2px #eee solid; border-bottom: 2px #eee solid; opacity: .95; filter: alpha(opacity=95); z-index: 10;}
#menu ul {float: right; list-style: none; padding: 0px 8px 0px 0px; margin: 5px 0px;}
#menu li {padding-top: 6px;}


/* index page */
#footer {} /* fixes transparency overflow glitch in ie */
#index-about {position: absolute; bottom: 12px; left: 15px;}
#index-collection {position: absolute; bottom: 12px; left: 125px;}
#index-news {position: absolute; bottom: 12px; left: 285px;}
#index-contact {position: absolute; bottom: 12px; right: -33px;}

#slideshow {position: relative; width: 340px; height: 340px; list-style: none; margin: 47px 63px 0 63px; padding: 0; border: 1px #eee solid;}
#slideshow li {display: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0;}


/* collection pages */
ul#collection {list-style: none; margin: 0; padding: 0;}
ul#collection li {float: left; width: 211px; height: 120px; border: 1px #ddd solid;}
.collection-link {width: 100%; height: 100%; cursor: pointer;}
.collection-text {clear: both; margin: 0; padding: 10px; background-color: #fff;}

.faded {opacity: .70; filter: alpha(opacity=70);}
.opaque {opacity: .99; filter: alpha(opacity=99);}

#item-left {float: left; width: 341px; overflow: hidden;}
.item-panel {display: none; float: left; width: 340px; margin-top: 47px;}
.item-image {border: 1px #eee solid; border-left: 0;}
#item-menu {clear: both; margin-bottom: 8px;} /* overflow: hidden here caused safari glitch */
.item-thumb {float: left; border: 1px #eee solid; margin: 8px 0px 0px 8px;}
.item-thumb:hover {border: 1px #fcecef solid;}

#item-right {float: right; width: 260px; margin-top: 47px; margin-bottom: 1em; padding: 0px 16px;}
#item-right ul {margin-left: 7px; padding-left: 7px;}
#item-right li {}
.item-title {font-style: italic; margin-top: 0;}
.item-description {}
.item-link {display: none; font-size: 1.05em;} /* disabled; etsy link is on contact page */
#item-browse {margin-top: 0; margin-bottom: 1em; border-bottom: 1px #ddd dotted;}
#item-browse p {margin-top: 0.2em;}


/* about page */
#about-left {float: left; width: 300px; overflow: hidden;}
#about-right {float: right; width: 300px; margin-top: 47px; margin-bottom: 1em; padding: 0px 16px;}


/* news page */
.news-item {border-left: 50px #fcecef solid; border-bottom: 1px #ddd dotted; margin-top: 10px; padding: 10px; /*background: url(images/chop-faded.jpg) 5px 5px no-repeat;*/}
.news-title {margin-top: 0; margin-bottom: 0; padding-left: 10px; font-weight: bold;}
.news-text {margin-top: 0.5em; padding-left: 10px;}
.news-text img {margin: 10px 0;}


/* contact page */
#contact-left {float: left; width: 300px; margin-top: 47px;}
#contact-left img {margin-bottom: 30px;}
#contact-right {float: right; width: 300px; line-height: 1.2em; margin-top: 47px; margin-bottom: 1em; padding: 0px 16px;}

#contact-right ul {padding-left: 14px;}
#contact-right li {padding-bottom: 0.4em;}
.shop-logo {margin: 5px;}


/* cms pages */
#cms {width: 595px; margin: 20px; font-size: 1.1em;}
#cms td {padding-bottom: 5px;}

#login {width: 300px; margin-left: auto; margin-right: auto; margin-top: 100px; margin-bottom: 100px; text-align: left;}
#logout {position: absolute; right: 0; bottom: -1; text-align: right; font-size: 12pt; font-variant: small-caps; background-color: #fff; padding: 5px 10px; border: 3px #eee solid; border-bottom: 0;}

#editor {margin: 20px;}
#editorbox {width: 100%; height: 300px; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding: 10px;}
.editor-section {border: 1px #ddd solid; padding: 10px; margin-bottom: 1em;}
.editor-thumb {float: left; margin: 3px; border: 1px #ccc solid;}
.editor-shop {position: relative; background-color: #eee; margin-bottom: 20px; padding: 5px; border: 1px #ddd solid;}
.editor-shop h4 {margin: 5px;}
.editor-shop p {margin: 5px;}
.editor-shop img {border: 1px #ccc solid;}
.editor-collectionthumb {position: relative; background-color: #eee; margin-top: 20px; margin-bottom: 20px; padding: 5px; border: 1px #ddd solid;}
#files_list {position: relative; margin-bottom: 1em;}
#files_list div {position: relative; padding: 8px; margin-bottom: 5px; background-color: #eee;}
#files_list div input {position: absolute; right: 0; top: 4px;} /* upload form delete buttons */
.warning {color: #ff6666;}