/*   
Theme Name: Lira 2.0
Theme URI: http://lira.se
Description: Originally developed by Tigerton. Improved and chizzled into responsiveness for THE FUTURE (*play Also Sprach Zarathustra here*) by swedish boy prod.
Author: swedish boy, Tigerton 
Author URI: http://www.swedishboy.se
Org Author URI: http://tigerton.se
Version: 2.0
*/

/*
	Great thanks to:
	
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
	Special thanks: The Wordpress theme owes its start to an empty theme authored 
		by Chris Coyier & Jeff Starr: http://digwp.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
iframe,
embed,
.issuuembed { max-width: 100%; }

.issuuembed { width: 100%; }

img { height: auto; }

html {
	/* force a vertical scrollbar to prevent a jumpy page */
	overflow-y: scroll;

	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%; 
}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

a[href $='.pdf'] { 
   padding-left: 20px;
   background: transparent url(images/pdf.png) no-repeat center left;
}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select { 
	vertical-align: middle; 
	outline: none;
	/*-webkit-appearance: ?? */
}

input[type='text'],
textarea,
select {
	font-size: 12px;
}


pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] { 
	vertical-align: bottom; 
	vertical-align: baseline;
}


table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */


.clearfix:after,
.clear:after {
  content: " ";
  display: table;
  clear: both;
  visibility: hidden;
}



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

body {font: 15px Lato, sans-serif; background:#eeeeee; background-image: url('images/handmadepaper.png');}
body, select, input, textarea {color: #333;}

a {color: #9C160B;}
a:hover {color: #9C160B;}
.boxlink	{
	background: #9C160B;
	color: #ffffff;
	padding: 2px 6px;
	margin: 3px 3px 0 0;
	font-size: 0.8em;
	text-decoration: none;
}
.boxlink:hover	{
	color: #ffffff;
}

.oicon {
	font-family: "Icons";
}

h1	{
	font-family: Bitter, 'serif';
	font-size: 30px;
	line-height: 110%;
	margin-bottom: 15px;
}

h2	{
	font-family: Bitter, 'serif';
	font-size: 18px;
	font-weight: normal;
}

h3	{
	font-family: Bitter, 'serif';
	font-size: 16px;
	font-weight: 700;
}

.handwriting	{
	font-family: 'Frente regular', sans-serif;
}

.royalSlider	{
	margin: 0 0 20px 0;
}

.royalSlider .royalHtmlContent	{
	margin-top: 20px;
	padding: 8px 12px;
	background: #9C160B;
	color: #ffffff;
	font-size: 1.2em;
	font-family: Bitter,'serif';
}


/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

#pattern	{
	position: fixed;
	width: 65px;
	left: -30px;
	top: 0;
	bottom: 0;
	background-image: url(images/monster.png);
	background-repeat: no-repeat;
	z-index: 999 !important;
}

#sidePanel{
    width: 345px;
    position: fixed;
    display: none; /* side panel should be removed */
    left: -302px;
    top: 180px;
    z-index: 999 !important;
}

#panelHandle{
    background-image: -webkit-linear-gradient(top,#333,#222);
    background-image: -moz-linear-gradient(center top , #333333, #222222);
    background-image: -o-linear-gradient(center top , #333333, #222222);
    background-image: -ms-linear-gradient(center top , #333333, #222222);
    background-image: linear-gradient(center top , #333333, #222222);

    height: 140px;
    width: 40px;
    border-radius: 0 5px 5px 0;
    float: left;
    cursor: pointer;
}
#panelContent{
    float: left;
    border: 1px solid #333333;
    width: 300px;
    height: 500px;
    background-color: #333333;
}

#panelHandle p {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    color: #FFFFFF;
    font: 22px Bitter, serif;
    left: 0px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 26px;
}


/* main wraps and content areas */

.inner-wrap,
#page-wrap {
	position: relative;
	margin: 0 auto;
}

.contain {
	width: 100%;
	max-width: 100%;
}


/* header */

header	{
	position: relative;
	margin: 0;
	background: #111111;
	background-position: bottom left;
	color: #ffffff;
}


header #logo	{
	margin: 10px 0 4px 8px;
	float: left;
}

header #logo img {
	height: 50px;
	width: auto;
}

header #search	{
	display: none;
}

