@charset "utf-8";
@import url("ui.css");
@import url("henke.css");


body         { background: #252222 url(media/body-bg.jpg) no-repeat center 50px; }
#ie6-warning     { display: none; }
.container       { width:950px; margin:0 auto 0px auto; padding: 0 10px; background: url(media/content-bg.gif) repeat center 10px; position: relative; }
#container-wrapper   { margin-top: 100px; }

ul, ol         { margin: 0; padding: 0; }

.cleanlist       { margin: 0; padding: 0; list-style-type: none;  }
.cleanlist li     { margin: 0; padding: 0; list-style-type: none; }

label         { display: block; }

/* @group general styles */

.borders       { padding: -1px; border: 1px solid #ccc; }

h1, h2, h3, h4     { color: #2c1a0c; margin-bottom: 0.5em; margin-top: 0.8em; }

a           { color: #069; }

#large-banner-content a:active,
#banner-content a:active,
#sidebar a:active,
#footer a:active,
#login_widget a:active {  position: relative; top: 1px; }

hr.shadow-line-650   { background: url(media/border-shadow-650.png) no-repeat center top; padding: 0 0 15px 0; margin-top: 35px; margin-bottom: 10px; }
hr.shadow-line-550   { background: url(media/border-shadow-550.png) no-repeat center top; padding: 0 0 11px 0; margin: 0; }
.soft-dark-box     { border: 1px solid #d5c5b5; -moz-border-radius: 4px;  -webkit-border-radius: 4px; background: url(media/opacity/black-5.png); padding: 10px; }
.profile-item     { margin-bottom: 10px; padding-bottom: 10px; margin-left: 40px; min-height: 500px; height:auto !important; height:500px; }

a#fbConnect      { display: block; width: 370px; height: 100px; margin-bottom: 2px; background: url(media/login-fb.png) top left no-repeat; }

#login-google      { background:url("media/login-google.png") no-repeat scroll center center; }
#login-yahoo      { background:url("media/login-yahoo.png") no-repeat scroll center center; }
.login_small_btn   { height:70px; width:150px; cursor:pointer;  float:left;  margin:5px 15px 0 0; }
#login-page-fix   { margin-top: 20px; margin-left: 120px; }

/* @end */

/* @end */

/* @group forms */

input[type="text"], 
input[type="password"], 
input.text, 
input.title, 
textarea, select    { padding: 4px; }

input[type=text], input[type=password],
input.text, input.title,
textarea, select             { background-color:#efefef; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #333; }

input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus       { border-color:#999; }

.checkboxbox input[type="checkbox"], 
.checkboxboxinput[type="radio"], 
.checkboxbox input.checkbox, 
.checkboxbox input.radio         { clear: left; float: left; top:0; }

#ingredientsContainer input[type="checkbox"],
#ingredientsContainer input.checkbox  { float: none; }

#ingredientsContainer .disabled     { filter:alpha(opacity=30); opacity: 0.3; -moz-opacity:0.3; }
#ingredientsContainer .bold       { font-weight: bold; }

.chkLabel       { margin-left: 5px; display: inline; }

#addRecipe label   { color: #654; font-weight: normal; margin-top: 5px; margin-bottom: 0; }

label.Category, 
label.Tags, 
label.Allergy     { font-weight: bold; }

#instructionContainer input       { width: 320px; }

.checkboxbox     { display: block; }
#AcceptTerms, 
#InContest       { top: 3px; }

#addRecipe #submit {
  margin-top: 10px;
}


.add-recept-info {
  position: absolute;
  left: 400px;
  width: 200px;

}

#tavlingsregler ul {
  margin-top: 40px;
  margin-left: 20px;
}

.add-recept-box {
  position: relative;

}


ul.validation-summary-errors {
  margin: 10px;
  padding: .8em; 
  margin-bottom: 1em; 
  border: 2px solid #ddd;
  background: #FBE3E4; 
  color: #8a1f11; 
  border-color: #FBC2C4;  
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
}

ul.validation-summary-errors li {
  margin-left: 10px;
}

.field-validation-error {
  margin-right: 3px;
  display: inline-block;
  display: -moz-inline-block;
    zoom: 1; /* stupid ie7 fix */
    *display: inline; /* stupid ie7 fix */
  text-indent: -9999px;
  overflow: hidden;
  background: url(media/error.png) center bottom no-repeat;
  height: 15px;
  width: 16px;
}

#error, .error, .notice, .success {
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
}

.error-field {
  border: 1px solid #e66 !important;
}

#add-recept-wrap #Description{
  margin: 8px 0;
  padding: 5;  
  width: 360px;
  height: 70px;
}

#add-recept-wrap h3 {
  margin-top: 5px;
}

#add-recept-wrap .add-recept-field {
  width: 180px;
}

#add-recept-wrap legend {
  color: #2c1a0c;
  font-size: 16px;
  margin-bottom: 2px;
}

