/*
Theme Name: Exagone
Theme URI: http://www.sebrac.net/exagone
Description: A Watercolored theme.
Author: Sebrac
Author URI: http://www.sebrac.net/
Version: 1.0
Tags: blue, two-columns
License: GNU GPL
License URI: http://www.gnu.org/licenses/gpl.html
*/

@font-face {
    font-family: 'MuseoSlab500';
    /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
    src: url('fonts/Museo_Slab_500-webfont.eot');
    src: url('fonts/Museo_Slab_500-webfont.eot?iefix') format('eot'),
        url('fonts/Museo_Slab_500-webfont.woff') format('woff'),
        url('fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
        url('fonts/Museo_Slab_500-webfont.svg#webfontyumMOUTD') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* ================ */
/* = The 1Kb Grid = */     /* 16 columns, 40 pixels each, with 20 pixel gutter */
/* ================ */
.grid_1 { width:40px; }
.grid_2 { width:100px; }
.grid_3 { width:160px; }
.grid_4 { width:220px; }
.grid_5 { width:280px; }
.grid_6 { width:340px; }
.grid_7 { width:400px; }
.grid_8 { width:460px; }
.grid_9 { width:520px; }
.grid_10 { width:580px; }
.grid_11 { width:640px; }
.grid_12 { width:700px; }
.grid_13 { width:760px; }
.grid_14 { width:820px; }
.grid_15 { width:880px; }
.grid_16 { width:940px; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}
.column {
	margin: 0 10px;
	float: left;
	display: inline;
        word-spacing:2px;
        color:#444;
}

.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
        
}

.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}
.row img {
     	border: 0px solid #000;
		
			}
.row ul li a{
word-spacing:2px;
color:#444;
text-decoration: none;
			}
.row p{
color:#444;
}
.row a:visited{ color: rgb(40,18,4);}

.row h1{
margin-top: 12px;
background: rgb(192,192,192);
height: 28px;
padding: 5px 10px;
letter-spacing: -1px;
float: left;
color: #fff;
}

/* ================ */
/*  Sebrac STANDARD */     
/* ================ */
html,body {
height: auto !important;
min-height: 100%;
background: #fff;
background-repeat: repeat-y;
background-position: top;
font-family: MuseoSlab500, sans, "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
font-size:14px;
line-height: 2.2em;
}

* {
margin: 0;
padding: 0;
}

#body{
width: 100%;

}
#cuerpo{
width: 100%;
margin: 0 auto;
background-image: url(images/bg2.jpg);
background-repeat: repeat-y;
background-position: center;
height: auto !important;
min-height: 100%;
}

#header {
background-image: url(images/background.jpg);
background-repeat: repeat-x;
background-position: top;
    height: auto !important;
    min-height: 1000px;
    }

* html #header {
	height: 100%;
}

#container {
   margin: 0 auto;
   width: 960px;
   height: auto !important;
   }
 
#left {
   word-wrap: break-word;   /* force and break very long texts */
   padding-left: 20px;
   padding-right:10px;
   float: left;
   display: inline;
   width: 670px;
   height: auto !important;
   overflow: hidden;
   
   }
   .post{
       float: none;
       text-align: none;
   }
   
.post ul li{
margin: 0 0 0 40px;
word-spacing:1px;
color:#444;
text-decoration: none;
list-style-type: square;
}
.post ol li{
margin: 0 0 0 45px;
word-spacing:2px;
color:#444;
text-decoration: none;
}

.post a{
font-weight: bold;
color:#444;
text-decoration: none;

}
.post a:hover{
color: rgb(250,115,0);	
}
.post a:visited{
font-weight: bold;
    
}
.post img{
    border: 0px;
}
#right {
   word-wrap: break-word;   /* force and break very long texts */
   float: right;
   display: inline;
   width: 260px;
   height: auto !important;
   color:#444;
   background-image: url(images/bgsidebar.png);
    }
#right p{
		padding: 15px 20px 10px 20px;
	}   
#right h3 {
	margin-left: 10px;
        margin-right: 10px;
	color:#36393D;
	text-align: center;
	background-color: rgb(116,183,206);
        }
