/*
Theme Name: WP Colo-Colo
Theme URI: http://www.colocolo.cl/
Description: El tema WP de colocolo.cl
Version: 1.0
Author: Roberto Alamos - Francisco Lavin
Author URI: http://www.daleideas.cl/
Tags: colo-colo, colo colo, wordpress

*/

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
        margin:0;
        padding:0;
}
table {
        border-collapse:collapse;
        border-spacing:0;
}
fieldset,img {
        border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
        font-style:normal;
        font-weight:normal;
}
ol,ul {
        list-style:none;
}
caption,th {
        text-align:left;
}
h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
}
q:before,q:after {
        content:'';
}
abbr,acronym { border:0;
}

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	background-color: white; text-align: center; margin:0; padding:0; 
}
div { text-align: left; }

#header { width: 100%;  background-color: black; text-align: center; color: white; }
#header a { text-decoration: none; color: white; }
#header a:hover { color: #cc0000; text-decoration:none; }

#header_core { width: 1000px; margin: 0 auto 0 auto; }

#header_content { height: 183px; background-color: black; color: white; padding-top: 5px; }

#header_menu_sup { height: 49px; padding-right: 10px }
#header_content ul { list-style-type: none; height: 49px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; }
#header_content ul li { display: block; margin: 0 0 0 8px; height: 49px; line-height:49px; float: right; }

#header_content_l { width: 385px; height: 49px; float:left; }
#header_content_c { width: 285px; height: 49px; float:left; }
#header_content_r { width: 330px; height: 49px; float:left; }


#header_menu { background-repeat:no-repeat; width: 100%; background-color: black; }
#header_menu ul.principal { height: 37px; list-style-type: none; display: block; margin: 0; padding: 0; }
#header_menu ul.principal li { display: inline; line-height: 37px; font-size: 11px; color: white; text-transform: uppercase; margin-left: 3.1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

#footer { background-color: black; width: 100%; color: white; padding: .6em 0 .5em 0; font-size: 10px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; text-align: center; }
#footer a { text-decoration: none; color: white; }
#footer a:hover { color: #cc0000; text-decoration: none; }
#footer ul { list-style-type: none; margin: 0; padding: 0;  }
#footer ul li { display: inline; }

#footer_core { width: 1000px; margin: 0 auto 0 auto; position: relative; text-align: left; }

#footer_menu { line-height: 73px; }

#footer_bottom { margin-top: 60px; }
#footer_datos { text-align: left; margin-bottom: 6px; color: #999; }

#footer_estrellas { position: absolute; top: -54px; left: 0; }

#submenu { }
#submenu ul { list-style-type: none; }
#submenu ul li { display: inline; text-transform: uppercase; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 38px; margin-left: 3.1em; }
#submenu ul li a { color: #ca0000; text-decoration: none; font-weight: bold; }
#submenu ul li a:hover { color: black; }

#main { width: 100%; text-align: center; background-color: white; }
#main_core { margin: 0 auto 0 auto; width: 990px; }
#loop { border-bottom: solid 1px #ccc; padding: 0 0 8px 0; margin: 10px 0 0 0; }
#loop h2 { margin: 3px 0 0 0; font-family: Arial, Helvetica, sans-serif; }
#col_3 { float:right; width: 170px; padding: 5px 0 5px 0; }
#col_1_2 { float:left; width: 805px; }
#subcol_1_2_1 { float: left; }
#subcol_1_2_2 { float: left; }

#sidebar { padding: 2px 0 5px 5px; text-align: center; }
#sidebar a { color: #cc0000; text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }
#sidebar form { margin: 0; }
#sidebar .box { width: 167px; margin: 0 auto 6px auto; }

#wc-cc-agenda ul { list-style-type: none; }
#wc-cc-agenda ul li { display: inline; }

.rowlink { text-align: center; padding: 6px 0 6px 0; font-size: 9px; }
.rowlink a { text-transform: uppercase; font-size: 9px; }
#ulocal { float: left;  margin: 2px 0 0 6px;  }
#uvisita { float: right;  margin: 2px 6px 0 0;  }
#versus { text-align:center; }