.search-results header #search {
	display: block;
}

header .nyhetsbrev-header	{
	position: absolute;
	top: 13px;
	display: none;
	left: 380px;
	width: 400px;
}

header .nyhetsbrev-header	 h2 {
	margin: 0 16px 0 0;
	float: left;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Frente regular', sans-serif;
}

header .newsletter input[type="email"] {
	margin: 1px 0 0 0;
    background: none;
	border-left: none;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #ffffff;
	font: 13px Bitter, serif;
	color: #ffffff;
	float: left;
}

header .newsletter input[type="submit"] {
	margin-top: 1px;
   background: none;
	border: none;
	color: #ffffff;
	text-transform: uppercase;
	font: 13px Bitter, serif;
	float: left;
}

#search input {
	box-sizing: border-box;
}
#search input[type="text"]	{
	background: white;
	border: 0 none;
	border-radius: 0;
	display: inline-block;
	width: 85%;
	padding: 12px;
	font: 15px Bitter, serif;
	color: #000;
}

#search input[type="submit"]	{
	background: none;
	border: 0 none;
	border-radius: 0;
	width: 15%;
	padding: 0;
	margin: 0;
	display: inline-block;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	font: 15px Bitter, serif;
}


/* navigation */

header .nav-icons {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 70px;
	height: 35px;
	color: white;
}

.search-icon {
	font-size: 20px;
	position: absolute;
	right: 35px;
	top: 0;
	padding: 5px;
}
.menu-icon {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 33px;
}

.menu-icon div {
	background: #fff;
	width: 20px;
	height: 2px;
	margin: 0;
	position: absolute;
	left: 5px;
	transition: all ease-in 0.6s;
	-webkit-transition: all ease-in 0.5s;

}
.menu-icon .a {
	top: 10px;
}
.menu-icon .b {
	top: 20px;	
}
.menu-toggled-on .a {
	top: 15px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.menu-toggled-on .b {
	top: 15px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

header nav	{
	font-family: Bitter, 'serif';
	width: 100%;
	float: none;
	clear: both;
	border-top: 1px solid #444;
}

#menu-toppmeny	{
	list-style: none;
	display: none;
	width: 100%;
}

#menu-toppmeny li	{
	display: block;
	font-size: 14px;
	padding: 14px;
	text-transform: uppercase;
}

#menu-toppmeny li+li {
	border-top: 1px solid #444;
}


#menu-toppmeny li a	{
	color: #fff;
	text-decoration: none;
}

#banner {
	display: none;
}

#section-header {
	display: none;
}

#section-header h5	{
	margin: 0;
	padding: 0 0 34px 0;
	color: #999999;
	text-transform: uppercase;
	font-size: 14px;
	background-image: url('images/section_arrow.png');
	background-repeat: no-repeat;
	background-position: 2% 86%;
}

#section-header .section-header-meta	{
	float: right;
	font-size: 1.0em;
	color: #999999;
}

.wrap {
	padding: 0 12px;
}



/* Sektioner */

#page-wrap {
	margin-bottom: 2em;
/*	font-weight: 400; 
	z-index: 2; 
	min-height: 400px;*/
}

#page-wrap p	{
	margin: 0 0 1em 0;
	line-height: 150%;
}


.gform_wrapper	{
	background: #ffffff;
	padding: 20px;
	border: 1px solid #dddddd;
}

.gfield {
	margin: 0.5em 0;
}
.gfield_description {
	font-size: 12px;
	margin: 1em 0;
}
.gform_wrapper input[type='text'],
.gform_wrapper textarea,
.gform_wrapper select {
	width: 99%;
	margin: 3px 0;
}
.validation_error {
	color: red;
	font-weight: bold;
	margin: 1em 0;
}
.validation_message {
	background: #b00;
	color: white;
	padding: 5px;
	margin: 0 0 5px 0;
}

