/* ------ NOTES ---------------------------------------------------------------

Master Screen Style for Lindesbergs Bilskadecenter, www.lindebilskadecenter.se.

--------- UPDATE INFO ---------------------------------------------------------

Last updated: October 8 2008
Last update made by: Jimmy Nordlund (jimmy@digitalvenues.se)

--------- CONTENTS ------------------------------------------------------------

1: BODY AND UNIVERSAL RESET
2: NAVIGATION
	a) Main navigation
	b) Sub navigation
	c) Footer navigation
3: PAGE STRUCTURE
	a) Main containers
	b) Header
	c) Home page
	d) Recipe related pages
	e) User pages
	f) Right column
	g) Footer
	h) Misc
4: FORMS
5: GLOBALS
	a) Links
	b) Typography
	c) Images
	d) Lists
6: MISC
	
---------------------------------------------------------------------------- */




/* 1: BODY AND UNIVERSAL RESET
============================================================================ */

body {
	margin: 0;
	padding: 0;
	background: #eaeaea;
	color: #333;
	font: 14px/160% 'Helvetica Neue', Arial, Verdana, 'Bitstream Vera Sans', sans-serif;
	text-align: center;
	}

/* Reset margin and padding for all elements */

* {margin: 0; padding: 0;}


/* 3: PAGE STRUCTURE
============================================================================ */

/* a) Main containers */

#container {float: left; width: 100%;}

.wrapper {width: 760px; margin: 0 auto; padding: 0; text-align: left;}

#content {
	float: left;
	width: 100%;
	padding: 0 0 20px;
	background: url(../img/bg-content.gif) top left repeat-x;
	}

/* b) Header */

#header {
	float: left;
	width: 100%;
	background: #222 url(../img/bg-header.gif) top left repeat;
	}
#header #bg-light {
	float: left;
	width: 760px;
	background: url(../img/bg-spotlight.png);
	}
#header .pics {
	float: right;
	width: 246px;
	height: 217px;
	margin: 40px 20px 0 0;
	padding: 29px 24px 0 23px;
	background: url(../img/bg-photos-top.png);
	} 
#header .pics img {
	width:  246px; 
	height: 217px;
	padding: 29px 25px 0 25px;
	} 
#header #welcome {
	display: inline;
	float: left;
	width: 370px;
	margin: 30px 0 0 20px;
	color: #fff;
	font-size: 19px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
	font-weight: 300;
	line-height: 160%;
	text-shadow: 0 2px 2px #000;
	}

#logo {
	display: inline;
	float: left;
	width: 371px;
	margin: 40px 0 0 20px;
	color: #fff;
	}
#logo span {
	display: block;
	width: 371px;
	height: 81px;
	border: none;
	}
#logo span {background: url(../img/logo.png);}
#logo img  {display: block; width: 0; border: none;}


/* c) Home page */
	
#page {background: url(../img/bg-left-col.gif) 160px 0 no-repeat;}

#main {
	display: inline;
	float: left;
	width: 380px;
	margin: 0 40px 0 25px;
	padding: 40px 0 0;
	}
#main img {float: left; margin: 20px 0;}

#sidebar {
	display: inline;
	float: right;
	width: 290px;
	padding: 90px 0 0;
	margin-right: 25px;
	background: url(../img/bg-photos-bottom.png) top left no-repeat;
	font-size: 12px;
	color: #555;
	}

table {width: 290px; border-collapse: collapse;}
table tr td {padding: 2px 0; border-bottom: 1px solid #ccc;}
table td.nr {text-align: right;}
table span {font-family: Georgia,'Times New Roman', serif; font-size: 14px;}

#open-hours {
	font-family: Georgia,'Times New Roman', serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 140%;
	font-size: 14px;
	}
#open-hours p {margin: 0;}
#open-hours i, #open-hours span {
	color: #888;
	text-transform: none;
	font-style: italic;
	font-size: 11px;
	letter-spacing: normal;
	}