#right ul {
margin-left:10px;
padding: 10px 10px 15px 10px;
color:#444;
list-style-type: none;
list-style-image: none;
}
.children .cat-item{
padding-top:0px;
color:#444;
list-style-type: circle;
}


#right ul li a {
text-decoration: none;

}
#right ul li a:hover {
}
.postform{ /* formatta la lista desplegable del widget categorie */
word-wrap: break-word;   /* force and break very long texts */
width: 220px;
margin-left: 20px;
margin-top:10px;
margin-bottom:10px;
}
#calendar_wrap{
	width: 220px;
        margin: 10px 20px 10px 20px;
	padding-left: 35px;
}

#footer{
width: 100%;
margin: 0 auto;
background: #fff url(images/piepagina.jpg);
background-repeat: repeat-y;
background-position: center;
max-height: 156px;
min-height: 156px;
height: auto !important;
       }
       
* #footer{
margin: 0;
padding: 0;
}
#footer p{
word-spacing:2px;
color:#444;
text-align: left;
}
#footer a img{
    padding-top:7px;
    border: 0;
    text-decoration: none;
    float: left;
 }
.storycontent{
	/*background-image: url(images/bgstory.png);
	background-position: top;
	background-repeat: repeat-x;

	border-style: solid;
	border-width: thin;
	border-color: rgba(146,198,211,0.8);
*/
}
.sticky {
	
	
	border-top: 4px solid cornflowerblue;
	
}
img {border: 0;}
p {
	color:#444;
}
h1 {
	font-weight:bold;
	color:#000;
        font-size: 28px;   
}
h2 {
	font-weight:bold;
	color:#000;
        font-size: 22px;    
}
h3 {
	font-weight:bold;
	color:#000;
        font-size: 20px; 
        line-height: 26px;

}
h4 {
	font-size: 18px;
        font-weight:bold;
	color:#000;
    }
h5 {
	font-size: 16px;
        font-weight:bold;
	color:#000;
    }
    h1 a{
font-size: 28px;
word-spacing:2px;
text-decoration: none;
color: #000;
}
h1 a:hover {
text-decoration: none;
color: #111;
}
h2 a{
font-size: 22px;
word-spacing:2px;
text-decoration: none;
color: #000;
}
h2 a:hover {
text-decoration: none;
color: #111;
}
h3 a{
font-size: 20px;
word-spacing:2px;
text-decoration: none;
color: #000;
}
h3 a:hover {
text-decoration: none;
color: #111;
}
h4 a{
	font-size: 18px;
        font-weight:bold;
	color:#000;
}

a {
	font-size: 12px;
       
	color:#444;
	text-decoration: none;
}
a:hover {
text-decoration: none;
color: rgb(250,115,0);
}


/* Menu horizontal de texto */
.navigation ul li {
list-style-type: none;
float: right;
height: 74px;

}
.navigation ul li a {
padding: 15px 12px 12px;
height: 75px;
display: block;
font: 15px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
.navigation ul li a:visited {
color: #fff;
}
.navigation ul li a img{
	padding-top: 7px;
}
.navigation ul li a:hover, #footer a:hover {
color: rgb(250,115,0);
}
.current {
background: #5f6e42;
}


/* menu de iconos*/
.menu {
	float:right;
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	
	padding: 0;
	margin: 0;
	height: 45px;
	margin-right: 1em;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -4000px;
	height: 45px;
	background-repeat: no-repeat;
}
.twitter {background-image: url(images/twitter.png); width:45px;}
.twitter a {background-image: url(images/twitteroff.png);}
.rss {background-image: url(images/rss.png); width: 45px;}
.rss a {background-image: url(images/rssoff.png);}
.linkedin {background-image: url(images/linkedin.png); width: 45px;}
.linkedin a {background-image: url(images/linkedinoff.png);}
.facebook {background-image: url(images/facebook.png); width: 45px;}
.facebook a {background-image: url(images/facebookoff.png);}
.delicious {background-image: url(images/delicious.png); width:45px;}
.delicious a {background-image: url(images/deliciousoff.png);}

