/*  

Theme Name: Ninasmat 

Description: Recept

Version: 3.0

Author: Darsab productions

Author URI: http://www.darsab.se



/* ---------- @ Nav -----------*/


@import url('css/horisontalmeny.css');



/* ---------- @ Recipe -----------*/



@import url('css/recipe.css');

@import url('css/recipelist.css');



/* ---------- @ HTML Tags -----------*/



* {

	margin:0;

	padding:0;

	outline:none;

}



body {

	background:#C6C6FF;

	color: #000000;

}

body, select, input, textarea {

	font: 100% Trebuchet MS, Arial, Helvetica, sans-serif;

}

p {

	margin: 10px 0;

        margin-left: 10px;

	line-height:120%;

}

a, a:visited {

	color: #003399;

}

a {

	color: #003399;

	text-decoration: none;

}

a:hover {

	color:#0000FF;

	text-decoration: underline;

}

a:active {

	color:#0000FF;

	text-decoration: none;

}

hr {

	display: block;

	height:1px;

	background:#d7d7d7;

	border:0;

	color:#d7d7d7;

}

table {

	border-collapse:collapse;

margin:0px 0;

	border-top:1px solid #e0ded9;

	border-bottom:1px solid #e0ded9;

}

td {

	padding:4px 6px;

	background:#F5F3EE;

	border-bottom:1px solid #FFF;

}

table caption {

	background:#f5f3ee;

	padding:2px 0;

}

a img, a:visited img {

	border:none

}

blockquote {

	color:#76767a;

	padding:0 18px;

	margin:25px 45px;

border-left:3px solid #DDD;

	font:italic 1em Trebuchet MS, Arial, Helvetica, sans-serif;

	letter-spacing:0.02em;

}

pre {

	width:100%;

	overflow:auto;

}

/* ---------- @ Structure -----------*/



#page {

	width:992px;

margin-left: 3px;

padding-top:3px;

}

#wrapper {

	background:#FFF;

	font-size:0.75em;	

padding:0px 3px 0px 3px;

border-top: 2px solid #0066CC;

border-left: 2px solid #0066CC;

border-right: 4px solid #0066CC;

border-bottom: 2px solid #0066CC;

}

#masthead {

	padding:5px 0;

		border: none;

}

#contentlead {

	width:730px;

	float:left

}

#content {

	width:604px;

	float:left

}

#description {

	font: italic 1.2em Trebuchet MS, Arial, Helvetica, sans-serif;

	color:#888787;

	padding: 0 0 0 20px;

	border-left:1px dotted #7c7c7c;

	margin:13px 0 0 20px;

	float:left;

	letter-spacing:0.01em;

}

.left {

	float:left;

}

.right {

	float:right;

}

#sidebar {

border-bottom:0px solid #dadada;

border-left:0px solid #dadada;

background-color:#ffffff;

width:240px;

	float:right

}

#F {

background-color:#ededed;

	width:120px;

	float:left

}

#featured-cats {

border-top: 0px solid #0066CC;

border-left: 0px solid #0066CC;

border-right: 0px solid #0066CC;

border-bottom: 0px solid #0066CC;

background-color:#FFF;

padding: 0px 5px 5px 0px;

margin: 0px 5px 0px 0px;

	width:120px;

	float:left



}

#more-posts {

	width: 590px;

	float:right;

margin-left: 10px;

}

/* ---------- @ Headers -----------*/

h1 {

	font: bold 2.7em Trebuchet MS, Arial, Helvetica, sans-serif;

	letter-spacing:-0.01em;

	float:left;

margin-left: 10px;

}

h2 {

	font: 2.5em Trebuchet MS, Arial, Helvetica, sans-serif;

	padding-bottom:8px;

	margin: 25px 0 20px 0;

}

#recipe-category {

	border-bottom:2px solid #336600;

	width: 600px;

}

.category-headline {

	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

	font-size: 24px;

	font-weight: bold;

	color: #660000;

}

.recipe-headinfo {

	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align:left;

	font-weight: bold;

	color: #3366CC;

	padding-top: 1px;

	padding-bottom: 1px;

	margin-bottom: 1px;

	font-style: italic;

}

