/*
Theme Name: México
Theme URI: http://www.chipotle-software.com
Description: Requires Karamelo 0.5
Version: v0.1
Author: aarkerio
Author URI: http://www.chipotle-software.com
*/

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font: 90%/150% 'Lucida Grande', 'Microsoft Yahei', Verdana, Arial, Sans-serif;
}    

#pagewidth{  
 width:980px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 margin-top:0;
 border:1px dotted gray;
} 
 
#header{
 position:relative;
 height:270px;
 background: transparent url(/img/imgusers/mmontoya_9.jpg) no-repeat left top;
 width:100%;
 padding:0;
 margin:0;
}

.blogname{margin:0 0 12px 20px;width:800px;height:20px;}

.blogname a:link, .blogname a:visited {  
      color: #fff;
      text-decoration:none;
      font-weight:bold;
      font-size:18pt;
      margin:0;
}
                
.blogname a:hover {color: #fff;}

.quote{color:#fff;margin:16px 0 0 40px;font-weight:bold;font-size:12pt;width:800px;height:20px;} 


#leftcol{
 width:20%;
 float:left; 
 position:relative; 
 border-right:1px dotted gray; 
} 
 
#maincol{ 
 background-color: #fff;  
 float: right; 
 display:inline; 
 position: relative; 
 width:79%; 
}

#footer{ 
  height:60px; 
  padding:15px;
  background-color:#5c5854;
  clear:both;
  color:#fff;
 }

/**** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { 
 content: "."; 
 display: block;
 height: 0; 
 clear: both; 
 visibility: hidden;
 }           
 
.clearfix{ display: inline-block;} 

/* Hides from IE-mac \*/
* html .clearfix{ height:1%;} 
.clearfix{ display:block;} 
/* End hide from IE-mac */  

/*printer styles*/ 
@media print{  
   /*hide the left column when printing*/
   #leftcol{ display:none;} 
   #twocols, #maincol{ width:100%; float:none;} 
}
/* 
Layout elements ends.  
Karamelo edublog obligatory styles beggins
*/
.title_section{ margin:15px 0; color: #000;font-size:22pt;}
.random{ color:#gray;margin:6px;font-weight:bold;font-size:10pt;} 
.feeders{  
   height:50px; 
   background: transparent url(/img/styles/mexico/rss_icon.png) no-repeat left top;
   width:160px;
   padding-top:0;
   padding-left:25px;
   margin:25px 0;
   text-align:center;
}
.titentry {   
   margin: 22px 6px 6px 0;
   padding:2px;
   border-bottom: 2px solid gray;
   text-align: left;
   font-size:14pt;
 }           
.titentry a:link, .titentry a:visited { 
     font-size: 15pt;
     color: #D10000;
     font-weight: bolder;
     text-decoration:none;
}                                        

.titentry a:hover{ 
     font-size: 15pt;
     color: #000;
     font-weight: bolder;
                   
}
.body_entry{ color:#000; }            
.plink {    margin:5px 0 5px 0; } /* permalink */
.temas {  
  margin-top:15px 0 6px 0;
  text-align:left;
  color:#F58D40;
  font-size:12pt;
  border-bottom:5px solid #c9c9c9;
  padding:3px 3px 0 4px;
  font-weight:bold;
}       
/*nav buttons*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.navmenu{ 
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Highlight red color theme*/
background: transparent;        
voice-family: "\"}"\";
voice-family: inherit;
}

.navmenu ul{ 
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}                        

.navmenu li{ 
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
 }                        

.navmenu a{ 
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: lightblue; /*Default menu color*/
border-bottom: 8px solid white;
 }                      

.navmenu a:hover{ 
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
 }                            

.navmenu .current a{  /** currently selected menu item **/
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
 }                               

#myform{  /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
 }         

#myform .textinput{ 
width: 190px;
border: 1px solid gray;
 }                    

#myform .submit{ 
  font: normal 12px Verdana;
  height: 22px;
  border: 1px solid #D10000;
  background-color: black;
  color: white;
}
/*nav buttons ends*/

/* Message by flash CakePHP stuff */
.reply{  
  margin:5px 0 0 0;
  padding:5px;
}
.replytxt{  
  margin:0;
  border:1px solid gray;
  padding:10px 15px 15px 35px;
  background-image: url(/img/static/quotes.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.replyuser{  
  margin:0 2px 15px 0;
  padding:10px 0 2px 0;
  text-align:right;
  background-image: url(/img/static/comment_arrow1.gif);
  background-repeat: no-repeat;
  background-position: 95% 5%;
}

/* Message by flash CakePHP stuff */
.message{  
  position:absolute;
  top:10px;
  left:750px;
  width:200px;
  font-size:10pt;
  font-weight:bold;
  color:white;
  border: solid 1px red;
  padding:2px;
  background-color:orange;
  text-align:center;
  z-index:3;
 } 
/* 
 Karamelo edublog obligatory elements ends 
 from here add your own styles
*/
a:link, a:visited {  
      color: #c37a4e;
      text-decoration:none;
      font-size:9pt;
}
                
a:hover {color: #1566A7;}
img{ border:0; }

.espaciado{margin:25px;padding:10px;}

.title_section{ 
   font-size:16pt;
   font-weight:bold;
   padding:5px;
   margin:13px 0 20px 0;
   color:#8F0808; 
   border-bottom:1px solid gray;
 }

/** Forms CSS **/
button { 
	border: 1px solid #7e7e7e;
	background-color: #e8e8e8;
    color: #3a3a3a;
  }      
button:hover { 
	color:#FF6600;   
    border: 1px solid #7e7e7e;
}
select { 
 background-color: #e8e8e8;
 border: 1px solid #7e7e7e;
 color: #3a3a3a;
 } 
textarea { 
 background-color:#e8e8e8;
 border: 1px solid #7e7e7e;
 color: #3a3a3a;
  }

input { 
 background-color:#e8e8e8;
 border: 1px solid #7e7e7e;
 color: #3a3a3a;
  }