#big-posts { width:570px; float: left;}
.big-post { position: relative; margin: 6px 0 0 0; }
.big-post img { z-index: 1; }
.entry { position: absolute; float: left; width: 540px; bottom: 12px; left: 12px; padding: 3px; z-index: 4;  background-color: white; }
.entry h2 { color: #333; margin: 2px 0 2px 0; font-size: 16px; font-weight: bold; }
.entry h2 a { color: #333; text-decoration: none; }
.entry h2 a:hover { text-decoration: underline; }
.entry p { margin: 1px 0 3px 0; font-size: 12px; font-family: Verdana, Arial, Helvetica; }
#small-posts { width: 220px; float: right; margin: 0 0 0 6px; }
.opaco { background-color: white; opacity:.30; filter: alpha(opacity=30); -moz-opacity: 0.3; }
.small-post { padding: 4px 0 6px 0; margin: 0 0 2px 0; border-bottom: solid 1px #ccc; }
.small-post h2 { font-size: 15px; font-weight: bold; }
.small-post img { float:left; width: 71px; height: 71px; margin: 3px 3px 3px 0; }
.small-post a { color: black; text-decoration: none; }
.small-post a:hover { text-decoration: underline; }
.sp-last { border-bottom: none; }
.sp-last img { margin-bottom: 2px; }
.masnoticias { text-align: right; font-size: 10px; color:black; }
.masnoticias a { color: #c40000; text-decoration: none; padding: 0; }
.masnoticias a:hover { text-decoration: underline; }

.block { border-bottom: solid 1px #ccc; padding: 0 0 8px 0; margin: 10px 0 0 0; }
.block-left { width: 570px; float: left; }
.block-right { width: 200px; float: right; }
.block-left h2, .block-right h2 { font-family: Arial, helvetica, sans-serif; font-size: 18px; font-weight: bold; margin: 0 0 8px 0; }
.block-left h3, .block-right h3 { font-family: Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 2px 0 3px 0; }
.block-left a, .block-right a { font-family: Arial, helvetica, sans-serif; color: black; text-decoration:none }
.block-left a:hover, .block-right a:hover { text-decoration: underline; }
.otras a { color: #ca0000; font-size: 10px; }

ul.foto-galeras-home { list-style-type: none; }
ul.foto-galeras-home li { display: inline; width: 180px; float: left; margin: 0 10px 4px 0; }
ul.vertical-small-home { list-style-type: none; }
ul.vertical-small-home li { height: 53px; margin: 0 0 10px 0; }
ul.vertical-small-home li img { float: left; width: 50px; height: 50px; margin: 0 4px 0 0; }
ul.vertical-small-home li .autor { color: #ca0000; }
ul.vertical-small-home li .fecha { color: #999; }
ul.cc-tv-home { list-style-type: none; }
ul.cc-tv-home li { display: inline; width: 265px; float: left; margin: 0 20px 0 0; }
ul.otras-noticias li { margin: 0 0 5px 0; }
ul.otras-noticias li a { color: #ca0000; }

.contenido { float: left; }
.branding { float:right; width: 240px; margin-top: 10px; text-align: center; }
.branding a { color: #c40000; text-decoration: none; }
.branding a:hover { text-decoration: underline; }
.branding-inner { width:225px; margin: 0 auto 0 auto; text-align: left; }
.branding-core { width:223px; border-right: solid 1px #ccc; border-left: solid 1px #ccc; margin:0; min-height: 130px; }
.branding-inner .top { height: 116px; }
.branding-core-inner { padding: 6px; font-size: 11px; color: #666; }

.categoria { margin-bottom: 25px; position: relative; }
.categoria img { margin-right: 8px; }
.categoria h2 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: capitalize; margin: 0 0 6px 0; }
.categoria h2 a { color: black; text-decoration: none; }
.categoria h2 a:hover { text-decoration: underline; }
.categoria p { padding: 0; margin: 4px 0 8px 0; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; }
.categoria span { color: #666; font-size: 11px; position: absolute; bottom: 0; right: 0; }
.categoria span a { color: #c40000; text-decoration: none; }
.categoria span a:hover { text-decoration: underline; }
.categoria .fecha { color: #666; font-size:11px; }

div.post { border-bottom: solid 1px #ccc; margin-bottom: 12px; padding-bottom: 4px; }
div.post h2 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px 0 7px 0; }
div.post-top { height: 53px; }
div.post-top h3 { margin: 2px 0 4px 0; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; padding:0; line-height: 53px; }
div.post-top img.estrella { padding:0; margin:0; margin: 12px 4px 0 0; }

/*** ESTILOS DENTRO DE POSTS ***/
.postcontent { margin: 0 0 14px 0; font-size: 12px; font-family: Verdana, Arial, Helvetica; }
.postcontent p { margin: 0 0 16px 0; }
.postcontent strong { font-weight: bold; }
.postcontent a { color: #c40000; text-decoration: none; }
.postcontent a:hover { text-decoration: underline; }

.postmetadata { font-size: 10px; font-family: Verdana, Arial, Helvetica; color: #999; margin: 10px 0 0 0; }
.postmetadata ul { list-style-type: none; }
.postmetadata ul li { display: inline; margin: 0 15px 0 0;  }
.postmetadata a { color: #999; text-decoration: none; }
.postmetadata a:hover { text-decoration: underline; }

h3.comentarios { font-size: 15px; color: #c40000; font-family: Arial, Helvetica, sans-serif; font-weight:bold; margin: 3px 0 10px 0; }
div.commentlist {}
div.commentlist .comment { margin: 0 0 15px 0; }
.comment-author { background-color: #ccc; color: white; font-weight: bold; line-height: 25px; padding: 0 3px 0 3px; text-transform: capitalize;  }
.comment-author a { color: white; font-weight: bold; text-decoration: none; }
.comment-author em { color: red; float: right; font-weight: bold; margin: 0 12px 0 0; }
.comment-meta { float: right; color: white; }
.comment p { margin: 2px 0 10px 0; border: solid 1px #ccc; padding: 3px; }
.registrate {}
.registrate a { color: #c40000; text-decoration: none; }
.registrate a:hover { text-decoration: underline; }

#respond {}
#respond h3 { font-size: 15px; font-weight:bold; color: #c40000; font-family: Arial, Helvetica, sans-serif; }
#commentform .loggedin { font-size:12px; font-weight: bold; color: #666; font-family: Arial, Helvetica, sans-serif; line-height: 25px;  }
#commentform .loggedin a { color: #999; text-decoration: none; }
#commentform .loggedin a:hover { text-decoration: underline; }
textarea#comment { width: 100%; border: solid 1px #999; }
input#submit { border: solid 1px #999; float: right; padding 2px; margin: 4px 0 0 0; }

/* Agenda */
.cc-agenda-actividad { border: none; font-family: Arial, Helvetica, sans-serif; min-height: 95px; margin: 3px 0 8px 0;  }
.cc-agenda-actividad img { margin: 0 4px 45px 0; }
.cc-agenda-actividad h3 { text-transform: uppercase; color: black; font-size: 11px; font-weight: bold; margin: 0 0 2px 0; }
.cc-agenda-actividad h2 { text-transform: uppercase; font-size: 10px; color: black; margin: 0 0 4px 0; }
.cc-agenda-actividad h2 a { text-decoration: none; color: #c40000; }
.cc-agenda-actividad h2 a:hover { text-decoration: underline; }
.cc-agenda-actividad .fecha, .cc-agenda-actividad .lugar { color: #999; text-transform: uppercase; font-size: 10px;  }

/* Galerias */
.img-nav { float: right; }
.img-nav .attachment-thumbnail { width: 51px; height: 51px; margin: 2px; }
.img-nav img { background-color: white; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.7; }
.gallery-item { border: none; }
.gallery-icon { border: none; }
.attachment { text-align: center; }
.attachment img, .attachment-thumbnail { padding: 2px; border: solid 1px #ccc; margin: 3px; }
.gallery { margin: auto; }
.gallery .gallery-item { float: left; margin-top: 10px; text-align: center; }
.gallery .gallery-caption { margin-left: 0; }

/* Registro y Login */
#logreg { width: 100%; padding: 10px 0 20px 0; text-align: left; }
#logreg strong { font-weight: bold; }

#logreg-left { float: left; width: 50%; }
#logreg-right { float: right; width: 50% }

#logreg-right-inner { margin: 20px; }
#logreg-right-inner h2 { color: #c40000; font-size: 18px; margin: 10px 0 15px 0; font-weight: bold; }
#logreg-right-inner a { color: #c40000; text-decoration: none; }
#logreg-right-inner a:hover { color: #c40000; text-decoration: underline; }

#login_error { background-color: red; color: white; font-weight: bold; height: 25px; line-height: 25px; margin: 5px 0 5px 0; padding: 3px; float: left; }
#login_error a { text-decoration: underline; color: white; }

#login { margin: 20px 20px 20px 140px; }
#login h2 { color: #c40000; font-size: 18px; margin: 10px 0 15px 0; font-weight: bold; }
#login label { font-weight: bold; }
#login p { margin: 0 0 10px 0; }
#login #log, #login #login_password, #login #user_login, #login #first_name, #login #last_name, #login #user_email, #login #email { height: 18px; }
#login p.submit { display: block; text-align: left; }
#login p.submit input { float: none; }
#login ul li { margin: 0 0 5px 0; }
#login a { color: #c40000; text-decoration: none; }
#login a:hover { color: #c40000; text-decoration: underline; }

#notfound { min-height: 300px; }
#notfound h3 { color: #c40000; font-size: 18px; font-weight: bold; }
#notfound p { margin: 8px 0 8px 0; }

input.buscar { border: solid 1px black; margin: 2px 0 2px 0; width:100%; }


/* Clases generales */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.last { border-bottom: none; }
.text-centered { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.flat { border: none; padding:0; margin:0;}
.con-branding { width: 575px; }
.sin-branding { width: 790px; }


/* Decoracion 18era Septiembre 2009 */
#banda18 { height: 10px; width: 100%; }
#lazo18 { position: absolute; top: 0; left: 0; width: 39px; height: 59px; }

.flast { color: #000005; font-size: 9px; margin:0; padding: 0; }
.flast-a { color: #000005 !important; font-size: 9px !important; }
.flast-a:hover { text-decoration: none; }