/*
Theme Name: ymagen (Compact)
Theme URI: http://ymagen.com/
Description: Dsegined by <a href="http://ymagen.com" title="ymagen.com">ymagen.com</a>.
Version: 0.1
Author: ymagen.com
Author URI: http://ymagen.com
*/


/**********************************************
*   Basics & Typography                       *
***********************************************/

body {
	margin: 0;
	padding: 0;
	/* background: #0d297a url(images/bg.gif) repeat-y top center; */
	background: #ffffff url(images/page_bg.gif);
	font: 62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;
	color: #000;
	text-align: left;
	}

p,
ol,
ul {
	line-height: 160%;
	}
ol { /* to be styled */ }
ul { /* to be styled */ }

h1, h2, h3, h4, h5, h6 {
	font-family: arial;
	font-size: 25px;
	margin: 0;
	font-style: normal;
	background: transparent;
	color: #999999;
	}

h1 {
	font-size: 2.2em;
	}
h2 {
	font-size: 1.4em;
	text-transform: lowercase;
	}
h3, h4, h5, h6 {
	font-size: 1em;
	}

a:link {
	color: #2f63b3;
	text-decoration: none;
	}
a:visited {
	color: #2f63b3;
	text-decoration: none;
	}
a:hover {
	color: #4a5265;
	text-decoration: underline;
	}
a:active {
	color: #2f63b3;
	text-decoration: underline;
	}

blockquote {
	margin: 10px 0;
	padding: 0 50px;
	background: transparent url(images/blockquote.gif) no-repeat 0 0;
	color: #abafb9;
	}

code {
  background: #e9f0fa;
  cursor: text;
  font-family: "Courier New", Courier, monospace;
 }

small {
	font-size: 0.8em;
	}

input, textarea, select { 
	font-size:10px;
 }

form { /* to be styled */ }

img { border: 0 solid}

img.noborder {
	border: none;
	}

.alert {
	font-weight: bold;
	color: #f00;
	}

.left {
	float: left;
	}
.right {
	float: right;
	}
.center {
	text-align: center;
	}
.alignleft {
	float: left;
	margin-right: 10px;
	}
.alignright {
	float: right;
	margin-left: 10px;
	}

/**********************************************
*   Structure: Content, Sidebar, etc.         *
***********************************************/

#outline {
	width: 762px;
	margin: 0 auto;
	padding: 0;
	padding-top:5px;
	font-size: 1.2em;
	}


 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }

  /* (en) alternative class for optional support of old  Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { float:left }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50%}
  .c66l, .c66r { width: 66.666% }
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }

  /* (en) alternative class for optional support of old  Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { float:left }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50%}
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0}
  .subcr { padding: 0 0 0 1em }

  .rounded_content {text-align: justify;}

/**********************
*   Header            *
***********************/
  
#header { position:relative }
#header {
    color: #000;
    /* background: #006F95  repeat-x top left; */
	background:url("images/tal.jpg") top left repeat-x;
    padding: 10px 2em 1em 20px;  /* padding: 5px 2em 1em 20px; */
    height: 50px;
	}
	
#toplogo {
	width: 320px;
	height: 50px;
	padding: 0px 0px 0px 90px;
    }	
  
  /* Logo ymagen  */
   
#logoymagen {
	background: transparent url('images/logo-ymagen.gif') no-repeat top right;
	padding: 0px 0px 0px 5px; 
	width: 67px; 
	height: 50px;
	float: right;
	}

#textoymagen { 
	background: transparent url('images/texto-ymagen.gif') no-repeat bottom left; 
	width: 245px; 
	height: 50px;
	float: left;
	}
	
#topnav {
    position:absolute; 
    top: 10px;
    right: 10px;
    /* (en) essential for correct alignment in Opera 6 ! */
    /* (de) Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
    text-align: right;	
    color: #fff;
    width: 260px;
    height: 60px;
  }	

#topnav a { color: #fff; font-weight: normal; background:transparent; text-decoration:none; }
#topnav a:focus, 
#topnav a:hover,
#topnav a:active { text-decoration:underline; background-color: transparent;}	
	
  /* Iconos de acceso directo : Ingreos, Mail y Mapa */
  
#sm {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
        height: 20px;
  }
  
#sm a.sm_1 {
	background:url("images/sm1.jpg") top left no-repeat;
	padding:0px 0px 0px 15px;
  }

