/*
Theme Name: Twentyeleven Child - Kulturbolaget Edition
Description: Child theme for the twentyten theme by Kulturbolaget
Author: Emil Lundin
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");


/*****************************************************
STRUCTURE
*****************************************************/

body {
    background-image: url(images/background-fade.jpg) !important;
    background-position: center 80px !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-color: #f6f6f6 !important; 
}

#facelike {
	padding:10px;
	position: fixed;
	left: 0;
	top: 0;
}

#kb {
	width:60px;
	height:60px;
	padding:10px;
	position: fixed;
	left: 0;
	bottom: 0;
}

#ad {
	margin: 100px 0 0 0 !important;
}


.one-column #page {
    max-width: 600px;
}

#page {
    margin: 0em auto;
    max-width: 600px;
    background:transparent;
	text-align:center;
	overflow: hidden;
	padding: 0 10px 0 10px;

}

#header {
    padding: 0px;
    height:600px;
    background:blue;
}

#main {
    padding: 0px;
}

.singular #content, .left-sidebar.singular #content {
    margin: 0px;
    padding:0px;
}


.entry-content, .entry-summary {
    padding: 0;
    margin: 0;
    width:100%; 
    height:100%; 
}

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
    margin: 0 auto;
    width:100%;
}

.hentry {
    margin: 0px;
    padding:0px;
}

.singular.page .hentry {
    padding: 0px;
}


/*****************************************************
STYLE
*****************************************************/

.entry-title {
float: left;
margin: 0px;
padding:0px;
width: 700px;
height:0px;
line-height: 36px;
text-indent: -999em;
}

#singular .entry-title a {
color: #000;
margin: 0px;
padding:0px;
height: 0;
}

}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
}
.entry-content h3,
.comment-content h3 {
	font-size: 45px;
	text-transform: uppercase;
	color:#D43135;
    margin:50px 0px 50px 0;
    padding:0px;
	line-height: 50px;
}

#branding img {
	width:100%;
    height: auto;
    margin:10px 0px -75px 0;
}

#branding {
    text-align: center;
}

.box {
    width: 90%;
    padding: 15px;
    margin: auto;
   	margin-bottom: 20px;


    -moz-border-radius:23px;
    -webkit-border-radius:23px;
    border-radius:23px;

    background-color:#ffffff;
    background-repeat:no-repeat;
    
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255);
    /* RGBa with 0.75 opacity */
    background: rgba(255, 255, 255, 0.75);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

    box-shadow: 0px 1px 12px #000000;
}

.box p {
	margin: 0px;
	padding: 0px;
}

#boka {
margin:auto;
margin-top:30px;
margin-bottom:30px;
height: 60px;
}

p a {
 font-size:18px;
line-height:50px;
}

.social-icons {
width:275px;
margin: 10px auto auto;
}

.icon {
	float:left;
	margin:0px 17px;
}

.video {
 margin:auto;
}


/*****************************************************
BOKA KNAPP:
*****************************************************/

.bokaknapp {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ee393f), color-stop(1, #961217) );
	background:-moz-linear-gradient( center top, #ee393f 5%, #961217 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee393f', endColorstr='#961217');
	background-color:#ee393f;
	-moz-border-radius:23px;
	-webkit-border-radius:23px;
	border-radius:23px;
	border:3px solid #961217;
	display:inline-block;
	color:#f6f6f6;
	font-family:Arial;
	font-size:26px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #881b1e;
}.bokaknapp:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #961217), color-stop(1, #ee393f) );
	background:-moz-linear-gradient( center top, #961217 5%, #ee393f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#961217', endColorstr='#ee393f');
	background-color:#961217;
	text-decoration:none;
}.bokaknapp:active {
	position:relative;
	top:1px;
}

/* GLOW */
.bokaknapp {
  -webkit-animation-name: Pulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out; }

@-webkit-keyframes Pulse {
  from {
    -webkit-box-shadow: 0 0 15px #ffffff; }

  50% {
    -webkit-box-shadow: 0 0 15px #D13035; }

  to {
    -webkit-box-shadow: 0 0 15px #ffffff; } }


/*****************************************************
SOCIAL KNAPP:
*****************************************************/

.socialknapp {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ee393f), color-stop(1, #961217) );
	background:-moz-linear-gradient( center top, #ee393f 5%, #961217 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee393f', endColorstr='#961217');
	background-color:#ee393f;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	border:2px solid #961217;
	display:inline-block;
	color:#f6f6f6;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:10px 10px 0px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #881b1e;
}.socialknapp:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #961217), color-stop(1, #ee393f) );
	background:-moz-linear-gradient( center top, #961217 5%, #ee393f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#961217', endColorstr='#ee393f');
	background-color:#961217;
}.socialknapp:active {
	position:relative;
	top:1px;
}

/* GLOW */
.socialknapp {
  -webkit-animation-name: Pulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out; }

@-webkit-keyframes Pulse {
  from {
    -webkit-box-shadow: 0 0 15px #ffffff; }

  50% {
    -webkit-box-shadow: 0 0 15px #D13035; }

  to {
    -webkit-box-shadow: 0 0 15px #ffffff; } }
    
/*****************************************************
MOBILE
*****************************************************/


@media (max-width: 480px) and (orientation: portrait){

#kb{
  position:absolute;
  left:-9999px;
}

#facelike{
position: relative;
padding:10px;
margin: auto;
width:100%;
}

.fb-like {
width:90%;
}

.icon {
	float:left;
	margin:0px 10px;
}

.video element.style {
    padding: 0 50px 0 0;
}

}

@media (max-width: 480px) and (orientation: landscape){

#kb{
  position:absolute;
  left:-9999px;
}

#facelike{
position: relative;
padding:0;
margin:20px auto;
}

.fb-like {
width:90%;
}

.icon {
	float:left;
	margin:0px 10px;
	
.video element.style {
    padding: 0 50px 0 0;
}

}

}

/*****************************************************
ISTÄLLET FÖR HEADER IMG:

.entry-title {
	padding:0px;
	margin:0px;
	text-align:center;
}

.singular .entry-title {
	font-size:58px;
	font-family:;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:2px 2px 0px #000000;
	color:#fffde8;
}

*****************************************************/

/*****************************************************
AWAY
*****************************************************/


#site-title {
float: left;
margin: 0px;
padding:0px;
width: 700px;
height:0px;
line-height: 36px;
text-indent: -999em;
}

#site-title a {
color: #000;
margin: 0px;
padding:0px;
height: 0;
}

#site-description {
clear: right;
float: right;
margin: 0px;
padding:0px;
width: 220px;
text-indent: -999em;
height: 0;
}

#site-generator {
    background: none;
    border-top: 0px solid #DDDDDD;
    color: transparent;
    font-size: 0px;
    line-height: 0em;
    padding: 0em;
    text-align: center;
}

#branding #searchform {
	display: none;
	margin:0px;
	padding:0px;
}

#branding {
    border-top: 0px solid #BBBBBB;
    padding-bottom: 0px;
    position: relative;
    z-index: 0;
}

.edit-link {
display: none !important;
}

#access {
display: none;
}