/*
Theme Name: Ideas for change
Description: The theme for the "ideas for change" official website
Version: 1.0
Author: Ramon Vilar Gavaldà
Author URI: http://blog.facilitant.net
Tags: fixed width, two columns, widgets
*/

/*
  TOC:
    - General
    - Structure
    - Header
    - Footer
    - Post
    - Widgets
      - Text
      - Search
      - Archives
      - Categories
    - WPML
*/

/*- General
-----------------------------------------------------------------------------*/
body {
	color: rgb(101, 101, 101);
	font-size: 62.5%;
	font-family: Arial, Verdana, Sans-Serif;
	margin: 0;
}
a {
  color: rgb(170, 92, 176);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}
textarea,
input.text,
input.contacterror {
  border: 1px solid rgb(205, 205, 205);
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 1em;
}


/*- Structure
-----------------------------------------------------------------------------*/
#header .content,
#body .content {
  margin: 0 auto;
	width: 96em;
}
#content {
  overflow: hidden;
}
#main-content {
  float: left;
  width: 47.5em;
}
#sidebar {
  float: right;
  width: 37em;
}


/*- Header
-----------------------------------------------------------------------------*/
#header {
  background: url(assets/img/bg-header.png) repeat-x left bottom;
  margin-bottom: 2em;
  padding-bottom: 0.2em;
}
#header .content {
  overflow: hidden;
}
#header h1 {
  float: left;
  font-size: 3em;
  margin: 0.5em 0;
}
#header .description {
  color: rgb(152, 152, 152);
  float: right;
  font-size: 1.4em;
  margin-right: 27.8em;
  margin-top: 1.8em;
  text-align: justify;
  width: 27.8em;
}
#header .main-menu {
  clear: both;
  float: left;
  font-size: 1.5em;
  font-weight: bold;
  list-style: none;
  margin: 0;
  padding: 0;
}
#header .main-menu li {
  background: rgb(72, 72, 72) url(assets/img/bg-menu.png) repeat-x left top;
  float: left;
  margin-right: 0.6em;
  text-align: center; 
  width: 8.3em;;
}
body.blog #header .main-menu li.page-item-3,
body.single #header .main-menu li.page-item-3,
#header .main-menu li.current_page_item {
  background: rgb(139, 76, 146) url(assets/img/bg-menu-active.png) repeat-x left top;
}
#header .main-menu li a {
  color: rgb(255, 255, 255);
  display: block;
  padding: 0.4em 0 0.3em 0;
}

#main-content {
  font-size: 1.2em;
}


/*- Footer
-----------------------------------------------------------------------------*/
#footer {
  border-top: 1px dotted rgb(75, 75, 75);
  clear: right;
  float: right;
  font-size: 1.1em;
  margin-top: 1.1em;
  padding-top: 1.1em;
  text-align: right;
  width: 33.6em;
}
#footer p {
  margin: 0;
}
#footer p * {
  vertical-align: middle;
}


/*- Post
-----------------------------------------------------------------------------*/
.post,
div.page {
  border-bottom: 1px dotted rgb(75, 75, 75);
  margin-bottom: 1em;
  padding-bottom: 1em;
}
#main-content .post .content,
#main-content .page .content {
  background: rgb(244, 245, 245);
  overflow: auto;
  padding: 1.5em 1.5em 0.5em 1.5em;
  width: auto;
}
.post h2,
.page .post h2,
.post h3.title,
.page .post h3.title {
  font-family: Georgia, Verdana, sans-serif;
  font-size: 2em;
  font-weight: normal;
  margin: 0;
  margin-bottom: 5px;
}
.post h2 a,
.post h3.title a,
.page h2 a,
.page h3.title a {
  color: rgb(74, 75, 75)
}
.post .entry h3 {
  clear: both;
  margin: 0.5em 0;
}
.post .metadata,
.page .metadata {
  font-size: 0.9em;
  margin: 0;
  margin-bottom: 5px;  
}
.post .links {
  background: rgb(229, 229, 229);
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.post .links li {
  background: rgb(61, 61, 61);
  font-weight: bold;
  padding: 0.3em 0.5em 0.3em 1em;
}
.post .links li.sharethis {
  border-right: 5px solid rgb(242, 242, 242);
  float: left;
}
.post .links li.permalink {
  border-left: 5px solid rgb(242, 242, 242);
  float: right;
}
.post .links li a {
  color: rgb(199, 199, 199);
}
.post .links li a:hover {
  color: rgb(199, 131, 203);
  text-decoration: none;
}
.post .links li.sharethis a {
  background: url(assets/img/ico-sharethis.png) no-repeat right center !important;
  padding: 0 1.7em 0 0 !important;
}
.post .links li.permalink a {
  background: url(assets/img/ico-permalink.png) no-repeat right center;
  padding-right: 1.7em;
}
.post .links li.permalink a:hover {
  background: url(assets/img/ico-permalink-over.png) no-repeat right center;
}


/*- Widgets
-----------------------------------------------------------------------------*/
#sidebar ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
#sidebar .widget {
  font-size: 1.2em;
  margin-bottom:4px;
}
.widget h2 {
  background: rgb(220, 220, 220);
  color: rgb(52, 52, 52);
  font-size: 1em;
  margin: 0 0 0.3em 0;
  padding: 0.2em 1em;
}
#sidebar .widget ul {
  background: rgb(242, 242, 242);
  font-size: 1.16em;
  padding: 0.5em 0.9em;
}
.widget ul li {
  padding-bottom: 0.2em;
}

