/*
Theme Name: Grillkongen Craig Whitson
Theme URI: http://www.craig.no
Description: Default theme for Grillkongen Craig Whitson <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Andreas Karman, Marcus Design
Author URI: http://www.marcus-design.no, http://www.sermoconsulting.se

/* Reset
--------------------------------------------- */
td,th,blockquote,p,textarea,input,fieldset,form,pre,h6,h5,h4,h3,h2,h1,li,ol,ul,dd,dt,dl,div,body{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}img,fieldset,acronym,abbr{border:0}var,th,strong,em,dfn,code,cite,caption,address{font-style:normal}var,th,strong,em,dfn,code,cite,caption,address,h6,h5,h4,h3,h2,h1{font-weight:normal}ul,ol{list-style:none}th,caption{text-align:left}h6,h5,h4,h3,h2,h1{font-size:100%}q:after,q:before{content:''}

/* General Elements
--------------------------------------------- */

body, html {
	font-family: Arial, Georgia, Verdana, sans-serif;
	font-size: 62.5%;
	background: #00adb8 url(images/body.png) repeat-x;
	color: #000;
	margin:0;padding:0;
}

a {color: #df6c6c;text-decoration: none;}
a:hover {color: #861101; text-decoration: none;}
strong {font-weight: bold;}
em {font-style: italic;}
.clearfix {clear:both;}

.alignleft{float:left;}
.alignright{float:right;}

#page {margin: 0 auto; width: 898px; padding: 32px 0 0 0;}

/* Header
--------------------------------------------- */

#header {height:177px;}
#header a.logo {outline: 0; float: left; display: block; background: url(images/sprite-main.png) no-repeat 0 -193px; width: 492px; height: 174px; text-indent: -9000px; margin: 0 0 0 -8px;}
#header a.feed{float: left; color: #fff; font-family: Verdana; font-size: 1.7em; font-weight: bold; position: relative; right: -40px; top: 20px; padding: 0 30px 0 0; text-decoration: underline;  height: 16px; background: url(images/sprite-icons.png) no-repeat top right;}
#header img.top-corner {float: right; position: relative; top: -21px; left: -1px;}

/* Navigation
--------------------------------------------- */

#nav {height:57px; background: url(images/sprite-main.png) no-repeat 0 -96px; }
#nav ul{height: 36px; overflow: hidden;}
#nav li{float: left; line-height: 36px; }
#nav li a{font-weight: bold; color: #fff; font-size: 2.1em; background: url(images/nav-star.png) no-repeat center right; padding: 0 20px 0 12px;}
#nav li a:hover{color: #861101}

/* Content
--------------------------------------------- */

#container {background: url(images/container.png) repeat-y; width: 823px; padding:16px 0 0 0; min-height: 500px;}

h2.pagetitle {font-weight: bold; font-size:2.4em; margin: 0 0 0 59px;}

#content {float: left; width: 545px; margin: 10px 30px 0 0;}
#content .post{float: left; width: 515px; margin: 0 0 30px 61px; padding: 0 0 25px 0; background: url(images/post-sep.png) repeat-x bottom left;}
.single .post {background: 0 !important; padding:0 0 0 0px !important }
#content .post h2{font-weight: bold; font-size: 4.3em; color: #861101; margin: 0 0 18px 0; font-family: Arial}
#content .post h2 a{color: #861101; }

#content .post .date-mark{float: left; margin: 4px 0 0 -62px; background: url(images/sprite-main.png) no-repeat 0 0; line-height: 90%; width: 36px; padding: 5px 0 0 0; height: 65px; color: #fff; font-size: 2.4em; font-weight: bold; text-align: center;}
#content .post .date-mark span{display:block;}
#content .post .date-mark span.year{font-size: .7em;}

/* Entry */

#content .post .entry h3{font-weight: bold; font-size: 2.4em; margin: 0 0 10px 0;}

#content .post .entry a, #content .postmetadata a{color: #008f98; text-decoration: underline; font-weight: bold;}
#content .post .entry a:hover, #content .postmetadata a:hover{color:#005257}
#content .post .entry p{font-size: 1.95em; line-height: 160%; margin: 0 0 15px 0;}
#content .post .entry img{border: 3px solid #adadad;}
#content .post .entry img.right{float: right; border: 3px solid #adadad; margin: 0 0 15px 15px;}
#content .post .entry ul, #content .post .entry ol{font-size: 1.95em; line-height: 160%; margin: 10px 0 10px 15px;}
#content .post .entry li{list-style-type: square;   }

.alignleft{margin: 0 15px 15px 0;}
.alignright{margin: 0 0 15px 15px;}

.product-image{min-height: 140px;}
.product-image img{border: 3px solid #e5e5e5 !important; float: left; margin: 0 20px 0 0}


/* Post information */

#content  .post-info, #content .comment-share{font-size: 1.6em; color: #797979; font-family: Verdana; margin: 0 0 5px 0; }
#content  .post-info a, #content .comment-share a{color: #bf2e1a; font-weight: bold;}
#content  .post-info a:hover, #content .comment-share a:hover{color: #861101; font-weight: bold;}

#content .post-info span{padding: 0 0 3px 0;}
#content  span.author{background: url(images/sprite-icons.png) no-repeat 0 -26px;line-height: 18px; padding: 0 0 3px 20px; margin: 0 15px 0 0;}
#content  span.tags{background: url(images/sprite-icons.png) no-repeat 0 -50px;line-height: 18px; padding: 0 0 3px 20px;}
#content  span.comments a.view{background: url(images/sprite-icons.png) no-repeat 0 -183px;line-height: 20px; padding: 0 0 3px 20px; margin: 0 10px 0 0;}
#content  span.comments a.add{display: inline; background: url(images/sprite-icons.png) no-repeat 0 -156px ;line-height: 20px; height: 20px; padding: 0 0 3px 20px;}

#content .postmetadata{background: #f5f5f5; font-size: 1.6em; font-family: Verdana; line-height: 170%; padding: 8px;}

/* Share */

#content .share{padding: 0 0 0 20px; margin: 6px 0 0 0; }
#content .share img{position: relative; top: 3px; margin: 0 0 0 6px;}
#content .share img.mail{position: relative; top: 3px; margin: 0 0 0 10px;}

/* Comments */

#content #comments{margin: 0 0 0 59px; width:515px;}
#content #comments h3{font-weight: bold; font-family: Arial; font-size: 2em; color: #bf2e1a;}

#content  #comments a{color: #008f98; text-decoration: underline; font-weight: bold;}
#content  #comments a:hover{color:#005257}

#content #comments ul.commentlist{margin:10px 0 0 0;background: url(images/post-sep.png) repeat-x top left;}
#content #comments ul.commentlist li{padding: 20px 10px;background: url(images/post-sep.png) repeat-x bottom left; font-size: 2em;}
#content #comments ul.commentlist li .avatar{float:right;padding:4px; border: 1px solid #e4e4e4;}
#content #comments ul.commentlist li .commentmetadata{display: block; margin: 0 0 15px 0; font-size: 1em;}
#content #comments ul.commentlist li.alt{background: #f5f5f5 url(images/post-sep.png) repeat-x bottom left;}
#content #comments ul.commentlist p {line-height: 150%; margin: 0 0 6px 0;}

#content #respond{margin:0px 0 0 15px;}
#content #respond h3{margin: 0 0 12px 0;}
#content #respond p{margin: 0 0 20px 0;}
#content #respond label{font-size: 1.9em; width: 200px; display: block; margin: 0 0 4px 0;}
#content #respond input.commentfield{background: #fff; border: 1px solid #a9a9a9; padding: 4px;}
#content #respond textarea{background: #fff; border: 1px solid #a9a9a9; width: 494px; height: 115px; padding: 4px;}

/* Page Navi */

#content .navigation{margin: 0 0 0 59px; font-size: 2em; font-weight: bold; height: 35px; width:515px;}

/* Sidebar
--------------------------------------------- */
#sidebar  {width: 175px;  float: left; margin: -18px 0 25px 40px; }
#sidebar a{color: #008f98; font-weight: bold; text-decoration: underline;}
#sidebar .sidecontent{margin:0 0 25px 0;}
#sidebar h3 {font-family: Rockwell; color: #bf2e1a; margin: 0 0 10px 0; background: url(images/sidebar-sep.png) repeat-x bottom left; padding: 0 0 10px 0; font-size: 2.3em;}
#sidebar h3 a{text-decoration: none; color: #861101; font-weight: normal;}
#sidebar p{font-size: 1.65em; line-height: 160%; font-family: Verdana;}
#sidebar ul{font-size: 1.65em; line-height: 160%; font-family: Verdana; margin: 0 0 25px 0;}
#sidebar ul li span{display: block;}
#sidebar ul li{margin: 0 0 20px 0;}
#sidebar a:hover{color:#005257}

/* Subscribe */

#sidebar ul.subscribe li{margin: 0 0 6px 0 !important}
#sidebar ul.subscribe li a{padding: 0 0 2px 22px;}
#sidebar ul.subscribe li.rss a{background: url(images/sprite-icons.png) no-repeat 0 -206px;}
#sidebar ul.subscribe li.email a{background: url(images/sprite-icons.png) no-repeat 0 -103px;}
#sidebar ul.subscribe li.twitter a{background: url(images/sprite-icons.png) no-repeat 0 -233px;}
#sidebar ul.subscribe li.friendfeed a{background: url(images/sprite-icons.png) no-repeat 0 -257px;}
#sidebar ul.subscribe li.flickr1 a{background: url(images/sprite-icons.png) no-repeat 0 -305px;}
#sidebar ul.subscribe li.youtube a{background: url(images/sprite-icons.png) no-repeat 0 -282px;}

/* Flickr */

#sidebar .flickr {padding: 10px 0 0 0; width: 250px; overflow: hidden;}
#sidebar .flickr a{margin: 0 15px 15px 0; border-bottom: 3px solid #fff; display: block; width: 75px; height: 75px; float: left;}
#sidebar .flickr a:hover{border-bottom: 3px solid #bf2e1a;}


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

#footer{height: 115px;width: 842px; }
#footer a{color: #fff; text-decoration: underline; }
#footer .footer-top{height: 120px; background: #bf2e1a; color: #fff; font-size: 1.9em; }
#footer .footer-bottom{height: 31px; background: url(images/sprite-main.png) no-repeat 0 -491px; line-height: 31px; padding: 0 0 0 45px;  }
#footer .footer-top p{margin: 0; padding: 0;}
#footer .footer-top p.alignleft{margin: 0 0 0 30px; font-size: 1.1em; position: relative; top: 86px;}
#footer .footer-top p.alignright{margin: 0 30px 0 0; font-size: .9em; position: relative; top: 90px;}