/*
Theme Name: Modo
Theme URI: http://www.redmarker.com/
Author: @redmarker
Author URI: hhttp://www.redmarker.com/
Credits: Thad Allender, Blueprint CSS: http://code.google.com/p/blueprintcss/
*/

/* IMPORTANT - PLEASE READ
This theme uses the Blueprint CSS framework for
default positioning, tyhpography, form styling, etc.
*/


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

   Based on work by:
   * Thad Allender     [graphpaperpress.com/2007/12/07/visualization/]
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
   * Olav Bjorkoy      [bjorkoy.com]  

   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.
   
   If you need fewer or more columns, use this 
   formula to find the new total width: 
   Total width = (columns * 40) - 10 

   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php

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

.clear {float:both;}
body { background: #f3f3f3; margin:0;  color: #222; font-size: 75%; position:relative;
}

.topbanner { height:90px; width:728px; z-index:100; position: absolute; left: 424px;top:-142px }

.container { background: #f3f3f3;display: block;margin: 142px 0 0 150px; padding: 0; width:1002px; position:relative;
}


.small-tweet {
color: #000;background-color:#FFFF66;font-size:11px;padding:3px;
font-family: "Helvetica", Arial, sans-serif;
}



#masthead { z-index:100;}

#masthead1 { background: #F3F3F3;width:1002px; }


#search {  float: right;z-index:100; }

#menunuevo4 {list-style: none;position: fixed; top:545px; font-size:11px;left:2px;  font-family: "Helvetica", Arial, sans-serif; line-height:20px; z-index:100;}




h1,h2,h4,h5,h6 {
color: #1e1e1e;
font-family: bookmnd, Georgia, serif; font-weight: normal;

}



h1 a, h2 a, h4 a, h5 a, h6 a {
color: #1e1e1e;
font-family: bookmnd, Georgia, serif; font-weight: normal;
}



h1 {
font-size: 1.6em;
line-height: 1.2;
margin-bottom: 0.5em;border-bottom: #dadada solid thin;
}
.titulo-columna {
font-size: 1.6em;color: #1e1e1e;
font-family: bookmnd, Georgia, serif; font-weight: normal;
line-height: 1.2;
margin-bottom: 0.5em;
}


h2 {
font-size: 1.2em;
margin-bottom: 0em;
}



h3, h2.widgettitle {
font-size: 1.1em; color:#000; background:#CCC; margin: 0em;padding:5px 0 5px 12px;  }

h2.widgettitle {
	margin: 0 !important;
}

h3 a:link, h3 a:visited, h3 a:active {
font-size: 1em; color:#FFF; background:#000; margin: 0em;
}

h3 a:hover  {
font-size: 1em; color:#FFF; background:#000; margin: 0em;
}

h4 {
font-size: 0.95em;
font-weight: bold;
line-height: 1em;
margin: 0 0 1em;
}

h5 {
font-size: 0.95em;
font-weight: bold;
line-height: 1em;
margin: 0 0 .3em;
}

h6 {
font-size: 1em;
font-weight: bold;
line-height: 1em;
margin: 0 0 1em;
}

h1 a {
text-transform: capitalize;
}

h4 .title {
font-weight: bold;
font-size: 2em;
}

h2.underlined {
border-bottom: 1px solid #1e1e1e;
text-transform: none;
}

h6.right {
font-size: 1em;
font-weight: normal;
line-height: 1.5em;
padding: 0.9em;
color: #fff;
background: #000;
margin: 0em;
font-style: italic;
}

.alignleft {
float: left;
}
p { font-size: 1.1em;
line-height: 1.5em;
margin: 0 0 1em 0;
color: #1e1e1e;

}

p.last {
margin-bottom: 0;
}

img {
border: none;
}

#header_img img {
margin: 0;
}

.postmetadata {font-size: 1.0em;}

p.tagged {
clear: both;
text-align: right;
}

#post-g img {max-width:590px}

p img {line-height: 1em;
margin: 0 1em 1em 0;
padding: 0;

}



a {
color: #000;
text-decoration: none;
}



a:focus,a:hover,p a {
color: #1e1e1e;
text-decoration: underline;
}



a img {
line-height: 1em;
margin: 0 1em 0.5em 0;
padding: 0;
}

.box { background:#efefef;padding-bottom:1.5em;padding-top:1.5em;margin-bottom:1.5em;
}



#description {
font-weight: thin;
margin-top: 1em;
}



#skip {
margin-top: 1em;
}



.excerpt_small p {
line-height: 1em;
margin: 0;
font-size: 1em;
}