form label {
	font-size: 12px;
	color: #555;
	margin: 5px 0;
}


h2.section-title,
#sidebar h2	{
	padding: 7px 0;
	margin: 5px 0 0 0;
	color: #999999;
	text-transform: uppercase;
	font-size: 14px;
}

h2.section-title a	{
	color: #999999;
	text-decoration: none;
}

/* Startsidan, blogfeed */

.blogentry	{
	line-height: 150%;
	padding: 10px 0;
}

.blogentry+.blogentry,
.hidden-ad+.blogentry {
	padding: 15px 0 10px 0;
	margin-top: 5px;
	border-top: 1px solid #ddd;
}
.blogentry img, #reviewheader img	{
	-webkit-box-shadow:  0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    margin: 0 0 10px 0;
    max-width: 100%;
    height: auto;
}

.blogentry h3 a	{
	color: #333333;
	text-decoration: none;
	font-size: 1.6em;
	line-height: 120%;
}

.blogentry .meta	{
	float: left;
	width: 100%;
	color: #999999;
	font-size: 0.8em;
	margin: 0;
}

.blogentry .meta .date, article .meta .date	{
	line-height: 100%;
	float: left;
	font-family: Bitter, 'serif';
	padding: 3px 6px 4px;
	margin: 8px 12px 4px 0;
	background: #999999;
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.blogentry .meta .category, article .meta .category	{
	line-height: 100%;
	float: left;
	font-family: Bitter, 'serif';
	padding: 3px 6px 4px;
	margin: 8px 12px 4px 0;
	background: #cccccc;
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.blogentry .meta .commentsnr, article .meta .commentsnr	{
	line-height: 100%;
	float: left;
	font-family: Bitter, 'serif';
	padding: 3px 6px 4px;
	margin: 8px 12px 4px 0;
	background: #9C160B;
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


.blogentry .meta .category a, article .meta .category a	{
	color: #ffffff;
	text-decoration: none;
}

.page-section,
.main-section,
.wide-section {
	float: left;
	width: 100%;
	clear: both;
}
.page-section article {
	margin-top: 10px;
}

article .meta .category, article .meta .date	{
	margin: 0px 12px 4px 0;
}

.blogentry p	{
	margin: 0 0 10px 0;
}

.blogentry .readmore	{
	margin: 10px 0 0 0;
	font-size: 10px
}

.currentissue {
	clear: both;
	float: left;
	margin: 10px 0 20px 0;
	width: 100%;
}

.right-column {
	float: left;
	margin-bottom: 10px;
}

/* Lista med skivrecensioner */

.recordlist {
	list-style: none;
	padding: 0;
	margin: 0;
}
.recordreview	{
	line-height: 150%;
	padding: 10px 0 20px 0;
	margin: 0;
	font-size: 0.8em;
}

.recordreview+.recordreview {
	padding: 20px 0;
	border-top: 1px solid #ddd;
}

.recordreview h3	{
	font-size: 1.1em;
}

.recordreview a		{
	color: #333;
	text-decoration: none;
}

.recordreview img	{
	float: left;
	width: 60px;
	margin: 0 14px 0 0;
}

/* Skivrecensioner startsida */

#options	{
	margin: 20px 0 20px 0;
}

#filters li	{
	float: left;
	margin: 0 10px 10px 0;
}

#filters li a,
.navigation a,
a.order-this	{
	font-family: Bitter, 'serif';
	padding: 3px 6px 2px 5px;
	margin: 0;
	background: #9C160B;
	color: #ffffff !important;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}



/* isotope lists */

.lira-lista {
	list-style: none;
	margin: 0;
	padding: 0;
}

.lira-lista li	{
	float: left;
	width: 48%;
	margin: 10px 2% 20px 0;
	height: 240px;
	font-size: 0.8em;
	position: relative;
}

#issues li.number	{
	height: 410px;
}

#issue_order .section-title {
	display: none;
}

.lira-lista h3 {
	font-size: 14px;
}

