/*  
Theme Name: Think Wasabi
Theme URI: http://www.thinkwasabi.com/
Description: Think Wasabi Theme for Wordpress
Version: 1.1.9
Author: Berto -Doctor Wasabi-
Author URI: http://www.thinkwasabi.com/
*/

/*-- RESET --*/
html,body,div,pre,form,fieldset,input,label,h1,h2,h3,h4,h5,h6,p,textarea,ul,ol,li,dl,dt,dd,blockquote,th,td { margin: 0; padding: 0; font-weight: normal; font-style: normal; }

/*-- GLOBAL --*/
body { background: url(fon1.jpg) ;font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 14px; color: #666; }

/*-- styles, colors & formatting --*/
h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
a:link, a:active, a:visited { text-decoration: underline; color: #609a1c; outline: none; }
a:hover	{  color: #fff; text-decoration: none; }
small { font-size: 75%; }
strong { background: #f2f2f2; }
code, pre { font-family: monospace;	font-size: 11px; color: #333; }
.mediumgray { color: #666; }
.lightgray { color: #aaa; }
.green { color: #9acd32; }
.right { float: right; }
.left { float: left; }
.center { margin: 0 auto; text-align: center; }

/*-- HEADER --*/
#topsection { width: 100px;  margin-top: -45px ; }


/*---- topnavbar ----*/



#navbar { height: 42px; width: 900px; margin: 0 auto;     } 	



#navbar li a:visited { color: #444; }


#menu {  text-align: center;
font-size: 0.9em;
width: 820px;
margin: 0px auto;
}



ul#menu li {
  margin: 0;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
}
ul#menu li{
	padding-bottom:7px;
}
ul#menu li:hover{
	
}

ul#menu  ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  
  list-style: none;
  display: none;
  position: absolute;

  
  background: #eee;
   background-image:url('subfon.jpg');
  border: none;
  opacity: 1.0;
  -moz-opacity: 0.0;
  filter:alpha(opacity=0);
}

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

ul#menu ul li {
  width: 250px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#menu a {
  padding: 13px 10px 10px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #000000;
 
/*  border-right:1px solid #818181;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#menu a:hover,
ul#menu li:hover a,
ul#menu li.iehover a {
color: #fff;

}

/* 2nd Menu */
ul#menu li:hover li a,
ul#menu li.iehover li a {
  float: none;
  border:none;color: #003300;
 background-image:url('subfon.jpg');
}

/* 2nd Menu Hover Persistence */
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a {

color: #003300;  
background-image:url('subfon1.jpg');
}

/* 3rd Menu */
ul#menu li:hover li:hover li a,
ul#menu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */

ul#menu li:hover li:hover li a:hover,
ul#menu li:hover li:hover li:hover a,
ul#menu li.iehover li.iehover li a:hover,
ul#menu li.iehover li.iehover li.iehover a {
background:#ddd;
  color: #FFF;
}

/* 4th Menu */
ul#menu li:hover li:hover li:hover li a,
ul#menu li.iehover li.iehover li.iehover li a {
background:#ddd;
  color: #666;
}

/* 4th Menu Hover */
ul#menu li:hover li:hover li:hover li a:hover,
ul#menu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#menu ul ul,
ul#menu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.iehover ul ul,
ul#menu li.iehover ul ul ul {
  display: none;
}

ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu ul ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul,
ul#menu ul ul li.iehover ul {
  display: block;
}
ul#menu .selected{
	color: #003300;
}

















/*---- tonavbar2 ----*/

#navbars { height: px; width: 900px; margin: 0 auto; } 	
#navbars ul { height: 40px; line-height: -100px; list-style: none; font-size: 13px; margin-left: 610px; margin-top: -29px;}
#navbars li { display: inline; list-style-type: none; text-align: center; }
#navbars li a:link, #navbars li a:active, #navbars li a:visited { color: #3A0905; padding: 3px 3px; text-decoration: none ;}
/*Hack for Opera */ .opera #navbars li a:hover { color: #444; background: none; text-decoration: underline; }
/*Hack for IE */ .ie #navbars li a:hover { color: #444; background: none; text-decoration: underline; }
#navbars li a:hover { color: #fff; background: url(images/bg-navbar.jpg) top repeat-x; -moz-border-radius: 12px; -webkit-border-radius: 9px;}


/*---- tonavbar3 ----*/

