/*
Theme Name: CeV 2010
Theme URI: http://www.cristalenvivo.cl
Description: Tema para Cristal en Vivo 2010
Version: 1.0
Author: Noise Media
Author URI: http://www.noise-media.cl
*/

/* reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

:focus {
	outline:0;
}

ins,a {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* base.css */
body {
	font-family:Arial, sans-serif;
	font-size:12px;
	background:url(i/bg.gif) fixed no-repeat center 0 #47B649;
}

body {
}
a { color:#117018; }
.alignleft,.left { float:left; }
.alignright,.right { float:right; }


a.by {
	color:#000 !important;
}
a.by:hover {
	color:#FAD303 !important;
}
a.gy {
	color:#117018 !important;
}
a.gy:hover {
	color:#FAD303 !important;
}
a.wg {
	color:#FFF !important;
}
a.wg:hover {
	color:#117018 !important;
}

/* Main structure */
#header-context, #nav, #content, #footer-context {
	width:1000px;
	margin:0 auto;
}

#header, #footer {
}

#header {
}

#header-context {
	height:169px;
	padding:0px 0 0;
}

* html #header-context {
	padding:0;
}

#logo {
	width:268px;
	float:left;
}

#logo h1 a {
	display:block;
	width:268px;
	height:169px;
	text-indent:-9999px;
	background:url(i/logo-cristalenvivo.png) no-repeat;
}

#quick-content {
	float:right;
	width:330px;

}

#quick-content ul {
	margin:22px 0 0;
	text-align:right;
	letter-spacing:2px;
}

#quick-content li {
	display:inline;
/*	float:left;
	width:40px;
	margin:0 5px 0 0;*/
}

#quick-content li.last {
	/*margin:0;*/
}

#quick-content .search {
	margin:70px 0 0;
}

#quick-content form {
	border:solid 1px #696969;
	width:250px;
	float:right;
	background-color:#F0F0F0;
}


#quick-content input {
	padding:2px;
	border:none;
	width:220px;
	background:transparent;
}

#quick-content button {
	text-indent:-9999px;
	border:none;
	background:url(i/boton-buscar.png) no-repeat;
	width:19px;
	cursor:pointer;
}

#dates {
	position:fixed;
	top:0;left:0;
	width:100%;
	height:35px;
	background-color:#000;
	color:#FFF;
	border-bottom:solid 5px #FFD200;
	z-index:99;
}

#dates .dates {
	width:1000px;
	margin:0 auto;
}
#dates td {
	font-size:14px;
	padding:3px 30px;
	border-right:solid 1px #555;
	border-left:solid 1px #555;
}
#dates td:hover {

}
#dates span {
	color:#CCC;
	display:block;
}
#dates .ban {
	display:none;
}

#nav {
	height:37px;
}

#nav ul {
}

#nav ul,
#nav li {

}

#nav li {
	float:left;
	height:39px;
}

#nav li a {
	display:block;
	height:39px;
	background:url(i/bg-menu.gif) no-repeat;
	text-indent:-9999px;
}
/* Lo siguiente solo se encuentra en #nav */
#nav li.btn-noticias a { width:175px; background-position:-2px 0; }
#nav li.btn-noticias a:hover { background-position:-2px -41px; }
#nav li.btn-noticias a.current { background-position:-2px -82px; }

#nav li.btn-greenday a { width:202px; background-position:-177px 0 }
#nav li.btn-greenday a:hover { background-position:-177px -41px }
#nav li.btn-greenday a.current { background-position:-177px -82px }

#nav li.btn-bandas a { width:196px; background-position:-379px 0; } /*175+202*/
#nav li.btn-bandas a:hover { background-position:-379px -41px; }
#nav li.btn-bandas a.current { background-position:-379px -82px; }

#nav li.btn-concursos a { width:201px; background-position:-579px 0; } /*175+202+196 */
#nav li.btn-concursos a:hover { background-position:-579px -41px; }
#nav li.btn-concursos a.current { background-position:-579px -82px; }

#nav li.btn-comunidad a { width:225px; background-position:-781px 0; } /* 202+184+190+231 */
#nav li.btn-comunidad a:hover { background-position:-781px -41px; }
#nav li.btn-comunidad a.current { background-position:-781px -82px; }


#content {
	margin:10px auto 0;

}

.page-template-template-single-php #content-context,
.single #content-context {
	position:relative;
}
.page-template-template-single-php #sidebar-left,
.single #sidebar-left {
	margin:166px 0 0 0;
}

#detail {
	position:absolute;
	width:220px;
	height:160px;
	top:-1px;
	right:-221px;
	background-color:#FFF;
	font-size:13px;
	border:solid 1px #696969;
	border-left:none;
	overflow:hidden;
}