/*-- Text
-----------------------------------------------------------------------------*/
#sidebar .widget_text {
 border-bottom: 1px dotted rgb(75, 75, 75);
 font-size: 1.5em;
 margin: 2em 0 1em 0;
 padding-bottom: 1em;
}
.widget_text .textwidget {
  background: rgb(61, 61, 61);
  color: rgb(255, 255, 255);
  font-size: 1.08em;
  padding: 1em;
}
.widget_text p {
  margin: 0;
}
.widget_text strong {
  color: rgb(183, 113, 185);
}
.widget_text a {
  color: rgb(255, 255, 255);
}

/*-- Search
-----------------------------------------------------------------------------*/
.widget_search {
 border-bottom: 1px dotted rgb(75, 75, 75);
 margin-bottom: 1em;
 padding-bottom: 1em;
}
.widget_search h2 {
  background: rgb(242, 242, 242);
  font-size: 1.5em;
  margin: 0;
  padding: 0.7em 1em  0.5em 1em;
}
.widget_search form {
  background: rgb(242, 242, 242);
  padding: 0 1.5em 1.5em;
}
.widget_search form div * {
  vertical-align: middle;
}
.widget_search form input.text {
  border: 1px solid rgb(205, 205, 205);
  padding: 1px 2px;
  width: 20em;
}
.widget_search .separator {
  color: rgb(206, 206, 206);
  font-size: 1.5em;
}

/*-- Archives
-----------------------------------------------------------------------------*/
.widget_tag_alternative,
.widget_archives {
  float: left;
  width: 49.5%;
}

/*-- Categories
-----------------------------------------------------------------------------*/
.widget_categories {
  float: right;
  width: 49.5%;
}

















/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	display: inline;
	margin: 0 0 2px 7px;
	padding: 4px;
}
img.alignleft {
	display: inline;
	margin: 0 7px 2px 0;
	padding: 4px;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* End Images */

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}
.even, .alt {

	border-left: 1px solid #ddd;
}
.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
}
.sticky h2 {
	padding-top: 10px;
}
.commentlist li, #commentform input, #commentform textarea {
  font-size: 0.9em;
}
.commentlist li ul li {
	font-size: 1em;
}
.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
.commentmetadata {
	font-weight: normal;
}
#sidebar {
	font-size: 1em;
}
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}
#wp-calendar a {
	text-decoration: none;
}
#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */

.smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.attachment {
	text-align: center;
	margin: 5px 0px;
}
/* End Structure */

/* Begin Form Elements */

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform {
	margin: 5px 10px 0 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
#respond:after {
	content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}
/* End Form Elements */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
}
.commentlist {
	padding: 0;
	text-align: justify;
}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children {
  padding: 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
/* End Comments */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin: 1em 0;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

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

/*- WPML
------------------------------------------------------------------------------*/
#language-selector {
  float: right;
}
#lang_sel_list {
  font-family: Arial,Verdana,Sans-Serif;
  height: auto;
  margin-bottom: 2em;
  position: static;
  width: auto;
}
#header div#lang_sel_list ul {
  background: none;
  border: none;
  height: auto;
  width: auto;
}
#header div#lang_sel_list li {
  width: auto;
}
#header #lang_sel_list a {
  border: none;
  font-size: 1.5em;
  padding: 0.4em 0 0.1em 1.5em;
}
#lang_sel_list ul li a.lang_sel_sel {
  font-weight: bold;
}