#add-recept-wrap fieldset {
  border: 1px solid #d5c5b5;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
  margin: 0;
  padding:0 0 10px 0;
  background: url(media/opacity/black-5.png);
}

#add-recept-wrap fieldset .error, 
#add-recept-wrap fieldset .notice, 
#add-recept-wrap fieldset .success{
  margin: 10px;
}

#add-recept-wrap fieldset form {
  margin: 10px;
}

#ingredientsContainer li, #instructionContainer li {
  background: rgb(180, 170, 150);
  background: rgba(180, 170, 150, 0.3) url(media/drag-ikon.png) right top no-repeat;
  border: 0;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
}

#ingredientsContainer li:hover, #instructionContainer li:hover {
  cursor:move;
}

.defaultText {
  
}

input#Title, input#Tags {
  width: 200px;
}

#friendsubmit {
  margin-top: 10px;
  border:  1px solid #999;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
}

/* @end */

/* @group login widget */



#login_widget {
  padding: 15px 0 5px 0;
  position: absolute;
  top: 0px;
  right: -5px;
  width: 215px;
  background: url(media/content-bg-darker.png);
  border-bottom: 1px solid #322;
  
}

#login_widget h4 {
  margin: 0 0 5px 10px;
  font-size: 12px;
  font-weight: bold;
}

#login_widget img {
  position: absolute;
  top: 0;
  right: -10px;
}

#login_widget a {
  margin-left: 10px;
  text-decoration: none;
  font-weight: bold;
  
}

#login_widget a.user-profil {
  padding: 6px 10px 5px 20px;
  background: url(media/profil/profil.png) no-repeat center left;
}

#login_widget a.user-logout {
  padding: 6px 10px 5px 20px;
  background: url(media/profil/logout.png) no-repeat center left;
}

#login_widget a.sign-up-user {
  padding: 6px 10px 5px 20px;
  background: url(media/profil/add.png) no-repeat center left;
}

#login_widget a.login-user {
  padding: 6px 10px 5px 20px;
  background: url(media/profil/login.png) no-repeat center left;
}

/* @end */

/* @group header start */

#header {
  position: relative;
  height: 140px;
  width: 970px;
  margin-left: -10px;
  margin-top: -100px;
}

#fazer {
  position: absolute;
  top: 0;
  left: 10px;
  text-indent: -10000px;
  background: url(media/header/fazer.png) no-repeat;
  width: 79px;
  height: 66px;
}

#logo {
  position: absolute;
  /*bottom: -88px;
  left: -18px;*/
  text-indent: -10000px;
  /*background: url(media/header/logo.png) no-repeat;
  width: 259px;
  height: 86px;*/
  bottom: -106px;
  left: -18px;
  background: url(media/header/logga_stor.png) no-repeat;
  width: 176px;
  height: 110px;
  
}

#mainnav_placeholder {
  position: absolute;
  left: 0;
  bottom: 0px;
  /*padding: 0 0 0 50%;*/
  height: 50px;
  background: #59391e url(media/header/main-nav-bg.jpg) no-repeat;
  width: 957px;
  padding-left: 20px;
}

#mainnav {
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  /*margin: 0 0 0 -47%; *//* adjust h-centering of menu */
  padding: 0;
  height:50px; 
  overflow: hidden;
}