.lira-lista li a {
	color: #333;
	text-decoration: none;
}

#skivor li a	{
	display: block;
	padding-bottom: 10px;
}


.lira-lista img {
	width: 100%;
	max-width: 150px;
	height: auto;
	transition: opacity .4s ease-in;	
	-webkit-transition: opacity .4s ease-in;	
}

.lira-lista .img-holder {
	position: relative;
	height: 0;
	max-width: 150px;
	padding-bottom: 100%;
	margin-bottom: 5px;
}

#skivor img {
	position: absolute;
	width: 100%;
	height: auto;
}

#recordreviews_start {
	background: white;
	float: left;
	width: 100%;
}

#recordreviewarchive li	{
	margin: 10px 0 10px 0;
}

#recordreviewarchive a	{
	text-decoration: none;
	font-size: 11px;
	font-family: Bitter, 'serif';
	text-transform: uppercase;
}
	
/* Skivrecension single */

#review {
	max-width: 650px;
}
#reviewheader {
	float: left;
	font-size: 0.9em;
	position: relative;
}

#reviewheader h1	{
	font-size: 1.8em;
	line-height: 100%;
	margin-bottom: 0;
}
#reviewheader h3	{
	font-size: 1.4em;
	margin: 4px 0 10px 0;
}

#reviewheader p	{
	margin: 10px 0;
}

#reviewheader img.cover	{
	float: left;
	clear: both;
	width: 100%;
	max-width: 300px;
}

#reviewheader img.liragillar	{
	float: right;
	-webkit-box-shadow:  none;
    box-shadow:  none;
}

#reviewcontent	{
	float: left;
	width: 100%;
	font-size: 1.0em;
	line-height: 150%;
}

#reviewcontent p	{
	margin: 20px 0 0 0;
}


/* Social */

.addthis_toolbox	{
	margin: 10px 0 10px 0;
}

.fb_iframe_widget	{
	max-width: 100%;
	background: #ffffff;

}

/* ÅF */

.stad	{padding-top: 20px; margin: 0 20px 20px 0}
.stad h3	{border-bottom: 1px solid #ddd; margin: 0 0 10px 0}
.stad li	{margin: 0 0 20px 0}

/* Provläs */

.rep	{padding-top: 20px; margin: 0 20px 20px 0}
.rep h3	{float: left; width: 100%; border-bottom: 1px solid #ddd; margin: 0 0 10px 0}
.rep li:first-child {float: left; width: 300px; margin: 0 0 20px 0}
.rep li	{float: right; width: 300px; margin: 0 0 20px 0}
.rep li a.readmore	{
	display: block;
	float: left; 
	background: none repeat scroll 0 0 #9C160B;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-family: Bitter,'serif';
    font-size: 11px;
    margin: 6px 14px 0 0;
    padding: 5px 14px 4px;
    text-decoration: none;
    text-transform: uppercase;}

/* Blogg */

#sidebar {
	float: left;
}
#sidebar	 ul	{
	margin: 0 0 20px 0;
}

#sidebar	 ul li	{
	margin: 10px 0 5px;
	font-size: 0.8em;
}

#sidebar	 ul li a	{
	text-decoration: none;
	font-size: 11px;
	font-family: Bitter, 'serif';
	text-transform: uppercase;
}

.post {}

.rightcol	{
	font-size: 0.9em;
	border: 1px solid #dddddd;
	background: #ffffff;
	padding: 20px;
	margin: 20px 0;
}

/*.entry-content {padding: 20px 0 0 0}*/

.entry ul,
.entry-content ul	{
	list-style-type: disc;
	padding: 0 0 0 1.25em;
}

.entry-content ul li	{
	margin: 0 0 1em 5px;
	padding: 0;
}


.imagearea	{position: relative}

.bildtext	{
	position: absolute;
	background: #000000;
	color: #ffffff;
	font-size: 10px;
	padding: 4px 10px 3px;
	float: left;
	bottom: 20px;
	left: 0;
}

.bildbyline	{
	font-size: 12px; color: #777777;
}

