/* @override 
	http://havremagasinet.dev/wordpress/wp-content/themes/havretema/style.css
	http://havremagasinet.se/wp-content/themes/havretema/style.css
*/

/*
Theme Name: Havre Tema
Theme URI: http://cascom.se
Description: Havremagasinet tema
Version: 1.0
Author: Kasper Lahti
Author URI: http://cascom.se
Tags: template
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/960.css";
@import "style/css/layout.css";

@font-face {
  font-family: 'Tratex Reg';
  src: url('style/fonts/tratex-mag.eot');
  src: local('Tratex Reg Bold'), local('Tratex Reg'), url('style/fonts/tratex-mag.otf') format('opentype');
}

body {
	font-family: "Tratex Reg", Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: #ffc721;
	background-color: #000;
	font-size: 24px;
	line-height: 28px;
}

body.home h1, body.home h2, body.home a {
	color: #000;
}

body.home .widget {
	border-color: #000;
}

body.home hr {
	background-color: #000;
}

/* @group Full-page */

img.size-full, img.size-large {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.size-full {
		left: 50%;
		margin-left: -512px; }
}

/* @end */

/* @group Typography */

p {
	text-align: left;
	text-transform: none;
	font: 18px/24px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: #000;
}
span.two {
	vertical-align: super;
	display: inline-block;
	margin-top: -28px;
}

/* @end */

/* @group Logo */

#header {
	position: fixed;
	bottom: 10px;
	left: 25px;
	z-index: 205;
	text-transform: uppercase;
	letter-spacing: 4px;
	text-align: center;
}

#header h1 a {
	color: #ffc721;
	display: block;
	padding: 32px 21px 32px 24px;
}

.home #header h1 a, #header h1 a:hover {
	background-color: #ffc721;
	padding: 10px 6px 10px 9px;
	border: 15px solid #c00;
	border-top-width: 22px;
	border-bottom-width: 22px;
	color: #000;
}

/* @end */

/* @group Menu */

/* @group Lang */

body #menu #qtranslate-3 {
	float: left;
	font-size: 12px;
	position: fixed;
	top: 0px;
	right: 10px;
	text-align: center;
	z-index: 210;
	background-color: transparent;
}

#qtranslate-3 .active {
	color: #c00;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}

#qtranslate-3 a:hover {
	color: #c00;
}

/* @end */

#menu .widget {
	color: #ffc721;
}

body #menu .widget:hover {
	background-color: rgba(255,198,31,0.9);
	color: #000;
	padding-top: 4px;
	padding-bottom: 4px;
	border-color: #ffc721;
}

img.alignnone.size-fuldl.wp-image-269 {
	margin-left: 90px;
}

#menu #pages-3 {
	z-index: 200;
	position: fixed;
	width: 70%;
	left: 50%;
	margin-left: -25%;
	padding: 20px 14px 40px;
	font-size: 14px;
	letter-spacing: 4px;
	text-align: center;
	text-transform: uppercase;
	bottom: 0;
	border-width: 4px;
	border-style: hidden;
	border-top-style: solid;
}

#menu #pages-3 .page-item-5, #menu #pages-3 .page-item-27, #menu #pages-3 .page-item-29 {
	display: none;
}

#menu #pages-4 {
	z-index: 200;
	position: fixed;
	width: 80%;
	left: 50%;
	margin-left: -40%;
	margin-bottom: 16px;
	font-size: 15px;
	letter-spacing: 4px;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	border-width: 4px;
	border-style: hidden;
	border-bottom-style: solid;
	padding: 20px 0;
}

#menu #pages-4 .page-item-268, #menu #pages-4 .page-item-2, #menu #pages-4 .page-item-32, #menu #pages-4 .page-item-202, #menu #pages-4 .page-item-94, #menu #pages-4 .page-item-13 {
	display: none;
}

#menu .widgettitle {
	display: inline;
}

/* Hide Front Page */

#menu .widget_pages {
}

#menu .widget_pages ul {
	display: inline;
}

#menu .page_item.page-item-10 {
	display: none;
}

#menu .page_item {
	display: inline-block;
}

#menu .current_page_item {
	border: 10px solid #c00;
	border-top-width: 14px;
	border-bottom-width: 14px;
	background-color: #ffc721;
	margin: -14px -10px;
	color: #000;
}