#mainnav li {
  display: inline-block;
  display: -moz-inline-block;
  height: 33px; /* adjust v-centering of menu */
  /* OLD! reset after new navitem !!! padding: 17px 15px 0 15px; /* adjust v-centering of menu */
  padding: 16px 25px 0 15px;
  margin-top: 0;
  overflow: hidden;
  background: url(media/header/meny-highlight.png) no-repeat bottom center;
  zoom: 1; /* stupid ie7 fix */
    *display: inline; /* stupid ie7 fix */

}

#mainnav li:hover {
  background: url(media/header/meny-highlight-hover.png) no-repeat bottom center;
}

#mainnav a {
  color: #fff;
  text-decoration: none;
}

#hitta_recept {
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  bottom: -22px;
  right: 0px;
  background: url(media/header/hitta_recept.png) no-repeat;
  width: 200px;
  height: 46px;
  color: #fff;
  text-decoration: none;
  padding: 22px 0 0 55px;

}

#hitta_recept_flik {
  position: absolute;
  bottom: -22px;
  right: -15px;
  background: url(media/header/hitta_recept_flik.png) no-repeat;
  width: 15px;
  height: 68px;
}

#hitta_recept_skugga {
  position: absolute;
  top: 5px;
  right: 0px;
  background: url(media/header/hitta_recept_skugga.png) no-repeat;
  width: 199px;
  height: 62px;
}

#hitta_recept #search-textfield {
  width: 140px;
  height: 17px;
  margin-left: 5px;
  background: none;
  border: none;
  color: #d6cccc;
  font-weight: bold;
}

#hitta_recept #submit { 
  margin-left: 10px;
  border: none;
  background: none;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  
}

#hitta_recept .searchfield {
  margin: -10px 0 0 -25px;
  width: 160px;
  float:  left;
  position: relative;
  height: 35px;
  background: url(media/header/searchfield-bg.png) no-repeat 1px 3px;
}

#hitta_recept .searchfield input {
  position: absolute;
  top: 0px;
  left: 5px;
}

.defaultText { width: 300px; }

.defaultTextActive { color: #a1a1a1;}


/* @end header */


/* @group mid section banner content start*/
#banner-content{
  margin-left: -10px;
  padding: 0 10px;
  height: 105px;
  background:#654e30 url(media/header/banner-top-bg.jpg) no-repeat;
  }
  
#banner-content img {
  /*margin: 10px 0 0 30px;*/
  margin: 5px 0 -10px 30px;
}

#large-banner-content {
  position: relative;
  margin-left: -10px;
  padding: 10px;
  background:#3e2f21 url(media/header/banner-mid-bg.jpg) no-repeat;
  max-height: 690px;
  overflow: hidden;
  }

#large-banner-content h3 {
  position: absolute;
  left: 35px;
  top: 115px;
  width: 380px;
  line-height: 1.2em;
  font-weight: bold;
}

#large-banner-content span {
  position: absolute;
  left: 35px;
  top:  185px;
  width: 340px;
}

#large-banner-content img {
  padding:0;
  margin:0;
}

#large-banner-content p {

}

#large-banner-content #large-banner-content-nav {

  position: absolute;
  left: 35px;
  top:  295px;
  width: 340px;
}

#large-banner-content #large-banner-content-nav p 
{
  display: inline-block;
  display: -moz-inline-block;
  zoom: 1; /* stupid ie7 fix */
    *display: inline; /* stupid ie7 fix */
}

  
#large-box-1 {
  position: relative;
  margin-top: 10px;
  height: 222px;
  background:#3e2f21 url(media/header/box-1-bg.jpg) no-repeat;
  color:  #fff;
  font-weight: bold;
  }
  
#large-box-2 {
  position: relative;
  margin-top: 10px;
  height: 222px;
  background:#3e2f21 url(media/header/box-2-bg.jpg) no-repeat;
  color:  #fff;
  font-weight: bold;
  }
  
#large-box-1 h3, #large-box-2 h3 {
  margin: 20px 0 5px 20px;
  font-weight: 900;
  color: #fff;
  }

#large-box-1 p, #large-box-2 p {margin: 0 20px 0 20px}

/* @end mid section banner content */

/* @group content start */