div.navigation {
	float: left;
	clear: both;
	margin: 20px 0;
	font-size: 1.3em;
	width: 100%;
}

.navigation .next-posts {float: right; text-align: right; margin-left: 10px; }
.navigation .prev-posts {float: left; text-align: left; }



/* @annonser */

#top-ad {
	margin: 0 auto;
	display: none;
	max-width: 1000px;
}
#ads {
	float: left;
	display: none;
}

.mobile-ad-wrap {
	display: none;
}

#ads .ad img {
	max-width: 180px;
	height: auto;
}

.loading {
	text-align: center;
}

.loading img.loader {
	margin: 20px auto;
}
.ads-container {
	margin-top: 5px;
}
.ad-mark {
	font-weight: 400;
	color: #666;
	text-transform: uppercase;
	font-size: 12px;
	padding: 5px 6px;
}
#page-wrap .mobile-ad {
	margin: 10px -12px;
	background: white;
	padding: 1px 0 7px 0;
}
.hidden-ad {
	display: none;
}


/* Sökresultat */

#page-wrap #searchresult article	{
	float: left;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	width: 100%;
	border-bottom: 2px solid #eeeeee;
	min-height: 120px;
}

#page-wrap #searchresult article img	{
	float: left;
	margin: 0 30px 0 0;
}

/* Sidfot */

#footer	{
	background: #000000;
	color: #ffffff;
	display: block;
	min-height: 250px;
}

#footer a	{
	color: #ffffff;
	font-weight: 400;
}


#footer .footerfield	{
	margin: 15px 10px 15px 0;
	width: 220px;
	float: left;
	font-size: 0.8em;
	font-weight: 300;
}

#footer .newsletter input[type="email"]	{
	float: left;
	width: 120px;
	padding: 3px;
	height: 16px;
	margin: 5px 0 0 0;
	border: none;
}

#footer .newsletter input[type="submit"],
input[type='submit'].button	{
	border: none;
	height: 22px;
	font-family: Bitter, 'serif';
	background: #9C160B;
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#footer .newsletter input[type="submit"] {
	margin: 5px 0 0 6px;
	float: left;
}

#footer .inner-wrap div h2	{
	font-size: 14px;
	border-bottom: 1px solid #333333;
	margin: 0 0 10px 0;
	padding: 0 0 3px;
	color: #cccccc;
	text-transform: uppercase;
}

#copyright {
	text-align: center;
	margin: 10px 0;
	font-size: 0.8em;
	color: #999999;
}

#copyright a {
	color: #999999;
}

/* Print styles!
there were no print styles before may 2015. swedish boy to the rescue!
-------------------------------------------------------------------------------*/
@media print {



}


/* here comes that magically silly thing we call media queries. which is what makes our 
world (site) responsive.
-------------------------------------------------------------------------------*/

/* small screens iphone etc ...
--------------------------------------------- */


@media only screen and (max-width: 499px) {

}

/* added for skivrecension fix */

@media only screen and (min-width: 340px) {
	.lira-lista .img-holder {
		height: 150px;
		width: 100%;
		padding-bottom: 0;
	}

	#skivor img {
		width: 150px;
		height: auto;
	}	
	
}
/* min widths ---- */

@media only screen and (min-width: 500px) {

	.lira-lista li	{
		width: 32%;
		margin: 10px 1.3% 20px 0;
	}
	
	#footer .footerfield	{
		margin: 15px 2% 15px 0;
		width: 48%;
	}

	
}

@media only screen and (min-width: 600px) {

	
	#footer .footerfield	{
		margin: 15px 30px 15px 0;
		width: 220px;
	}
}