#sm a.sm_2 {
	background:url("images/sm2.jpg") top left no-repeat;
	padding:0px 0px 0px 15px;
	margin:0px 5px 0px 5px;
  }

#sm a.sm_3 {
	background:url("images/sm3.jpg") top left no-repeat;
	padding:0px 0px 0px 19px;
  }

#search {
  	padding:10px 0px 0px 0px;
	height: 20px;
  }

#readmore {margin:0px 5px 0px 0px;}
  	
#header .blogtitle {
	/*width: auto;
	height: 118px;*/
	background: transparent url(images/header.gif) no-repeat left bottom;
	}
#header h1 {
	padding: 50px 0 0 50px;
	}
#header h1 a {
	color: #fff;
	}


	#navbar {
		clear: both;
		float: left;
		width: 100%;
		height: 31px;
		background: transparent url(images/nav_bg.gif) repeat-x 0 0;
		}

	ul.menu {
		float: left;
		margin: 0;
		padding: 0 15px;
		list-style-type: none;
		}
	ul.menu li {
		float: left;
		}
	ul.menu li a {
		float: left;
		display: block;
		height: 28px;
		padding: 3px 15px 0 15px;
		line-height: 24px;
		color: #fff;
		}
	ul.menu li a:link,
	ul.menu li a:visited {
		color: #fff;
		background: transparent url(images/nav_hover.gif) no-repeat center top;
		}
	ul.menu li a:hover,
	ul.menu li a:active {
		color: #fff;
		background: transparent url(images/nav_hover.gif) no-repeat center -31px;
		text-decoration: none;
		}

	ul.menu li.current_page_item a:link,
	ul.menu li.current_page_item a:visited,
	ul.menu li.current_page_item a:hover,
	ul.menu li.current_page_item a:active {
		color: #fff;
		background: transparent url(images/nav_active.gif) no-repeat center bottom;
		text-decoration: none;
		}

	.searchbar {
		float: right;
		width: 240px;
		height: 31px;
		margin: 0;
		}


/***********************
*  Wrapper             *
***********************/

#wrapper {
	float: left;
	background: #fff;
	margin: 0 !important;
	margin: -15px 0 0 0; /* Fuck IE */
	padding: 0;
	}


/**********************
*   Content           *
***********************/

#content {
	float: right;
	width: 566px;
	height: 100%;
	background: #fff;
        border-left: 1px #ddd solid;
	}

.pages {
	float: left;
	width: 500px;
	background: #dce6ff url(images/separator_blue.gif) repeat-x bottom center;
	}
.pages-border {
	clear: both;
	width: 100%;
	height: 6px;
	background: transparent url(images/separator_blue.gif) repeat-x 0 0;
	}
.page-previous {
	float: left;
	padding: 10px 0 16px 30px !important;
	padding: 0 0 15px 30px; /* Fuck IE */
	}
.page-next {
	float: right;
	padding: 10px 30px 16px 0 !important;
	padding: 0 30px 15px 0; /* Fuck IE */
	}

.page-title {
	width: 500px;
	height:40px;
	margin: 12px 0 0 20px;
	}

.page-title h2.page-title-border {
	padding: 0 0 0 30px;
	background: transparent url(images/separator_blue.gif) repeat-x 0 0;
	font-size: 1.6em;
	line-height: 48px;
	color: #104177;
	}


 /* Cajetines o Box de colores */

  .rounded {
        background: #f3f8fa; /* #ebf4f7; */
        color:#444;
        margin-top:15px;
        margin-bottom:15px;
  }

  .rounded .rounded_content {
    /*background-color:#fff;  #efefef;  */
        padding:15px;
  }

  .rounded#rounded_blue{
        background:#f8f8f8;
        color:#444;
  }

  .rounded#rounded_blue2{
        background:#f3f1f1;
        color:#444;
  }

.foto {
        float: left;
        padding-right: 10px;
        margin-right: 5px;
        }

.foto img {
        background-color:#FFFFFF;
        border:1px solid #A9A9A9;
        display:block;
        margin:4px 0px 4px 5px;
        padding:4px;
        position:relative;
}

.foto img:hover {
        background-color: #A9A9A9;
}

.foto span {
        /* Images description */
        font-size:90%;
        padding-left:5px;
        display:block;
}


