/*
Theme Name: Nya Kryddan
Theme URI: http://www.rawchickenmedia.com
Description: Clean, RCM-style.
Author: Erik Östman
Author URI: http://www.erikostman.com
Tags: gray, blue, widget ready, simple, clean, grid-based
Version: 1.0
License: This theme is released under GPL (http://www.opensource.org/licenses/gpl-3.0.html)
*/

body { margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; color: #000; background: #891C27;}

a img { border: none; }
p, li, li li { line-height: 160%; }
p {font-size: 13px;}
h1 { font-size: 22px; padding-bottom: 5px; color:#111; font-family: "Georgia"; letter-spacing: 1px; }
h1 a { color: #891C27; text-decoration: none; font-family: "Georgia"; font-weight: normal;}
h2 { font-size: 18px; color: #891C27; font-weight:normal; font-family: "Georgia"; margin-bottom: 5px;}
h3 {margin-top: 14px; font-family: "Georgia"; color: #000; text-align: left;}
small { font-size: 0.9em; line-height: 140%; }
a { color: #333; }
a:hover { color: #555; }

#container { width: 968px; margin: 0 auto; }
#header { width: 968px; float: left; overflow: visible; padding: 0; margin-top: 50px; margin-bottom: 0px;}
#topnav   {float:right; margin-right:8px; padding-right: 8px; text-align: left; width: 312px; font-family: "Georgia"; background: #fff; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;}

p.site-title { font-size: 2.4em; margin-bottom: 0px; font-weight: bold; color: #fff; }
p.site-title a { color: #fff; text-decoration: none; }
p.site-title a:hover { color: #424343; }
p.description { margin-bottom: 0px; color: #424343; }


#wrapper { float: left; display: inline; width: 968px; }



#frontpagepost{background:url(images/bg_shadow.png) no-repeat;  width: 968px; height: 488px; float: left; color: #fff; overflow: visible;}

#content{ width: 640px; float: left; color: #666; margin-left: 0px; margin-top: 0px;}

/* thumnail covers */
#frontpageimage{background:url(images/varsol.jpg) no-repeat; width: 640px; height: 480px; float: left;}
.magenta{color:#ec008c;}

#choklad-image{background:url(images/choklad.jpg) no-repeat; width: 640px; height: 480px; float: left; }
#kaffe-image{background:url(images/kaffe.jpg) no-repeat; width: 640px; height: 480px; float: left; }
#te-image{background:url(images/te.jpg) no-repeat; width: 640px; height: 480px; float: left; }
#heminterior-image{background:url(images/interior.jpg) no-repeat; width: 640px; height: 480px; float: left; }
#oljor-image{background:url(images/oljor.jpg) no-repeat; width: 640px; height: 480px; float: left; }
#kryddor-image{background:url(images/kryddor.jpg) no-repeat; width: 640px; height: 480px; float: left; }
#elvis-image{background:url(images/elvis.jpg) no-repeat; width: 640px; height: 480px; float: left; }
#kontakt-image{background:url(images/kontakt.jpg) no-repeat; width: 640px; height: 480px; float: left; }
#hitta-image{background:#fff; width: 640px; height: 480px; float: left; }
#koket-image{background:url(images/koket.jpg) no-repeat; width: 640px; height: 480px; float: left; }



#post{ width: 290px; height: 445px; float: left; padding: 15px; padding-top:20px; overflow: hidden; background:url(images/bg_h2.png); }
#post p {margin-bottom: : 10px; color:#fff; }
#post h1{ background: #fff; display: inline; padding:5px; padding-left: 15px; padding-right: 10px; margin-left: -15px;}
#blogpost{ width: 560px; float: left;  }
#blogpost h1 { color:#fff; font-weight: normal; font-size: 22px; background: url(images/bg_h2.png) repeat; display:inline; padding: 7px; margin-left: 20px; }
#blogpost h1 a { color:#fff; text-decoration: none;}
#blogpost h1 a:hover { color:#999; text-decoration: none;}
.blogpost-title{background:url(images/bg_blogh2.png) no-repeat; margin-left: -19px; height: 50px; padding-top: 7px; margin-bottom: -10px; display: block;}
.blogcontent{margin-left:20px; margin-bottom: 20px;}
.blogcontent img{margin-right: 10px; margin-bottom: 10px;}

#sidebar{background: #fff; min-height: 440px; width: 280px; float: left; padding:20px; margin-left: 0px; display: inline; font-size: 12px;  margin-bottom: 3px; overflow: hidden; color: #000; }
#sidebar p { margin-top:10px; text-align: justify; color: #000;}

#sidebar ul { margin: 0px; margin-top:10px; padding: 0px; list-style: none;  }
#sidebar li { margin: 0px; padding: 0px; list-style: none; }
#sidebar li a { display: block; text-decoration: none; padding: 0px; list-style: none; }
#sidebar ul.highlight li a { background: #ddd; }
#sidebar li a:hover { }
#sidebar ul.highlight li a:hover { background: #333; color: #fff; }
#sidebar h2, #sidebar h2 a { color:#000; margin-top: 10px; font-weight: normal; font-size: 20px; text-align: left; }

#contact{width: 968px; float: left; font-size: 11px;}
#contact1{width: 240px; margin-right: 10px; float: left; line-height: 150%;}
#contact2{width: 240px; margin-right: 10px; float: left; line-height: 150%;}
#contact3{width: 240px; margin-right: 10px; float: left; line-height: 150%;}


#clear{width: 640px; float: left; margin-top: 20px; margin-bottom: 10px;}

.premeta a { color: #ec008c; padding: 4px 0px; font-size: 11px; }
.premeta  { color: #000; margin-left: 10px; font-size: 11px; }


/* Comments */
#comments {  margin-left: 10px; margin-right:10px; margin-top: 20px; padding-left: 0px; }
#comments ul { list-style: none; }
#comments li { list-style: none; }
#comments img { padding: 0px; margin: 0px 0px 10px 10px; float: right; }

#footer-wrapper { float: left; display: inline; }
#footer { margin: 0px auto; width: 968px; overflow: hidden; padding: 10px 0px 30px;  padding-top: 10px; color: #000; }
#footer ul { margin: 0px 0px 20px 0px; padding: 0px; list-style: none; border-top: 1px #ccc solid; }
#footer li { margin: 0px; padding: 1px 0px 1px; border-bottom: 1px #ccc solid; width: 280px; }
#footer li a { display: block; text-decoration: none; padding: 1px 0px; }
#footer a, #footer li a { color: #999; }
#footer a:hover, #footer li a:hover { color: #eee; }
#footer h2, #footer h2 a { font-size: 1.1em; color: #524641; text-decoration:none; }
div.footer-column1 { width: 285px; height:280px; padding: 10px; margin-right: 20px; background-color: #fff;float: left; display: inline; overflow: hidden;}
div.footer-column2 { width: 285px; height:280px; padding: 10px; margin-right: 20px; background-color: #fff;float: left; display: inline; overflow: hidden;}
div.footer-column3 { width: 290px; height:280px; padding: 10px; margin-right: 0px; background-color: #fff;float: left; display: inline; overflow: display;}



#copyinfo{color: #fff;  font-size: 11px; padding-bottom: 10px; padding-top: 10px; text-align: right; padding-right: 10px; line-height: 20px; background:url(images/chicken_small.png) no-repeat; background-position: center; }
#copyinfo a{color: #fff; text-decoration: none;}