/*

    Theme Name: Streets of Mars

    Theme URI: http://monkeyapa.myqnapcloud.com

    Description: This is a sample child theme created for the Genesis Framework.

    Author: Martin

    Author URI: http://www.monkeyapa.com/

	

    Version: 1.0

    Tags: custom-background, custom-header, featured-images, threaded-comments, two-columns

    Template: genesis

    Template Version: 1.7.1

	

    License: GNU General Public License v2.0

    License URI: http://www.opensource.org/licenses/gpl-license.php

    */



/* =Imports styles from the parent theme

-------------------------------------------------------------- */

@import url('file:///D|/Projekt/WordPress/genesis/style.css');





/* =Theme customization starts here

-------------------------------------------------------------- */

html {

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-attachment: fixed;

	background-image: url(images/streets_of_mars_hi-res-16-9.jpg);

	background-repeat: no-repeat;

	background-position: center center;

}



body {

	font-size: 100%;

	font-weight: 300;

	line-height: 1.5;

	cursor: default;

}



.text-body  {

	font-family: Arial, Helvetica, sans-serif;

	/*font-size: 1em;*/

	position: absolute;

	width: 500px;

	text-align: left;

	top: 177px;

}



/* Döljer wp-titel på sidorna */

.page-id-2 .entry-title, .page-id-6 .entry-title, .page-id-11 .entry-title, .page-id-23  .entry-title, .page-id-7539 .entry-title {

	display: none;

}





/* SHOWS-sidan *//* ABOUT-sidan *//*ARTIST & REPERTOAR-sidan *//* Spelare */

.page-id-2, .page-id-11, .page-id-23 { 

	width: 500px;

	height: 100%;

	background-color: #FFF;

	position: absolute;

	left: 127px;

	opacity: 0.8;

	border-radius: 3px;

	margin-bottom: 4rem;

	padding: 4rem 4rem 2.4rem;

	box-shadow: 4px 0 8px -4px #888888, -4px 0 8px -4px #888888

}	



.category-news {

	width: 500px;

	background-color: #FFF;

	position: relative;

	left: 126px;

	font-family: Arial, Helvetica, sans-serif;

	/*opacity: 0.8;*/

	box-shadow: 4px 0 8px -4px #888888, -4px 0 8px -4px #888888;

	padding: 4rem 4rem 2.4rem;

	color: #000000;

}	



/* Next page och Previous page i bloggen */

.pagination-next, .pagination-previous {

	position: relative;

	left: 619px;

	bottom: 78px;

	z-index: 200;

	width: 100px;

	font-size: 0.7em;

	text-transform: uppercase;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #b8b6b1;

	text-align: right;

}

	

/* Huvudtitel i poster */ /* Länk i poster */ /* Länk i poster */

/*h2 a, div a:link, .post-edit-link {

	color: #000;

}*/



/*h2 a, .post-edit-link {

    color: #000000;

}*/



#adminlinken {

	text-decoration: none;

	text-transform: uppercase;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 11px;

	color: rgb(153, 153, 153);

}



#adminlinken:hover {

	color: #FFF;

}



.streets {

	font-size: 5.5em;

	font-family: "Times New Roman", Times, serif;

	/*top: 5%;*/

	top: 50px;

	position: absolute;

	color: #5F5F5F;

	text-shadow: 1px 1px 0 #e4e0d4;

}



.ingress  {

	font-family: Arial, Helvetica, sans-serif;

	position: absolute;

	text-align: left;

	/*top: 16%;*/

	top: 177px;

	color: #5F5F5F;

}



.box-shows {

	font-family: Arial, Helvetica, sans-serif;

	position: absolute;

	/*top: 28%;*/

	top: 300px;

	font-size: 1.2em;

	text-transform: uppercase;

	color: #5F5F5F;

} 



li a {

	height: 12px;

	font-size: 11px;

	font-weight: bold;

	color: rgb(153, 153, 153);

	display: block;

	text-align: right;

	z-index: 400;

}



ul {

	z-index: 400 !important;

}



/* Spelaren */

div #box3 {

	hei	ght: 300px;

	width: 287px;

	position: relative;

	top: 30%;

	/*left: 16%;*/

    background-image: none;

	text-align: center;

	border-style: none;

	z-index: 1;

}



/* mp3-titlarna i spelaren */

.sm2_link  {

	text-align: left;	

}



/*

li a:hover, li.cur a {

    color: rgb(255, 255, 255);	

}

*/



