/*
Theme Name: Lonelytree
Theme URI: http://www.gauson.com/lonelytree
Description: LonelyTree is a theme inspired by the global warming conditions around the world and in part dedicated to the bush fires.  The theme is simple with two columns, fixed width, widget ready,  valid CSS and valid XHTML and compatible with wordpress 2.8. LoneyTree Wordpress Theme by Designed by Gauson
Version: 1.6
Author: Gauson
Author URI: http://www.gauson.com
Tags: green, white, two-columns, right-sidebar, fixed-width, flexible-width, theme-options
*/

/* - BASIC CSS - */

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

html, body {line-height: 150%;}

body {
	background-color:#ffffff;
	font: 15px Droid Sans, sans-serif;
	line-height:150%;
	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;
}

a,a:visited {
	color:#ec008c;
	outline: none;
}
a:hover {
	text-decoration:none;
	color:#cc007a;
}

a.links2 {
	color:#ec008c;
	outline: none;
}
a.links2:hover {
	text-decoration:none;
	color:#ec008c;
        background: none;
}

a.links_bg{
	color:#ec008c;
}
a.links_bg:hover {
	color:#ec008c;
        background:none;
}

.abc {font-weight:bold;
      font-size:18px;
      color:#ec008c;
      text-decoration:underline;}

      
blockquote {
margin-top: 10px;
margin-bottom: 10px;
padding: 1em 1em;
background: #f4f4f4;
border-left: solid 2px #ec008c;
font-style: italic;
}

blockquote p {
color: #444444;
padding: 1em 1em;
}

blockquote * {
	font-family: georgia, arial;
}


hr {	display: block;
	border: none;
	margin: 0.5em auto;
	background-color: #ec008c;
}

pre{
white-space: normal;
}

table {border-collapse:collapse;}

fieldset{
  padding: 10px;
}

.clear {clear: both}

/* -- LISTS -- */

.posts-wrap li {
	list-style-type:none;
	padding-bottom: 20px;
	text-indent:-15px;
}

.posts-wrap ul{
  padding-bottom:10px;
  padding-left:25px;
}

.posts-wrap ul li:before{
    content: "» " !important;
    font-size: 150%;
    color:#ec008c;
}

.posts-wrap ol {
	list-style-type: decimal;
}


/* -- HEADINGS -- */
h1,h2{
    font-size: 35px;
    padding: 25px 0 20px 0;
}

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

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



h2.widgettitle {
        font-size:100%;
        color:#ffffff;
        margin-top:20px;
        padding-left:10px;
        background:#ec008c;
}

h2.widgettitle a,h2.widgettitle a:visited{
        font-size:100%;
        color:#ec008c;
        margin-top:20px;
        background:#ffffff;
        padding:0 29px;
}

h2.widgettitle  a:hover{
        font-size:100%;
        color:#ec008c;
        margin-top:20px;
        background:#ffffff;
       
}


#wrapper {
	margin:0 auto 0;
	width:1001px;

}




#menuStyle li {
        list-style: none;
        border-right:solid #ffffff 1px;
}
		
#menuStyle li a {
	color: #ffffff;
	font:bold 14px arial;
	padding: 6px;
	text-decoration: none;
} 

#menuStyle ul.sub-menu li {
    border-bottom: 1px solid #fff;
    padding: 5px;
}

#menuStyle ul.sub-menu li a{
font-size:14px;
}
#menu-menu-home li ul.active {
    display: block;

    position: absolute;
    z-index: 999999;
}
	

#header {
	height:180px;
	margin:0 auto;
}


.ocult{
display:none;
}


