/*
Theme Name: Podcaster
Theme URI: http://www.podcaster.cl
Description: El nuevo tema de Podcaster
Version: 1.0
Author: Reactor
Author URI: http://reactor.cl
*/
* { margin:0; padding:0; }

/*img, div, h1, h2, h3, input, a, span { behavior:url(/js/iepngfix.htc); }*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../podcaster/i/bg-main.gif) repeat-x #00B2AC;
	color:#FFF;
}

ul {
	list-style-type:none;
}

a {
	text-decoration:none;
	color:#02807F;
}

img { border:none; }

/* Estructura
-----------------------------------------*/
#nike {
	width: 728px;
	margin:0px auto;
}

#box {
	width:960px;
	margin:0 auto;
}

#header {
	height:110px;
	overflow:hidden;
}

* html #header { height:1%; }

#logo {
	float:left;
	margin:20px;
}



#left {
	width:440px;
	float:left;
}

#middle {
	width:160px;
	float:right;
}

#sidebar {
/*	margin-left:630px;*/
float:right;
width:300px;
}

#main {
	background-color:#FFF;
	color:#000;
	padding:10px 15px;
	overflow:hidden;
}
* html #main { height:1%; }

#container {
	overflow:hidden;
	margin:10px 0 0;
}


#content {
	width:615px;
	float:left;
	overflow:hidden;
}
* html #content { height:1%; }

#footer {
	height:190px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px
}

/* Menu
-----------------------------------------*/
#menu {
	height:40px;
	background:url(../podcaster/i/bg-menu.png);
	font-size:14px;
	font-family:Calibri, 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-weight:bold;
	position:relative;
	/*overflow:hidden;*/
}

* html #menu { height:1%; }

#menu ul {
	text-align:center;
	margin-left:36px;
}


#menu ul a:link,
#menu ul a:visited {
	color:#FFF;
}
/*
#menu ul a:hover {
	background-color:#FFF;
	color:#000;
}*/

#menu ul ul a:link,
#menu ul ul a:visited {
	color:#FFF;
}

#menu li {
	float:left;
	position:relative;
	padding:2px 8px;
	margin:9px 7px;
}

#menu li.selected,
#menu li:hover {
	background:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#menu li.selected li,
#menu li:hover li {
	background:none;
}

#menu li li:hover a {
	color:#092127;
}

#menu li.selected span,
#menu li.selected a,
#menu li:hover span,
#menu li:hover a {
	color:#000;
}

#menu li li {
	padding:0;
	margin:0;
	float:none;
	display:inline;
	margin:0 10px;
	position:relative;
	top:5px;
	letter-spacing:-0.05em !important;
}

#menu ul div {
	position:absolute;
	left:0;top:20px;
	z-index:5000;
	width:440px;
	margin-left: 0 !important;
	height:46px;
	background:url(../podcaster/i/punta-menu.png) no-repeat 35px 12px;
}

#menu ul div.menu-entretencion { width:320px; }
#menu ul div.menu-actualidad { width:340px; }

#menu ul ul {
	margin:0;
	margin-top:18px;
	height:28px;
	z-index:5001;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:url(../podcaster/i/bg-submenu.png) repeat-x bottom;
}

#menu li {

}

#menu ul li:hover div {
	display:block;
}

#menu ul div {
	display:none;
}


/* Logo
-----------------------------------------*/
#logo h1 {
	text-indent:-9999px;
}

#logo h1 a {
	width:350px;
	height:63px;
	display:block;
	outline:none;
	background:url(../podcaster/i/logo.png);
}

/* Header
-----------------------------------------*/
#ginfo {
	float:right;
	width:330px;
	overflow:hidden;
	padding:10px;
	margin:15px 20px;
}
* html #ginfo { height:1%; }

#stats {
	color:#FFF;
	font-size:15px;
	float:left;
	border-right:solid 1px #025653;
	padding-right:14px;
	text-align:right;
}

#slogin {
	float:right;
	width:170px;
	font-size:11px;
}

#slogin a:link,
#slogin a:visited {
	color:#FFF;
}

#slogin a:hover {
	color:#CCC;
}

#search {
	border:solid 2px #488d8b;
	height:24px;
	width:170px;
	margin:4px 0;
}

#search #st {
	height:14px;
	border:none;
	padding:5px 4px;
	width:140px;
	background:none;
	color:#FFF;
	font-size:12px;
	font-family:inherit;
}

#search #ss {
	float:right;
	margin-right:4px;
	margin-top:4px;
}

/* Content
@TODO: definir todos los estilos posibles
-----------------------------------------*/