#detail span {
	font-weight:bold;
	text-decoration:underline;
	display:block;
}

#detail p {
	margin:5px 0;
}

#detail a {
	color:#117018;
}

#detail p.tags {
	border-top:dotted 2px #CCC;
	padding:5px 0 0;
}


#content-context {
	float:left;
	width:705px;
}

#content-context p,
#content-context ul {

}

#content-context ul {

}

.block-dates {
	margin:0 0 10px 0;
	background-color:#F6F6F6;
}

.community .middle {
	padding:0 35px !important;
}

.small-mosaic a {
}

.block-dates h2 {
	font-size:16px;
	padding:2px 1px;
}

.block-dates .middle {
	padding:0 0 2px 0;
	border:solid 1px #696969;
	border-bottom:solid 1px #CCC;
	/*-moz-box-shadow:0 0 1px #666;*/
}

.home .block-dates .middle {
	height:560px;
}

.block-dates .bottom {
	height:3px;
	line-height:0;
	border:solid 1px #696969;
	border-top:none;
	background-color:	#FFD200;
	/*-moz-box-shadow:0 1px 1px #666;*/
}

.block-truck {
	width:703px;
	height:384px;
	background:url(i/bg-camion.jpg) no-repeat;
}

.block-box {
	/*height:213px;*/
	border:solid 1px #696969;
	margin:0 0 10px 0;
	background-color:#FFF;
	/*-moz-box-shadow:0 0 2px #666;*/
}

.block-comments {
	/*height:248px;*/
	border:solid 1px #696969;
	margin:0 0 10px 0;
	background-color:#FFF;
	/*-moz-box-shadow:0 0 2px #666;*/
}

.block-comments h3, .block-box h3 {
	font-size:13px;
	padding:4px;
}

.block-comments ul {

}

.block-comments li {
	border-top:solid 1px #696969;
	padding:4px 2px;
	font-size:13px;
}

.block-comments li a {
	color:#117018;
	text-decoration:none;
}

.block-facebook {
	height:422px;
	margin:0 0 10px 0;
	background:url(i/bg-widget-facebook.jpg) no-repeat;
	padding:27px 0 0 ;
	/*-moz-box-shadow:0 0 2px #666;*/
}

.block-twitter {
	height:372px;
	background:url(i/bg-widget-twitter.jpg) no-repeat;
	padding:25px 1px 1px;
	/*-moz-box-shadow:0 0 2px #666;*/
}

* html .block-dates .bottom {
	font-size:0;
}

.navigation {
	overflow:hidden;
}

* html .navigation { height:1%; }

.socials {
	margin:10px 15px;
}

.retweet {
	border-bottom:dotted 2px #CCC;
	text-align:center;
}

.sharers {
	text-align:center;
	border-bottom:dotted 2px #CCC;
	padding:5px 0;
}

.sharers .share {
	display:inline;
	padding:0 10px;
	border-right:solid 1px #CCC;
}

.sharers .last {
	border-right:none;
}

.sharers img {
	vertical-align:middle;
}

#sidebar {
	float:right;
	width:284px;
}
.page-template-template-single-php #sidebar,
.search #sidebar,
.single #sidebar,
.archive #sidebar {
	width:504px;
}
.page-template-template-single-php #sidebar-left,
.search #sidebar-left,
.single #sidebar-left,
.archive #sidebar-left {
	float:left;
	width:214px;
	background-color:#FFF;
	border:solid 1px #696969;
}
.page-template-template-single-php #sidebar-right,
.search #sidebar-right,
.single #sidebar-right,
.archive #sidebar-right {
	float:right;
	width:284px
}
.page-template-template-single-php #content-context,
.search #content-context,
.single #content-context,
.archive #content-context {
	width:490px;
	background-color:#FFF;
	border:solid 1px #696969;
}

#sidebar-left h2 {
	font-size:14px;
	padding:4px 0;
	margin:0 14px 2px 14px;
	border-bottom:dotted 2px #CCC;
}

#footer {
}

#footer-context {

}

#footer-context {
	font-size:11px;
}

/* slideshow.css */

.noise-slideshow {
  width:703px;
  height:269px;
  position:relative;
}

.noise-slideshow .item {
  position:absolute;
  width:703px;
  height:269px;
  overflow:hidden;
}

.noise-slideshow .meta {
	width:70px;
	height:72px;
	text-align:right;
	float:right;
}

.noise-slideshow .meta p { width:auto !important; }

.noise-slideshow .meta .comments-number {
	width:40px;
	height:22px;
	margin:2px 0 0;
	padding:12px 0 0 30px;
	font-size:20px;
	font-weight:bold;
	background:url(i/bg-comentarios.png) no-repeat;
	text-align:center;
}