.highlight {background-color:#efefef; color:#333; padding: 10px 10px 2px; margin-bottom:10px;}
.highlight ul {padding:0 0 10px 0; margin:0;}	
.highlight ul li {padding-bottom:0;}	

.program {background-color:#ffffff; margin:10px 0 20px; padding:5px 10px; }
.program h2 {background-color: #ffffff; padding: 0px 5px; margin:0px;}

/* -- POSTS -- */
.post-index {
	margin:0 0 10px;
}
#post-single {
	margin:0 0 20px;
}




/* 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;
  border-right:1px solid black;
  padding:0 15px;
}

#qtranslate  .qtranxs_language_chooser li:last-child(1) { 
	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;
}



/* -- 404-PAGE --*/

.error404 {
	margin:0;
	width:100%;
}
.error404 h1,.error404 h2 {
	margin: 10px auto;
}

/* -- COMMENTS -- */


/*-- table --*/
table{
  margin: .5em 0 1em;
  border-bottom: 2px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
}


table td, table th{
  text-align: center;
  padding: 3px;
  border-top: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
}

table th{
	background-color: #d1d1d1;
	border-bottom: 2px solid #d1d1d1;
}

table tr.odd{
	background-color: #E2E2E2;
}



#column {
	float: left;
	width: 540px;
  margin-top: 5px;
	margin-right: 20px;
	background: #fff;
}


.post-top {
	width: 540px;
	height: 10px;
}

.post-bottom {
	width: 540px;
	height: 10px;
}

 .entry-content {
padding-top:20px;
}      

.entry h2 {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	line-height: 1.3em;
	font-size: 20px;
  font-weight: bold;

}

.entry h2 a {
	line-height: 1.3em;
	font-size: 20px;
	color: #ec008c;
	font-weight: bold;
}

.entry .date {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	color: #999;
	padding-bottom: 5px;
	font-size: 0.7em;
	line-height: 1.3em;
}



/* -- ALIGNMENTS --*/
img.alignright {
display:inline;
margin: 5px 0 5px 10px;
padding:4px;
float: right;
border:1px solid #CCCCCC;

}
img.alignleft {
display:inline;
margin: 5px 10px 5px 0;
padding:4px;
float: left;
border:1px solid #CCCCCC;
}
img.aligncenter {

	display:inline;
margin:3px 0 2px 10px;
padding:4px;
}
img.alignnone {
	display:inline;
margin:3px 0 2px 10px;
padding:4px;
}

/* -- NAVIGATION --*/
div.navigation {
	width:100%;
	height:auto;


	float:left;
	clear:both;
	padding: 10px 0px;
}

.navigation-index {
}

.nav-next {
	float:right;
	clear:none;
	width:48%;
	text-align:right;
}



.nav-prev {

	float:left;
	clear:none;
	width:48%;
	text-align:left;
}







.wp-caption {
	background-color:#EEE;
	border: 1px solid #E7E8E6;
	-moz-border-radius: 4px;
	padding-top:5px;
	margin:4px 10px;
	text-align:center;
	color: #8d8b8b;
}

.wp-caption img, .post .wp-caption img{
  margin: 0;
  border: 0;
  padding: 0;
}

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

.wp-caption.alignright{
	margin-right: 0;
}

/** WIDGETS CSS */

.widget{
  margin: 1em 0 1.8em 0;
}
.widget_text{
background:none;
text-align:justify;
margin:0;
}

.text-widget{
padding:0;
margin:0;
}

.widget ul ul{
  margin: .4em 0 1em .8em;
}


/* == PORTADA == */

#portada {width:100%; background: #ffffff; clear: both; padding-bottom:20px; text-align:center;}
.cuadros {
display:inline-block;
padding: 20px 16px 15px 16px;
min-width:200px;
}

/* == ALL YOUR CODE ARE BELONG TO POETRY == */

.fulljustify {
  text-align: justify;
}
.fulljustify:after {
  content: "";
  display: inline-block;
  width: 100%;
}

.fulljustify a{
  display: inline-block; 
}

.cuadros {
    width: 21%;
}
.cuadros  img{width:100%;}



/*****************responsive-alfa****************/
#wrapper{
    width:96%;
    padding:0 2%;
    max-width:1000px;
}
#header{
    height: auto;
}
#logo{
    text-align: center;
}
#logo img{
    width:100%;
    max-width:800px;
    padding-top:10px;
}


#menuStyle li {
    border:none !important;
}
#menuStyle{
    background: #1c1c1c;
    height: auto;
    margin-left:0;
    margin-right:0;
    padding:0 15px;
}