#content h2,
#content h2 a,
#content h3 {
	color:#02807F;
}

#content h2 {
	font-size:20px;
}

#content h3 {
	font-size:18px;
	font-weight:normal;
}

#content p {
	margin:10px 0;
}

#content.page h2 {
	margin:0px 10px;
}

#content.page h3 {
	margin:0px 10px;
}

#content.page p {
	margin:10px 10px;
	color: #333;
	line-height:17px;
}

#content.my_podcasts a,
#content.page a {
	color: #01a6a0;
}

#content.page ol {
	margin: 20px 0;
}

#content.page ol li{
	padding: 0px 10px 10px 20px;
	color: #333;
}

#content.page ul {
	margin: 20px 0;
}

#content.page ul li{
	list-style: disc outside;
	margin-left: 35px;
	color: #333;
	padding: 0px 10px 10px 0px;
}

/* Login
-----------------------------------------*/
#content.login {
	padding-bottom:50px;
}

.login-banner {
	border:solid 1px #DDD;
	padding:10px;
	margin-top:10px;
	text-align:center;
}
.login-banner a:link,
.login-banner a:visited {
	color:#02807F;
}

.login-form {
	text-align:center;
	border:solid 1px #DDD;
	background:url(http://initt.com/begin/i/bg-posts-latest.png) bottom center no-repeat #FFF;
	padding-bottom:10px;
}
.login-form p.submit input {
	margin:0;
}
.login-form p {
	margin:10px 0;
}
.login-form p.submit {
	padding-left:55px;
}
.login-form p.submit small { font-size:11px; }
.login-form p.submit input[type=checkbox] { position:relative; top:3px; }
.login-form label {
	width:90px;
	display:block;
	padding:3px 0;
	padding-right:10px;
	float:left;
	text-align:right;
}
.login-form a:link,
.login-form a:visited {
	color:#02807F;
	font-size:11px;
}
.login-form a:hover {

}


/* Footer
-----------------------------------------*/
#footer {
	background-color:#55C2BD;
	font-size:11px;
	text-align:center;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;

	background:url(../podcaster/i/bg-footer.png) top no-repeat;
}

#footer a {
	color:#FFF;
}

#footer a:hover {
	color:#fafafa;
}

#footer p {
	margin-top:15px;
}

.blogalaxia {
	border-right: none;
}

/* Tagcloud
-----------------------------------------*/

.tagcloud {
	text-align:center;
	color:#8F9297;
	margin-bottom:10px;
}

.tagcloud a:link,
.tagcloud a:visited {
	color:#8F9297;
	text-decoration:none;
}

.tagcloud a:hover {
	
}

/* Breadcrumb
-----------------------------------------*/

.breadcrumb {
	border-bottom:solid 1px #CCC;
	padding-bottom:2px;
	color:#91C2BF;
}

.breadcrumb a:link,
.breadcrumb a:visited {
	color:#91C2BF;
	text-decoration:none;
}

.breadcrumb a:hover {

}

/* Listas
-----------------------------------------*/

.footer-links {
	overflow:hidden;
	font-size:11px;
	height:70px;
}


.footer-links ul {
	border-right:solid 1px #CCC;
	text-align:left;
	list-style-type:disc;
	line-height:20px;
	padding:0 20px;
	margin-right:10px;
	float:left;
}

.footer-links ul.f {
}

.footer-links li {

}

.mini-logo {
	margin-top:7px;
	float:right;
}

#podcasts-recientes ol.list li img,
#podcasts-aleatorios ol.list li img,
#podcasts-diarios ol.list li img {
	margin-right:5px;
}

#podcasts-recientes ol.list li a,
#podcasts-aleatorios ol.list li a,
#podcasts-diarios ol.list li a {
	top:-5px;
	position:relative;
}

ol.list {
	margin:0 5px 10px;
	list-style-type:none;
}

ol.list li {
	border-bottom:dotted 1px #CCC;
	padding:5px 0;
	overflow:hidden;
}
* html o.list li { height:1%; }

ol.links,
ol.linksr {
	margin-top:5px !important;
}

ol.links li,
ol.linksr li {
	padding:2px 0;
}

ol.list li .mini-player {
	float:right;
}

ol.list li .title {
	float:right;
	padding:3px 0;
	width:125px;
	font-weight:bold;
	font-size:12px;
	color:#696969;
}

