/* ekoco.css // 20090308 */

html, body { height: 100%; overflow: hidden; }
body, input, select, textarea { font: 12px Geneva, Arial, sans-serif; background: white; color: black; }
a, a:active, a:visited { font-weight: bold; color: navy; }
a:hover { color: black; }
body.white { background: white; color: black; }
body.black { background: black; color: white; }
body.home { background: white url(flowers/wallpapers/home.jpg) no-repeat bottom left; }
body.home #body a { color: #a394ab; }
body.home #body a:hover { color: black; }
body.carol { font: 13px Georgia, Times, serif; background: white url(flowers/wallpapers/carol.jpg) no-repeat bottom left; }
body.carol #body a { color: #57cec4; }
body.carol #body a:hover { color: black; }
body.greg { background: black url(flowers/wallpapers/greg.jpg) no-repeat bottom right; }
body.greg #body a { color: #678; }
body.greg #body a:hover { color: white; }
body.prestations { background: white url(flowers/wallpapers/prestations.jpg) no-repeat bottom left; }
body.prestations #body a { color: #889294 }
body.prestations #body a:hover { color: black; }
body.references { background: white url(flowers/wallpapers/references.jpg) no-repeat bottom; }
body.references #body a { color: #456; }
body.references #body a:hover { color: black; }
body.contact { background: #171717 url(flowers/wallpapers/contact.jpg) no-repeat bottom right; }
body.contact #body a { color: #eaaf87; }
body.contact #body a:hover { color: white; }
body.admin #body { position: absolute; top: 50%; left: 50%; margin-left: -300px; margin-top: -220px; width: 722px; height: 450px; }
body.admin #body a { color: #888; }
body.admin #body a:hover { color: black; }

/** Access **/
#access { display: none; }

/** Header **/
#header { width: 240px; position: absolute; top: 0; right: 0; margin: 20px; }
#header h1 a { display: block; width: 240px; height: 107px; background: transparent no-repeat; }
body.white #header h1 a { background-image: url(flowers/eko-white.gif); }
body.black #header h1 a { background-image: url(flowers/eko-black.gif); }
#header * img,
#header * span { display: none; }

/** Menu **/
#menu { position: absolute; bottom: 150px; left: 0; margin: 20px 10px; font: 14px Georgia, Times, serif; text-align: right; width: 130px; }
#menu * li { margin-bottom: 0.5em; }
#menu * a { font-weight: normal; color: #456; }
#menu * li.active a,
#menu * a:hover { font-weight: bold; color: black; }
#menu * li ul { display: none; }
#menu * li.active ul { display: block; margin: 5px 0 10px 20px; font-size: 10px; }
#menu * li ul li { margin-bottom: 0.1em; }
#menu * li.active ul li a { font-weight: normal; }
#menu * li.active ul li.active a,
#menu * li.active ul li a:hover { font-weight: bold; }
body.carol #menu * a,
body.carol #menu * a:visited { color: white; }
body.carol #menu * a:hover { color: black; }
body.greg #menu * a,
body.greg #menu * a:visited { color: white; }
body.greg #menu * a:hover { color: #678; }
body.contact #menu * a,
body.contact #menu * a:visited { color: #eaaf87; }
body.contact #menu * a:hover { color: white; }

/** Body **/
#body h2,
#body h3,
#body h4 { margin-top: .5em; }
#body h1 { padding-top: .5em; }
#body h1,
#body h2 { font-family: Georgia; }
#body h1,
#body h2,
#body h3,
#body h4,
#body p,
#body ul,
#body ol,
#body dl { margin-bottom: .5em; }
#body h1 { font-size: 1.3em; }
#body h2 { font-size: 1.3em; }
#body h3 { font-size: 1.2em; }
#body h4 { font-size: 1.1em; }
#body ul { list-style: square inside; padding-left: 1em; }
#body ol { list-style-position: inside; padding-left: 1em; }
#body dt { font-weight: bold; font-size: 1.2em; }
#body dd { display: block; margin-bottom: .5em; }

/** Elements **/
#body p.info,
#body p.chapo,
#body p.error { font: 1.1em Georgia, Times, serif; font-weight: bold; }
#body p.error { color: red; }
#body p.info { color: navy; }
#body div.wrap { position: absolute; overflow: hidden; }
#body div.box { background: transparent no-repeat top; padding-top: 20px; }
body.white #body div.box { background-image: url(flowers/box/top.white.png); }
body.black #body div.box { background-image: url(flowers/box/top.black.png); }
body.white .ie #body div.box { background-image: url(flowers/box/top.white.gif); }
body.black .ie #body div.box { background-image: url(flowers/box/top.black.gif); }
#body div.box div { background: transparent no-repeat bottom; padding: 0 25px 20px 25px; }
body.white #body div.box div { background-image: url(flowers/box/bottom.white.png); }
body.black #body div.box div { background-image: url(flowers/box/bottom.black.png); }
body.white .ie #body div.box div { background-image: url(flowers/box/bottom.white.gif); }
body.black .ie #body div.box div { background-image: url(flowers/box/bottom.black.gif); }
#body p.who { margin-top: -0.5em; }
#body span,
#body dt { font-weight: normal; font: 1.2em Georgia, Times, serif; }
#body ul.c0 { list-style: none; padding: 0; }
#body ul.c0 li { margin-bottom: 0.5em; }
#body li.c1 { text-align: right; margin-right: 120px; font-size: 1.3em; }
#body li.c2 { text-align: center; margin-right: 20px; font-size: 1.4em; }
#body li.c3 { margin-left: 100px; font-size: 1.2em; }
#body li.c4 { text-align: center; font-size: 0.9em; }
#body h1.magic { font-size: 1.6em; }
#body ul.pr { list-style: none; padding: 0; font: 14px Georgia, Times, serif; }
#body ul.pr li { margin-bottom: 0.2em; }
#body div.cu { font-size: 1.1em; }
#body div.cn { font-size: 0.9em; }
#body div.cn h2 { margin-top: 0; font-weight: normal; }
#body p.rf { margin: 0; }
#body div.rf { height: 250px; }
#body div.rf div.bb { height: 245px; }
#body div.rf img { float: left; margin: 0 15px 15px 0; border: 1px #ddd solid; }
#body div.rf li,
#body div.rf h3,
#body div.rf h4 { font-family: Georgia, Times, serif; }
#body div.rf h3 { font-size: 1.5em; margin: 0; }
#body div.rf h4 { padding-top: 15px; }
#body div.rf p.link { margin-top: 0; font-size: 0.8em; margin-bottom: 15px; }
#body div.rf ul { list-style: none; float: left; text-align: right; width: 120px; margin: 0; margin-right: 15px; padding: 0; height: 180px; }
#body div.rf * li a { font-size: 0.9em; font-weight: normal; }
#body div.rf * li { margin-bottom: 0.2em; }
#body div.rf * li a.active { font-size: 1.1em; color: black; }
#body div.thumbs { width: 2000px; height: 150px; position: absolute; top: 35%; left: 50%; margin-top: -75px; margin-left: -1000px; overflow: hidden; }
#body div.thumbs ul { height: 150px; list-style: none; padding: 0; font-family: Georgia, Times, serif; }
#body div.thumbs * li { display: block; float: left; height: 150px; overflow: hidden; }
#body div.thumbs * li ul { display: block; float: left; height: 150px; }
#body div.thumbs * a { display: block; float: left; width: 110px; height: 120px; margin: 5px; }
#body div.thumbs * span { display: none; }
#body div.thumbs * li a { height: 20px; font-size: 20px; line-height: 20px; padding-top: 120px; text-align: right; }
#body div.thumbs * li ul li a { font-size: 1.2em; line-height: 20px; height: 20px; margin: 0 5px; padding-top: 0; text-align: left; color: black; }
#body div.thumbs * li ul li ul li { width: 130px; height: 130px; }
#body div.thumbs * li ul li ul li a { border: 1px #ddd solid; width: 120px; height: 120px; margin: 4px; text-align: center; color: #456; }
#body h2.more input { font: 1.3em Georgia, Times, serif; width: 600px; }

/** Admin **/
#body dl.login { width: 300px; margin: 8em auto; }
#body dl.login dt { float: left; clear: left; width: 120px; text-align: right; margin-right: 10px; }
#body dl.login dd input { border: 1px #70a0c0 solid; padding: 1px 5px; width: 150px; }
#body dl.login dd input.submit { margin-left: 200px; width: 100px; border: 0; padding: 0; margin-top: 2em; font-weight: bold; }

/** Wait **/
#wait { position: absolute; top: 120px; right: 150px; margin-left: -16px; margin-top: -16px; z-index: 3; width: 32px; height: 32px; background: transparent no-repeat center; }
body.white #wait { background-image: url(flowers/wait/white.gif); }
body.black #wait { background-image: url(flowers/wait/black.gif); }

/** Footer **/
#footer { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 0.8em; }
#copyright { float: left; padding: 2px 5px; color: #ccc; }
#credits { float: right; padding: 2px 5px; }
#credits a { color: #333; }

/** Launcher **/
body.black .launcher a { color: black; }
body.black .launcher a:hover { color: #111; }