#menuStyle li{
    display:inline-block;
}

#menuStyle li a{
    font-weight:normal;
    border:none;
}



/*****************mobileresponsive********/

.nav-mobile {
    display:none; /* Hide from browsers that don't support media queries */ 
    background: #1c1c1c none repeat scroll 0 0;
    color: white;
    cursor: pointer;
    display: none;
    position: fixed;
    text-align: left;
    text-indent: 2%;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#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;
}

.menu-home-menu-container{
  text-align:center;
}

#menuStyle .menu-home-menu-container li a:hover{
  background:#fff;
  color:#1c1c1c;
}


.menu-home-menu-container li:first-child{
  float:left;
}
.menu-home-menu-container li:nth-last-child(2){
  float:right;
}
.menu-home-menu-container li:last-child{
  float:right;
}
.menu-home-menu-container li:nth-child(2) a{
  display:inline;
}

.menu-home-menu-container li:nth-child(2) a{
  padding-left:15px;
}

.lang-es .menu-home-menu-container li:nth-child(2):before{
  content:'FCForum en: ';
  color:white;
}
.lang-en .menu-home-menu-container li:nth-child(2):before{
  content:'FCForum in: ';
  color:white;
}
.lang-ca .menu-home-menu-container li:nth-child(2):before{
  content:'FCForum en: ';
  color:white;
}



}

@media (max-width:750px){
#menuStyle{
    background: none;
    text-align: center;
}
#menuStyle ul{
    text-align: center;
}
#menuStyle li{
    display:block;
    float:none;
    padding:5px 5%;
}

#menuStyle li:nth-child(n+2){
    display:inline-block;
    width:20%;
}

#menuStyle li:nth-child(n+2) a{
    display:inline-block;
    padding-left:9%;
}

.menu-home-menu-container li:nth-child(1){
  padding-bottom:0 !important;
}

.menu-home-menu-container li:nth-child(1) a{
  display:inline-block;
  width:100%;
  padding-bottom:15px !important;
}

.lang-es .menu-home-menu-container li:nth-child(1):after{
  content:'FCForum en: ';
}
.lang-en .menu-home-menu-container li:nth-child(1):after{
  content:'FCForum in: ';
}
.lang-ca .menu-home-menu-container li:nth-child(1):after{
  content:'FCForum en: ';
}

#menuStyle li a:before, #menuStyle li a:after{
    content: " | " !important;
    color:#ec008c;
}

#menuStyle li:nth-child(8){
    clear:both;
    width:60%;
}

#menuStyle li:nth-child(8) a{
    padding-left:3%;
}


#menuStyle li:nth-child(9){
    padding:10px 0 15px 0;
    width:47%;
    float:right;
}

#menuStyle li:nth-child(10){
    padding:10px 0 15px 0;
    width:50%;
    float:left;
}

#menuStyle li:nth-child(10) a{
    padding-left:10%;
}

#menuStyle li a{
    border:none;
    padding: 0;
    color:#1c1c1c;
}
  .nav-mobile {
    display:block;
    font-size: 18px;
    height: 24px;
    left: 0;
    padding-top: 5px;
    box-shadow:0 0 3px 0 black;
  }
  .nav-list {
    display:none;
    padding-top:10px;
  }
  #qtranslate-mobil{
    display: block;
    position: fixed;
    right: -3%;
    top: 5px;
    width: 50%;
    z-index: 9999;
  }
  #qtranslate{
    display:none;
  }
  
.qtranxs_language_chooser li {
  border:none;
  padding:0 10px;
}
.qtranxs_language_chooser li a,.qtranxs_language_chooser li a:hover,.qtranxs_language_chooser li a:active{
  color:white;
}

  .nav-active {
    top: 28px;
  }
  
  #menuStyle ul {
      text-align: left;
  }

  .sub-menu{
    text-indent:15px;
  }

  .nav-active {
    display: block;
    background: white none repeat scroll 0 0;
    border-bottom: 2px solid #ec008c;
    display: block;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
    box-shadow:0 0 3px 0 black;
  }
}