/*
*/

.youtube-container { display: block;  width: 100%; max-width: 600px; }.youtube-player { display: block; width: 100%; padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block;height:0 }img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("/wp-content/themes/lonelytree/images/play-button.png") no-repeat; }#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/* == BASICS == */

*{
  margin: 0;
  padding: 0;
  text-decoration: none;
}

body {
	background-color:#ffffff;
	font: 14px Droid Sans, sans-serif;
	line-height:180%;
	color:#1c1c1c;
}
p{
  padding-bottom:20px;
}
footer div{
  display:inline-block;
  padding:10px 15px;
  font-size:12px;
  vertical-align:top;
  line-height:40px;
}

footer{
  padding:30px 0;
  border-top:1px solid #eee;
  text-align:center;
}
footer a,footer a:visited {
  display:inline-block;
  padding:0 5%;
  color:black;
}
footer a:hover,{
	color:black;
	text-decoration:underline !important;
}


h1{
    font-size: 35px;
    padding: 25px 0 20px 0;
}

h2{
  
}

h3 {
    font-size: 30px;
    padding: 20px 0 16px 0;
}

h4{
    font-size: 20px;
    padding: 16px 0 12px 0;  
}





.body-blue{background-color:#f5f5f5;}

nav+section {
	overflow: hidden;
	width: 700px;
	float: left;
	clear: none;
	}

body>section {
margin:10px 0 0 0;}

/* == LINKS == */

body>section a, a:link, a:visited {
   
	text-decoration: none;
	color: #6EA500;
        padding: none;
        border-left:none;
	}



body>section a:hover, a:active {
	text-decoration: underline;
	color: #339966;
	}



/* -- HEADINGS -- */

body>section h1,h2,h3,h4,h5,h6 {
	line-height:1.8em;
}

body>section h2, body>section h2 a, body>section h2 a:link, body>section h2 a:visited  {
        margin-top:40px;
}

body>section h2 a:hover {
        margin-top:40px;
}





/*GREEN POSTS*/

.post .index ul li, .post .index ul li a, .post .index ul li a:link, .post .index ul li a:visited{
           padding:0;
           }

.post a, .post a:link, .post a:visited {
                    font-size:1em;
	            text-decoration: none;
	            color: #6EA500;
                    line-height:none;
                    border-left:none;
	            }


            .post a:hover, .post  a:active {
	             text-decoration: underline;
	             color: #339966;
	             }	

.post ul{             
     margin:0; 
     padding:10px; 
     }  
     .post ul li, .post ul li a, .post ul li a:link, .post ul li a:visited {
                    font-size:1em;
	            text-decoration: none;
	            list-style: inside;
                    line-height:none;
                    border:none;
                    padding:10px 0;
                    font-weight:normal;
	            }
                    .post ul li a:hover, .post ul li a:active {
	                        text-decoration: underline;
	                        color: #6EA500;
	                        }	


.post ol{             
list-style-type: decimal;
 margin:0; 
     padding:0 0 0 40px; 
     }
     .post  ol li a, .post ol li a:link, .post ol li a:visited {
                    font-size:1em;
	            text-decoration: none;
	            color: #6EA500;
                    line-height:none;
                    border-left:none;
                    font-weight:normal;
	            }
                    .post ol li a:hover, .post ol li a:active {
	                        text-decoration: underline;
	                        color: #6EA500;
	                        }	
.post h1{
    color:#6EA500;
    font-size: 22px;
    font-weight: bold;
    margin: 20px auto;
    text-transform: none;
    }

.post h1 a, article h1 a:link, article h1 a:visited  {
        color:#6EA500;
        font-size:20px;
        border-bottom: 1px solid;
        text-decoration:none;
}

.post h1 a:hover{
text-decoration:none;
}

.post h2{
    border-bottom: 1px solid;
    border-top: 1px solid;
    margin-bottom:20px;
}
     

.post h2 a, .post h2 a:link, .post h2 a:visited {
    color: #6EA500;
    padding: 10px;
    text-transform: uppercase;
    text-decoration:none;
    margin-bottom:15px;
}

.post h2 a:hover{
text-decoration:none;
}


        .post h3, .post h3 a, .post h3 a:link, .post h3 a:visited {
    border-top: medium none;
    color: #6EA500;
    font-size: 1.2em;
    margin: 0;
    padding: 0 0 0 10px;
}
 
.post h4, .post h4 a, .post h4 a:link, .post h4 a:visited {
       color: #6EA500;
       font-size: 1.2em;
       font-weight: bold;
       margin: 0;
       padding: 0 0 0 10px;
}

.post h5, .post h4 a, .post h4 a:link, .post h4 a:visited {
       color: #6EA500;
       font-size: 0.8em;
       font-weight: bold;
       margin: 0;
       padding: 0 0 0 10px;
}



/* == SIDEBAR == */

#sidebar {
        margin-top:40px;
	overflow:hidden;
	float:right;
	clear:none;
       background:#D6F795;
}

#sidebar img {border:none;}