ol.list li a { color:#696969; }

ol.list li a:hover { color:#01B2AC; }

ol.linksr li .title {
	width:255px;
}

ol.related a {
	top:-5px;
	margin-left:10px;
	position:relative;
}

ol.channels li .title {
	width:300px;
	font-size:14px;
	margin-top:4px;
}

ol.channels li a { cursor:pointer; }

ol.links {
	margin:0;
}

ol.blog {
	color:#696969;
}

ol.blog li {
	margin:10px 0;
	overflow:hidden;
	list-style-type: none;
}
* html ol.blog li { height:1%; }

ol.blog img {
	float:left;
	border:solid 5px #B0D4C6;
	margin-top:2px;
	width:84px;
	height:48px;
}

ol.blog .content {
	font-size:12px;
}

ol.blog h4 {
	font-size:13px;
	color:#01A6A0;
}

ol.blog h4 a {
	color:#01A6A0;
}

ol.blog h4 a:hover {
	color:#999;
}

ol.blog .content {
	width:325px;
	float:right;
	margin-right:5px;
}


/* UI tabs
@JS: Jquery
-----------------------------------------*/

.ui-tabs-panel {
	border:solid 1px #01B2AC;
	padding:5px;
	margin-top:-1px;
	padding-top:5px;
}

ul.ui-tabs-nav {
	overflow:hidden;
}

* html ul.ui-tabs-nav { height:1%; }

.tabs ul {
	padding-left:4px;
}

.tabs ul li {
	float:left;
	border:solid 1px #01B2AC;
	height:16px;
	background:url(../podcaster/i/bg-tab.jpg) repeat-x;
	border-bottom:none;
	padding:3px 5px;
	margin:0 2px;
}

.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
	color:#FFF !important;
	text-decoration:none;
	outline:none;
	font-weight:bold;
}

ul li.ui-tabs-selected {
	border-bottom:solid 1px #FFF;
	background:none;
}

li.ui-tabs-selected a:link,
li.ui-tabs-selected a:visited {
	color:#01B2AC !important;
}

li.ui-tabs-unselect {

}

li.ui-tabs-disabled {

}

.ui-tabs-hide {
	display:none;
}

/* Bloques
-----------------------------------------*/

.block {
	margin:10px 0;
	text-align:left;
}

.block h3 {
	height:25px;
	background:url(../podcaster/i/bg-block.gif) no-repeat top left;
	padding:5px 10px;
	color:#FFF !important;
	font-size:14px !important;
	font-weight:normal !important;
}

/* Podcast ficha (2 vistas)
-----------------------------------------*/

img.podcast-image {
	width:70px;
	height:70px;
}

.podcast-ficha {
	overflow:hidden;
	margin:5px 0 0;
}
* html .podcast-ficha { height:1%; }

.podcast-ficha img.podcast-image {
	border:solid 2px #CCC;
	display:block; /* @TODO: borrar en prod */
	float:left;
}

.podcast-ficha .content {
	margin-left:90px;
}

.podcast-ficha .podcast-media,
.podcast-ficha .content p {
	color:#696969;
}

.podcast-ficha .content p {
	font-size:12px;
	line-height:18px;
	color:#000;
}

.podcast-ficha .content a {
	color:#01A6A0;
}

.podcast-ficha .podcast-media {
	font-size:11px;
}

.podcast-social {
	padding:3px 6px;
	border:solid 1px #CCC;
	font-size:14px;
	margin:5px 0;
	overflow:hidden;
}
* html .podcast-social { height:1%; }

.podcast-social img {
	position:relative;
	top:2px;
	margin-right:2px;
}

#content .podcast-social a:link,
#content .podcast-social a:visited {
	font-size:12px;
	color:#696969;
	margin-right:10px;
	
}

.podcast-social a:hover {

}

.episode a {
	font-size:14px !important;
	color:#02807F !important;
}

/* Lista de podcasts (categoria)
-----------------------------------------*/

.podcasts-list {
	overflow:hidden;
	margin:10px 0;
}

* html .podcasts-list { height:1%; }

.podcasts-list .podcast {
	float:left;
	width:200px;
	height:60px;
	padding-bottom:13px;
}

.podcasts-list .podcast img {
	float:left;
	border:solid 2px #CCC;
}

.podcasts-list .podcast h4,
.podcasts-list .podcast p {
	margin: 0 0 0 57px !important;
	font-size:12px;
}

.podcasts-list .podcast a {
	color:#02807F;
}

/* Lista de podcasts (my podcasts)
----------------------------------------*/
	
#podcasts-list {
	margin-top:10px;
}
	
.podcast-item {
	border-bottom:solid 1px #CCC;
	margin-bottom:10px;
	padding-bottom:10px;
}

.podcast-item p{
	color: #333;
}

