/**************
Diverse classer
**************/

p.timestamp {
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.15em;
	font-size:0.858em; /* 12px */
	line-height:1.75em;
	margin:1.75em 0;
	color:#999999;
}



/********************
Förklaring av captcha
********************/

	.captchaHint {
		display:block;
		padding-left:20px;
		background:url(/images/iconImportant.png) no-repeat center left;
		text-decoration:underline;
	}

	.captchaHint.off {
		display:block;
	}

	.off {
		display:none;
	}

	.on {
		display:auto;
	}

/***************************
Layout: sidans huvudbakgrund
***************************/
	html {
		width:100%;
		height:100%;
		background:white url('/images/column.png') repeat-y;
	}




/**************************
Layout: sidans totala bredd
**************************/
	body {
		margin:0;
		padding:0 0 0 0;
		width:1000px;
		height:100%;
	}



/***************
Layout: sidhuvud
***************/

	div#header {
		width:1000px;
		height:150px;
		background-color:white;
		background-image:url('/images/headerBg.jpg');
		background-repeat:no-repeat;
		background-position:232px top;
	}

	div#header h1 {
		background-color:#cee7f7;
		background-image:url('/images/logo.png');
		background-repeat:repeat-x;
		width:232px;
		height:100%;
		margin:0;
		padding:0;
	}

	div#header a {
		display:block;
		width:100%;
		height:100%;
		text-indent:-9999px;
		background-color:transparent;
		border:none;
		padding:0;
	}






/*****************
Layout: Navigering
*****************/

	div#navigation {
		width:1000px;
		height:40px;
		overflow:hidden;
		background:url('/images/menuBg.png') no-repeat top left;
	}

	div#navigation ul {
		margin:0;
		padding:0 0 0 250px;
		list-style-type:none;
		height:100%;
		/*background: #033783 url('/images/menuBg.png') repeat-x;*/
	}

	div#navigation li {
		display:inline;
	}

	div#navigation a {
		display:block;
		float:left;
		padding:3px 10px;
		text-decoration:none;
		color:white;
		font-size:1.3em;
		font-weight:normal;
		font-family:Georgia, 'Book Antiqua', serif;
		letter-spacing:-0.05em;
	}

	div#navigation a:hover {
		background:none;
		text-decoration:underline;
	}




/**********************************
Layout: behållare för allt innehåll
**********************************/

	div#content {
		width:935px; /* #sidebar och #main positioneras absolut i förhållande till #main. */
		overflow:visible;
	}




/*************************************
Layout: sidebar (panelen till vänster)
*************************************/

	div#sidebar {
		float:left;
		width:202px;
		padding:15px;
		min-height:500px;
	}

	div#sidebar p {
		font-size:0.858em; /* 12px */
		line-height:1.75em; /* 21px */
		margin:1.75em 0;
	}

	/* Centrera rubriker */
	div#sidebar h1,
	div#sidebar h2,
	div#sidebar h3 {
		text-align:center;
	}


/*********************************************
Layout: behållare för huvudinnehåll till höger
*********************************************/

	div#main {
		float:right;
		width:670px;
		padding:15px;
		min-height:500px;
	}


/****************************
Layout: En lista i sidebaren
****************************/

	div#sidebar ul {
		padding:1.5em;
	}

	div#sidebar li {
		margin-left:1em;
	}







/*********
Startsidan
*********/

	
	



/******************************************
Nyheter: bläddra bland nyheter + startsidan
******************************************/

	html#nyheterController h1 {
		text-align:center;
	}

	html#nyheterController div.post {
		width:80%;
		margin:0 auto;
	}

	html#nyheterController body#indexAction div.post h2.title,
	html#indexController div#news div.post h2.title {
		text-align:center;
	}

	html#nyheterController body#indexAction div.post.preamble div.content,
	html#indexController div#news div.post.preamble div.content {
		background-color:#eaf5fb;
		padding:1.5em;
	}

	html#nyheterController body#indexAction div.post.preamble:hover div.content,
	html#indexController div#news div.post.preamble:hover div.content {
		background-color:#d0e9f9;
	}

	html#nyheterController body#indexAction div.post p.readMore,
	html#indexController div#news div.post p.readMore {
		text-align:right;
		margin:0;
	}

	html#indexController div#news {
		clear:both;
		border-top:2px solid #cccccc;
		margin-top:1.5em;
	}