#navbarsp { height: px; width: 900px; margin: 0 auto; } 	
#navbarsp ul { height: 10px; line-height: -100px; list-style: none; font-size: 13px; margin-left: 32px; margin-top: -30px; }
#navbarsp li { display: inline; list-style-type: none; text-align: center; }
#navbarsp li a:link, #navbarsp li a:active, #navbarsp li a:visited { color: #3A0905; padding: 3px 3px; text-decoration: none ;}
/*Hack for Opera */ .opera #navbarsp li a:hover { color: #444; background: none; text-decoration: underline; }
/*Hack for IE */ .ie #navbarsp li a:hover { color: #444; background: none; text-decoration: underline; }
#navbarsp li a:hover { color: #fff; background: url(images/bg-navbar.jpg) top repeat-x; -moz-border-radius: 12px; -webkit-border-radius: 9px;}


/*---- flickr show ----*/
#header { height: 138px;margin-top: -4px;  background: url(headerpp.jpg) center repeat-x;
;}



#flickrshow { width: 980px; margin: 10px auto 20px; padding-bottom: 15px; }
#flickrshow img { border: 1px solid #444; margin-right: 21px; }
#flickrshow a:hover { background: none; }

/*-- MAIN COLUMN: ENTRIES & POSTS --*/
#maincolumn {  background: url(158.jpg);background-repeat: repeat-x;
 }
 
 
#clearline { height: 51px; background: url(fond2.jpg); }
 
#content { float: left; width: 640px;; background: url(fondo1.jpg) }
.content-spacer { display: block; clear: both; height: 50px; }