.podcast-image {
	float:right;
	border:solid 2px #CCC;
/*	margin:30px 0 10px 10px;*/
}

.podcast-item h3 {
	font-size:18px !important;
}

.podcast-item li {

}

.podcast-item li.options {
	margin-top:3px;
}

.podcast-item li.options span {
	display:block;
	font-weight:bold;
}

/* Comentarios
-----------------------------------------*/
.shout,
.comments {
	margin-top:28px;
	margin-left:28px;
}

.shout h2,
.comments h2 {
	color:#000 !important;	
}

.comment {
	overflow:hidden;
	margin:4px 0;
}
* html .comment { height:1%; }

.comment .comment-author {
	float:left;

	width:136px;
}
.comment .comment-author a:link,
.comment .comment-author a:visited {
	text-decoration:none;
	color:#02807F;
}
.comment .comment-author img {
	border:solid 1px #CCC;
	width:58px;
	height:58px;
}
.comment .comment-author h4 {
	color:#02807F;
	font-size:14px;
	margin:4px 0 2px 0;
}
.comment .comment-author p {
	color:#696969;
	font-size:11px;
	width:70px;
}
.comment .comment-content {
	background:url(../podcaster/i/punta.png) no-repeat 1px 19px;
	margin-left:130px;
	z-index:2;
}

.comment .comment-content div {
	background:url(../podcaster/i/fondo.png) no-repeat 0 -12px;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	margin-left:7px;
	z-index:1;
	padding: 3px 15px;
}

.shout form {
	margin:20px 0 0;
}

.shout form p {
	overflow:hidden;
	margin:10px 0;
}
* html .shout form p { height:1%; }

.shout form label {
	width:120px;
	display:block;
	float:left;
	margin-right:20px;
	color:#696969;
	padding:3px 0;
}

.shout form textarea {
	height:120px;
	width:380px !important;
}

.shout form p.submit {
	text-align:right;
	padding-right:50px;
}

.shout form p.submit input {
	border:solid 1px #CCC;
	padding:1px 30px;
	-moz-border-radius:2px;
	border-radius:2px;
	color:#64ABAB;
}

.shout input[type=text] { width:380px; }

/* Formularios 
-----------------------------------------*/
select,
textarea,
input[type=password],
input[type=text] {
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-bottom:solid 1px #DDD;
	border-right:solid 1px #DDD;
	-moz-border-radius:2px;
	border-radius:2px;
	padding:2px;

}

textarea:focus,
input[type=text]:focus {
	border-top:solid 1px #00ACA6;
	border-left:solid 1px #00ACA6;
	border-bottom:solid 1px #01C1BB;
	border-right:solid 1px #01C1BB;				
}

.podcast-list {
	margin-left:10px;
}
.podcast-list .content {
	margin-left:0;
}

.podcast-list .podcast-social {
	font-size:12px;
}

/* Podcasts destacados
-----------------------------------------*/
#featured {
}

.featured-podcasts {
	float:right;
}


.featured-podcasts ul {

}

.featured-podcasts li {
	overflow:hidden;
	margin:0 0 10.5px;
	width:150px;
	height:74px;
}
* html .featured-podcasts li { height:1%; }

.featured-podcasts img {
	float:left;
	border:solid 2px #CCC;
	margin-right:4px;
}

.featured-podcasts h4 {
	color:#00938F;
	font-size:13px;
}

.featured-podcasts h4,
.featured-podcasts p {

}

.featured-podcasts p {
	color:#696969;
	margin:5px 0 !important;
}

.featured-podcasts ul {
	width:152px;
}

.featured-podcasts li {
}

/* Podcasts destacado
---------------------------------------*/

.featured-podcast {
	
}

.featured-podcast img {
	border:solid 2px #CCC;
}


#highlighted {
	width:615px;
	height:248px;
	position:relative;
}

/*#highlighted div {
	position:absolute;
	bottom:0;
	color:#FFF;
	width:595px;
	background:url(i/bg_shade.png) repeat;
	padding:3px 5px;
}

#highlighted div h2 { color:#FFF; }*/
				
/* Formulario generico
-----------------------------------------*/

fieldset {
	border:solid 1px #CCC;
	padding:20px 0;
	background-color:#FDFDFD;
	-moz-border-radius:2px;
	margin-top:5px;
}

fieldset p {
	overflow:hidden;
	margin:0 0 10px;
}
* html fieldset p { height:1%; }

fieldset label {
	width:30%;
	display:block;
	float:left;
	text-align:right;
	padding:2px 20px 0 0;
}