/***********************************
Nya produkter och recept i sidebaren
***********************************/

	html#nyheterController div#sidebar p.image,
	html#indexController div#sidebar p.image {
		margin-bottom:0;
		text-align:center;
	}
	
	html#nyheterController div#sidebar div#newsletter,
	html#nyheterController div#sidebar div.product,
	html#nyheterController div#sidebar div.recipe,
	html#indexController div#sidebar div.product,
	html#indexController div#sidebar div.recipe {
		margin:1.5em 0;
		border-bottom:2px solid #4b7ac1;
	}

	html#nyheterController div#sidebar div#newsletter input.text {
		width:150px;
	}

/***********************
NYHETER: Enskild artikel
***********************/

	html#nyheterController body#artikelAction p#moreNews,
	html#indexController div#news p#moreNews {
		text-align:center;
	}




/***********************************
Bläddring bland recept och produkter
***********************************/

	html#produkterController div#sidebar h2,
	html#receptController div#sidebar h2 {
		text-align:center;
	}

	html#produkterController div#products,
	html#receptController div#recipes {
		clear:both;
	}

	html#produkterController div#products h3,
	html#produkterController div#products p,
	html#receptController div#recipes h3,
	html#receptController div#recipes p {
		margin:0;
	}

	html#produkterController div#products table,
	html#receptController div#recipes table {
		border-collapse:collapse;
	}

	html#produkterController div#products table td,
	html#receptController div#recipes table td {
		padding:1.5em 0.5em;
		border:solid #cccccc;
		border-width:2px 0;
		vertical-align:middle;
	}

	html#produkterController div#products table td.image,
	html#receptController div#recipes table td.image {
		width:125px;
		text-align:center;
	}




/***************
Kontakt-formulär
***************/

	html#kontaktController div#main {
		/*width:750px;*/
		padding:0;
	}

	html#kontaktController div#intro {
		padding:25px;
	}

	html#kontaktController div#email {
		padding:1.5em;
		background-color:#f4f4f4;
		border:solid #cccccc;
		border-width:2px 0;
		margin-bottom:1.5em;
	}

	html#kontaktController textarea {
		width:40em;
	}

	html#kontaktController div#email dt {
		margin:.5em 0;
	}



/**********
Kalendarium
**********/

	html#kalendariumController h1,
	html#kalendariumController h2 {
		text-align:center;
	}

	html#kalendariumController div#intro {
		width:80%;
		margin:1.5em auto;
	}

	html#kalendariumController div.pagination {
		width:80%;
		margin:1.5em auto;
		padding:0;
		background:none;
		border:none;
	}

	html#kalendariumController div.pagination h2 {
		margin:0;
	}

	html#kalendariumController table#calendar {
		width:80%;
		margin:0 auto;
		border-collapse:collapse;
	}

	html#kalendariumController table#calendar td,
	html#kalendariumController table#calendar th {
		border:solid #cccccc;
		border-width:2px 0 2px 0;
		vertical-align:top;
		padding:0.5em 0 0.5em 0;
	}

	html#kalendariumController table#calendar th {
		width:10%;
		font-size:1.5em;
		font-family:Georgia,'Times New Roman', serif;
		color:#840300;
		text-align:center;
	}

	html#kalendariumController table#calendar td {
		width:90%;
	}

	html#kalendariumController table#calendar p.empty {
		margin:0; padding:0; color:#cccccc;
	}

	html#kalendariumController div#main dl {
		padding:0;
		margin:0;
	}

	html#kalendariumController div#main dd.target.off {
		display:none;
	}

	html#kalendariumController div#main dd.target.on {
		display:block;
		padding:0.5em;
		border:2px solid #cccccc;
		margin-bottom:0.5em;
	}

	html#kalendariumController div#main a.trigger {
		display:block;
		padding:0.25em;
		margin-bottom:0.5em;
		color:black;
	}

	html#kalendariumController div#main a.trigger:hover {
		background-color:#cccccc;
		color:black;
		text-decoration:underline;
	}

	html#kalendariumController div#main a.trigger.on {
		display:block;
		background-color:#cccccc;
		margin-bottom:0;
		color:black;
	}
	html#kalendariumController div#main a.trigger.off {
		display:block;
	}