/*---- entry post ----*/
.entry { float: left; width: 610px; overflow: hidden; margin-bottom: 30px; background: url(images/bg-entry.jpg) bottom repeat-x; border: 1px solid #e2e2e2; padding: 20px 14px 8px 18px; }
.entry h2 a:link, .entry h2 a:visited, .entry h2 a:active { text-decoration: none; color:#444;font-size: 120%; letter-spacing: -1px; }
.entry h2 a:hover { background: none; }
.entry .pagetitle { color: #9acd32; }
.entry p { line-height: 22px; margin-bottom: 15px; }
.entry p small { line-height: 18px; }
.entry ul { list-style-type: square; margin: 0 0 15px 15px; line-height: 22px; }
.entry ol { margin: 0 0 15px 20px; line-height: 22px; }
.entry li { margin-bottom: 15px; }
ul.entry-list { margin-top: -15px; }
.related-posts ul { list-style-type: decimal; padding-left: 10px; }
.related-posts li { margin-bottom: 0; }

/*---- entry page ----*/
.entry-archive-header { margin: 20px 0 10px; border: 1px solid #e2e2e2; padding: 12px; }
.entry-archive-header h2 { color: #609a1c; }
.entry-archive-header p { line-height: 18px; color: #aaa; font-size: 90%; }
.entry-archive { float: left; width: 610px; overflow: hidden; margin-bottom: 30px; background: url(images/bg-entry.jpg) bottom repeat-x; border: 1px solid #e2e2e2; padding: 20px 14px 8px; }
.entry-archive h3 a:link, .entry-archive h3 a:visited, .entry-archive h3 a:active { text-decoration: none; color: #666; font-size: 120%; letter-spacing: -1px; }
.entry-archive h3 a:hover { background: none; }

/*---- meta & extras for posts & pages ----*/
.meta-category a:link, .meta-category a:visited, .meta-category a:active, .meta-category a:hover { font-size: 80%; color: #fff; text-transform: uppercase; text-decoration: none; padding: 3px 6px; background: #9acd32; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height: 18px; }
.meta-category a:hover { background: #c4c4c4; color: #fff; }
.meta-date-home { font-size: 85%; color: #a4a4a4; margin-bottom: 16px; display: block; }
.meta-date { font-size: 85%; color: #a4a4a4; margin-bottom: 28px; display: block; }
.meta-comment { width: 80px; float: left; }
.meta-share { width: 85px; float: left; margin-left: 6px; }
.meta-edit { width: 85px; float: left; margin-left: 6px; }
.meta-share a:link, .meta-share a:visited, .meta-share a:active, .meta-comment a:link, .meta-comment a:visited, .meta-comment a:active, .meta-edit a:link, .meta-edit a:visited, .meta-edit a:active { float: left; display: inline; overflow: hidden; font-size: 80%; margin: 10px 0; background: #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: uppercase; color: #fff; padding: 3px 6px; text-decoration: none; }
.meta-share a:hover, .meta-comment a:hover, .meta-edit a:hover { background: #9acd32; color: #fff; }
.meta-tags { float: right; display: inline; overflow: hidden; font-size: 80%; margin: 10px 0; }
.meta-tags span a:link, .meta-tags span a:visited, .meta-tags span a:active { padding: 3px 6px; background: #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; line-height: 18px;  text-transform: uppercase; color: #fff; margin-right: 4px; }
.meta-tags span a:hover { background: #9acd32; color: #fff; text-decoration: none; }
.meta-tags a:link, .meta-tags a:visited, .meta-tags a:active { color: #666; text-decoration: none; }
.meta-tags a:hover { text-decoration: underline; background: none; }
.voteit { float: right; }
.voteit-header { max-width: 60px; background: #888 url(images/bg-votehd.jpg) bottom repeat-x; color: #fff; -moz-border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; text-transform: uppercase; font-size: 80%; text-align: center; display: 
block; padding: 3px 0; margin-left: 2px; }
	.ie .voteit-header { width: 60px; }
	
.btn-download { display: block; height: 40px; margin: 25px auto 5px; text-align: center; }
.btn-download a:link, .mybtn-download a:visited, .mybtn-download a:active { padding: 14px 20px 10px 48px; font-size: 110%; text-decoration: none; cursor: pointer; border: 1px solid #ddd; width: 280px; text-decoration: none; background: url(images/btn-download.jpg) no-repeat; color: #666; letter-spacing: -1px; }

/*---- minipost ----*/
.minipost  { float: left; width: 610px; overflow: hidden; margin-bottom: 30px; border: 1px dashed #ccc; padding: 10px 14px 8px; }
.minipost p { line-height: 22px; margin-top: 3px; }
.mini-date { font-size: 85%; color: #aaa; }

/*---- tag cloud page ----*/
.tag-cloud p { margin-top: 20px; line-height: 38px; }
.tag-cloud a:link, .tag-cloud a:visited, .tag-cloud a:active { padding-right: 10px; color: #666; text-decoration: none; }
.tag-cloud a:hover { background: none; text-decoration: underline; color: #609a1c; }

/*---- browse for more posts ----*/
.navigation { text-align: center; margin: -10px 0 90px 0; }
.pagebar { float: left; color: #666; margin: 10px 0; }
.pagebar a:link, .pagebar a:visited, .pagebar a:active { color: #666; border: 1px solid #ddd; text-decoration: none; padding: 4px 8px; outline: none; }
	.ie .pagebar a:link, .pagebar a:visited, .pagebar a:active { line-height: 28px; height: 28px; }
.pagebar .this-page { border: 1px solid #9acd32; padding: 4px 6px; font-weight: bold; background: #9acd32; color: #fff; }
.pagebar a:hover { color: #777; border-color: #9acd32; background: #eee; outline: none; }
.pagebar .inactive { border: 1px solid #ddd; color: #ccc; text-decoration: none; padding: 0.2em 0.5em; }

/*---- legacy styles ----*/
p.cita, p.curiosidad { display:block; background:url(images/ico-quote.gif) no-repeat left top; font: 28px Helvetica, Arial, sans-serif; letter-spacing: -1px; color: #666; line-height: 32px; margin: 20px; padding:10px 20px 0 40px; }
blockquote { background: #f2f2f2; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; padding: 5px 20px; }

/*-- SIDEBAR --*/
#sidebar { float: right; width: 320px; }
#sidebar a:link, #sidebar a:visited, #sidebar a:active { color: #777; text-decoration: none; }
#sidebar a:hover { background: none; color: #333; text-decoration: underline; }
#sidebar-content { float: left; width: 320px; overflow: hidden; }
#sidebar-content h2 { background: url(images/bg-sidebar-header.jpg) bottom repeat-x; border: 1px solid #ddd; height: 26px; line-height: 26px; padding: 10px 0 4px 15px; font-size: 110%; }
#sidebar-content ul { list-style-type: none; }
#sidebar-content ul li { list-style-type: none;  padding: 0; }
#sidebar-content ul li ul { border: 1px solid #e2e2e2; border-top: none; border-bottom: none; }
#sidebar-content ul li ul li { list-style-type: none; border: 0; }
#sidebar-content ul li ul li a:link, #sidebar-content ul li ul li a:visited, #sidebar-content ul li ul li a:active { display: block; text-indent: 15px; line-height: 38px; border-bottom: 1px solid #e2e2e2; }
	.ie #sidebar-content ul li ul li a:link, #sidebar-content ul li ul li a:visited, #sidebar-content ul li ul li a:active { height: 38px; }
#sidebar-content ul li ul li a:hover { background: url(images/bg-sidebar-header.jpg) bottom repeat-x; text-decoration: none; }
.sidebar-spacer { display: block; clear: both; height: 30px; }

/*---- content tabs ----*/
.sidebar-author { color: #333; }
.domtab { margin-bottom: 35px; font-size: 90%; }
.domtab h3 { border-bottom: 1px dotted #ccc; margin-bottom: 6px; }
	.ie .domtab h3 { border-bottom: 1px solid #e6e6e6; }
.domtabs { float: left; width: 330px; }
.domtabs li { float: left; text-align: center; margin: 0 0 12px; line-height: 22px; }
.domtabs li a:link, .domtabs li a:visited, .domtabs li a:active { width: 90px; padding: 3px; display: block;
border: 1px solid #e2e2e2; color: #777; height: 24px; line-height: 24px; text-decoration: none; margin-right: 12px; }
.domtabs li a:hover { background: #eee; text-decoration: none; }
.domtab div { width: 305px; clear: both; border: 1px solid #e2e2e2; background: url(images/bg-sidebar-box.jpg) bottom repeat-x; padding: 12px 6px; }
.domtabs li.active a:link, .domtabs .active a:visited, .domtabs li.active a:active, .domtabs li.active a:hover {
border: 1px solid #ccc; background: url(images/bg-tabs.jpg) bottom repeat-x; }
ul.latest-content li { line-height: 22px; margin-left: 8px; }

/*---- twitter updates ----*/
#tweets { margin: 0 0 35px 6px; border: 1px solid #ddd; }
#tweets h3  { background: url(images/bg-sidebar-header.jpg) bottom repeat-x; border-bottom: 1px solid #ddd; height: 26px; line-height: 26px; padding: 10px 0 4px 12px; font-size: 120%; letter-spacing: -1px; }
#tweets p { background: url(images/tweet.gif) top left no-repeat; padding: 10px 6px 0 32px; font-size: 12px; line-height: 18px; }
#tweets p.more { background: none; padding-bottom: 10px; font-size: 11px; color: #777; }
#tweets a:link, #tweets a:visited, #tweets a:active { text-decoration: underline; color: #444; }
#tweets a:hover { text-decoration: none; color: #777; }

/*-- COMMENTS --*/
/*---- outer comments ----*/
#comments { padding-left: 15px; }
.bubble { background: url(images/bubble.gif) 0px 0px no-repeat; float: right; height: 35px; padding: 4px 10px 0 0; text-align: center; width: 45px; }
.bubble .count a:link, .bubble .count a:visited, .bubble .count a:active { font-size: 16px; letter-spacing: -2px; font-weight: bold; color: #fff; text-decoration: none; }
.bubble .count a:hover { background: none; text-decoration: none; }
.comment-it a:link, .comment-it a:visited, .comment-it a:active { float: right; font-size: 80%; margin: 10px 10px 10px 0; background: #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: uppercase; color: #fff; padding: 3px 6px; text-decoration: none; }
.comment-it a:hover { background: #9acd32; color: #fff; }

.comment-cloud ul { list-style-type: square; margin: 10px 0 0 0; }
.comment-cloud li { margin: 0 0 16px 0; font-size: 110%; display: block; border: 1px solid #ddd; padding: 8px 6px; background: #f8f8f8; }
.comment-cloud li a:link, .comment-cloud li a:visited, .comment-cloud li a:active { text-decoration: none; display: block; color: #666; }
.comment-cloud li a:hover { color: #333; background: none; }
.comment-cloud strong { background: none; }

/*---- inner comments ----*/
.commentlist { background: url(images/bg-comments.jpg) top repeat-x; }
.comment-list { font-size: 90%; }
.comment-list li { display: block; list-style: none; border-bottom: 1px solid #ddd; padding: 15px 8px 15px 2px; }
.comment-list h2.comment-list-head { font-size: 150%; display: block; padding: 0 15px 15px; }
.comment-list .mycomment { background: #eee; border-top: 1px solid #f8f8f8; }
.comment-list .alt { background: url(images/bg-comment.jpg) bottom repeat-x; }
.comment-content { margin-left: 90px; display: block; min-height: 90px; }
	.ie .comment-content { height: 90px; overflow: visible; }
.comment-content p { line-height: 20px; color: #444; }
.comment-gravatar { float: left; margin: 0 10px 3px 0; padding: 2px; text-align: center; max-width: 60px; line-height: 12px; }
.comment-gravatar img { border: 1px solid #ddd; }
.comment-gravatar a:link, .comment-gravatar a:visited, .comment-gravatar a:active { color: #444; }
.comment-gravatar a:hover { background: none; color: #444; text-decoration: none; }
.comment-count { display: block; text-align: right; font: 120% Helvetica, Sans-Serif; color: #ddd; letter-spacing: -1px; }
.comment-quoted p { text-align: left; color: #aaa; font-style: italic; margin-bottom: -2px; line-height: 18px; }
.trackback-list { border-top: 1px solid #fff; margin: 10px 0 1px; padding: 15px; }
.trackback-list li { list-style-type: decimal; padding: 0 0 2px; margin: 0 0 5px 25px; }
.trackback-list h2.trackback-list-head { font-size: 140%; display: block; padding: 5px 15px 15px 0; }
.comment-tools { display: block; text-align: right; height: 5px; line-height: 10px; margin-bottom: 0; }
	.ie .comment-tools { height: 16px; line-height: 16px; }
.comment-tools a:link, .comment-tools a:active, .comment-tools a:visited  { font-size: 70%; margin: 0; background: #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: uppercase; color: #fff; padding: 2px 4px; text-decoration: none; margin-right: 5px; }
.comment-tools a:hover { background: #9acd32; color: #fff; }
.comment-livepreview { clear: both; margin-top: 25px; margin-left: -5px; padding: 12px; background: url(images/bg-comments.jpg) top repeat-x; width: 560px; }
.comment-closed { width: 590px; color: #79b335; margin: 20px 20px; border: 1px dashed #bbb; background: url(images/bg-comment.jpg) bottom repeat-x; }
.comment-closed p { padding: 8px; }

/*-- FOOTER --*/
#clearline { width: 100%; border-bottom: 0px solid #000; float: left; margin-top: 0px; }
#footer {  background: url(158.jpg);  clear: both; padding: 40px 0 20px; text-align: center; font-size: 90%; }
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover { text-decoration: underline; color: #777; background: none; }
#footer p { line-height: 22px; }

/*-- FORMS --*/
/*---- comment forms ----*/
#comment-form { padding: 25px 5px 1px 20px; }
#comment-form label, #comment-form input [type=text] { display: block; float: left; margin-bottom: 10px; }
#comment-form label { width: 180px; text-align: right; margin-right: 6px; }
#comment-form p { margin: 5px 0; clear: left; }
#comment-form input { width: 354px; margin: 0 5px 10px 0; padding: 8px; background: url(images/bg-form.jpg) top repeat-x; border: 1px solid #ddd; font-size: 105%; font-family: Helvetica, Arial; color: #777; }
#comment-form textarea { width: 540px; margin: 0 0 10px; padding: 8px; background: url(images/bg-form.jpg) top repeat-x; border: 1px solid #ddd; font-size: 105%; font-family: Helvetica, Arial; line-height: 22px; color: #777; }
#comment-form #submit { display: block; margin: 0 auto; background: #9acd32; color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

/*---- searchform ----*/
#searchform { height: 46px; }
input#s { color: #999; width: 260px; height: 33px; background: url(images/bg-search.jpg) no-repeat; border: 0; padding: 2px 0 0 26px; }
	.gecko input#s { color: #999; width: 260px; height: 33px; background: url(images/bg-search.jpg) no-repeat; border: 0; padding: 10px 0 4px 26px; }
	.ie input#s { color: #999; width: 260px; height: 33px; background: url(images/bg-search.jpg) no-repeat; border: 0; padding: 8px 0 4px 26px; }
input#searchsubmit { border: 1px solid #aaa; background: transparent; padding: 4px 6px; text-transform: uppercase; font-size: 70%; color: #444; }