.noise-slideshow .meta .read-more {
	height:12px;
	margin:24px 0 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}


.noise-slideshow .caption p {
  font-size:12px;
  margin:0 0 5px 0;
  width:540px;
}

.noise-slideshow .caption h3 {
  font-size:20px;
	margin:5px 0;
	text-transform:uppercase;
}

.noise-slideshow .caption h3,
.noise-slideshow .caption p {
  padding:0 10px;
}

.noise-slideshow .caption {
  position:absolute;
  width:703px;
  height:72px;
  bottom:0;
  color:#FFF;
  background:url(i/bg-caption.png) repeat;
  z-index:1;
}

.noise-slideshow .caption a {
	color:#FFF;
	text-decoration:none;
}


.noise-slideshow .arrow-left,
.noise-slideshow .arrow-right {
  position:absolute;
  width:25%;
  height:269px;
  cursor:pointer;
  z-index:0;
}

.noise-slideshow .arrow-left {
  left:0;
  background:transparent url(i/atras.png) no-repeat left 50%;
}

.noise-slideshow .arrow-right {
  right:0;
  background:transparent url(i/siguiente.png) no-repeat right 50%;
}

/* articles.css */
.article {
	float:left;
}

.article h3 {
	font-size:18px;
	text-transform:uppercase;
}

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

.article .foot {
	height:18px;
	padding:2px 0;
}

.article .foot .comments-number {
	float:left;
	padding:0 0 0 20px;
	background:url(i/ico-comentarios.png) no-repeat;
}