#lead h2 {

	font: 2.2em Trebuchet MS, Arial, Helvetica, sans-serif;

	line-height:115%;

	margin:3px 0 -8px 0;

	padding:0;

}

.post h2 {

	font-size:2.2em;

	padding: 0;

	margin: 15px 0 0 0;

}

h2.posttitle {

	margin:25px 0 0 0;

	padding:0 0 12px 0;







}

h2.pagetitle {

	border-bottom:1px solid #d7d7d7;

	padding:0 0 12px 0;

	margin:25px 0 20px 0;

	font-size:2.2em;

}

h3.widgettitle {

	margin-left: 10px;

	padding:5px 5px 5px 0;

}

h3 {

	border-bottom:0px solid #BBB;

	border-top:0px solid #BBB;

	text-transform:none;

	font-size:1em;

	padding:5px 3px 5px 3px;

	margin:2px 2px 2px 2px;

	letter-spacing:0.07em;

	}

.entry h3 {

	text-transform:none

	}

.post h3 {

	border:none;

	font:1.7em Trebuchet MS, Arial, Helvetica, sans-serif;

	color: #232323;

	letter-spacing:0;

}
.moreposth3 {

	border:none;

	font:2em Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
text-align:center;
	color: #0066CC;

}

#more-posts h3 {

	margin:5px 5px 5px 0;

}

h2#respond {

	margin:45px 0 20px 0;

}

h3#comments {

	margin-top:32px

}

.recipe-infotext {

	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;;

	font-size: 10px;

	font-weight: bold;

	color: #0000FF;

}

.recipe-headlineifo {

	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #00FF00;

}

h4 {

	font:bold 1.3em Trebuchet MS, Arial, Helvetica, sans-serif;

	margin-bottom:-10px;

}

.post h4 {

	margin:15px 0;

}

.archive-list h4 {

	margin:0;

	font-size:1.2em;

	line-height:125%;

}

.recipe-list h3 {

	margin:0;

	font-size:1.3em;

	}

h5 {

	font: 0.8em Trebuchet MS, Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	letter-spacing:0.15em;

	padding:4px 8px;

	margin-bottom:5px;

	background:#f5f3ee;

	border-top:1px solid #d7d7d7;

}

h6 {

	font:bold 0.9em Trebuchet MS, Arial, Helvetica, sans-serif;

}

/* ---------- @ Content Styles -----------*/



/*Misc*/

h1 a, h1 a:visited {

	color:#444;

	text-decoration:none

}

h1 a:hover {

	color:#686868;

}

h1 a:active {

	color:#929292;

}

h4 a, h4 a:visited {

	color:#003399;

	text-decoration: none

}

h5 a, h5 a:visited,  h5 a:hover, h5 a:active {

	text-decoration: none

}

#more-posts img, .archive-list a img, .archive-list a:visited img ,  .recipe-list a img, .recipe-list a:visited img, .left-recipe a img, .left-recipe a:visited img, .related-list a img, .related-list a:visited img{

	float:left;

	margin: 0px 4px 2px 0px;

	padding:2px;

	border:2px solid #b9b9b9;

	background:#FFF;

}

#more-posts img {

	margin:3px 12px 4px 0;

}

.recent-excerpts {

	padding-bottom:3px;

}

#lead {
	margin: 24px 0px 5px 0;

	background:#C6C6FF;
border-top:2px solid #0066CC;
	border-bottom:2px solid #0066CC;
border-left:2px solid #0066CC;
	border-right:2px solid #0066CC;

}

#lead:hover {

	background:#e8e8e8;
border-top:2px solid #0066CC;
		border-bottom:2px solid #0066CC;
border-left:2px solid #0066CC;
	border-right:2px solid #0066CC;

}

#lead-text {

	float:left;

	width:400px;

	padding:16px 5px 13px 10px;

}

#lead br, .recent-excerpts br /*cleans up excerpts*/ {
margin-top:5px;
padding-top:5px;
	margin-bottom:5px;

}

#lead img {

	float:left;

	margin-right:22px;}