ul.menu li a:hover {background:none;}
.menu li {float: left;}
.menu ul {
}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* menu enlaces */



.enlaces {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

/* Comments pagination 
source: http://pedrofuent.es/2009/06/agregar-paginacion-a-comentarios-en-wordpress/
*/
.navcomments{
clear:left;
margin:1em 0;
padding:1em;
height:21px;
}
 
.navcomments span{
border:1px solid #FFFFFF;
display:block;
float:left;
margin-right:0.1em;
padding:0.2em 0.5em;
}
 
.navcomments a{
border:1px solid #FFFFFF;
display:block;
float:left;
margin-right:0.1em;
padding:0.2em 0.5em;
}
 
.navcomments .page-numbers{
border:1px solid #9AAFE5;
text-decoration:none;
}
 
.navcomments a:hover{
background:#2E6AB1 none repeat scroll 0 0;
border:1px solid #2E6AB1;
color:#FFFFFF;
}
 
.navcomments .current{
background:#2E6AB1 none repeat scroll 0 0;
border:1px solid #2E6AB1;
color:#FFFFFF;
font-weight:bold;
}
 
.navcomments .next{
font-weight:bold;
}
 
.navcomments .prev{
font-weight:bold;
}
.navcomments .dots{
border:0;
}






/*
  CSS PARA EL PLUGIN SLIDE SHOW http://www.robpoyntz.com/blog/?p=223
*/

#slideshow {
	background-color: rgba(258,258,258, 0.8);
	border-color: rgb(116,183,206);
	filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;-khtml-opacity: 0.8;
	border-style: solid;
	border-width: 10px;
	margin:0px; padding:0px;
	width: 650px;
	height:150px;
	z-index: 1;
	}
        #slideshow h1 a{
            padding-left:5px;
            color:#fff;
        }        
.grid_img {width:150px;
           height:150px;
	   margin-top:0px;
	   margin-left:0px;  
	   }
.grid_text {
	width:500px;
	height:150px;
	background-color: #000;
	margin-left:150px;
	font-family:Arial, Helvetica, sans-serif;
	filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;-khtml-opacity: 0.7;
	}
.grid_text h3{
		font-size:12px;
		font-weight:bold;
		padding:4px;
}
.grid_text h3 a{ color:#FFFFFF; }
.grid_text h3 a:hover{ color:#FFFFFF; }
.grid_text p{ position: absolute;
		font-size:10px;
		font-weight:normal;
		padding:2px 4px 4px 4px;
		color:#CCCCCC; }
.grid_text p a{
		color:#CCCCCC; }
.grid_text p a:hover{
		color:#FFFFFF; }
.columnslide {
	margin: 0px;
	float: left;
	display: inline;
	overflow: hidden;
	color:#444;
}

.rowslide {
	width: 650px;
	margin: 0 auto;
	overflow: hidden;
}		
div.fadenav { position: absolute; top: 135px; left: 150px;}
div.fadenav a { display: block; background: #ccc; width: 12px; height: 12px; margin: 0 0 0 8px; float: left; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #000; }
div.fadenav a:hover { text-decoration: none; }
div.fadenav a.current { background-color: red;}		

<!--[if IE]>
.grid_text{ /* panel with text content */
		background-color: #000;
		font-family:Arial, Helvetica, sans-serif;
		z-index:1;
		max-height: 150px;
		min-height:150px;
		height:150px;
		height: !important;
		width:500px;
		margin-left: 150px;
		margin-top: -156px;
 		padding:0px; }
			<![endif]-->
<!--[if IE]> #slideshow  {
	        background-color: rgb(258,258,258);
	        border-color: rgb(116,183,206);
		-ms-filter:'alpha (opacity=80)';
		filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;-khtml-opacity: 0.8;
		border-style: solid;
		}
		<![endif]-->
<!--[if IE]>#right h3 {background-color: rgb(116,183,206);}<![endif]-->
/*
  CSS Sebrac para las flechas de navegacion
*/	
#slidenav {
	position: absolute;
	margin:0px; padding:0px;
	width: 650px;
	height:150px;
	}
.navleft{
	position: absolute;
	margin-left:10px;
	margin-top:75px;
	z-index: 2;
	filter:alpha(opacity=20);-moz-opacity:.2;opacity:.2;-khtml-opacity: 0.2;
	cursor: pointer;
}
.navright{
	position: absolute;
	margin-left:635px;
	margin-top:75px;
	z-index: 2;
	filter:alpha(opacity=20);-moz-opacity:.2;opacity:.2;-khtml-opacity: 0.2;
	cursor: pointer;
}

#slidenav a:hover{
	filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;-khtml-opacity: 0.8;
}
#calendar_wrap{
width: 100%;
	margin: 0 auto;
}
#wp-calendar {
	width: 190px;
	
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {

	background-color: #ACD5E5;
}
#wp-calendar tbody {
	color: #aaa;
		background: #f5f5f5;
}
#wp-calendar tbody td {

	border: 0px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody a{
background-image: url(images/eventcalendar.png);
		background-position: top;
}
#today {
	color: #000;
	background-image: url(images/today.png);
	background-position: right;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
#wp-calendar tfoot #prev {
	text-align: right;
}

