/*
Theme Name: Kafferosteriet på Österlen
Version: 1.0
Author: Valdoo
Author URI: http://www.valdoo.se/
*/

* {
	margin: 0;
	padding: 0;
	}

a {
	color: #ffffff;
	}

body {
	background: #000000;
	color: #ffffff;
	font: normal 11px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	}

img {
	border: 0;
	display: block;
	}

table {
	border-collapse: collapse;
	}

.wide {
	overflow: hidden;
	width: 1080px;
	}

#wrapper {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	}

	#topbar {
		background: url('images/bg-topbar-50x102.png') 8px center repeat-x;
		height: 118px;
		margin: 40px 0;
		padding: 0 50px;
		}
		#topbar .logo {
			float: left;
			}
		#topbar .menu {
			float: left;
			list-style: none;
			margin: 8px 0 0 25px;
			}
			#topbar .menu li {
				float: left;
				}
				#topbar .menu li a {
					color: #ffffff;
					display: block;
					font-size: 12px;
					line-height: 102px;
					padding: 0 15px;
					text-decoration: none;
					text-transform: uppercase;
					}
					#topbar .menu li a:hover {
						text-decoration: underline;
						}
		#topbar .latest {
			background: url('images/bg-black-50x50.png');
			float: right;
			height: 88px;
			margin: 15px 0 0 0;
			width: 345px;
			}
			#topbar .latest h3 {
				font: italic normal 13px Georgia, serif;
				margin: 15px 25px 4px;
				}
			#topbar .latest p {
				font-size: 0.9em;
				margin: 4px 25px 10px;
				}
			#topbar .latest a {
				color: #ffffff;
				text-decoration: none;
				}
		#topbar .languages {
			float: right;
			margin: 15px 0 0 10px;
			}

	#main {
		margin: 40px 0 0;
		padding: 0 50px;
		}
		#main .picture {
			float: left;
			width: 345px;
			}
		#main .sidebar {
			background: url('images/bg-black-50x50.png');
			float: left;
			min-height: 445px;
			width: 345px;
			}
			#main .sidebar h2 {
				font-family: Arial;
				font-size: 14px;
				font-weight:  normal;
				margin: 30px 45px 10px;
				text-transform: uppercase;
				}
			#main .sidebar form,
			#main .sidebar ul {
				margin: 0 45px 30px;
				}
		#main .content {
			float: left;
			margin-left: 15px;
			width: 525px;
			}
			#main .content .primary {
				background: url('images/bg-black-50x50.png');
				margin-bottom: 15px;
				min-height: 445px;
				overflow: hidden;
				}
				#main .content .primary h1,
				#main .content .hentry h2 {
					font-family: Arial;
					font-size: 18px;
					font-weight:  normal;
					margin: 35px 45px 10px;
					text-transform: uppercase;
					}
					#main .content .primary h1 span {
						font-size: 12px;
						text-transform: none;
						}
				#main .content .hentry h2 a {
					text-decoration: none;
					}
				#main .content .primary p,
				#main .content .primary table,
				#main .content .primary .gallery {
					line-height: 18px;
					margin: 0 45px 10px;
					}
					#main .content .primary .gallery .gallery-caption {
						padding-right: 20px;
						}
			#main .content .navigation {
				background: url('images/bg-black-50x50.png');
				overflow: hidden;
				margin-bottom: 15px;
				padding: 10px 45px;
				}
				#main .content .navigation .alignright {
					float: right;
					}
			#main .content .campaign {
				margin-top: 15px;
				}
		#main .ruler {
			float: left;
			margin-left: 15px;
			width: 50px;
			}

.page-template-page-start-php #main .content .primary {
	min-height: 280px;
	}
.page-id-13 #main .content,
.page-id-14 #main .content,
.page-id-15 #main .content,
.page-id-40 #main .content {
	width: 590px;
	}

.page-template-page-store-php #main .content table td {
	padding: 10px;
	}
.page-template-page-store-php #main .content table tr.product td {
	background: url('images/bg-black-50x50.png');
	}
	.page-template-page-store-php #main .content table tr.product td img {
		border: 2px solid #cfcfcf;
		}
.page-template-page-store-php #main .content table tr.space td {
	height: 10px;
	}

.page-template-page-order-php #main .content table.summary {
	background: url('images/bg-black-50x50.png');
	}
	.page-template-page-order-php #main .content table.summary th {
		padding: 10px 10px 5px;
		}
	.page-template-page-order-php #main .content table.summary td {
		padding: 2px 10px;
		}
	.page-template-page-order-php #main .content table.summary tr.freight td{
		padding: 10px 10px 2px;
		}
	.page-template-page-order-php #main .content table.summary tr.total td{
		padding: 2px 10px 10px;
		}

.page-template-page-order-php #main .content p.error {
	color: #c80000;
	text-align: center;
	}

.page-template-page-order-php #main .content table.form {
	}
	.page-template-page-order-php #main .content table.form th,
	.page-template-page-order-php #main .content table.form td {
		padding: 10px;
		}
	.page-template-page-order-php #main .content table.form tr.field th {
		background: url('images/bg-black-50x50.png');
		text-align: right;
		}
	.page-template-page-order-php #main .content table.form tr.field td {
		background: url('images/bg-black-50x50.png');
		}
	.page-template-page-order-php #popup_legal {
		color: #000000;
		font-size: 12px;
		width: 650px;
		}
		.page-template-page-order-php #popup_legal p {
			margin: 10px 0;
			}

.page-template-page-contact-php #map_container {
	border: 2px solid #cfcfcf;
	margin: 10px 45px;
	}
	.page-template-page-contact-php #map_canvas {
		height: 200px;
		width: 431px;
		}

	#footer {
		background: url('images/bg-black-50x50.png');
		font-size: 0.9em;
		line-height: 50px;
		margin: 25px 0 40px;
		padding: 0 50px;
		}
		#footer span {
			margin-left: 10px;
			}

#background {
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	z-index: 0;
	}