#content {
  min-height: 800px;
  height:auto !important;
    height:800px;

  }

#content-top-shadow {
  background:  url(media/small-shadow-fff.png) repeat-x top center;
  height: 20px;
  margin: 0 -10px;
  padding-left: 20px;
}

.the-contest img.thumb-100 {
  float: left;
  padding-right: 20px;
  overflow: auto;
  width: 100px;
  margin-bottom: 10px;
  }

.the-contest h3 { margin-top: 1.1em; margin-bottom: 1.3em; }

.the-contest-faq ul {
  display: block;
  
  height: 100px;
  margin-left: -15px;
}
.the-contest-faq ul li{
  padding-top: 15px;
  display: inline-block;
  display: -moz-inline-block;
  width: 155px;
  text-align: center;
  color: #2c1a0c;
  font-weight: bold;
  font-size: 11px;
    zoom: 1; /* stupid ie7 fix */
    *display: inline; /* stupid ie7 fix */
}

.the-contest-rules img.polaroid {
  margin-left: -10px;
  margin-right: 20px;
  float: left;
}

.the-contest-rules ul {
  margin-top: 20px;
  margin-bottom: 60px;
}


.the-contest-rules ul li{
  margin-bottom: 5px;
  color: #2c1a0c;
  font-weight: bold;
  font-size: 11px;
}

ul.profil {
  margin: 20px;
}

.profil-info {
  margin-top: 30px;
}

#product-content div p {
  margin-top: 150px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;  
}

#product-content div img {
  position: absolute;
  left: 0;
  bottom:50px;
}

#product-content div {
  position: relative;
  height: 200px;
}

#product-content a div:active {
  margin: 0;
}

#product-content a {
  color: #252222;
}

/* @end content */

/* @group blog */

.module-container {
  
}

.blog-container{
  
}

.module-body {
  
}

.blog-body{
  
}

.item{
  
}

.item-detail{
  
}

.item-detail img {
  margin: 0 0 5px 10px;
  float: right;
}

#didyouknow-box {
  background:url("media/sidebar/vissteduatt.png") no-repeat scroll 2px 0;
  margin-bottom:10px;
  margin-top: 5px;
  min-height:300px;
  height:auto !important;
    height:300px;
  width: 260px;
  padding-top: 60px;
}

#didyouknow-box p {
  margin: 0 40px 0 18px;
}

#didyouknow-box a {
  margin-right: 40px;
}


.sidebar-box ul {
  
  margin-left: 20px;
  margin-bottom: 20px;
}

h2.title a, h2.title{
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 1.4em;
  text-decoration: none;
}

.item-foot{
  margin: 10px 0 20px 0;
  padding: 5px 0;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  background: url(media/border-shadow-650.png) no-repeat center top;
  border-bottom: 1px solid #ccc;  
}

/* @end */

/* @group CTA */

.cta-big-green {
  height: 52px;
  background: url(media/cta-big-green-1.png) no-repeat;
  }
  
.cta-big-green a {
  padding:  15px 20px 0 10px;
  font-family: Arial, sans-serif;
  font-size: 16px;
  margin-left: 10px;
  display: -moz-inline-block;
  display: inline-block;
    zoom: 1; /* stupid ie7 fix */
    *display: inline; /* stupid ie7 fix */
  height: 52px;
  background: url(media/cta-big-green-2.png) no-repeat right top;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}

.cta-big-blue  {
  height: 52px;
  background: url(media/cta-big-blue-1.png) no-repeat;
  }
  
.cta-big-blue a {
  padding:  15px 20px 0 10px;
  font-family: Arial, sans-serif;
  font-size: 16px;
  margin-left: 10px;
  display: -moz-inline-block;
  display: inline-block;
    zoom: 1; /* stupid ie7 fix */
    *display: inline; /* stupid ie7 fix */
  height: 52px;
  background: url(media/cta-big-blue-2.png) no-repeat right top;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}

.cta a:active {
  position: relative;
  top: 0px !important;
}

.cta-small-blue  {

  height: 30px;
  background: url(media/cta-small-blue-1.png) no-repeat;
  /*margin-bottom: 7px;*/
  }
  