/**********************
*   Blog Entries      *
***********************/

.post {
	padding: 20px 20px;
	background: #fff;
	}

.postentry {
	color: #444444;
	text-align: justify;
	}
.postentry a,
.postentry a:hover {
	color: #2f63b3;
	}

.postentry img {
	border: 5px solid #edf2ff;
	}
.postentry img:hover {
	border: 5px solid #dce6ff;
	}
.postentry img.wp-smiley,
.postentry img.wp-smiley:hover {
	border: none;
}

.postentry span.alert {
	font-weight: bold;
	color: #f00;
	}

.posttitle { /* to be styled */ 
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
	font-size: 20px;
	margin-top: -6px;
	margin-bottom:15px;
}
.posttitle a:link,
.posttitle a:visited,
.posttitle a:hover,
.posttitle a:active {
	color: #999999;
	}

.postmeta,
.postmeta a {
	margin: 5px 0 ;
	font-size: 1em;
	color: #2f63b3;
	}
.post-date {
	padding: 0 0 0 20px;
	background: url(images/icon_date.gif) no-repeat 0 0;
	}
.post-comment {
	padding: 0 0 0 20px;
	background: url(images/icon_comments.gif) no-repeat 0 0;
	}
.post-filed {
	padding: 0 0 0 20px;
	background: url(images/icon_filed.gif) no-repeat 0 0;
	}


/**********************
*   Calendar          *
***********************/

#wp-calendar caption {
        text-decoration: none;
}

#wp-calendar #prev a, #wp-calendar #next a {
        font-size: 9pt;
        }

#wp-calendar a { text-decoration: none; background: #ffffff; }
#wp-calendar a:focus,
#wp-calendar a:hover,
#wp-calendar a:active { text-decoration:underline; background: transparent;}

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

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


/**********************
*   Comments          *
***********************/

.commentpage {
	margin: 0 30px;
	padding: 0;
	}

#comments {
	margin: 0;
	padding: 0;
	}

.comments-num {
	background: transparent url(images/separator_green.gif) repeat-x center bottom;
	padding: 0 0 10px 0;
	}

#commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#commentlist li {
	padding: 20px 25px 0 0;
	border-bottom: 1px solid #dce6ff;
	background: #edf2ff url(images/comment_bg.gif) repeat-y 0 0;
	}
	.alt {
		background-color: #fff !important;
		background-image: none !important;
		}

.comment-gravatar {
	float: left;
	width: 62px;
	height: 62px;
	background: transparent url(images/gravatar.gif) no-repeat;
	}
	img.gravatar {
		margin: 7px 0 0 7px;
		border: none;
		}

.comment-title,
.comment-meta,
.comment-text {
	margin: 0 0 0 80px;
	}

.comment-title,
.comment-title a,
.comment-title a:hover{
	color: #030612;
	}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
	color: #2f63b3;
	}

h2#postcomment {
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
        color:#4da6d6;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
	background: transparent url(images/separator_green.gif) repeat-x center bottom;
	}

.postcomment {
	clear: both;
	margin: 20px 0 0 0;
	padding: 20px;
	background: #dce6ff url(images/separator_blue.gif) repeat-x center top;
	}

.postcomment input,
.postcomment textarea {
	border: 1px solid #b0c5ff;
	}
.postcomment input:hover,
.postcomment textarea:hover {
	border: 1px solid #fec02a;
	}
.postcomment input#author,
.postcomment input#email,
.postcomment input#url {
	width: 100% !important;
	width: 435px; /* Fuck IE */
	height: 18px;
	}
.postcomment textarea#comment {
	width: 100% !important;
	width: 435px; /* Fuck IE */
	height: 200px;
	}

.postcomment input#submit {
	width: auto;
	height: 25px;
	padding: 2px 10px 3px 10px;
	background: #e5edff url(images/submit.gif) repeat 0 0;
	}
.postcomment input#submit:hover {
	background: #e5edff url(images/submit_hover.gif) repeat 0 0;
	}	



/**********************
*   Sidebar           *
***********************/

#sidebar {
	float: left;
	width: 154px;
	height: 100%;
	margin: 0;
	padding: 0;
        padding-left : 20px;
        padding-right : 10px;
	background: #fff;
	}