.archive_excerpt {
padding-bottom: 1em;
}



#author {
background: #dddddd;
margin: 15px 0;
padding: 12px;
width: 376px;
}



#author img {
float: left;
padding: 1px 10px 1px 1px;
width: 75px;
}



#author span {
display: block;
margin-top: 12px;
padding-top: 6px;
}

#author p {
margin: 0;
width: 376px;
}

.top {
margin-top: 0;
padding-top: 0;
}

.bottom {
margin-bottom: 0;
padding-bottom: 0;
}



.box_blue {
background: #ccffff;
margin-bottom: 1.5em;
padding: 1.5em;
}

#sidebar-home {
background: #eee;
color: #eee;
height: 310px;
}



/* BEGIN EDITING HERE */



ol {
list-style-type: decimal;
}



ol li a {

color: #000;
font-weight: bold;
list-style-type: decimal;
text-decoration: underline;

}



.entry ul {

list-style-type: none;
margin: 0;
padding: 0;

}



.entry ul li {

list-style-image: url(images/li.png);
margin: 0 0 0 2em;

}



.entry ul li a:hover {

background: #333;
color: #0099cc;
text-decoration: none;

}


/* Root = Horizontal, Secondary = Vertical */

#navmenu-h {
background: #e0e0e0;z-index: 1;font-family: bookmnl, Georgia, serif;
}

.submenu {background-color:#e0e0e0 !important;}

#navmenu-h li.alignright {
float: right;
}
.cat-item-45 a {
	margin: 0;
}
ul#navmenu-h {
margin: 0 0 1em 0;font-family: bookmnl, serif;
border: 0 none;
padding: 0;
width: 400px;
	/*For KHTML*/
	list-style: none;
height: 24px;
border-top: 0px #f3f3f3 solid;
}

ul#navmenu-h li {
margin: 0;
border: 0 none;
padding: 0;
float: left;
	/*For Gecko*/
	display: inline;
list-style: none;
position: relative;
height: 24px;
border-right: 0px #f3f3f3 solid;

}

ul#navmenu-h ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: 0;
}

ul#navmenu-h ul:after,ul#navmenu-h-r ul:after, ul#navmenu-online ul:after /*From IE 7 lack of compliance*/ {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

ul#navmenu-h ul li, ul#navmenu-h-r ul li, ul#navmenu-online ul li  {
width: 160px;
float: left;
	/*For IE 7 lack of compliance*/
	display: block !important;
	/*For IE*/
}



/* Root Menu */

ul#navmenu-h a {
padding: 1px 8px;
float: none !important;
	/*For Opera*/
	/*For IE*/
	display: block;
background: #e0e0e0;
color: #000;
font: 11px/22px bookmnl, Georgia, serif;
text-decoration: none;
height: auto !important;

	/*For IE*/

}


/* Root Menu Hover Persistence */

ul#navmenu-h a:hover,
ul#navmenu-online a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-online a:hover a,
ul#navmenu-h li.iehover a,
ul#navmenu-online li.iehover a {

background: #000;
color: #FFF;

}

ul#navmenu-h-r a:hover,
ul#navmenu-h-r a:hover a,
ul#navmenu-h-r li.iehover a

{
color: #000;text-decoration:underline;
}



/* 2nd Menu */

ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a,
ul#navmenu-h-r li:hover li a,
ul#navmenu-h-r li.iehover li a {

float: none;

background: #000;

color: #fff;

}



/* 2nd Menu Hover Persistence */

ul#navmenu-h li:hover li a:hover,

ul#navmenu-h li:hover li:hover a,

ul#navmenu-h li.iehover li a:hover,

ul#navmenu-h li.iehover li.iehover a,

ul#navmenu-h-r li:hover li a:hover,

ul#navmenu-h-r li:hover li:hover a,

ul#navmenu-h-r li.iehover li a:hover,

ul#navmenu-h-r li.iehover li.iehover a {

background: #fff;

color: #ff33cc;

}



/* 3rd Menu */

ul#navmenu-h li:hover li:hover li a,

ul#navmenu-h li.iehover li.iehover li a,

ul#navmenu-h-r li:hover li:hover li a,

ul#navmenu-h-r li.iehover li.iehover li a {

background: #ff33cc;

color: #fff;

}



/* 3rd Menu Hover Persistence */

ul#navmenu-h li:hover li:hover li a:hover,

ul#navmenu-h li:hover li:hover li:hover a,

ul#navmenu-h li.iehover li.iehover li a:hover,

ul#navmenu-h li.iehover li.iehover li.iehover a,

