/*
 * eissing.org style
 * (c) stefan@eissing.org
 */

/* Sigh, @font-face not supported by firefox 
@import url(fonts/fonts.css) all;
*/

div, p {
  margin: 0;
  padding: 0;
}

a {
 color: black;
}

body { 
    color: black; 
    font-family: Skia, Gill Sans, Verdana, Geneva, sans-serif;
    /*font-family: "palatino", "palatino linotype", georgia, serif;*/
    font-size: 9pt;
    line-height: 16pt; 
    padding: 0;
    margin: 0; 
}

#outerbox {
  background: #6fa310 url('images/greenblob.jpg') top left no-repeat;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
}

#mainarea {
  width: 600px;
  margin: 75px 75px 0 auto;
  background: transparent url('images/black.png') top left repeat-x;
}

#maincontainer {
  margin: 0;
  padding: 0;
}

/*************************************************************
 * content
 *************************************************************/
#maincontainer h1 {
  color: white;
  display: block;
  margin: 0;
  padding: 5px 5px 0px 27px;
  background: transparent url('images/ice-jp.png') 5px 4px no-repeat;
  font-size: 12pt;
  line-height: 16pt;
}

#mainbox {
  padding: 34px 17px;
  background: white;
}

#mainbox p {
  margin: 10px 10px;
}

/*************************************************************
 * header+footer
 *************************************************************/
#header, #footer {
  background: white;
  width: 100%;
  text-align: right;
  padding: 5px 0;
  margin: 0;
}

#header span, #footer span {
  padding: 0 20px;
}

#footer {
  position: fixed;
  bottom: 0;
  margin: 0 0 0 0px;
}

#header a, #footer a {
  background: transparent url('images/black.png') top left;
  color: white;
  padding: 5px;
}

/*************************************************************
 * menu
 *************************************************************/
#sidebox {
  position: fixed;
  left: 50px;
  top: 20px;
  width: 200px;
  margin: 0;
  padding: 0;
}
#menu {
  background: transparent url('images/black.png') top left;
  color: white;
  width: 180px;
  margin: 0 auto 0 0;
  padding: 10px;
  display: block;
  text-align: left;
}
#menu a {
  color: white;
  padding-left: 17px;
  background: transparent url('images/ice-jp.png') -2px -4px no-repeat;
}

#menu li {
  margin: 0;
  display: block;
}

/***************************************************
 pictures in articles
 **************************************************/
div.pic1 {
  float: right;
}
div.pic2 {
  float: left;
}

/***************************************************
 article in list style
 **************************************************/
ul.article, ul.recipe {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 14pt;
}
ul.article li, ul.recipe li {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
/***************************************************
 lyrics of a song
 **************************************************/
.lyrics {
  font-size: 10px;
  font-style: italic;
  text-align: left;
  margin: 5px 10px 10px 10px;
}
.lyrics h2 {
  border-bottom: solid 1px #666666;
  font-style: normal;
}

.lyrics ul { 
  font-size: 10px;
  font-style: italic;
  margin: 0px 0px 10px 0px;
  padding: 0;
  list-style-type: none;
}
p.lyrics ul li { 
}

/***************************************************
 ingredients of a recipe
 **************************************************/
ul.recipe li.title {
  display: block;
  font-size: 24px;
  font-weight: bold;
}

.ingredients h2 {
  border-bottom: solid 1px #666666;
  font-style: normal;
}

ul.ingredients { 
  float: left;
  font-size: 10px;
  font-style: italic;
  margin: 10px;
  padding: 3px;
  list-style-type: none;
  border: solid 1px white;
}
ul.ingredients li { 
  margin: 0;
  padding: 2px;
}

/*************************************************************
 * whishlist
 *************************************************************/
ul.wishlist {
  list-style-type: none;
  margin: 30px 10px;
  padding: 0;
  border-left: solid 1px black;
}
.wishlist li {
  display: block;
  min-height: 80px;
  clear: both;
}
.wishlist li a {
  padding: 0 10px 0 0;
  text-decoration: none;
  font-weight: bold;
}
.wishlist li a:hover {
}

.wishlist li .name {
}
.wishlist li a img {
  width: 100px;
  border: none;
  float: left;
}

/*************************************************************
 * flickr
 *************************************************************/
#flickrbadge {
  position: fixed;
  left: 50px;
  bottom: -20px;
  margin: 0;
  padding: 0;
  padding-top: 2px;
  background: transparent url('images/black.png') top left;
  color: white;
  display: block;
  text-align: center;
}

#flickrbadge .zg_div {
  margin: 0 auto;
}

#flickr {
    float: left;
    padding: 10px 20px 10px 0px;
}

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#ffffff;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 0px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#ffffff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#000000;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#ffffff !important;}