/* CSS Document */
body	{ background: #fff url(images/bkg.gif) top center repeat-x; margin:0; padding:0}
#wrapper { width: 960px; margin: 0 auto; }

#header { background: url(images/header_bkg.gif) top center no-repeat; width: 960px; height: 153px;}
#logo	{ background: url(images/header_logo.gif) no-repeat; width:171px; height:34px; position:absolute }
#logo img	{ border:0 none }
#logo h1 { margin:0; padding:0; display:none}
#logo h2 { margin:0; padding:0; display:none}

#header #menu { position:absolute; width: 960px; height:30px; top: 96px}

#header #menu ul { width: 900px; list-style: none; float: right; text-align: right; margin:0; padding:0; vertical-align:top}

#header #menu li a { padding-top:5px; padding-left:12px; padding-right:12px; }
/* page_item is wordpress default class for page list */
#header #menu ul li.page_item { float: right; }
#header #menu ul li.page_item a { display: block; margin: 2px 5px 0 0; float: left; padding-top:4px; height:19px; border:1px solid #c6cad2; border-bottom:0; color: #4d5b79; background:#d8dfea; text-decoration: none; font-size:12px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; white-space:nowrap; }
#header #menu ul li.page_item a:hover { color: #fff; }
/* current_page_item is wordpress default class for active page list */
#header #menu ul li.current_page_item { float:right; }
#header #menu ul li.current_page_item a { display: block; margin: 0px 5px 0 0; float: left; height: 20px; border:1px solid #e4e7ed; border-bottom:2px solid #fff; border-top-width:2px; color:#000; background:#fff; text-decoration: none; font-size:12px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; white-space:nowrap; }
#header #menu ul li.current_page_item a:hover { color: #000; }


#content { width: 960px; float: left; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}

#content h2 {  font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; padding:0; margin:0 ; color:#222 }
#content h2 a { color: #3b5998; text-decoration:none; }
#content h2 a:hover { color: #3b5998; text-decoration:underline; }

#content h3 {  font-family:Tahoma, Geneva, sans-serif; font-size:17px; font-weight:bold; padding:0; margin:0 ; color:#222 }
#content h3 a { color: #3b5998; text-decoration:none; }
#content h3 a:hover { color: #3b5998; text-decoration:underline; }

#content #right-col { width: 600px; float: right; position: relative; padding-right: 30px; }

#content #left-col { width: 330px; float: left;  position: relative; background: url(images/sidebar_bkg.gif) top left no-repeat}

#content #left-col #sidebar { width: 300px; float: left; position: relative; }

#sidebar ul {list-style: none; padding:0; margin:0; }

/* sidebar 1 */
#sidebar1 { width: 300px;}
#sidebar1 ul li { border-left:0; margin-bottom:0px; border:0 }
/* this is the widget title */
#sidebar1 ul li h2 { color: #333333; font-size:12px; margin:0; padding: 5px; ; background: #eceff5; display:none}
#sidebar1 ul li ul { }
/* begin for the widget list */
#sidebar1 ul li ul li { border:0; border-bottom:1px solid #d8dfea; color: #333333; font-size:11px; margin:0px; padding: 5px;}
#sidebar1 ul li ul li a { color: #3b5998; font-size:11px; text-decoration:none; font-weight:bold}
#sidebar1 ul li ul li a:hover { color: #fff; background-color: #3b5998; }

/* sidebar 2 */
#sidebar2 { width: 300px;}
#sidebar2 ul li { background:#fff; border:1px solid #d8dfea; border-left:0; margin-bottom:15px }
/* this is the widget title */
#sidebar2 ul li h2 { border-top:1px solid #d8dfea; color: #333333; font-size:12px; margin:0; padding: 5px; ; background: #eceff5; display:block}
#sidebar2 ul li ul {}
/* begin for the widget list */
#sidebar2 ul li ul li { border:0; border-top:1px solid #e7ebf1; color: #333333; font-size:11px; margin:0px; padding: 5px;}
#sidebar2 ul li ul li a { color: #3b5998; font-size:11px; text-decoration:none; font-weight:bold}
#sidebar2 ul li ul li a:hover { color: #fff; background-color: #3b5998; }

/* float genericos */
.alignleft { float:left}
.alignright { float:right}

/* div con los botones anteriores y siguientes */
.navigation { /*border-top: 2px solid #eff2f5;*/ font-size:11px; padding:5px; color:#888; overflow:auto; border:0px solid}
.navigation a { color: #3b5998; font-size:12px; text-decoration:none; font-weight:bold}
.navigation a:hover { color: #fff; background-color: #3b5998; }

p a { color: #3b5998; font-size:11px; text-decoration:none; font-weight:bold}
p a:hover { color: #fff; background-color: #3b5998; }

/* div con el link para los feeds rss */
#feed { width:300px; padding-top:10px; padding-bottom:10px; border:0px solid; margin:0; height:20px}
#feed img { vertical-align:middle; border: 0}
#feed a { margin-left:5px; color: #3b5998; font-size:11px; text-decoration:none; font-weight:bold}
#feed a:hover { text-decoration:underline }

/* beinvenida */
#welcome { margin:0; padding:10px; background:#f5f7fa; border:1px solid #d8dfea; text-align:justify; font-size:11px}

/* boton para registro */
.participate { display:block; border: 1px solid #3b5998; background: #3b5998 url('images/participate_bkg.gif') repeat-x center ; color:#fff; text-align:center; padding-top:9px; height:26px; text-decoration:none; font-weight:bold}

/* formulario de busqueda - en la barra superior - */
#searchform { float:right; padding:0; margin:0; margin-top:4px;}
#searchform .formtextfield { width:152px; height:17px; border:1px solid #315091}
#searchform .formbutton { background: #315091 url(images/icon_search.gif); width:21px; height:21px; border:1px solid #315091}

/* los posts listados en cualquier pagina */
#content .hentry { clear:both; background: #fff url(images/post_bkg.gif) top center repeat-x; padding:10px; margin-bottom:10px; color:#222 }
#content .hentry h2 {  font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; padding:0; margin:0  }
#content .hentry h2 a { color: #3b5998; text-decoration:none; }
#content .hentry h2 a:hover { color: #3b5998; text-decoration:underline; }
#content .hentry h3 {  font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; padding:0; margin:0  }
#content .hentry h3 a { color: #3b5998; text-decoration:none; }
#content .hentry h3 a:hover { color: #3b5998; text-decoration:underline; }
#content .hentry p { margin:0; padding:0}
#content .hentry small { margin:0; padding:0; color:#888}
#content .hentry small a { color: #99a1b0; font-size:11px; text-decoration:none; font-weight:bold}
#content .hentry small a:hover { color: #fff; background-color: #99a1b0; }
#content .hentry .entry { margin:0; padding-top:10px; }
#content .hentry .entry p { padding-bottom:10px}
#content .hentry .entry a { color: #3b5998; font-size:11px; text-decoration:none; font-weight:bold}
#content .hentry .entry a:hover { color: #fff; background-color: #3b5998; }
#content .hentry .postmetadata { border-top: 1px solid #eff2f5; font-size:11px; margin-top:10px; padding-top:5px; color:#888}
#content .hentry .postmetadata a { color: #99a1b0; font-size:11px; text-decoration:none; font-weight:bold}
#content .hentry .postmetadata a:hover { color: #fff; background-color: #99a1b0; }

/* articulos relacionados */
#content #relatedPosts { margin:0; padding:10px; background:#fff; border:1px dashed #d8dfea; text-align:justify; font-size:11px }
#content #relatedPosts ul { margin:0; padding:0; list-style:none}
#content #relatedPosts a { color: #3b5998; text-decoration:none; }
#content #relatedPosts a:hover { color: #3b5998; text-decoration:underline; }

/* la seccion de comentarios al final de la pagina single */
#content #commentsDiv { background:#f5f7fa; width:100%; color:#222; border:0px solid #f5f7fa }
#content #commentsDiv h3 { margin:10px }
#content #commentsDiv ol { font-weight:bold; list-style: none; margin:0; padding:0}
/* #content #commentsDiv ol li { list-style: none; border:1px solid #d8dfea; background:#fff; padding:10px; margin:10px; overflow:auto; vertical-align:middle }*/
#content #commentsDiv ol li { list-style: none;  padding:10px; margin:0px; overflow:auto; vertical-align:middle; border-bottom:2px dotted #d8dfea}
#content #commentsDiv ol li .commentContainer { overflow:auto; font-weight:normal; position:relative; border:1px solid #f5f7fa  }
#content #commentsDiv ol li .comment-data { overflow:visible; border:1px solid #d8dfea; background:#fff; margin:0; padding:10px; height:50px;  margin-left: 90px; position:relative}
#content #commentsDiv ol li .comment-data p { margin:0; padding:0; font-size:11px}
#content #commentsDiv ol li .comment-data a { color: #3b5998; text-decoration:none; font-size:11px; font-weight:bold}
#content #commentsDiv ol li .comment-data a:hover { text-decoration:underline } 
#content #commentsDiv ol li .comment-info { position:absolute; width:80px; top:0; left:0px; font-size:10px; overflow:visible; text-align:right }
#content #commentsDiv ol li .comment-info a { color: #3b5998; text-decoration:none; font-weight:bold}
#content #commentsDiv ol li .comment-info a:hover { color: #fff; background-color: #3b5998; }
#content #commentsDiv ol .clear { clear:both}

/* formulario para escribir comentario */
#content #respond { background:#f5f7fa; width:100%; color:#222; border-top:1px solid #f5f7fa}
#content #respond p { margin:0; margin-bottom:5px; padding:0 }
#content #respond h3 { margin:10px }
#content #respond form { margin:10px; }
#content #respond #commentform { }
#content #respond input { border:1px solid #d8dfea; background:#fff;}
#content #respond textarea { width:550px; border:1px solid #d8dfea; background:#fff;}
#content #respond #submit { background:#3b5998 url('images/button_bkg.gif') repeat-x center ;; border:1px solid #3b5998; color:#fff; font-weight:bold}
#content #respond #respondNotice { margin:10px; padding:5px; background:#e9edf3; border:1px solid #f5f7fa; text-align:justify; font-size:10px}
#content #respond #respondNotice a { color: #3b5998; text-decoration:none; font-weight:bold}
#content #respond #respondNotice a:hover { color: #fff; background-color: #3b5998; }

form { padding:0; margin:0}

/* pie de pagina */
#footer { position:relative; clear:both; color:#666; text-align:center; background: url(images/footer_bkg.gif) repeat-x top left; height: 44px; padding-top:15px; font-family:Tahoma, Geneva, sans-serif; font-size:10px; font-weight:bold }
#footer a { color: #3b5998; font-size:11px; text-decoration:none; font-weight:bold}
#footer a:hover { text-decoration:underline }
#footer .footer-text { width:900px; margin: 0 auto} 

/* icons */
.iconSocialRss { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_rss.gif'); border:0 none;}
.iconSocialDigg { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_digg.gif'); border:0 none;}
.iconSocialFacebook { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_facebook.gif'); border:0 none;}
.iconSocialMeneame { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_meneame.gif'); border:0 none;}
.iconSocialGoogle { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_google.gif'); border:0 none;}
.iconSocialLive { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_live.gif'); border:0 none;}
.iconSocialMyspace { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_myspace.gif'); border:0 none;}
.iconSocialTwitter { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_twitter.gif'); border:0 none;}
.iconSocialYahoo { float:left; display:block; width: 20px; height:20px; vertical-align:middle; background: url('images/icon_social_yahoo.gif'); border:0 none;}