.cta-small-blue a {

  padding:  10px 15px 0 5px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1em;
  margin-left: 10px;

  height: 30px;
  background: url(media/cta-small-blue-2.png) no-repeat right top;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  display: -moz-inline-block;
  display: inline-block;
  zoom: 1; /* stupid ie7 fix */
    *display: inline; /* stupid ie7 fix */
}

.cta-small-green  {
  height: 30px;
  background: url(media/cta-small-green-1.png) no-repeat;
  /*margin-bottom: 7px;*/
  }
  
.cta-small-green a {
  padding:  10px 15px 0 5px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1em;
  margin-left: 10px;
  display: -moz-inline-block;
  display: inline-block;
  zoom: 1; /* stupid ie7 fix */
    *display: inline; /* stupid ie7 fix */
  height: 30px;
  background: url(media/cta-small-green-2.png) no-repeat right top;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}

/* @end */


/* @group recept */

.recipe{
  float:  left;
  position: relative;
}

.recipe-small {
  margin-top: 5px;
  float:  left;
  position: relative;
}

.recipe-small ol {
  font-family: Palatino, Georgia, "Times New Roman", Times, serif;
  color: #999;
  font-size: 14px;
}

.recipe-small p {
  font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
  margin: 0 0 8px 0;
  color: #333;
  font-size: 12px;
}

.recipe-small .beskrivning {
  font-weight: bold;
}

.recept-steg {
  margin-bottom: 20px;
  min-height: 300px;
  height: auto !important;
  height: 300px;
  padding-left:25px;
}

img.liten-receptbild {
  float: left;
  -moz-box-shadow:0 0 3px #bbb; 
  box-shadow: 0 0 3px #bbb;
  padding: 3px;
  border: 1px solid #bbb;
  background-color: #fefefe;
}

img.liten-bloggbild {
  float: left;
  -moz-box-shadow:0 0 3px #bbb; 
  box-shadow: 0 0 3px #bbb;
  padding: 3px;
  border: 1px solid #bbb;
  background-color: #fefefe;
  margin: 0 5px 5px 0;
}

img.recept-bidrag {
    position: absolute;
    top: 64px;
    left: 32px;  
}

img.recept-vinnare {
    position: absolute;
    top: 50px;
    left: 56px;  
}

.recipe-small img.recept-knapp {
  position: absolute;
  right: 0;
  top: -26px;
}

.recipe .rating, .recipe-small .rating{
  display: inline;
}
.recipe .info {
  float: right;
  width: 500px;
  margin-bottom: 5px;
  padding-bottom: 2px;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  border-bottom: 1px solid #ccc;
}

.recipe-small h3 {
  margin: 10px 0;
}

.recipe-small .share {
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  float: right;
}

.recipe-small h2, .recipe-small h4  {
  margin-bottom: 5px;
  line-height: 1em;

}
.recipe-small .info {
  padding: 5px 3px 5px 3px;
  border-bottom: 1px solid #ddd;
  background: url(media/border-shadow-550.png) no-repeat center top;
  font-size: 10px;
  font-weight: bold;
  color: #666;
}

a.info-edit{
  margin-left: 10px;
  background: url(media/recept/edit.gif) no-repeat top left;
  padding: 1px 0 2px 13px;
  color: #444;
}

a.info-user {
  background: url(media/recept/user.gif) no-repeat top left;
  padding: 1px 0 2px 13px;
  color: #444;
}

a.info-print {
  margin-left: 10px;
  background: url(media/recept/print.gif) no-repeat top left;
  padding: 1px 0 2px 13px;
  color: #444;
}

.recipe p.description {
  float:  right;
  width:  500px;
  margin-bottom: 5px;
  min-height: 40px;
}

.recipe dl.meta {
  position: relative;
  margin: 0 0 15px 0;
  padding: 5px 0 5px 0;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  background: url(media/border-shadow-650.png) no-repeat center top;
  border-bottom: 1px solid #ccc;  
}

li.recipe {
  margin-top: 20px;
}


.recipe h4, .recipe h4 a {
  text-decoration: none;
  font-weight: bold;
  display: inline;
  color: #2c1a0c;
  line-height: 1.5em;
}

