/*
Theme Name: Taffel.se Ultra
Theme URI: http://taffel.se/
Description: New layout for Taffel.se.
Version: 2.0b
Author: Johan Swanljung
Author URI: http://taffel.se/

Redirected to style.php
*/

/* @group Basic */

body {
	font-family: georgia, times, serif; 
	font-size:14px;

}

a:link, a:visited {
	text-decoration:none;
	color:#943522;
}

/* no more specific due to precedence rules.  */
div {
	padding:0;
	margin:0;
	display:inline;
	float:left;
}

p {
	margin: 0 0 1em 0;
}

#wrapper {
	width: 1039px;
	margin:0 auto;
	padding:0 12px;
}

.artlink {
	white-space: nowrap;
}

/* @end */

/* @group Header */

#header {
	height:173px;
	width: 1039px;
	position:relative;
	margin:0 0 10px 0;
}

#footer {
	width:1039px;
	text-align: center;
}

#logo {
	border:0;
	position:absolute;
	left:-10px;
	top:10px;
}

#righthead, #lefthead {
	position: absolute;
	top: 0;
	width: 270px;
	height: 126px;
}

#lefthead {
	left: 475px;
	padding: 0 4px;
}

#justnu .imgdiv {
	margin-right: 9px;
}

#justnu {
	font-size: 15px;
}
.justnu_text{
	color: #666666;
}

#righthead {
	left: 769px;
}

#righthead div {
	padding: 0 4px;
}

#navwrap{
	position: absolute;
	padding:0 0 0 4px;
	top: 139px;
	right: 0px;
	width: 836px;
	height: 26px;
	background: #49404f url(bilder/navcorners_left.gif) no-repeat left;
}

#nav {
	width: 836px;
	height: 26px;
	color:white;
	font-size:14px;
	font-weight:normal;
	background: url(bilder/navcorners_right.gif) no-repeat right;
}

#nav ul {
	display: none;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:1;
}

#nav a {
	display:block;
	line-height:26px;
	padding:0 24px;
}

#nav ul li {
	font-size:12px;
}

#nav ul a {
	line-height:normal;
	display: block;
	padding:5px 26px;
	width: 10em;
}

#nav li {
	float: left;
	border-right:1px solid #666666;
	
}

#nav li ul li {
	float:none;
	white-space:nowrap;
	padding:0;
	border: 0;
}

#nav li ul {
	position: absolute;
	top:auto;
	left: -999em;
	background-color:#eeeeee;
	border: 1px solid #cecece;
	
	border-top: 0;
	
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav a:link, #nav a:visited {
	color:white;
}

#nav .last {
	border: 0;
}

#nav ul li a:link, #nav ul li a:visited {
	color:#666666;
}

#nav ul .highlight {
	background-color:#cecece;
}



/* @end */

/* @group Layout */

#maincol, #widecol, #narrowcol {
	float:left;
	display:inline;
}

#maincol {
	width: 572px;
}

#widecol {
	width:270px;
	
}

#narrowcol {
	width:197px;
}



#maincol .block {
	width: 559px;
	margin: 0 13px 10px 0;
}

#widecol .block {
	width:270px;
	margin-bottom: 10px;
}

#narrowcol .block {
	width:175px;
	margin: 0 22px 10px 0;
}




.bildram {
	border:1px solid #cecece;
}



/* @end */

/* @group Col1 */

/* @group double */

.double {
	padding: 0;
	float: left;
	display: inline;
}

.double div {
	margin-right: 9px;
}

.double div div {
	margin-right: 0px;
}



/* @end */

h1, h2, h3, h4, h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited {
	margin:0 0 10px 0;
	padding:0;
	color: #49404F;
	font-weight:normal;
	clear: both;

}

#maincol h1 {
	line-height: 1.3em;
}

.omslag div.receptlnk, .artpuff div.receptlnk, .post div.receptlnk {
	padding: 0 0 3px 0;
	font-size: 11px;
	line-height: 1.3em;
}

div.receptbox h4 {
	margin-bottom: 3px;
}

h1 {
	font-size:30px;
}

h2 {
	font-size:24px;
}

h3 {
	font-size:18px;
	margin-bottom: 3px;
	padding-bottom: 2px;
	border-bottom:2px solid #49404f;
}

form {
	padding: 0;
	margin: 0;
}

img {
	border:0;
}

.titlecat {
	color: #76687f;
}

/* @group Omslag */

.omslag {
	float: left;
	display: inline;
}

.omslag div.imgdiv {
	padding: 6px 4px 0px 4px;
	margin-right: 9px;
	float: left;
	display: inline;
}

.omslag h1 {
	padding: 0 4px;
}


.omslag div {
	width:262px;
	line-height:1.3;
	padding: 4px;
	float: left;
	display: inline;
}

.ingress {
	line-height:1.3;
	margin-bottom:5px;
}