.article .foot .comments-number a { color:#000; }

.article .foot .read-more {
	float:right;
}

.article .foot a {
	text-decoration:none;
	color:#117018;
}

.summer-articles {
	margin:2px 0;
	padding:0 2px;
}

.summer-articles .article {
	width:229px;
	margin:0 6px 0 0;
}
.summer-articles .content {
	height:145px;
	padding:0 2px;
}
.summer-articles .content p {
	margin:15px 0 0;
}
.last { margin:0 !important; }

.truck-articles {
	padding:38px 17px 0 17px;
}

.truck-articles .article {
	width:221px;
	overflow:hidden;
	margin:0 2px 0 0;
}

.truck-articles .content {
	height:198px;
	padding:0 10px 0 0;
}

.truck-articles .foot .comments-number { float:right; }
.truck-articles .foot .read-more { float:left; }

.last-articles {
}

.last-articles h2 {
	font-size:16px;
	margin:7px;
}

.last-articles .foot .comments-number,
.last-articles .foot .read-more {
	display:inline;
	float:none;
}

.last-articles .article {
	width:337px;
	margin:0 7px 0 7px;
}

* html .last-articles .article {
	margin:0 5px;
}


.last-articles p.more {
	display:block;
	clear:both;
	padding:2px 20px;
	text-align:right;
}
.last-articles p.more a { color:#117018; }

dl {
	line-height:18px;
	padding:0 15px;
}

dt {
	float:left;
	width:100px;
}

dd {
	margin-left:100px;
}

dd a { color:#117018; }

/* bands.css */
.band-tab {
	margin:6px 6px 0 6px;
}

* html .band-tab {
	padding:6px;
}

.band-tab p {
	margin:10px 0;
}

.band-tab p.discos img {
	margin:2px 2px 2px 0;
}

.band {
	float:left;
	width:138px;
	margin:0 3px 0 0;
	height:542px;
	position:relative;
}

.band .image {
	position:absolute;
	overflow:hidden;
	width:138px;
	top:0;
}

.band .content {
	position:absolute;
	bottom:0;
	color:#FFF;
	background-color:#000;
	width:138px;
	height:71px;
}

.band .extract {
	display:none;
	height:147px;
}

.band h3 {
	text-transform:uppercase;
	font-size:16px;
	height:40px;
}

.band h4.date {
	color:#696969;
	font-weight:normal;
}

.band h4.date span {
	font-weight:bold;
}

.band .foot {
	border-top:solid 1px #FFF;
	height:12px;
	padding:2px 0 0;
}

.band .foot .comments-number {
	float:right;
	background:url(i/ico-comentarios-b.png) no-repeat;
	padding:0 0 0 16px;
}

.band .foot .read-more {

	float:left;
}

.band a {
	color:#FFF;
	text-decoration:none;
}

.community-info {
	padding:10px 0;
	border-top:dotted 2px #CCC;
	margin:5px 0 0;
}

.community-info a {
	color:#117018;
}

.community-title span {
	font-size:12px;
	font-weight:normal;
}

/* posts.css */
.post {
	margin:5px 5px 20px;
	border-bottom:2px dotted #999;
}

.post a {
	color:#117018;
	text-decoration:none;
}

.category .post .image {
	height:145px;
	overflow:hidden;
}

.post .content h2 {
	font-size:20px;
	border-bottom:dotted 2px #999;
	padding:4px 10px;
}
.post .content h2 a { color:#000; }

.post .content img {
	margin:0 -10px;
}

.post .content .comments-number {
	float:right;
	background:url(i/ico-comentarios.png) no-repeat 0 10px;
	padding:10px 0 0 20px;
	margin-top:0px;
}

.post .content .comments-number a {
	color:#000;
}

.post .content p {
	margin:5px 0;
	line-height:14px;
	margin-top:8px;
	padding:0 10px;
}

.post .meta {
	margin:10px 0 0;
	overflow:hidden;
	padding:0 10px 4px;
}

.post .meta .tags {
	float:left;
	width:350px;
}

.post .meta .read-more {
	float:right;
}

.list-posts {
	padding:0 5px;
}

.list-posts .item {
	margin:0 10px 10px 10px;
	padding:5px 0 0;
	border-top:dotted 2px #CCC;
}

.list-posts img {
	margin:0 0 2px 0;
}

.list-posts h3 {
	font-size:14px;
}

.list-posts h3 a {
color:#000;
}	

.list-posts p { text-align:right; }

.list-posts a { color:#117018; text-decoration:none; }

.comment-list {

}

.comment-list,
.comment-form {
	margin:10px 6px;
}

.comment-list h3,
.comment-form h3 {
	font-size:18px;
}

.comment {
	border-bottom:solid 1px #000;
	padding:10px 0;
	position:relative;
}

.comment img {
	float:left;
}

.comment p {
	margin-left:60px;
}

.comment p.author {
	margin:0 0 10px 60px;
}

.comment p.author cite {
	font-size:13px;
	font-weight:bold;
	color:#000;
	font-style:normal;
}

.comment .number {
	font-size:18px;
	font-weight:bold;
	position:absolute;
	right:0;bottom:0;
}
.comment-form p {
	margin:5px 0;
}
.comment-form input,
.comment-form textarea {
	border:none;
	background-color:#000;
	color:#FFF;
}

.comment-form textarea {
	width:100%;
}
.comment-form p.submit input {
	color:yellow;
}


		.navigation {
			padding:10px;
		}
		.navigation .alignleft,
		.navigation .alignright {

		}
		.navigation a {
			padding:2px 5px;
			background-color:#000;
			color:#117018;
		}
		.navigation a:hover {
			color:#FFF;
		}

#footer-context {
	position:relative;
	padding:10px 0;
}

#footer-context .logo-cristal {
	position:absolute;
	left:20px;
	top:16px;
}

#footer-context .logo-cc {
	position:absolute;
	right:5px;
	top:30px;
}

#footer-context .inline-box {
	background:url(i/bg-footer.png) no-repeat center;
	padding:2px 0;
	height:65px;
	width:788px;
	margin:0 auto;
}

#footer-context .a,
#footer-context .b,
#footer-context .c {
	float:left;
}

#footer-context li {
	line-height:12px;
}
#footer-context a {
	color:#000;
}
#footer-context .a {
	padding:2px 0 2px 20px;
	width:128px;
}
#footer-context .b {
	padding:2px 0 2px 20px;
	width:170px;
}
#footer-context .c {
	padding:2px 0 2px 20px;
}
#footer-context .copyright {
	color:#FFF;
	margin:16px 0 0;
}
#footer-context .copyright a {
	color:#FFF;
}
/* lightbox.css */
#overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:1001;
	opacity:.75;
	-moz-opacity:0.75;
	filter:alpha(opacity=75);
}
#overlay-mayor {
	position:fixed;
	top:0;left:0;
	bottom:0;right:0;
	width:400px;
	margin:auto;
	text-align:center;
	height:125px;
	border:solid 1px #333;
	background-color:#000;
	z-index:1002;
	padding:10px 0;
}
#overlay-mayor h1 {
	color:#FFF;
	font-size:14px;
	padding:2px 0;
}
#overlay-mayor p {
	font-size:16px;
}
#bandas {
	overflow:hidden; /* TODO(raliste): usar.cf */
	padding-left:1px;
}
* html #bandas { height:1%; }

#bandas a {
	float:left;
	margin:1px 1px 1px 0;
}

/* clearfix.css */
.cf:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.cf {
	display: inline-block;
}
 
html[xmlns] .cf {
	display: block;
}
 
* html .cf {
	height: 1%;
}