/*
Theme Name: Jolla Choklad & Dessert
Theme URI: http://www.jolla.se/
Author: Andreas Karlsson, Indiebytes
Author URI: http://www.indiebytes.se/
*/

body { background: #1c160a; color: #000; font: normal normal normal 62.5%/1.5em Arial, sans-serif; margin: 0px; padding: 0px; }
#page { background: #fff; color: #1c160a; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 0 auto; padding: 0px; width: 762px; }

/* Header */
#header { position: relative; padding: 0px 45px; }
#feed-icon { position: absolute; top: 20px; right: 45px;}
#sitename { font-size: 2em; font-weight: normal; margin: 0px 0px 10px; padding: 20px 0px 0px; }
.description { position: absolute; top: 78px; right: 45px; text-transform: uppercase; font-family: "Century Gothic"; font-size: 11px; color: #a87b50;}
#navigation {  margin: 0px 45px; padding: 0; }
#navigation li { list-style: none; }

#navigation {
	background: #ccc;
	padding: 0px;
	margin: 0px 0px 1em;
}
#navigation li {
	float: left;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
}
#navigation li.page-item-10 a { background-image: url(images/nav-kaffe.jpg); }
#navigation li.page-item-12 a { background-image: url(images/nav-choklad.jpg); }
#navigation li.page-item-236 a { background-image: url(images/nav-foretag.jpg); }
#navigation li.page-item-17 a { background-image: url(images/nav-nyfiken.jpg); }
#navigation li.page-item-20 a { background-image: url(images/nav-blogg.jpg); }
#navigation li.page-item-455 a { background-image: url(images/nav-risros.jpg); }
#navigation li.page-item-2 a { background-image: url(images/nav-oss.jpg); }
#navigation li a {
	background-position: top left;
	background-repeat: no-repeat;
	width: 112px;
	display: block;	
	height: 315px;
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;
	color: #765f54;
}
#navigation li a:hover {
	background-position: 0px -315px;	
}
#navigation li.current_page_item a { background-position: 0px -630px; }
#navigation span { display: none; }



#searchform { margin: 0px; padding: 0px; position: absolute; right: 0px; top: -45px; width: 160px; }
#searchform fieldset { background-color: none; border: 0; margin: 0px; padding: 0px; }
#searchform legend { display: none; }

/* Content */
#content { float: left; margin: 0px; padding: 20px 0px 45px 45px; width: 448px; }
#content ul { list-style-position: inside; }
.post { margin: 0px 0px 45px; text-align: justify; }

/* Sidebar */
#sidebar { padding: 20px 20px 45px 0; margin-left: 545px; width: 172px; }
#sidebar ul,
#sidebar ol { margin: 0px; padding: 0px; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 0.8em; }
#sidebar ul p { margin: 0.5em 0em 0.8em; }
#sidebar ul ul,
#sidebar ul ol { margin: 0.5em 0 0 1em; }
#sidebar ul ul ul,
#sidebar ul ol ul { margin: 0 0 0 1em; }


