/* stylesheet for LouLouBell */

body {background-color: #fff; color: #444; font-family: Arial, Helvetica, sans-serif; text-align: center; margin: 0;}
/* was color: #453021 */

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

/*
logo brown #453021
logo red #cc0000
*/

div, ul {text-align: left; border: 0px #eee solid;}
#pagewrapper {position: relative; width: 100%; height: 100%;}
#page {position: relative; width: 890px; height: 580px; margin-left: auto; margin-right: auto; text-align: left; z-index: 5;} /* was width: 820px */
#side {position: relative; top: 50px; left: 0; width: 290px;}
#body {position: absolute; top: 50px; right: 0; width: 550px;} /* was width: 471px */

#shadow {position: fixed; left: 2px; bottom: 0px;}
#shadow-right {position: fixed; right: 2px; bottom: 0px;}


/* index */
#logo-small {position: absolute; top: 60px; right: -10px;}
#logo-baby-small {position: absolute; top: 60px; left: -10px;}
#index {width: 550px; margin: 175px auto 0px auto;} /* was width: 480px */
#index-field {position: fixed; left: 0; bottom: 0; width: 100%; height: 125px; background: url(images/shadow-field.gif) 0px bottom repeat-x; z-index: 0;}

#slideshow {position: relative; width: 330px; height: 250px; list-style: none; margin: 0px 0px 0px 110px; padding: 0;}
#slideshow li {display: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0;}


/* side */
#side p {font-size: 0.85em; line-height: 1.5em; border: 1px #ddd dashed; margin-top: 50px; padding: 12px;}


/* menu */
#menu {position: relative; height: 60px; list-style-type: none; margin: 0; padding: 0; margin: 10px 0px 15px 0px;}

#menu li {float: left; height: 24px; margin: 0; padding: 0; margin-right: 32px; overflow: hidden;}
#menu-about {width: 61px;}
#menu-news {width: 50px;}
#menu-shop {width: 47px;}
#menu-baby {width: 52px;}
#menu-wholesale {width: 98px;}
#menu-contact {width: 78px;}
/*
#menu-about {width: 61px; background: url(images/menu-about-leaf.gif) no-repeat 7px 30px;}
#menu-news {width: 50px; background: url(images/menu-news-leaf.gif) no-repeat 6px 29px;}
#menu-shop {width: 47px; background: url(images/menu-shop-leaf.gif) no-repeat 4px 30px;}
#menu-wholesale {width: 98px; background: url(images/menu-wholesale-leaf.gif) no-repeat 13px 30px;}
#menu-contact {width: 78px; background: url(images/menu-contact-leaf.gif) no-repeat 10px 30px;}
*/

#menu li a {display: block; width: 100%; height: 24px;}
#menu-about a {background: url(images/menu-about.gif) no-repeat 0px 0px;}
#menu-news a {background: url(images/menu-news.gif) no-repeat 0px 0px;}
#menu-shop a {background: url(images/menu-shop.gif) no-repeat 0px 0px;}
#menu-baby a {background: url(images/menu-baby.gif) no-repeat 0px 0px;}
#menu-wholesale a {background: url(images/menu-wholesale.gif) no-repeat 0px 0px;}
#menu-contact a {background: url(images/menu-contact.gif) no-repeat 0px 0px;}

#menu li.selected {height: 60px;}
#menu li.selected a {background-position: 0px -24px; cursor: default;}
#menu li a:hover {background-position: 0px -24px;}


/* body */
#shop {}
#shop p {text-align: center; margin-top: 10px; margin-bottom: 0;}
#shop a:link, #shop a:visited {color: #0192B5;}
#shop a:hover, #shop a:active {color: #f90000;}

#bodytext {margin-top: 2em; font-size: 0.85em; line-height: 1.3em;}
#bodytext h4 {font-size: 1.3em; margin-top: 0;}
#bodytext h5 {font-size: 1em; margin-top: 0;}

#bodytext table {width: 100%; border: 1px #ddd solid; font-size: 0.9em;}
#bodytext table td {padding: 5px; vertical-align: top;}
#bodytext table td.tdheader {font-weight: bold;}

.news-post {border-bottom: 1px #ddd solid; padding-bottom: 1.5em; margin-bottom: 1.5em;}
.news-title {margin: 0;}
.news-date {font-size: 0.85em; color: #777; font-style: italic; margin-top: 0;}
.news-post img {border: 1px #ddd solid;}