.recentcomments  a{
 	font: 85%/0.9em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	font-style: italic;
	color:#444;
	
}



/* ========== MAIN NAVIGATION MENU ============ */
#nav {
    /*margin-top: 40px;
    margin-left: 10px;*/
    margin-top:-8px;
}
.pullmenu{
    
}
.pullmenu ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/*Top level list items*/
.pullmenu ul li{
    position: relative;
    display: inline;
    list-style: none;
    float: left;
    height:60px;
}
.grid_2-2 a{
    color: #6699cc;
}

/*Top level menu link items style*/
.pullmenu ul li a{
    display: block;
    padding-top: 8px;  
    text-decoration: none;
    display: block;
    line-height: 55px;
    text-decoration: none;
    padding-left:15px;
    padding-right: 15px;
    color: #fff;
    font-size:13px;
}
* html .pullmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
                          display: inline-block;
}
.pullmenu ul li a:link, .pullmenu ul li a:visited{
    color: #fff
}
.pullmenu ul li a:hover{
    /*background-color: skyblue; /*tab link background during hover state*/
    color: #000;
}
/*1st sub level menu*/
.pullmenu ul li ul{
    position: absolute;
    display: block;
    visibility: hidden;
    background:rgba(56,77,104,0.7);
    z-index: 99999;
    border-style: solid;
    border-width: 1px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.pullmenu  ul li:hover > ul{
    visibility: visible;
    /* show the pull down menu */
}
/*Sub level menu list items (undo style from Top level List Items)*/
.pullmenu ul li ul li{
    display: list-item;
    float: none;
    height:30px;
    border-bottom-style: dotted;
    border-bottom-width: thin;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.pullmenu ul li ul li ul{
    margin-top: -1px;
    margin-left:1px;
}
/* Sub level menu links style */
.pullmenu ul li ul li a{
    width: 120px; /*width of sub menus*/
    margin: 0;
    padding: 5px;
    border-top-width: 0;
    line-height: 15px;

    
}
pullmenu ul li ul li a:hover{ /*sub menus hover style*/

}
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
    position: absolute;
    top: 25px;
    right: 7px;
}

.rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
}
/* ====== SEARCH WIDGET ========*/
#searchform {
width:154px; /*follow your image's size*/
height:26px;/*follow your image's size*/
background-image:url(images/search.png);
background-repeat: no-repeat; /*important*/
color: #404040;
border: none;
}
#searchform form { display:inline ; 
border:0;}
#searchform input{
    border:0;
}
.widget_search {
border:0; /*important*/
background-color:transparent; /*important*/
padding-top:6px;
padding-left:30px;
width:140px;
height:16px;
padding-top:3px;
}
.searchbox_submit {

}



/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist ul{
list-style: none;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
  
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.comment even thread-even depth-1 parent li{
    list-style: none;
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
    list-style: none;
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}