/* Comments */
.commentlist { margin: 0px; padding: 0px; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist li blockquote { font-style: normal; margin-left: 0px;}
#commentform .columns { width: 100%; }
#commentform .first { width: 212px; padding-left: 0px; }
#commentform fieldset { border: 0px; margin: 0px; padding: 0px; }
#commentform input { width: 200px; padding: 2px; margin: 0; }
#commentform textarea { width: 444px; padding: 2px; }
#commentform #submit { margin: 0; float: right; }

/* Footer */
#footer { padding: 0; margin: 0 auto; width: 760px; clear: both; }
#footer p { margin: 0; padding: 20px 0; text-align: center; }
#footer .feed a { padding-left: 17px; background-image: url(images/feed-icon-12x12.gif); background-position: left center; background-repeat: no-repeat;}

/* Layout */
.pagemeta { margin-left: 45px; margin-right: 45px; margin-bottom: 45px; border-top: 1px solid #1c160a; }
.pagemeta ul.group { margin: 0; padding: 0; }
.columns .column,
.columns .widget { float: left; width: 200px; padding: 0px 12px;}
.columns li.widget { list-style: none; }
/*.columns .first { border-top: 1px solid #1c160a; }
.columns .second { border-top: 1px solid #1c160a; }
.columns .third { border-top: 1px solid #1c160a; }*/
/* Group */
.group:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html .group { height: 1%; }
*:first-child+html .group { min-height: 1px; }

.slideshow { padding-bottom: 10px; border-bottom: 1px solid #1c160a;}

/* Typography */
/* Headings */
h1,h2,h3,h4,h5,h6 { }
h1,h2,h3,#navigation { font-family: 'Century Gothic'; font-weight: normal; }
h1 { }
h2 { font-size: 1.6em; }
h3 { font-size: 1.44em; }
h4 { }
h5 { }
h6 { }
h1.h-blog,
.title { font-size: 2em; font-weight: normal; margin: 0em 0em 1em; padding: 0em; line-height: 1.2em; text-align: left !important;}
h2.title { margin: 0em 0em 0.2em;}
p.postdate { margin: 0em 0em 1em; padding: 0; text-transform: uppercase; color: #a87b50;}
/* Anchors */
a { color: #c30; /* #603913; */ text-decoration: none; }
a:link { }
a:hover { text-decoration: underline; }
a:visited { }
.title a { color: #1c160a; }
a img { border: 0; text-decoration: none; }
/* #navigation li a { font-size: 1.44em; line-height: 2em; text-transform: uppercase; }*/


/* Content */
#content { font-size: 1.2em; }
/*h1.h-blog {  text-transform: uppercase; font-size: 1.2em;}*/
/* Sidebar */
#sidebar h2 { font-size: 1.44em; text-transform: uppercase; }
#sidebar h3 { font-size: 1.2em;}
#sidebar { font-size: 1em; }
#sidebar table { width: 100%;}
.pagemeta h2 { text-transform: uppercase; font-size: 1.2em; position: relative;}
.pagemeta h2 .feed { position: absolute; right: 0px; top: 5%; }
.pagemeta table { width: 100%; }

dt { font-weight: bold; }
dd { margin: 0.5em 0px 1em 0.5em;}
li { margin: 0.5em 0 0.5em 0;}

/* Forms */
legend { }
label { font-weight: bold; }
/* Tables */
table { }
th { text-align: left; vertical-align: top; }
td { text-align: left; vertical-align: top; }
th.right,
td.right { text-align: right !important; }

/* Quotes */
blockquote { margin:1em 32px 1em 24px; padding:0 0 0 6px; border-left:2px solid #eee; font-style:italic; }
q {quotes:"\201C" "\201D" "\2018" "\2019";}
q:before {content:open-quote;}
q:after {content:close-quote;}
* html q {font-style:italic;}
.bq {margin:1em 0;}
.bq div {
	margin-left:30px;
	font-size:0.94em;
}
.bq blockquote { margin-bottom:0; }
.bq cite { font-style:normal; }
blockquote.pullquote {
	float:left;
	width:10em;
	margin:0.25em 0.75em 0.25em 0;
	padding:0.5em;
	border:3px double #e3e0d1;
	border-width:3px 0;
	color:#333;
	background:transparent;
	font:italic 1.2em/1.3 Georgia,serif;
}
blockquote.alt {
	float:right;
	margin:0.25em 0 0.25em 0.75em;
}
.pullquote p {
	margin:0;
	text-align:center;
}
.pullquote p:first-letter {text-transform:uppercase;}
/* Misc. */
small { font-size: 0.8em; }
hr { display: none; }
.clear { clear: both; }
.nobr { white-space: nowrap; }


/* WORDPRESS SPECIFIC */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}