@import "global.css";
@import "recipe.css";

/* layout */

#main { 
    width:670px;
    float:left;
    position:relative;
    }

#contents { 
    padding-left:37px;
    }

#sub {
    width:286px;
    float:left;
    list-style-type:none;
    line-height:0;
    }

/* today recipe */

#todayrecipe {
    position:relative;
    padding-left:7px;
    margin-top:10px;
    }
#todayrecipe .image {
    float:left;
    width:210px;
    }
#todayrecipe .body {
    float:left;
    width:420px;
    }
#todayrecipe h3 {
    font-size:24px;
    color:#7e6e4b;
    }
#todayrecipe h3 a {
    color:#7e6e4b;
    text-decoration:none;
    }
#todayrecipe h3 a:hover {
    text-decoration:underline;
    }
#todayrecipe h3 span.aux {
    display:block;
    font-size:0.8em;
    }
#todayrecipe ul {
    list-style-type:none;
    }
#todayrecipe ul li {
    line-height:1.3em;
    font-size:0.9em;
    }
#todayrecipe p.link {
    text-align:right;
    margin-top:0.5em;
    }

/* melreg */

#melreg {
    margin-top:20px;
    float:left;
    width:335px;
    }
#melreg table { text-align:center }
#melreg .input { text-align:right }

/* daniel */

#daniel {
    margin-top:20px;
    width:321px;
    float:left;
    }

/* recipe navi */

#recipe-navi {
    list-style-type:none;
    }
#recipe-navi li {
    float:left;
    }
#recipe-navi li a {
    height:63px;
    display:block;
    text-indent:-9999px;
    }

#recipe-navi .smart a { background:url(../img/recipenavi-smart-off.jpg); width:84px; }
#recipe-navi .smart a:hover, #recipe-navi .smart a.current { background:url(../img/recipenavi-smart-on.jpg); }
#recipe-navi .backup a { background:url(../img/recipenavi-backup-off.jpg); width:83px; }
#recipe-navi .backup a:hover, #recipe-navi .backup a.current { background:url(../img/recipenavi-backup-on.jpg); }
#recipe-navi .smooth a { background:url(../img/recipenavi-smooth-off.jpg); width:80px; }
#recipe-navi .smooth a:hover, #recipe-navi .smooth a.current { background:url(../img/recipenavi-smooth-on.jpg); }
#recipe-navi .inspire a { background:url(../img/recipenavi-inspire-off.jpg); width:81px; }
#recipe-navi .inspire a:hover, #recipe-navi .inspire a.current { background:url(../img/recipenavi-inspire-on.jpg); }
#recipe-navi .memory a { background:url(../img/recipenavi-memory-off.jpg); width:80px; }
#recipe-navi .memory a:hover, #recipe-navi .memory a.current { background:url(../img/recipenavi-memory-on.jpg); }
#recipe-navi .think a { background:url(../img/recipenavi-think-off.jpg); width:81px; }
#recipe-navi .think a:hover, #recipe-navi .think a.current { background:url(../img/recipenavi-think-on.jpg); }
#recipe-navi .concentration a { background:url(../img/recipenavi-concentration-off.jpg); width:81px; }
#recipe-navi .concentration a:hover, #recipe-navi .concentration a.current { background:url(../img/recipenavi-concentration-on.jpg); }
#recipe-navi .etc a { background:url(../img/recipenavi-etc-off.jpg); width:87px; }
#recipe-navi .etc a:hover, #recipe-navi .etc a.current { background:url(../img/recipenavi-etc-on.jpg); }

/* recipe list */

#recipelist {
    border-top:5px solid #b3987c;
    margin-left:7px;
    width:642px;
    }

#recipelist ul {
    border:10px solid #d3bda7;
    list-style-type:none;
    padding:0 10px 10px;
    overflow-y:scroll;
    position:relative;
    height:550px;
    }

#recipelist ul li {
    width:585px;
    }

/* banner */

#banner {
    margin-top:1em;
    }

/* sub contents */

#sub li.grate {
    background:url(../img/top-gratebg.jpg) repeat-y;
    font-size:11px;
    }
#sub .grate ul {
    list-style-type:none;
    line-height:1.3em;
    padding:0 30px 10px 20px;
    background:url(../img/top-gratebottom.jpg) 0 100% no-repeat;
    }
#sub .grate a { 
    color: #7e6e4b;
    }
#sub .grate li {
    margin:0.5em 0;
    }

/* sub kosodate */

#sub li.kosodate a,
#sub li.kosodate, #sub li.kosodate img { vertical-align:bottom; }

/* sub column */

#sub li.column {
    background:url(../img/top-columbg.jpg) repeat-y;
    font-size:11px;
    }
#sub .column ul {
    list-style-type:none;
    line-height:1.3em;
    padding:0 30px 10px 20px;
    background:url(../img/top-columbottom.jpg) 0 100% no-repeat;
    overflow: auto;
    }
#sub .column a { 
    color: #7e6e4b;
    }
#sub .column li {
    margin:0.5em 0;
    width:230px;
    padding:0.3em 0;
    border-bottom:2px dashed #9e8e6b;
    }

/* twitter */

#twitter-timeline {
    margin-top:1em;
    width:260px;
    margin-left:5px;
    }

/* side banner */

#sub li.banner {
    margin-top:1em;
    }