/*
Theme Name: Mandelmanns 2014
Theme URI: Not applicable
Author: Ludde
Author URI: Not applicable
Description: Enkelt Wordpresstema för mandelmann.se
Version: 0.3
License: 
License URI: 
Tags: 
*/

body
{
	text-align: left;
	background-image:url('images/bg.jpg');
	background-attachment: scroll;
	font-family: "Gill Sans", "Trebuchet MS", sans-serif;
	font-size: large;

	color: black;
	line-height: 1.3;
	/*font-variant: small-caps;*/
	letter-spacing: 0.2px;
}

#wrapper
{
	margin-right: auto;
	margin-left: auto;
	width: 75%;
	max-width: 700px;
}

#blommortop
{
    width: 640px;
    height: 154px;

}

#footerimage
{
    width: auto;
    height: auto;
}

#toplogo
{
    width: auto;
    max-width: 350px;
    height: auto;
}

@media only screen and (max-width: 700px) {
  /* For mobile phones: */
    #wrapper
    {
	    margin-right: auto;
	    margin-left: auto;
	    width: 90%;
    }
    
    #blommortop
    {
        width: 100%;
        height: auto;
    }
    
    #footerimage
    {
        width: 100%;
    }
    #toplogo
    {
        width: 100%;
    }
}

h1 {
	font-family: "Gill Sans", "Trebuchet MS", sans-serif;
	font-size: x-large;

}

#header {
	/*margin-left: 225px;*/
	margin-left: 10px;
	margin-bottom: 2px;
	margin-right: 10px;
	margin-top: 3px;
	text-align: center;
}

#credithead{
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: small;
	margin-top: 10px;
	margin-right: 10px;
}

#sidebar {
	float: left;
	margin-left: -240px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 0px;
	width: 200px;
}

#main {

}

#footer {
	clear:both;
	margin-left: 20px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 30px;
}

#google_translate_element {
	float: right;
	margin-left: auto;
}

img { /* MSIE Fix */
	border: none;
	border-style:none;
	border: 0;
	border-radius: 10px;
}

a:link {color: #FFFFFF;
		text-decoration: none;
		}
a:visited {color: #FFFFFF;
		text-decoration: none;}
//a:hover {text-decoration: none; color: navy;}
a:active {text-decoration: none; color:white;}




/* Navigation är bra */
#access {
	width: 100%;
	text-align: center;
}
#access ul {
	margin: 0;
	padding: 0; 
	list-style-type: none;
	list-style-image: none;
}
#access li {
	display: inline-block;
	padding: 5px 5px 1px 1px
}

#access a {
	text-decoration: none;
}
#access .aktuellt a:before {
	content:url('/wp-content/themes/mandelmanns2014/images/nav/aktuellt.png');
}
#access .aktuellt a {
	font-size: 0;
}

#access .koket a:before {
	content:url('/wp-content/themes/mandelmanns2014/images/nav/koket.png');
}
#access .koket a {
	font-size: 0;
}

#access .butiken a:before {
	content:url('/wp-content/themes/mandelmanns2014/images/nav/butiken.png');
}
#access .butiken a {
	font-size: 0;
}

#access .tradgarden a:before {
	content:url('/wp-content/themes/mandelmanns2014/images/nav/tradgarden.png');
}
#access .tradgarden a {
	font-size: 0;
}

#access .bokning a:before {
	content:url('/wp-content/themes/mandelmanns2014/images/nav/bokning.png');
}
#access .bokning a {
	font-size: 0;
}

#access .fragorochsvar a:before {
	content:url('/wp-content/themes/mandelmanns2014/images/nav/fragorochsvar.png');
}
#access .fragorochsvar a {
	font-size: 0;
}

#access .omoss a:before {
	content:url('/wp-content/themes/mandelmanns2014/images/nav/omoss.png');
}
#access .omoss a {
	font-size: 0;
}

#access .kontakt a:before {
	content:url('/wp-content/themes/mandelmanns2014/images/nav/kontakt.png');
}
#access .kontakt a {
	font-size: 0;
}

#access .hittahit a:before {
	content:url('/wp-content/themes/mandelmanns2014/images/nav/hittahit.png');
}
#access .hittahit a {
	font-size: 0;
}


#access .english a:before {
	content:url('/wp-content/themes/mandelmanns2014/images/nav/english.png');
}
#access .english a {
	font-size: 0;
}

#access .webbutik a:before {
	content:url('/wp-content/themes/mandelmanns2014/images/nav/webbutik.png');
}
#access .webbutik a {
	font-size: 0;
}


#access .evenemang a:before {
	content:url('/wp-content/themes/mandelmanns2014/images/nav/evenemang.png');
}
#access .evenemang a {
	font-size: 0;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}




/* Flum för den flygande humlan */

#stage{
	float:right;
	margin-top:-200px;
	margin-right:-100px;
	width:100px;
	height:246px;
}


#block{
	position: relative;
	left:0px;
	top:0px;
	-webkit-transition-property: left, top, -webkit-transform;
	-webkit-transition-duration: 2s, 2s, 1s;
	-webkit-transition-timing-function: ease-out, ease-in, ease-in-out;
	-webkit-transition-delay: 0, 0, 0s;
	-moz-transition-property: left, top, -moz-transform;
	-moz-transition-duration: 2s, 2s, 1s;
	-moz-transition-timing-function: ease-out, ease-in, ease-in-out;
	-moz-transition-delay: 0, 0, 0s
}
#stage:hover #block{
	left:-1200px;
	top:600px;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg)
}