.commentcount {

	padding-right: 19px;

	background:url(images/bubble.gif) no-repeat right;

	font:.8em Trebuchet MS, Arial, Helvetica, sans-serif;

}

#lead h2 .commentcount {

	font-size:0.4em;

}

.postmetadata .commentcount {

	font-size:1em;

}

.date {

	float:left;

	margin:18px 4px 0 0;

font: 0.85em Trebuchet MS, Arial, Helvetica, sans-serif;

	color:#737373;

letter-spacing:0.03em;



}

/*Sidebar and Widgets*/



.sidebar-box {

border-top: 2px solid #0066CC;

border-left: 2px solid #0066CC;

border-right: 2px solid #0066CC;

border-bottom: 2px solid #0066CC;

margin-bottom: 5px;

padding-bottom: 5px;

}

.sidebar-left {

border-top: 2px solid #0066CC;

border-left: 2px solid #0066CC;

border-right: 2px solid #0066CC;

border-bottom: 2px solid #0066CC;

margin-bottom: 5px;

margin-bottom: 5px;

padding-bottom: 5px;

padding-top: 5px;

	width:124px;

}

#sidebar li, .headlines li, .sidebar-left li, .headlines-left li,  {

	margin-left:30px;

margin-right:15px;

	padding:10px 0;

}



#sidebar a, #sidebar a:visited,sidebar-left,

.left-recipe h3 a, .left-recipe h3 a:visited,

.related-list h3 a, .related-list h3 a:visited,

.archive-list h4 a, .archive-list h4 a:visited,

.recipe-list h3 a, .recipe-list h3 a:visited,

.commentcount a, .commentcount a:visited, 

#fullarchive a, #fullarchive a:visited, 

#more-posts a, #more-posts a:visited {

	color:#003399 !important;

	text-decoration: none;



	}

#sidebar a:hover, #sidebar a:active,

.left-recipe h3  a:hover, h3 .left-recipe a:active,

.related-list h3 a:hover, h3 .related-list a:active,

.archive-list h4 a:hover, h4 .archive-list a:active, 

.recipe-list h3 a:hover, h3 .recipe-list a:active, 

.commentcount a:hover, .commentcount a:active, 

#fullarchive a:hover, #fullarchive a:active, 

#more-posts a:hover, #more-posts a:active {

	color:#0000FF !important;

	text-decoration: underline;

	}



#sidebar li {

	list-style:none;

	margin:10px 10px 1px 10px;

	padding:0;

	}

#sidebar-left li {

	list-style:none;

	margin:10px 10px 1px 10px;

	padding:0;

	}	

#sidebar li a, #sidebar li a:visited {

	background:#EEF5E1;

	display:block;

	text-decoration:none;

	padding:4px 8px;

	border-left:4px solid #E4EFD5;

	}

#sidebar li a:hover, #sidebar li a:active {

	background:#E4EFD5;

	text-decoration:none

	}

#sidebar li li a, #sidebar li li a:visited	{

	background:#E4EFD5;

	padding-left:25px;

	color:#818D6F;

	}

#wp-calendar td {

	text-align:center;

	padding:3px;

}

#recentcomments {

	color: #787878;

}

a.rsswidget, a.rsswidget:visited {

	font-weight: bold

}

#ads img, .wp125ad img {

	float:left;

	margin:0 0 6px 6px;

}

.textwidget {

	margin: 15px 0;

	line-height:160%;

}

.widget td {

	background:none;

}

.widget table {

	border:none

}

/*Single Posts*/

#writer {

	background:#ededed;

	margin:-10px 0 22px 0;

	padding:3px 20px 16px 20px;

	border-bottom:1px solid #dadada;

	border-top:1px solid #dadada;

}

#writer img {

	padding:1px;

	border:1px solid #b2afa4;

	float:left;

	margin:18px 15px 6px 0;

}

#tags {

	padding:3px;

	border-bottom:1px solid #DDD;

	border-top:1px solid #DDD;

}

#tags a, #tags a:visited {

	text-decoration: none

}

/*Archives*/

.archive-list li {

	list-style:none;

	width:600px;

	float:left;

margin: 0px 3px 3px 1px;

	border-bottom:1px solid  #b1b1b1;

}

