/*  Document   : cook
    Created on : Dec 12, 2008, 1:49:22 AM
    Author     : Valery Kotlarov
*/

* {
    margin:0;
    padding:0;
    /*border: solid 1px red;*/
}

body {
        font-size: 14px;
    }

div.main {
    min-width:1035px;
    width:1035px;   /*for explorer*/
    position:relative;
    border:0px;
    overflow:auto;
    margin: auto;
}

li.ingredient {
    list-style: disc;
}

li.flower_icon {
    list-style-image:url("/images/list_flower.png");
}

#header,#menu,#content,#rightmostrow,#footer, #footer-printer {
    overflow:hidden;
}

#menu, div.nicefont {
    /*font-family: "Georgia","Lucida Grande","Tahoma","Times New Roman";*/
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    text-align: left
}

/* safari and opera need this */
#header,#footer, #footer-printer {height:35px;position:relative;width:100%;}
#footer, #footer-printer {
        position:relative;clear:left;
        min-height:300px;border:0px;
        /* & hack for Explorer*/
        height:auto !important;
        height:300px;
    }
#footer {
    background:transparent url(/images/footer.png) no-repeat scroll left top;
}

#footer-inner {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

#header{min-height:40px;}

#menu,#content,#rightmostrow {float:left}
#menu {width:213px;min-width:213px; clear:left}
#content {width:570px;min-width:570px; position:relative; min-height:600px;}
#rightmostrow {width:170px;min-width:160px;margin-left:45px}

div.bgframe {
    background:transparent url(/images/image_frame.gif) no-repeat scroll right bottom;
    background-position: center;
    padding:15px;
    width:570px;
    text-align:center;
}

div.bbgframe {
    background:transparent url(/images/bimage_frame.gif) no-repeat scroll right bottom;
    background-position: center;
    padding:15px;
    width:570px;
    text-align:center;
}

.simplefont, p.title, p.subtitle {
    /*font-family: "arial", "helvetica", "sans-serif";*/
}

h1 {
    font-size: 20px;
}

h2.title {
    font-size: 14px;
    color: #655;
}

p.subtitle {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}


/* menu */
#nav {
    background:transparent url(/images/nav-en-3.png) no-repeat scroll 0 0;
    height:32px;
    margin:0;
    padding:0;
    width:319px;
}
#nav span {display:none}
#nav li, #nav a {
    display:block;
    height:32px;
}
#nav li {
    display:inline;
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

/* sizes */
#nav-01 {width:56px;}
#nav-02 {width:51px;}
#nav-03 {width:106px;}
#nav-04 {width:106px;}

/* hovered */
#nav-01 a:hover {
    background:transparent url(/images/nav-en-3.png) no-repeat scroll -0px -32px;
}
#nav-02 a:hover {
    background:transparent url(/images/nav-en-3.png) no-repeat scroll -56px -32px;
}
#nav-03 a:hover {
    background:transparent url(/images/nav-en-3.png) no-repeat scroll -107px -32px;
}
#nav-04 a:hover {
    background:transparent url(/images/nav-en-3.png) no-repeat scroll -213px -32px;
}

/* selected */
#nav-01.sel {
    background:transparent url(/images/nav-en-3.png) no-repeat scroll -0px -64px;
}
#nav-02.sel {
    background:transparent url(/images/nav-en-3.png) no-repeat scroll -56px -64px;
}
#nav-03.sel {
    background:transparent url(/images/nav-en-3.png) no-repeat scroll -107px -64px;
}
#nav-04.sel {
    background:transparent url(/images/nav-en-3.png) no-repeat scroll -213px -64px;
}

/* scaffold */
body { background-color: #fff; color: #333; }

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #c66f6f; }
a:visited { color: #c66f6f; }
a:hover { color: #fff; background-color:#d00; }

a.nobg:hover { background-color:transparent }

a.tags { color: #cd7c25 }
a.tags:hover { color: #fff; background-color: #f88015 }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div .about {
    border:1px solid #D7D7D7;
    float:left;
    height:220px;
    margin:19px 19px 54px;
    padding:10px;
    width:340px;
}