#menu .page_item a {
	margin: 0;
	padding: 0 5px;
	display: inline-block;
}

/*#menu .page_item a {
	display: inline-block;
	margin-bottom: 15px;
	margin-top: 15px;
}

#menu li.page_item a:hover, #menu li.current_page_item>a, #menus li.current_page_parent>a {
	color: #000;
	border: 15px solid #c00;
	background-color: #ffc721;
	border-top-width: 22px;
	border-bottom-width: 22px;
	padding: 10px 5px;
	display: inline-block;
	margin: -17px -20px;
} */

#menu li.page_item a:hover {
	color: #c00;
}

/* Hide Children */

#menu .page_item ul {
	display: none;
}

#menu .page_item.current_page_parent ul {
	display: block;
	position: absolute;
	bottom: 120px;
	left: -270px;
	width: 220px;
	font-size: 16px;
	line-height: 19px;
}

#menu .page_item.current_page_parent ul li {
	color: #ffc721;
	width: 180px;
	margin-left: 20px;
}

#menu .page_item.current_page_parent ul li.current_page_item {
	color: #000;
	margin: 10px -15px;
}

/* @end */

/* @group Article */

.post {
	color: #ffc721;
	position: relative;
	width: 62%;
	margin: 175px auto 250px;
	display: table;
	z-index: 100;
	text-transform: uppercase;
	letter-spacing: 4px;
	text-align: center;
}

.post h2 {
	font-size: 48px;
	line-height: 48px;
}

.post h2+hr {
	height: 8px;
}

.post h3 {
	margin-bottom: 20px;
}

#post-10 {
	font-size: 48px;
	line-height: 54px;
}

#post-10 hr {
	height: 8px;
}

#post-10 h3 {
	font-size: 30px;
}

#post-268 p {
	background-color: transparent;
	color: #ffc721;
}

article.plate {
	color: #000;
	background-color: #ffc721;
	border: 15px solid #c00;
	border-top-width: 22px;
	border-bottom-width: 22px;
}

.post hr {
	background-color: #ffc721;
	width: 40%;
	height: 4px;
	border-style: none;
	text-align: center;
	margin: 25px auto;
}

#post-32 {
	background-color: #fff;
	padding: 10px;
	color: #000;
}

#post-32 li {
	width: 400px;
	border-bottom-style: none;
	border-top-style: none;
}

#post-32 p {
	background-color: #fff;
}

#post-32 hr {
	color: #000;
}

#post-364 li {
	font-size: 16px;
}

#post-364 p {
	background-color: transparent;
	color: #ffc721;
	width: 50%;
	margin-left: 25%;
}

.page article h2, article h2+hr {
	display: none;
}

#post-13 h3 {
	margin-top: 100px;
}

.post p {
	color: #000;
	background-color: #ffc721;
	background-color: rgba(255,198,31,0.9);
	padding: 10px;
}

.post .pagination {
	z-index: 100;
	position: relative;
	margin-top: 60px;
}

.page .post p {
	cursor: pointer;
}

.post p a {
	color: #c00;
}

.post ul {
	text-align: center;
	z-index: 100;
	position: relative;
}

.post ul li {
	border-top-style: solid;
	border-top-width: 4px;
	width: 40%;
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
	letter-spacing: 4px;
	display: block;
	margin-right: auto;
	margin-top: 15px;
	margin-left: auto;
	padding-top: 15px;
}

.post ul li:first-child {
	border-top-style: none;
}

.post ul li a {
	width: 200%;
	display: block;
	margin-left: -50%;
}

.post ul li p {
	width: 150%;
	display: block;
	margin-left: -25%;
	background-color: transparent;
	color: #ffc721;
	font: 20px "Tratex Reg";
}

/* @group Byline */

.post h5 {
	font: 9px "Tratex Reg";
	text-indent: 0;
	text-transform: none;
	position: absolute;
	top: -170px;
	width: 560px;
	text-align: left;
	left: -30%;
	z-index: 210;
}

.post h6 {
	font: 9px "Tratex Reg";
	text-indent: 0;
	text-transform: none;
	position: absolute;
	top: -170px;
	width: 360px;
	text-align: right;
	padding-left: 200px;
	right: -30%;
	z-index: 210;
}

/* @end */

/* @end */

.kilenlogo {
	position: fixed;
	z-index: 5;
	bottom: 10px;
	right: 20px;
}