#open-hours span {
	font-style: normal;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	}

#map {margin-bottom: 10px; border: 4px solid #ccc;}
#map a {color: #dc7b07 !important; border: none !important;}

#staff {width: 710px; margin: 0 25px; clear: both;}
#staff div {
	display: inline;
	float: left;
	width: 155px;
	margin: 5px 30px 0 0;
	text-align: center;
	font-size: 13px;
	line-height: 140%;
	}
#staff img {padding-bottom: 5px;}
#staff .last {margin-right: 0 !important;}
#staff .three {display: inline; margin-left: 92px;}
#staff .two {display: inline; margin-left: 185px;}
#staff .title {
	display: block;
	color: #777;
	font-size: 12px;
	font-family: Georgia,'Times New Roman', serif;
	font-style: italic;
	}

/* h) Footer */

#footer {
	float: left;
	width: 100%;
	padding: 0 0 30px;
	color: #86827f;
	font-size: 11px;
	}
#footer .hr {margin: 10px 25px;}
#footer p.left {display: inline; float: left; margin-left: 25px;}
#footer p.right {display: inline; float: right; margin-right: 25px;}


/* 5: GLOBALS
============================================================================ */

/* a) Links */

a:link, a:visited {
	color: #dc7b07;
	text-decoration: none;
	}
a:hover {border-bottom: 1px solid #e8850f;}
a.img {border: none; background: none;}

/* b) Typography */

h2 {
	margin: 0 0 0.5em;
	color: #222;
	font-size: 24px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
	font-weight: 300;
	}

h3 {
	margin: 2em 0 0.5em;
	color: #222;
	font: normal 16px 'Helvetica Neue', Arial, sans-serif;
	}
h3#open {
	height: 98px;
	margin: 0 0 10px 50px;
	text-indent: -9999px;
	background: url(../img/open.gif) no-repeat;
	}	

p {margin: 0 0 1em;}
p.left {float: left;}
p.right {float: right;}

.new {
	color: #c00;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.1em;
	}

.more-link {
	padding-left: 22px;
	background: url(../img/icon-plus16.gif) no-repeat 0 1px;
	}

.download {
	margin: 1.5em 0 2em;
	padding-left: 22px;
	color: #848484;
	background: url(../img/icon-arrowdown16.gif) no-repeat 0 1px;
	}
	
em.highlight {background: #fcffe2; font-style: normal;}

blockquote {
	background: url(../img/quote.gif) no-repeat;
	margin: 20px 0;
	color: #666;
	font-style: italic;
	font-size: 13px;
	font-family: Georgia, 'Times New Roman', serif; 
	}	
blockquote div.quote-in {
	padding: 0 40px;
	background: url(../img/quote.gif) bottom right no-repeat;
	}
blockquote p {margin: 5px 0;}

ul {padding: 0 0 1em; list-style: square inside;}

/* c) Images */

img {border: none;}
img.border {
	float: left;
	margin: 0 0 30px;
	padding: 3px;
	border: 1px solid #c0beb1;
	background: #fff;
	}
img.float-right, img.float-left {
	float: right;
	margin: 0 0 20px 20px;
	padding: 3px;
	border: 1px solid #c0beb1;
	background: #fff;
	}
img.float-left {float: left; margin: 0 20px 20px 0;}

/* d) Lists */

ul {list-style: square inside; margin-bottom: 1em;}

/* 6: MISC
============================================================================ */

/* Horisontal ruler */

hr {display: none;}
.hr {
	height: 1px;
	margin: 10px 0;
	border-top: 1px solid #ccc;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}

/* Clear floats */

.clear {clear: both;}

.clearall {
	display: block;
	clear: both;
	height: 1px;
	margin: 0;
	font-size: 1px;
	line-height: 1px;
	}
	
html {height: 100%; margin-bottom: 1px;}