/* ------------------
> 720: leaving mobile layouts ...
---------------------
*/
@media only screen and (min-width: 720px) {

	.mobile-only {
		display: none;
	}
	
	header #search	{
		position: absolute;
		display: block;
		top: 52px;
		padding: 5px;
		right: 0;
	}

	#search input[type="text"]	{
		width: 160px;
		padding: 3px 5px;
		font: 13px Bitter, serif;
	}

	#search input[type="submit"]	{
		font: 13px Bitter, serif;
		padding: 0 4px;
		width: auto;
	}	

	header #logo img {
		height: 70px;
		width: auto;
	}
	

	#menu-toppmeny {
		display: block !important;
		float: left;
	}

	#menu-toppmeny li:first-child {
		display: none;
	}

	#menu-toppmeny li	{
		display: inline-block;
		float: left;
		font-size: 12px;
		margin: 0 8px;
		padding: 0;
	}

	#menu-toppmeny li+li {
		border-top: 0 none;
	}


	#menu-toppmeny a:hover	{
		border-bottom: 3px solid #666;
	}

	#menu-toppmeny .current-menu-item a	{
		border-bottom: 3px solid #9C160B;
	}

	#menu-toppmeny li a	{
		color: #fff;
		display: block;
		padding: 10px 6px 7px 6px;
		border-bottom: 3px solid #000;
		text-decoration: none;
		transition: all linear 0.6s;
		-webkit-transition: all linear 0.6s;
	}


/* Banner */

	#banner	{
		margin: 0 auto;
		display: block;
		height: 340px;
		background: #111111;
		background-image: url('images/black_paper.png');
		font-size: 1.0em;
		font-weight: 300;
	}

	#banner .inner-wrap ul.slides {
		width: 100%;
	}

	#banner .inner-wrap #about	{
		position: relative;
		float: left;
		margin: 70px 0 0 0;
		width: 600px;
		color: #ffffff;
		line-height: 130%;
		text-shadow: 1px 1px 1px #000000;
		filter: dropshadow(color=#000000, offx=1, offy=1);
	}

	#banner .inner-wrap #about h1	{
		font-size: 40px;
		color: #ffffff;
		font-weight: 400;
		line-height: 110%;
		margin: 0 0 20px 0;
	}

	#banner .inner-wrap #about p	{
		margin: 0 0 20px 0;
	}

	#banner .inner-wrap #about a, .readmore, .readmore:hover	{
		font-family: Bitter, 'serif';
		padding: 5px 14px 4px;
		margin: 0 14px 0 0;
		background: #9C160B;
		color: #ffffff;
		text-decoration: none;
		font-size: 11px;
		text-transform: uppercase;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	#banner .inner-wrap #latest_issue	{
		position: relative;
		margin: 20px 0 0 70px;
		float: right;
		width: 330px;
		color: #ffffff;
		line-height: 130%;
		text-align: right;
		text-shadow: 1px 1px 1px #000000;
		filter: dropshadow(color=#000000, offx=1, offy=1);
	}

	#banner .inner-wrap #latest_issue img	{
		margin: 0 0 0 0;
		float: left;
	}

	#banner .inner-wrap #latest_issue img.rotate	{
		margin: 30px 0 0 0;
		-webkit-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.1);
	}

	#banner .inner-wrap #latest_issue h2	{
		position: absolute;
		top: 60px;
		right: 0;
		font-size: 1.5em;
		color: #ffffff;
	}

	#banner .inner-wrap #latest_issue p	{
		position: absolute;
		top: 100px;
		right: 0;
		font-size: 1.0em;
	}

	#banner .inner-wrap #latest_issue a	{
		color: #ffffff;
	}


	.main-section {
		float: left;
		width: 60%;
		max-width: 520px;
	}
	
	.page-section {
		float: left;
		width: 63%;
	}
	
	.wide-section {
		float: left;
		width: 70%;
	}

	#recordreviews_start,
	.middle-area {
		float: right;
		display: block;
		width: 35%;
		margin: 0 0 15px 2%;
	}

	.page-section+#ads {

	}	

	#ads {
		float: right;
		width: 180px;
		display: block;
		margin: 0 20px 15px 0;
	}

	#top-ad {
		display: block;
		min-height: 140px;
	}
	
	#ads.lefty {
		float: left;
		width: 180px;
		margin-left: 15px;
	}