#footer-widgetized {

	width: 100%;

	position: fixed;

	bottom: 40px;

	height: 70px;

	left: 0px;

	background-color: #000;

	opacity: 0.6;

	/*font-size: 14px;*/

	/*z-index: 300;*/

}

 

.footer-col1 {

	left: -30px;

	position: absolute;

	/*z-index: 300;*/	

}

 

.footer-col2 {

	width: 130px;

	/*float: left;*/

	position: absolute;

	left: 765px;

	bottom: 0px;

	line-height: normal;

	/*text-align: left;*/

}

 

.footer-col3 {

	width: 27%;

	float: right;

	left: 72%;

	position: absolute;

	bottom: 5px;

	text-align: right;

}



.simple-social-icons ul {

	position: absolute;

	bottom: -5px;

}



/* Positionering av soundcloudspelare och ring-of-fire */

#spelarbox {

	position: absolute;

	/*top: 54%;*/

	top: 460px;		

}



#soundcloudspelare {

	position: absolute;	

	left: 8em;

	z-index: 250;

	top: 16px;

}



#ring-of-fire {

	position: absolute;

	top: 0px;

}



.protected-post-form {

	font-family: Arial, Helvetica, sans-serif !important;

	position: absolute;

	/*left: 14%;*/

	top: 177px;

	/*font-size:0.8em;*/	

}



.pass-label { display: none; 

}  



.post a {

	color: #000000 !important;

	text-decoration: none;

	font-weight: normal !important;

}



/* Funkar inte att få bilderna att ligga överst */

.post img {

	z-index: 500 !important;

	opacity: 1 !important;

}



/* ------------------ @media ------------------------------*/



/*<meta name="viewport" content="width=device-width, user-scalable=no">*/

@media screen and (max-device-width: 640px) and (orientation: portrait){



/* SHOWS-sidan *//* ABOUT-sidan *//*ARTIST & REPERTOAR-sidan *//* Spelare */

.page-id-2, .page-id-11, .page-id-23 { 

	width: 500px;

	height: 100%;

	background-color: #FFF;

	position: absolute;

	left: -27px;

	opacity: 0.8;

	border-radius: 3px;

	margin-bottom: 4rem;

	padding: 4rem 4rem 2.4rem;

	box-shadow: 4px 0 8px -4px #888888, -4px 0 8px -4px #888888

}

/* BLOG-sidan */

.page-id-7435 { 

	width: 500px;

	height: 100%;

	background-color: #FFF;

	position: absolute;

	left: -27px;

	border-radius: 3px;

	margin-bottom: 4rem;

	padding: 4rem 4rem 2.4rem;

	box-shadow: 4px 0 8px -4px #888888, -4px 0 8px -4px #888888

}

.streets {

	font-size: 2.7em;

	left: 45px;

	top: 10px;

	padding: 0;

	width: 300px;

	}  

.ingress  {

	display: none;

	}

.box-shows {

	top: 80px;

	left: 50px;

	font-size: 80%;

	width: 300px;

	line-height: 20pt;

	}

#footer-widgetized {

	bottom: 0px;

	opacity: 10;

	width: 100%;

    }

.footer-col1 {

	left: -15px;

	}

.text-body  {

	font-size: 0.5em;

	width: 275px ;

	top: 65px;

	left: 46px;

	}

.footer-col2 {

	display: none;

}

.footer-col3 {

	display: none;

}

html {

	background-image: url(images/streets_of_mars_hi-res-16-9-light.jpg);

}

li a {

	height: 12px;

	font-size: 11px;

	font-weight: bold;

	color: rgb(153, 153, 153);

	display: block;

	text-align: left;

	z-index: 400;

}

.category-news {

	width: 275px;

	font-size: 0.6em;

	background-color: #FFF;

	position: relative;

	left: -85px;

	font-family: Arial, Helvetica, sans-serif;

	box-shadow: 4px 0 8px -4px #888888, -4px 0 8px -4px #888888;

	padding: 4rem 4rem 2.4rem;

	color: #000000;

}	

.post img {

	width: 100%;

	height: 100%;

	z-index: 600;

}

.protected-post-form {

	font-family: Arial, Helvetica, sans-serif !important;

	position: absolute;

	left: 45px;

	top: 100px;

	font-size:0.8em;	

}

}