.receptbox {
	font-size:14px;
	margin-bottom:3px
}

.bildtext {
	color:#666666;
	font-size:12px;
	margin-top: 5px;
}



/* @end */

/* @group Artpuff */

.artpuff div {
	line-height: 1.3em;
	width: 167px;
	margin-right: 11px;
	padding: 4px;
}

.artpuff h2 {
	padding: 0 4px;
}

.puffdouble div.ingress {
	width:  345px;
}


/* @end */

/* @end */

/* @group Corners */

div.goldwrap, div.graywrap, div.greenwrap {
	width: 270px;
	float: left;
	display: inline;
	padding: 0;
}


div.graywrap {
	background: #eeeeee url(bilder/gray_wide_lower.gif)  no-repeat bottom;	
}

div.goldwrap {
	background: #f8e777 url(bilder/gray_wide_lower.gif) no-repeat bottom;
}

.goldwrap h3, .goldwrap a:link, .goldwrap a:visited {
	color: #7c6c00;
}

div.greenwrap {
	background: #d9eab1 url(bilder/gray_wide_lower.gif) no-repeat bottom;
}

.greenwrap h3, .greenwrap a:link, .greenwrap a:visited {
	color: #466400;
}

.triple .graywrap, .artikel .graywrap {
	width: 175px;
}

.smakpost .graywrap {
	width: 525px;
}

div.graywrap div, div.goldwrap div, div.greenwrap div {
	width: 262px;
	background: transparent url(bilder/gray_wide_upper.gif) no-repeat top;
	padding: 4px;
}

.triple .graywrap div, .artikel .graywrap div {
	width: 167px;
}

.smakpost .graywrap div {
	width: 518px;
}

div.graywrap div div, div.goldwrap div div, div.greenwrap div div {
	background: none;
	padding: 0;
}

.graywrap h3, .goldwrap h3,.greenwrap h3 {
	border: 0;
}

.dagens {
	font-size: 12px;
}

/* @end */

/* @group forum_box */

#forum_box {
	width: 167px;
	padding: 4px;
	position: relative;
}


#forum_box ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 12px;
	font-size: 14px;
}

#forum_box ul ul {
	font-size: 11px;
	padding: 3px 0;
	border-top: 1px solid #cecece;
	margin-top: 2px;
}

#forum_box ul ul li{
	padding-bottom: 5px;
	color: #666666;
}


.nytt {
	position: absolute;
	display: block;
	text-align: center;
	float: left;
	width: 50px;
	height: 20px;
	padding: 15px 0px 17px 2px;
	left: -3px;
	top: -10px;
	background-image: url(bilder/nytt.gif);
}

/* @end */

/* @group Bloglist */

#bloglist {
	margin-top:10px;
	margin-bottom:10px;
	width: 262px;
	padding: 4px;
}

.bltextblock div {
	padding:0 0 5px 0;
	float:none;
	display:block;
}

.blogface{
	float:right;
	margin: 3px 0 3px 10px;
}

.blogitem {
	float: left;
	width:262px;
	border-bottom: 1px solid #cecece;
	clear: both;
}

.bltextblock {
	width:262px;
	margin:0;
	padding:0;
	font-size:10px;
}


.blmeta {
	margin-top: 3px;
	color:#666666;
	font-size: 11px;
}
.bltitle {
	font-size:14px;
	color: #544a2d;
}
#bloglist .blingress {
	font-size:11px;
	display: none;
}

.blcommentlink {
	font-family:arial,helvetica,sans-serif;
}



/* @end */

/* @group Annons */

.annons {
	padding: 4px;
	text-align: center;
	font-family: arial,helvetica,sans-serif;
	font-size: 10px;
	color: #666666;
}

small.annons {
	padding: 0;
	text-align:left;
}

.advert_text img {
	margin:0 10px 0 0;
	vertical-align:middle;
	border: none;
}

.advert_text a img {
	border: none;
}