.recipe h4 a:hover {
  text-decoration: underline;
}

dl.meta dt, dl.meta dd {
  display: inline;
}

dl.meta dd {
  margin: 0 10px 0 0;
}

.recipe-small dl.meta {
  position: relative;
  margin: 5px 0 10px 0;
  padding: 5px 0;
  font-size: 10px;
  font-weight: bold;
  color: #666;
  background: url(media/border-shadow-650.png) no-repeat center top;
  border-bottom: 1px solid #ccc;
  min-height: 18px;
  height: auto !important;
  height: 18px;
}


.sub-meta {
  position: relative;
  margin-bottom: 20px;
  font-size: 10px;
  height: 16px;
  font-weight: bold;
  color: #666;
  border-bottom: 1px solid #ccc;  
}

form#rate-recipe {
  position: absolute;
  top:  -7px;
  left: 0px;
}

.sub-meta #overflow-wrap {
  height: 16px;
  width: 100px;
  overflow: hidden;
  position: absolute;
  top: -8px;
  right: 10px;
  padding: 0px;
  background: url(media/hearts.png) no-repeat right -20px;
}

.sub-meta #overflow-wrap:hover {
  background: url(media/hearts.png) no-repeat right 0px;
}

.sub-meta #overflow-wrap.favorited{
  background: url(media/hearts.png) no-repeat right 0px;
  
}

.sub-meta a.favorite {
  text-decoration: none;
}

.sub-meta a.favorite span{
  position: absolute;
  top: -15px;
  right: 2px;
  padding: 10px 35px 10px 0px;
  color: #888;
  background: url(media/recept/liten-flik.png) no-repeat right top;
  
}

.ingredienser {
  border-top: 1px solid #eee;
  font-size: 11px;
  margin-top: 15px;
  background: url(media/recept/list-bottom.png) right bottom no-repeat;
  padding-bottom: 6px; 
}

.ingredienser table {
  padding:0;
  background: #dcb url(media/content-bg-darker.png) repeat;  
}

.ingredienser h3 {
  margin: 0;
  padding: 10px 0 2px 1px;
  background: #dcb url(media/content-bg-darker.png) repeat;  
  font-size: 13px;
  line-height: 1em;
  font-weight: bold;
  display: block;
}

.ingredienser h2 {
  margin: 0;
  padding: 10px 0 2px 5px;
  background: #dcb url(media/content-bg-darker.png) repeat;  
  font-size: 14px;
  font-weight: bold;
  display: block;
}

.ingredienser p {
  margin: 0;
  padding: 10px 0 2px 6px;
  background: #dcb url(media/content-bg-darker.png) repeat;  
  display: block;
}

table tbody tr.tr-even{
  background: rgb(140, 130, 110);
  background: rgba(140, 130, 110, 0.3);
}

table tbody tr.tr-odd{
  background: rgb(180, 170, 150);
  background: rgba(180, 170, 150, 0.3);
}

.recept-bild img {
  padding: 10px 0 0 9px;
}

.recept-bild {
  height: 222px;
  background: url(media/recept/polaroid.png) no-repeat;
}

#vinnare .recept-bild {
  margin-right: 5px;
  float: left;
  width: 200px;
}

/*.singlestar {
  padding: 4px 5px 3px 0;
  background: url(media/singlestar.png) no-repeat top right;
}*/

/* @end */

/* @group kommentarer */

#comment-list {
  margin-top: 20px;
  min-height: 300px;
  height:auto !important;
    height:300px;

}

#comment-list h4 {
  
}

#comment-list h5 {
  border-bottom: 1px solid #ccc;
  margin-top: 5px;
  color: #432;
  margin-bottom: 5px;
}

#comment-list p.comment-meta {
  width: 115px;
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #432;
}

#comment-list p.comment-meta a{
  font-size: 12px;
  font-weight: bold;
}

#comment-list .single-comment {
  padding-top: 5px;
  overflow: auto;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

#comment-list .comment-content {
  float: right;
  width: 260px;
}

.pager {
  text-align: center;
  color: #888;
  
}
.pager a{ 
  text-decoration: none; 
  color: #333;
  margin-left: 5px;
}