.recipe-list {

	list-style:none;

	width:600px;

	float:left;

	margin: 0px 1px 1px 1px;

border-bottom: 1px solid #0066CC;

}

.related-list li{

	list-style:none;

	width:550px;

	float:left;

	margin: 0px 3px 3px 1px;

padding-bottom: 10px;

padding-top: 10px;

border-bottom: 0px solid #0066CC;

}



.left-recipe li {

	list-style:none;

	width:110px;

	float:left;

	margin-left: 5px;

padding-bottom: 10px;

padding-top: 10px;

border-bottom: 0px solid #0066CC;



}

.archive-list img {

	margin:0 5px 0 0;



}

.archive-list .postmetadata {

	border:none;

	margin:0;

	padding:4px 0 0 0;

}

#pagination {

	margin-top:30px;

	width:604px;

}

#pagination .left {

	width:290px;

	text-align:right;

}

#pagination .right {

	float:right;

	width:294px;

}

/* ---------- @ Post Styles -----------*/





.entry {

	padding-bottom:10px;

	}



.postmetadata {

	padding: 12px 0;

	border-top:1px solid #d7d7d7;

	margin:10 0 10px 0;

	color:#7a7a7a;

	}	



.post code {

	background:#f5f3ee;

	padding:3px;

	font-size:1.2em;

	}

			

.post ul li {

	margin: 0 0 5px 42px;

	line-height:115%;

	}



.post ol li {

	margin:0 0 5px 48px;

	line-height:115%;

	}

.entry {

	padding-bottom:5px;

}

.postmetadata {

	padding-top: 2px;
padding-bottom: 2px;

	border-top:2px solid #C6C6FF;

	border-left:2px solid #C6C6FF;

	border-bottom:2px solid #C6C6FF;

	border-right:2px solid #C6C6FF;

	color:#000000;

}

.post code {

	background:#f5f3ee;

	padding:3px;

	font-size:1.2em;

}

.post ul li {

	margin: 0 0 5px 42px;

	line-height:115%;

}

.post ol li {

	margin:0 0 5px 48px;

	line-height:115%;

}

/*Images*/

.entry img {

	display:block;

	border:1px solid #999;

	padding:2px;

margin:15px 0;

	margin-top: 20px;

}

.wp-caption.alignleft,  .wp-caption.alignright,  .wp-caption.aligncenter {

	background:#f5f3ee;

	text-align:center;

	padding:10px 5px 10px 10px;

	border:3px double #FFF;

}

img.alignleft {

	margin:5px 15px 10px 0;

	float:left

}

img.alignright {

	margin:5px 0 10px 15px;

	float:right

}

.wp-caption.alignleft {

	float:left;

	margin:5px 22px 10px 0;

}

.wp-caption.alignright {

	float:right;

	margin:5px 0 10px 22px;

}

.wp-caption.aligncenter, img.aligncenter {

	margin: 0 auto;

	display:block;

	margin-bottom:15px;

	float:none

}

p.wp-caption-text {

	margin:0;

	text-align:center;

	padding:5px 0;

}

.wp-caption img {

	float:none;

	margin:0;

}

.gallery {

	margin:15px 0;

	display:block;

}

.gallery img {

	border:1px solid #999 !important;

	padding:2px;

}

.gallery-item {

	padding:12px 0;

}

.gallery-caption {

	padding:10px;

}

/* ---------- @ Comments -----------*/

.reply a, .reply a:visited {

	width:75px;

	background:#CCC;

	color:#FFF;

	display:block;

	margin-bottom:15px;

	padding:5px !important;

	text-align:center;

	border-bottom:1px solid #f2f2f2;

	border-right:1px solid #f2f2f2;

	text-decoration:none !important;

	font:italic 1em Trebuchet MS, Arial, Helvetica, sans-serif;



}

.reply a:hover {

	background:#aeaeae;

	text-decoration:none;

	border-bottom:1px solid #898989;

	border-right:1px solid #898989;

	color:#FFF;

}

.reply a:active {

	background:#CCC;

}