.advert_text {
	margin-bottom:10px;
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

.artpuff div.advert_text {
	width: 280px;
}



/* @end */

/* @group Post */

.post {
	padding: 0 4px;
	float: left;
	display: inline;
	width: 551px;
	line-height: 1.5em;
}

.post p {
	margin-right: 10px;
}
.post img {
	border: 1px solid #cecece;
	clear: both;
}

.alignright {
	float: right;
	margin: 5px 0 5px 10px;
}

.alignleft {
	float: left;
	margin: 5px 10px 5px 0;
}

.artikel .graywrap {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.byline {
	color: #666666;
	font-family: arial,helvetica, sans-serif;
	font-size: 11px;
	text-transform:uppercase;
}

.post h1 {
	margin-bottom: 20px;
}

.post .excerpt {
	color: #666666;
}

/* @end */

/* @group Search */


.soekset {
	border:0;
	padding:0;
	margin:10px 0 5px;
}

.soekset label {
	display:block;
	color:#666666;
	font-size:11px;
}

.soek {
	width:206px;
	margin:0;
	padding:0px;
	height:16px;
	font-size:12px;
}

.soekknapp {
	width:40px;
	font-size:12px;
	height:22px;
	font-weight:normal;
	vertical-align: bottom;
	border: 0;
	font-family:arial,helvetica,sans-serif;
	background-color:#eeeeee;
	color:#666666;
	border: 1px solid #cecece;
	padding: 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}



.searchresult p {
	margin: 5px 0;	
	font-size: 12px;
	line-height: 1.1em;
	color: #999999;
}

.searchresult h3 {
	border: none;
	font-size: 14px;
	padding: 0;
	margin: 0;
	line-height: 1em;
}

.searchresult h3 a:link, .searchresult h3 a:visited {
	
}


div.post.searchresult {
	margin-bottom: 5px;
	padding: 0;
}

div.searchpager {
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
	width: 559px;
}

div.searchpager .nextlink {
	margin: 0 5px;
}
div.searchpager .pageno {
	margin: 0 5px;
}

.searchterm {
	font-style: italic;
	color: #666666;
}

a.recept_namn:link, a.recept_namn:visited, .recept_namn {
	color: red;
}


a.mat_namn:link, a.mat_namn:visited, .mat_namn {
	color: #778314;
}
a.kog_namn:link, a.kog_namn:visited, .kog_namn {
	color: #705931;
}

a.hemmafru_namn:link, a.hemmafru_namn:visited, .hemmafru_namn {
	color: #CC6600;
}

a.matamig_namn:link, a.matamig_namn:visited, .matamig_namn {
	color: #7F2E76;
}

a.ute_namn:link, a.ute_namn:visited, .ute_namn {
	color: #566A28;
}

a.mg_namn:link, a.mg_namn:visited, .mg_namn {
	color: #943522;
}

span.search-blogname {
	display: block;
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	opacity: 0.5;
	line-height: 1.1em;
	width: 120px;
}

/* @end */

/* @group Forum */

#forum_box {
	
}





/* @end */

/* @group Recept */

p.recept_makare {
	color:#666666;
	font-family:arial,helvetica,sans-serif;
	font-size:10px;
	margin:0 0 5px;
	padding:0;
	text-transform:uppercase;
	line-height: 1em;
}

p.recept_portioner {
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
	line-height: 1.2em;
}

p.recept_tid {
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:0 0 1.3em;
	padding:0;
	line-height: 1.2em;
}

.recept_ingrediens {
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 2em;
	padding:0;
	line-height: 1.3em;
}

.recept_ingrediens li {
	margin:2px 0;
	padding:0;
}

.recept_ingrediens li.recept_ingrediens_mellanrubrik {
	font-weight:bold;
}

ol {
	margin: 0;
	padding: 0;
}

ol.recept_steg {
	margin: 0;
	padding: 0;
}

ol.recept_steg li {
	margin-bottom:5px;
}

h3.recept_namn {
	border: 0;
}

p.recept {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

.arkivnav {
	width: 100%;
}

.arkivprev {
	float: left;
	display: block;
}

.arkivnext {
	float: right;
	display: block;
}

/* @end */

/* @group Postlist */

.postlist img {
	float: left;
	clear: both;
	margin-right: 5px;
}

.postlist h2 {
	margin-bottom: 15px;
	padding-bottom: 2px;
	border-bottom:2px solid #49404f;
}

.postlist h3 {
	border: none;
}
.postlist p {
	margin: 0 0 10px;
}

.postlist_fler {
	font-style: italic;
	color: #666666;
	padding-top: 15px;
	text-align: center;
}

#subscribeForm, #subscribeForm div {
	float: none;
	display: block;
}

#footer {
	font-size: 11px;
	color: #666666;
	padding: 0 0 10px 0;
}

#footer p {

	margin: 0;
}

/* @end */

/* @group Smakkamrater */

ul.smakkamrater {
	float: left;
	list-style:none;
	clear:both;
	width:555px;
	padding:0 0 10px;
	
}

.smakkamrater li {
	display:inline;
	float:left;
	width:165px;
	margin:0 0 3px 0;
}

.faktaruta ul {
	list-style:none;
	padding:0px;
}

.faktaruta ul li {
	padding: 3px 0;
}

.faktaruta ol {
	padding-left:20px;
}

.faktaruta {
	border:1px solid #cecece;
	padding:0 10px;
	margin:10px 0;
}

#maincol h3 {
	border: none;
	clear: both;
}



/* @end */

/* @group Advertorial
 */

.advertorial {
	font-family: arial,helvetica,sans-serif;
}

.advertorial h1, .advertorial h2,
.advertorial h3, .advertorial a:link,
.advertorial a:visited {
	color: #325399;
}

.recept_steg li {
	/*float:left;*/
	width: 559px;
}
/* @end */