@media screen and (max-device-width: 640px) and (orientation: landscape){

/* SHOWS-sidan *//* ABOUT-sidan *//*ARTIST & REPERTOAR-sidan *//* Spelare */

.page-id-2, .page-id-11, .page-id-23 { 

	width: 500px;

	height: 100%;

	background-color: #FFF;

	position: absolute;

	left: -27px;

	opacity: 0.8;

	border-radius: 3px;

	margin-bottom: 4rem;

	padding: 4rem 4rem 2.4rem;

	box-shadow: 4px 0 8px -4px #888888, -4px 0 8px -4px #888888

}

/* BLOG-sidan */

.page-id-7435 { 

	width: 500px;

	height: 100%;

	background-color: #FFF;

	position: absolute;

	left: -27px;

	border-radius: 3px;

	margin-bottom: 4rem;

	padding: 4rem 4rem 2.4rem;

	box-shadow: 4px 0 8px -4px #888888, -4px 0 8px -4px #888888

}

.streets { 

  	font-size: 3em;

	left: 55px;

	top: 0px;

	padding: 0;

	}  

.box-shows {

	top: 180px;

	left: 65px;

	font-size: 1.2em;

	}

.ingress  {

	font-family: Arial, Helvetica, sans-serif;

	position: absolute;

	text-align: left;

	/*top: 16%;*/

	top: 75px;

	color: #5F5F5F;

	font-size: 0.72em;

	width: 250px;

	left: 65px;

	line-height: 1.4em;

	}

#footer-widgetized {

	bottom: 0px;

	opacity: 10;

    }

.footer-col1 {

	left: 5px;

	}

.text-body  {

	font-size: 0.5em;

	width: 300px ;

	top: 65px;

	left: 46px;

	}

.footer-col2 {

	width: 130px;

	left: 175px;

	bottom: -2px;

	}

.footer-col3 {

	display: none;

}

html {

	background-image: url(images/streets_of_mars_hi-res-16-9-light.jpg);

	}

li a {

	height: 12px;

	font-size: 11px;

	font-weight: bold;

	color: rgb(153, 153, 153);

	display: block;

	text-align: left;

	z-index: 400;

}

.text-body  {

	font-size: 0.5em;

	width: 275px ;

	top: 65px;

	left: 65px;

	}

.category-news {

	width: 100%;

	font-size: 0.6em;

	background-color: #FFF;

	position: relative;

	left: -65px;

	font-family: Arial, Helvetica, sans-serif;

	box-shadow: 4px 0 8px -4px #888888, -4px 0 8px -4px #888888;

	padding: 4rem 4rem 2.4rem;

	color: #000000;

}

.post img {

	width: 80%;

	height: 80%;

	z-index: 600;

}

.protected-post-form {

	font-family: Arial, Helvetica, sans-serif !important;

	position: absolute;

	left: 65px;

	top: 90px;

	font-size:0.8em;	

}

}



/*@media screen and (min-device-width: 641px) and (max-width: 1024px){



.streets { 

  	font-size: 3.2em;

	top: 1em;

	padding: 0;

	}

	  

.box-shows {

	top: 230px;

	font-size: 0.8em;

	}

	

.ingress  {

	font-size: 0.7em;

	width: 300px;

	top: 130px;

	}

	

#footer-widgetized {

	bottom: 0px;

    }

	

.text-body  {

	font-size: 0.7em;

	width: 300px;

	top: 115px;

	}



/* ABOUT-sidan *//* ARTIST & REPERTOAR-sidan */

/*.page-id-11, .page-id-23 { 

	width: 300px;

	}

	

.category-news {

	width: 300px;

	left: 126px;

	font-size: 0.7em;

}

iframe {

	width: 100%;

	height: 200px;	

}



.footer-col2 {

	width: 130px;

	position: absolute;

	left: 564px;

}



.page-id-2 { /* SHOWS-sidan */

/*	width: 300px;

}	 



/* Spelaren */

/*div #box3 {

    position: absolute;

    top: 20%;

    left: 16%;

}



/* Positionering av soundcloudspelare och ring-of-fire */

/*#spelarbox {

	position: absolute;

	/*top: 54%;*/

/*top: 400px;

}



/* Next page och Previous page i bloggen */

/*.pagination-next, .pagination-previous {

	left: 419px;

	bottom: 38px;

}

}



/*

@media screen and (min-width: 1025px) and (max-width: 1366px){

    body{font-size: 85%;}

}



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

    body{font-size: 80%;}

}



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

    body{font-size: 90%;}

}



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

    body{font-size: 100%;}

}



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

}

*/