p.nl {
	padding-left:33.5%;
}

p.nl .error { margin:0; }

label.nml {
	width:auto;
	display:inline;
	float:none;
	text-align:left;
	padding:0;
}

.desc {
	font-size:11px;
	color:#696969;
}
.error {
	font-size:11px;
	color:red;
}

fieldset span.error,
fieldset span.desc {
	display:block;
	margin-left:33.5%;
}

p.submit input {
	margin-left:33.5%;
}
fieldset h3 {
	margin-left:80px;
	margin-bottom:5px;
}

fieldset p.error label {
	color:red;
}

fieldset p.errors {
	color:red;
	padding:0 10px;
	margin-bottom:20px;
}

.featured-podcast {
	width:438px;
	height:239px;
	border:solid 2px #CCC;
	position:relative;
}

.featured-podcast-title {
	position:absolute;
	bottom:0;left:0;
	height:auto;
	background:url(/i/bg_shade.png);
	color:#FFF;
	width:428px;
	padding:5px;
}

.featured-podcast:hover .featured-podcast-title {
	background:#000;
	
}
.featured-podcast-title p { margin:0 !important; }
.featured-podcast-title h3 {
	font-size:14px !important;
	color:#FFF !important;
}

.featured-podcast-title a {
	color:#FFF !important;
}

.content h3 a:link,
.content h3 a:visited { /**!*/
	text-decoration:none;
	color:#02807F;
}

.content h3 a:hover {

}

/* Estadisticas
-----------------------------------------*/

.podcast-stats-menu {
	background-color:#EEE;
	padding:3px 5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

.podcast-stats-menu ul {
	overflow:hidden;
	float:right;
}

.podcast-stats-menu li {
	float:left;
	padding:5px 0;
	margin-right:10px;
}

.podcast-stats-menu a {
	color:#02807F;
}

.podcast-stats {
	overflow:hidden;
	margin-bottom:10px;
}
.mm { margin-right:10px; }
.podcast-stats fieldset {
	/*width:295px;
	float:left;*/
}
.podcast-stats legend {
	padding:0 5px;
	margin-left:10px;
}

/* Alertas
-----------------------------------------*/
.success {
	text-align:center;
	border:solid 1px green;
	background-color:#D9FFDB;
	padding:5px 0;
	margin:0 20px;
	margin-bottom:20px;
}

/* Player
-----------------------------------------*/
.podcast-ficha .podcast-player {
	margin:10px 0;
}

.podcast-social .podcast-player { margin:0; }

#embed-code {
	margin-top:10px;
	display:none;
}

#embed-code p {
	font-size:12px;
}

.pagination {
	text-align:center;
	margin-top:10px;
}

.pagination a {
	margin:0 5px;
	color:#01A6A0;
}


.comment-gravatar {
	float:left;
	margin-right:10px;
}

.comment-text {
	margin-top:4px;
}

.podcasts-pagination {
	font-size:12px;
}
.podcasts-pagination a {
	color:#02807F;
}
				
.podcasts-pagination a {
	border:solid 1px #EEE;
	padding:3px 6px;
	margin-right:3px;
}
				
.podcasts-pagination a:hover {
	border:solid 1px #CCC;
	background-color:#FDFDFD;
}
			
.podcasts-pagination .bold {
	font-weight:bold !important;
	border:solid 1px #CCC !important;
}


/* Misc
-----------------------------------------*/

.nm { margin:0 !important; }

.alignleft { float:left; }
.alignright { float:right; }

.red { color:red; }
.green { color:green; }

.i {
	top:3px;
	position:relative;
}

.m1 { margin-bottom:10px; }

#highlighted { margin-bottom:10px; }

#featured {	overflow:hidden; }
* html #featured { height:1%; }

.bm { margin:20px 0; }

textarea.large,
input.large { width:594px; }

ul.errores {
  padding:5px;
	border:solid 1px red;
	margin:10px;
	background-color:#FFEBE8;
}
.mmm { margin:10px !important; }
.ad {
	margin: 10px 0 10px 0;
}
.pc { color:#02807F; }
.mr { font-size: 14px;color:#02807F;width:152px;margin-top:6px;font-weight:bold; }
#description { width:395px; height:140px; }
h2.subtitle { font-size:19px !important; margin:15px 10px !important; }
/* esperabas ver un clearfix?? */

.player-canales {
	float:right;
}
.canales-title {
	font-weight:bold;
	font-size:14px;
	color:#696969;
	margin-left: 50px;
}

/* Div openx
-----------------------------------------*/
#openx {	
  padding-bottom:10px;
}