@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;
}

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-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: -10px;
	left: -18px;
	text-indent: -10000px;
	background: url(media/header/logo.png) no-repeat;
	width: 259px;
	height: 86px;
}

#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: 50%; 
}

#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 */
	padding: 17px 15px 0 15px; /* adjust v-centering of menu */
	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;
}

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

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

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

#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-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: 0 0 15px -5px;
}

.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;
}

#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;
	}