#sidebar h2.widgettitle{
        font-size:100%;
        color:#003300;
        margin-top:20px;
        background:#90D806;
	padding: 3px 10px;
}

#sidebar ul, #sidebar ul ol {

	margin: 10px 0;
	padding: 0px;
	}

#sidebar ul li {
	 font-size: 12px;
         list-style: none;
         padding: 0 10px 5px;
	}

#sidebar ul li a:hover{
	text-decoration:underline;
	}

#sidebar ul li ul li {
	margin-left: 2px;
}



	

/*****************responsive-alfa****************/
#wrapper{
    width:96%;
    max-width: 1001px;
    padding:0 2%;
    margin:0 auto;
}
#header{
    height: auto;
}
#logo{
    text-align: center;
}
#logo img{
    width:100%;
    max-width:800px;
}
#footer {
    width:90%;
    padding: 5%;
    max-width: 910px;
}
#sidebar img{
  margin:10px;
}

/* qtranslate */

#qtranslate {width:100%;padding-top:15px;}

.qtranxs_language_chooser { 
list-style-type:none;
margin:auto;
text-align: center;
 }

.qtranxs_language_chooser li{
  display:inline;
  padding:0 15px;
  border-right:1px solid black;
}

#qtranslate  .qtranxs_language_chooser li:last-child{ 
	border-right:none;
}

#qtranslate  .qtranxs_language_chooser li a{ 
        color:black;
}

#qtranslate .qtranxs_language_chooser li:hover{ 
	background:black;
}
#qtranslate .qtranxs_language_chooser li:hover a{
  color:white;
}




.post {
        margin-left: 0;
        margin-right: 0;
}
.textwidget{
  margin:0 auto;
}


#menuStyle li {
    border:none !important;
}
#menuStyle{
    background: #90d806;
    height: auto;
    margin-left:0;
    margin-right:0;
}
#menuStyle ul{
    text-align: justify;
}
#menuStyle ul:after{
  content: "";
  display: inline-block;
  width: 100%;
}
#menuStyle li{
    display:inline-block;
    float:none;
}

#menuStyle li a{
    color: white;
    font-weight:bold;
    padding: 0 10px 0 25px;
    border-right:1px solid white;
}

#menuStyle li a:hover{
    background:#339966;
}

.posts-wrap {
    clear: none;
    float: left;
    margin-left: 0;
    width: 72%;
}
#sidebar {
    clear: none;
    float: right;
    margin: 20px 0 30px 0;
    overflow: hidden;
    padding: 10px 0;
    width: 25%;
}
#sidelist {
    float: none;
}
#sidebar ul p, #sidebar ul select {
    margin: 15px;
    padding: 5px;
}
.auto-resizable-iframe{
  max-width:500px;
  margin: 0px auto;
}

img{
  margin:0;
}
	
/*****************mobileresponsive********/

#qtranslate-mobil{
    display:none;
}


@media (min-width:750px){
  

#qtranslate  .qtranxs_language_chooser li:nth-child(1) a:after{ 
        content:'Castellano';
}
#qtranslate  .qtranxs_language_chooser li:nth-child(2) a:after{ 
        content:'English';
}
#qtranslate  .qtranxs_language_chooser li:nth-child(3) a:after{ 
        content:'Català';
}
#qtranslate  .qtranxs_language_chooser li a span{ 
        display:none;
}
  
  
ul.nav-list ul {
display: none;
position: absolute;
left: 0;
}

ul.nav-list a {
cursor: pointer;
display: block;
color: white;
line-height: 30px;
padding: 0 10px;
}

}

@media (max-width:750px){
#sidebar {
    width:100%;
    max-width:300px;
    float: none;
    margin: 20px auto 30px;
}  
.posts-wrap {
    clear: none;
    float: none;
    margin-left: 0;
    width: 100%;
}

#menuStyle .nav{
    background: #90d806 none repeat scroll 0 0;
    color: white;
    cursor: pointer;
    left:0;
    position: fixed;
    text-align: left;
    text-indent: 2%;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#menuStyle li{
    display:block;
    float:none;
    padding:5px;
}
#menuStyle li a{
    color:white;
    border:none;
    padding: 0 12px;
}
#menuStyle li a:hover{
  background:none;
}

  #logo {
    margin: 50px 0 0;
  }
  #qtranslate-mobil{
    display: block;
    position: fixed;
    right: -3%;
    top: 5px;
    width: 50%;
    z-index: 9999;
    color:white;
  }
  #qtranslate-mobil a{
    color:white;
  }
  #qtranslate{
    display:none;
  }
  .nav-active {
    top: 28px;
  }
  
  #menuStyle ul {
      text-align: left;
  }

  #menu-item-655 > a{
    color: #333 !important;
    padding-bottom:0;
  }

  .sub-menu{
    text-indent:15px;
  }
  h1.page-title{
    margin-top:0;
  }
  .qtranxs_language_chooser li{
  padding:0 10px;
  border-right:none;
}
  .posts-wrap {
    padding:2%;
    width: 96%;
  }
}


/***************menu-responsive*******************/