.pager span.current {
  text-decoration: underline;
  font-size: 12px;
  color: #000;
  margin-left: 5px;
}

.pager span.disabled {
  color:  #888;
  margin-left: 5px;
  margin-right: 5px;
}

#comment-recipe {
  width: 380px;
}

#post-comment {
  position: relative;
  margin-bottom: 15px;
}

#post-comment #submit {
   background: url(media/comments/skicka.png) bottom right no-repeat;
   border: 0; 
   position: absolute;
   top:  50px;
   right: -10px;
   height: 38px;
   width:70px;
   font-size: 12px;
   color: #fff;
   }

/* @end */

/* @group sidebar start */


.add-recipe 
{
    margin: -28px 0 11px 140px;
}

.gray-header {
  padding-left: 5px;
  height: 30px;

  display: block;
  background: url(media/sidebar/sidebar-gray-head-1.png) no-repeat left top;
  }
  
.gray-header h4 {
  height: 30px;
  padding: 6px 15px 0 6px;
display: block;
  background: url(media/sidebar/sidebar-gray-head-2.png) no-repeat right top;
  text-decoration: none;
  color: #ccc;
  font-weight: bold;
  font-size: 12px;
  font-family: arial, sans-serif;
}


.red-header{
  padding-left: 5px;
  height: 30px;

  display: block;
  background: url(media/sidebar/sidebar-red-head-1.png) no-repeat left top;
  }
  
.red-header h4{
  height: 30px;
  padding: 6px 15px 0 6px;
display: block;
  background: url(media/sidebar/sidebar-red-head-2.png) no-repeat right top;
  text-decoration: none;
  color: #ccc;
  font-weight: bold;
  font-size: 12px;
  font-family: arial, sans-serif;
}

#sidebar {
  position: absolute;
  top: 84px;
  right: 10px;
  width:  230px;
  
}

.sidebar-box{
  border-top: 1px solid #eee;
  border-bottom: 1px solid #ccb;
  background: url(media/content-bg-darker.png) repeat;
  padding: 10px 5px 0px 10px;
  margin-bottom: 10px;
  min-height: 50px;
}

#veckans-vinnare {
  padding: 0;
  margin: 0 0 0 -6px;
  position: relative;
  width: 255px;
  height: 260px;
  background: url(media/sidebar/inspiration.png) no-repeat 0 0;
  
  /*display: none;*/
}

#veckans-vinnare img {
  position: absolute;
  top: 15px;
  left: 40px;
}

#veckans-vinnare p {
  position: absolute;
  top: 195px;
  left: 32px;
  width: 190px;
  text-align: center;
  font-size: 14px;
}

hr.shadow-line {
  background: url(media/small-shadow-line.png) no-repeat center top;
  padding: 0 0 11px 0;
  margin: 0;
}

/* @end sidebar */

/* @group footer start */
#footer{ 
  margin-top: 50px;
  margin-left: -10px;
  padding: 0 0 0 20px;
  background: url(media/footer/footer-bg.gif) repeat;
  
  }
  
#footer ul {
  background:  url(media/footer/footer-top.png) repeat-x top center;
  margin-left: -20px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  font-size: 11px;
  /*color: #654;*/
  color: #fff;
  list-style-type: none;
}

#footer ul li { 
  display: inline; 
  padding-left: 50px;
}


#footer ul li a {
  padding: 4px;
  color: #876;
  text-decoration: none;
}

#footer ul li a:hover {
  padding: 4px;
  color: #543;
  text-decoration: underline;
}

#sub-footer{
  margin-left: -10px;
  padding-right: 20px;
  background: #252222 url(media/footer/sub-footer-bg.jpg) repeat-x 0 0;
  color: #a19d99;
  font-size: 10px;
  min-height: 200px;
  height:auto !important;
    height:200px;

}

#sub-footer p{
  margin: 20px;
}
  
/* @end footer */


/* 
 * Semifinal layout 
 */