ul#navmenu-h-r li:hover li:hover li a:hover,

ul#navmenu-h-r li:hover li:hover li:hover a,

ul#navmenu-h-r li.iehover li.iehover li a:hover,

ul#navmenu-h-r li.iehover li.iehover li.iehover a {

background: #CCC;

color: #FFF;

}



/* 4th Menu */

ul#navmenu-h li:hover li:hover li:hover li a,

ul#navmenu-h li.iehover li.iehover li.iehover li a,

ul#navmenu-h-r li:hover li:hover li:hover li a,

ul#navmenu-h-r li.iehover li.iehover li.iehover li a {

background: #EEE;

color: #666;

}



/* 4th Menu Hover */

ul#navmenu-h li:hover li:hover li:hover li a:hover,

ul#navmenu-h li.iehover li.iehover li.iehover li a:hover,

ul#navmenu-h-r li:hover li:hover li:hover li a:hover,

ul#navmenu-h-r li.iehover li.iehover li.iehover li a:hover {

background: #CCC;

color: #FFF;

}



ul#navmenu-h ul ul,

ul#navmenu-h ul ul ul,

ul#navmenu-h-r ul ul,

ul#navmenu-h-r ul ul ul {

display: none;

position: absolute;

top: 0;

left: 160px;

}



/* Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu-h li:hover ul ul,

ul#navmenu-h li:hover ul ul ul,

ul#navmenu-h li.iehover ul ul,

ul#navmenu-h li.iehover ul ul ul,

ul#navmenu-h-r li:hover ul ul,

ul#navmenu-h-r li:hover ul ul ul,

ul#navmenu-h-r li.iehover ul ul,

ul#navmenu-h-r li.iehover ul ul ul {

display: none;

}

ul#navmenu-h li:hover ul,

ul#navmenu-h ul li:hover ul,

ul#navmenu-h ul ul li:hover ul,

ul#navmenu-h li.iehover ul,

ul#navmenu-h ul li.iehover ul,

ul#navmenu-h ul ul li.iehover ul,

ul#navmenu-h-r li:hover ul,

ul#navmenu-h-r ul li:hover ul,

ul#navmenu-h-r ul ul li:hover ul,

ul#navmenu-h-r li.iehover ul,

ul#navmenu-h-r ul li.iehover ul,

ul#navmenu-h-r ul ul li.iehover ul {

display: block;

}



/* SIDEBAR LISTS */

.bottombar { position:relative;top:-28px;

}



.bottombar h2 {

font-size: 1em;

font-weight: bold;

line-height: 1em;

margin: 1em 0 1em;

}



.bottombar ul {

list-style-type: none;

margin: 0;

padding: 0;

}



.bottombar ul li {

list-style-image: url(images/li.png);

background-repeat: no-repeat;

border-top: 1px solid #e5e5e5;

line-height: 1.5em;

margin: 0 0 0 1em;

}



.bottombar ul li a:hover {

background: #333;

color: #cccc33;

text-decoration: none;

}



/* AJAX TABBED LISTS */

.tabbed div {

float: left;

display: block;

width: 100%;

margin: 0;

padding: 5px 0;

}



.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {

display: none;

}



ul.latest  li, ul.popular li, ul.categories li, ul.authors li {

border-bottom: 1px #fff solid;

color: #333;

list-style-type: none;

margin: .9em 0 0 0;

}



.tabbed ul.tabs li a:hover,.tabbed ul.tabs li a.tab-current {

background: #eee;

}



.tabbed ul.tabs {

background: #fff;

color: #eee;

display: inline;

float: left;

list-style-type: none;

margin: 0;

padding: 0;

width: 100%;

}



.tabbed ul.tabs li {

background: #fff;

float: left;

list-style-type: none;

margin: 0;

padding: 0;

}



.tabbed ul.tabs li a {

background: #ccc;

border: none;

display: block;

margin: 0 2px 0 0;

overflow: hidden;

padding: 5px;

width: auto;

color: #0066cc;

}



.hide,.tabbed div.t2,.tabbed div.t3,.tabbed div.t4 {

display: none;

}



.tabbed div {

display: block;

float: left;

margin: 0;

padding: 5px 0;

width: 100%;

}



ul.latest li,ul.popular li,ul.categories li,ul.authors li {

border-bottom: 1px #fff solid;

color: #333;

list-style-type: none;

margin: 10px 0 0;

}



/* COMMENT STYLES */

#comments {

width: 100%;

}

dl#comment_list {

margin: 0 0 0 0;

}



dl#comment_list dt {

padding: 0 0 33px 0;