/* */
		
	#sidebar {
		border-left: 1px solid #ddd;
	}

	.right-column {
		float: right;
		width: 37%;
		margin: 0 0 15px 0;
	
	}


	#recordreviewarchive	{
		float: left;
		padding: 0;
		display: block;
		max-width: 180px;
		margin: 0 0 0 9px;
	}

	#ads .ad	{
		margin: 10px 0;
	}
	


	.lira-lista li.number	{
		width: 48%;
		margin: 10px 2% 20px 0;
	}	


	#page-wrap #currentissue_order	{
		float: right;
		width: 200px;
	}


	/* order forms */
	
	.gform_wrapper	{
		padding: 20px 80px;
	}
	
	/* Nummer */

	#issue_order .section-title {
		display: block;
	}

	#issue_order .gform_wrapper {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #DDDDDD;
		padding: 20px;
	}


	.entry-content ul.smakprov { 
	  border: 1px solid #dddddd;
	  background: #fff;
	  list-style: none;
	  padding: 20px;
	  margin: 0 0 20px 0;
	}


	.entry-content ul.smakprov li { 
	  list-style: none;
	  font-size: 0.9em;
	  padding: 10px 0 0 0;
	  margin: 0;
	}
	
	#reviewheader img.cover	{
		float: left;
		clear: left;
		width: 300px;
		max-width: 45%;
		margin: 0 5% 0 0;
	}
	
	#reviewheader .headertext {
		float: left;
		width: 50%;
	}

	
	#footer .wrap {
		padding: 10px 10px 20px 10px;
		margin: 0 auto;
	}

}

@media only screen and (min-width: 900px) {

	#menu-toppmeny li:first-child {
		display: inline-block;
		margin-left: 5px;
	}

	.lira-lista li.number	{
		width: 32%;
		margin: 10px 1.3% 20px 0;
	}	

	#recordreviews .navigation .next-posts {
		margin-right: 40px;	
	}
	
	.rightcol {
		float: right;
		width: 220px;
		margin: 5px 0 40px 20px;
	}


}

@media only screen and (min-width: 1020px) {

	header #logo	{
		margin: 10px 0 4px 0;
	}

	#menu-toppmeny li:first-child {
		margin-left: 0px;
	}

	#section-header	{
		background: #ffffff;
		height: 40px;
		display: block;
		border-bottom: 1px solid #e1e1e1;
	}

	h2.section-title,
	#sidebar .widget:first-child h2:first-child {
		color: #999999;
		text-transform: uppercase;
		font-size: 14px;

		margin: -69px 0 0 0;
		padding: 0 0 34px 0;
		background: transparent url('images/section_arrow.png') no-repeat 0% 86%;
	}
	
	.page-section h2.section-title,
	.main-section h2.section-title,
	.wide-section h2.section-title {
		margin-left: 5px;
	}
	
	.inner-wrap,
	#page-wrap,
	#footer .wrap {
		width: 1000px;
	}

	#page-wrap {
		margin: 40px auto;
	}
	
	.wrap {
		padding: 0px;
	}
		
	.main-section {
		width: 700px;
		margin: 0;
	}	

	.wide-section {
		width: 800px;
	}

	.page-section {
		width: 750px;
		margin-right: 40px;
	}

	/* start */
	
	#blog,
	.front-page .main-section {
		width: 520px;
		margin-right: 15px;
	}

	#recordreviews_start,
	.middle-area	{
		float: left;		
		width: 240px;
		background: transparent;
		padding: 0 15px;
		margin: 0;
		border-left: 1px solid #ddd;
	}
	
	#currentissues {
		width: 680px;
	}
	
	#issue_order {
		width: 280px;
	}

	.currentissue	{
		float: left;
		clear: none;
		width: 380px;
		margin: 0 0 0 30px;
	}

	.lira-lista li	{
		width: 24%;
		margin: 10px 1% 10px 0;
	}	
	
	#ads,
	.front-page #ads,
	#recordreviewarchive	{
		float: left;
		padding: 0;
		width: 180px;
		margin: 0 0 0 9px;
	}

}


/* these should not be used, ever ....

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}

*/