.fcontainer { 
  width: 200px;  
    height: auto;  
    margin: 5px 0 10px 0;  
    float: left; 
  padding: 0px 10px 0 0;
    overflow: hidden;  
    position: relative; 
  border-bottom: 1px solid #ccc; }
  
.week {
  float:left;
  position:absolute;
  width:195px;
  height:48px;
  background-color:#513726;
  text-align: right;
  top:150px;
  z-index:2;
  color: #fff; }

.week p { padding: 6px 0 0 0; line-height: 15px; text-align: center; }

.vinnarbild {  
    position: absolute;  
    top: 23px;  
    left: 25px;  
    border: 0;  } 

.visarecept {  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
  z-index: 10; } 

.finalram {  
    float: left;  
    position: absolute;  
  top:0;
  left:0;
    height: 200px;  
    width: 195px;
  background-attachment:fixed;
  background: url(media/finalist-ram-2.png) no-repeat top left;
  z-index: 3; }  

.finfo { 
  margin-top:210px; 
  padding-right: 10px;
  vertical-align:bottom; }

.votecount { color:#999; line-height:13px; font-size:11px; }
.gilla { float: left; padding: 0 5px 5px 0; }
.infoblock { height: 105px; vertical-align:top; }
.infoblock p { margin-bottom: 5px; }
.voter { height: 40px; vertical-align:bottom; }
#tellafriend { margin-top:40px; }
#vote {  margin-top:40px; }
.rules { padding:5px; line-height: 14px; }
.small { font-size: 10px; line-height: 12px; }


/*
 * Form - vote - layout
 *
 */

#message {
  padding-top: 0;
  top: 0px;
  overflow: hidden;
  position: relative;
  display: block;
  height: 285px;
}

#contact-form  form.iesent {
  background: transparent;
  font-size: 18px;
}  
  
#message div {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 30px;
  white-space: nowrap;
  width: 3300px;
}
 
#message div label {
  display: block;
  height: 0px;
  padding-top: 8px;
  width: 90px;
  margin-right: 10px;
  float: left;
  color: #000;
  text-align: right;
}
  
#message input, #message textarea {
  display: block;
  width: 203px;
  float: left;
  height: 18px;
  background: white;
  border: 1px solid #cdad7a;
  color: #333;
  padding: 3px 2px 2px 5px;
}
   
#message div#tavlingNamn {top: 0}
#message div#tavlingNamn label { color:#000;}
#message div#tavlingEmail {top: 40px;}
#message div#tavlingEmail label {}
#message div#tavlingTele {top: 80px;}
#message div#tavlingTele label {}    

#message input#form-send {
  background: url(media/tavla-knapp.png) no-repeat 0px 0px;
  position: absolute;
  top: 245px;
  left: 240px;
  width: 77px;
  height: 28px;
  white-space: nowrap;
  padding: 0px;
  border: none;
  cursor: pointer;
}
#message input#form-send.sending {
  background: url(img/contact/sending.png) no-repeat 0px 0px;
  left: 630px;
}  
#message input#form-send.sending:hover {
  background: url(img/contact/sending.png) no-repeat 0px 0px;
  left: 630px;
}  
#message div#tavlingMotivation {top: 130px; left: 0}
#message div#tavlingMotivation label {}
#message div#tavlingMotivation textarea {width: 203px; height: 50px;}
#message div#tavlingMotivation p { padding-left: 100px; } 
#message div.wordCount { top:110px; left:100px; }
.werror { color: #f00; }


/*
 * Bloggen
 *
 */


.post {
  margin: 10px 0 10px 0;
  /* border-bottom: 1px #aca698 solid; */
  width: 100%
}


.post h3 {
  font-size: 36px;
  }


.postimg {
  display: block;
  padding: 0 10px 10px 10px; 
  float: right;
  
}

#newpost {
  padding: 10px;
  background-color: #dcd8cd;
  }
  
#newpost h4 {
  font-size: 29px;
  }  

#postBlog textarea {
  width: 525px;
  height: 125px;
  }
  
#postBlog #postTitle {
  width: 525px;
  }  

#postBlog label {
  margin: 10px 0 0 0;
  }

#postBlog #DefaultImage {
  margin: 10px 0 10px 0;
}

#postBlog #submit {
  float: right;
  margin-right: 80px;
  }