background: url('images/comment_top.gif') 0 100% no-repeat;

font-size: 1.1em;

line-height: 1.8182em;

color: #999;

}



dl#comment_list dt.author {

background: url('images/comment_author_top.gif') 0 100% no-repeat;

}

dl#comment_list dt .comment_num {

padding: 0 0.3636em 0 0;

}

dl#comment_list dt .comment_num a, dl#comment_list dt .comment_num a:visited {

color: #999;

}

dl#comment_list dt .comment_num a:hover {

color: #a90000;

}



dl#comment_list dt strong {

font-size: 1.4545em;

color: #000;

}



dl#comment_list dt strong a, dl#comment_list dt strong a:visited {

color: #000;

border-bottom: 1px dotted #999;

}



dl#comment_list dt strong a:hover {

color: #000;



border-bottom: 1px solid #a90000;

}



dl#comment_list dd {

padding: 20px;

margin: 0 0 1.5385em;

background: #dfdfdf;

}



dl#comment_list dd.author {

background: #99cc99 url('images/comment_author_bottom.gif') 0 100% no-repeat;

}

dl#comment_list dd.entry p, dl#comment_list dd.entry ul, dl#comment_list dd.entry ol, dl#comment_list dd.entry blockquote {

margin-bottom: 1.1538em;

}



/* COMMENT FORM */

#comment_form {
width: 46.8em;
margin: 0 0 4.0em 0;
}


#comment_form a:hover {
text-decoration: underline;
}

#comment_form p {
padding: 0.7692em 0;
}



#comment_form label {
padding: 0 0 0 0.83333em;
font-size: 1.2em;

}

#comment_form .text_input {
width: 15.3846em;
padding: 0.23077em;
color: #a90000;
font: bold 1.3em Verdana, sans-serif;
border-top: 0.15385em solid #999;
border-left: 0.15385em solid #999;
border-right: 0.07692em solid #eee;
border-bottom: 0.07692em solid #eee;
}



#comment_form .text_input:focus {
border-top-color: #666;
border-left-color: #666;
border-right-color: #ddd;
border-bottom-color: #ddd;
}

#comment_form .text_area {
width: 32.9231em;
}

#comment_form p.subscribe-to-comments {
font-size: 1.3em;
}

#comment_form p.subscribe-to-comments label {
font-size: 1.0em;
}


#comment_form .form_submit {
padding: 0.5em;
background: url('images/submit_bg.gif') repeat-x;
color: #000;
border: 0.21429em double #999;
border-top-color: #ccc;
border-left-color: #ccc;
font: bold 1.4em/1.0em "Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: pointer;
}


#comment_form .form_submit:hover {
color: #0099cc;
}

.search_input {
width: 185px;
}

img#wpstats{width:0px;height:0px;overflow:hidden}
#cuadros {margin-bottom:2em;}
#cuadritos {width:590px;}
#cuadritos img {float: left; width:143px;padding-right:4px;padding-left:0px;padding-bottom:5px;padding-top:0px;valign:top;}


#anteriores ul {
list-style-type: none;
}



#anteriores ul li {
}



#anteriores ul li a:hover {
background: #333;
color: #0099cc;
text-decoration: none;
}

.narrowcolumn {width: 400px;}

.subtitulo {font-size: small; position: relative; top:-10px;z-index: 1;}

@font-face { font-family: BookmanLight; src:url("http://modo.tomo.com.mx/BookmanLight.eot") }
@font-face { font-family: BookmanLight; src:url("http://modo.tomo.com.mx/BookmanLight.ttf") }

@font-face { font-family: bookmnd; src:url("http://modo.tomo.com.mx/bookmnd.eot") }
@font-face { font-family: bookmnd; src:url("http://modo.tomo.com.mx/bookmnd.ttf") }


@font-face { font-family: bookmanold; src:url("http://modo.tomo.com.mx/bookmanold.eot") }
@font-face { font-family: bookmanold; src:url("http://modo.tomo.com.mx/bookmanold.ttf") }

.entry1 img {max-width:190px}
.entry2 img {max-width:100px;position:relative; left:-100px;float:left}
.entry2 {width:290px}

/***
@update {
	@author: camo.mx
	@date: March 1st, 2011
	@description: add chicks bios and thumbs
}
*/

/** @section: chicks in /category/columnas/ #sidebar */
.chick {
	position: relative;
}
.chick img {
	position: absolute;
	top: 0;
	left: -100px;
}


/* @fix: disappear by-tomo category from main menu, @by: camo */
#navmenu-h li.cat-item-932 {
	display: none;
}