.commentlist li {

	margin: 0 0 18px 0;

	padding: 15px;

	background:#F2F2F2;

	border-bottom:1px solid #DDDDDD;

	border-top:1px solid #DDDDDD;

	list-style:none

}

.commentlist li.depth-2 {

	border:none;

	background:#FFF;

	border-top: 1px solid #f2f2f2;

	margin-left:15px;

}

.commentlist li.depth-3 {

	margin-left:15px;

	border:none;

	background:#f2f2f2;

}

.commentlist li.bypostauthor {

	background:#e5e5e5 !important;

	border:1px solid #c7c7c7 !important;

}

.commentlist code {

	background:#e0e0e0;

	padding:3px;



}

.avatar {

	margin: 3px 10px 0 0;

	float:left;

	padding:2px;

	border:1px solid #b9b9b9;

	background:#FFF;}

#trackbacklist li {

	margin: 10px 0 10px 35px;

}

#trackbacklist cite {

	font-style:normal

}



cite.fn {

	font: bold 1.4em Trebuchet MS, Arial, Helvetica, sans-serif;

	letter-spacing:-0.05em;

	display:block;

	padding-top:9px;

}



.says {

	display:none;

}

.commentmetadata {

	float:left

}

.comment-date a, .comment-date a:visited {

	color:#868686;

	font-size:0.9em;

	text-decoration:none

}

.commentmetadata a:hover, .commentmetadata a:active {

	text-decoration:underline;

	color:#333;

}

/* ---------- @ Form Elements -----------*/

#author, #email, #comment, #url {

	background:#c6c6ff !important;

	padding:5px;

	border:1px solid #c6c6fff;

	border-left:1px solid #c6c6ff;

	border-top:1px solid #c6c6ff;

}

#author, #email, #url {

	width:220px;

}

.button {

	padding: 8px 14px;

	background:#424242;

	color:#FFF !important;

	border:none;

	font-size:1.1em;

}

.button:hover {

	background:#272727;

	color:#FFF;

	text-decoration:none

}

.button:active {

	background:#000;

}

#commentform textarea {

	width: 98%;

	margin-top:5px;

	height:250px;

}

#searchform {

	float:right;

	width:237px;

	text-align:right;

margin-top:24px;

padding-top:10px;

padding-bottom:10px;

border-left:2px solid #0066CC;

border-right: 2px solid #0066CC;

border-top: 2px solid #0066CC;

border-bottom: 2px solid #0066CC;

background-color:#C6C6FF;

}

#s {

	width:200px;

	font-size:1em;

}

#s:focus {

	background:#b9b9b9; !important;

}

#searchsubmit {

	vertical-align:top

}

/* ---------- @ Float Clearing -----------*/



.clearfloat:after {

	display:block;

	visibility:hidden;

	clear:both;

	height:0;

	content:".";



}

.clearfloat {

	display:inline-block}

.clearfloat {

	display:block

}

/* ---------- @ Footer -----------*/

#footer {

border-top: 3px solid #0066CC;

border-left: 3px solid #0066CC;

border-right: 3px solid #0066CC;

border-bottom: 3px solid #0066CC;

	font-size:0.7em;

   margin-top: 10px;

	padding:15px 15px 15px 15px;

}

#footer a, #footer a:visited {

	color:#000000;

	text-decoration:none;

}

#footer a:hover {

	color:#0066CC;

}

#footer a:active {

text-decoration:underline

	}

#footer img {

	vertical-align:middle;

}

#copyright {

	float:left;

	width:750px;

}

#rss {

	float:right;

	width:200px;

	text-align: right

}

/* ---------- @ Reklam -----------*/

#rubrik-reklam{



	text-align: center

}

#top-reklam{



	text-align: center

}

#top-left-reklam{

border-top: 2px solid #0066CC;

border-left: 2px solid #0066CC;

border-right: 2px solid #0066CC;

border-bottom: 2px solid #0066CC;

background-color:#FFF;  

margin-bottom: 5px;

padding-bottom: 5px;
margin-top: 5px;
padding-top: 5px;

width:124px;

}

#hogerreklam {

position:absolute;

	width:100px;

	height:315px;

	z-index:1;

	left:1000px;

	top: 35px;

}