#sidebar .socialtools {
                height: 180px;
                margin: 0;
                padding: 0;
                background: transparent url(images/social.gif) no-repeat right bottom;
                }

#sidebar .socialtools img
{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(237, 242, 255);
    border-right-color: rgb(237, 242, 255);
    border-bottom-color: rgb(237, 242, 255);
    border-left-color: rgb(237, 242, 255);
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
}

#sidebar .rssfeeds {
		height: 120px;
		margin: 0;
		padding: 0;
		margin-bottom:10px;
		background: transparent url(images/feeds.gif) no-repeat right bottom;
		}

#sidebar .rssfeeds a.rss  {
                padding-left: 25px;
		margin-top: 20px;
                background: transparent url(images/icon_rss.gif) no-repeat 5px 0;
                }

#sidebar h2.fuentesRSS span, #sidebar h2.etiquetas span, #sidebar h2.archivos span,
#sidebar h2.meta span, #sidebar h2.addto span , #sidebar h2.categorias span  {
	display:none;
	}

#sidebar h2.fuentesRSS, #sidebar h2.etiquetas, #sidebar h2.archivos,
#sidebar h2.meta, #sidebar h2.addto , #sidebar h2.categorias { 
	margin: 15px 0px 0px 0px;
	width: 137px; 
	height: 24px; 
	}

#sidebar h2.fuentesRSS {
        background: transparent url('images/fuentesRSS.gif') no-repeat top left;
        }

#sidebar h2.etiquetas {
        background: transparent url('images/etiquetas.gif') no-repeat top left;
}

#sidebar h2.archivos {
        background: transparent url('images/archivos.gif') no-repeat top left;
}

#sidebar h2.meta {
        background: transparent url('images/meta.gif') no-repeat top left;
}

#sidebar h2.addto {
        background: transparent url('images/addto.gif') no-repeat top left;
}

#sidebar h2.categorias {
        background: transparent url('/wp-content/themes/ymagen/images/categorias.gif') no-repeat top left;
}

.page-title h2 em  {
	font-style:normal;
        color:#999888;
        }

.page-title h2  {
        margin: 0px;
        height: 21px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:22px;
        font-weight: normal;
        color:#4da6d6;
        }


#sidebar h2 {
	display: block;
	margin: 16px 0 6px 0;
	padding: 0 0 10px 3px;
	background: url(images/separator_green.gif) repeat-x center bottom;
	font-size: 1.4em;
	}

#sidebar ul {
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #999999;
	}

#sidebar ul.blc {
	padding: 0 5px;
	}
#sidebar ul.blc li a {
	margin: 0;
	padding: 0;
	background: none;
	}

#sidebar ul ul li {
	padding: 0;
	}
#sidebar ul ul li {
	background: transparent url(images/dot.gif) no-repeat 4px 3px;
        color: #999999;
	padding: 0 0 0 20px;
	}
#sidebar ul ul ul li {
	margin: 0 0 0 0;
	}

#sidebar a {
        color: #707070;
        }


/**********************
*   Bottom            *
***********************/

#bottom {
	clear: both;
	float: left !important;
	float: none;
	width: 760px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #fff;
	}

#bottom-left,
#bottom-mid,
#bottom-right {
	width: 30%;
	padding: 20px 5px 20px 15px;
	float: left;
	}
#bottom h2 {
	margin: 0 0 10px 0;
	padding: 0 8px;
	font-size: 1.6em;
	color: #fff;
	}
#bottom h2 span {
	color: #508fd2;
	}
#bottom ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #031c5d;
	}
#bottom ul li {
	line-height: 26px;
	border-bottom: 1px solid #031c5d;
	}
#bottom ul li a {
	display: block;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
	}
#bottom ul li a:hover {
	background: #010b32;
	}

/**********************
*   Footer            *
***********************/

#footer {
    color:#666; 
    clear: both;
    background: #f9f9f9;
    padding: 0px;
    border-top: 5px #efefef solid;
  }

#footer a { color: #999; background:transparent; }
#footer a:focus, 
#footer a:hover,
#footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}

#footer .validate {
	background: url(images/icon_valid.gif) no-repeat 0 0;
	padding: 0 5px 0 20px;
	}

#footer .credits {
	float: right;
	margin: 0;
	padding: 0;
	border: none;
	}

#footer p {
	margin: 0;
	padding: 12px 25px;
	line-height: 200%;
	}