/*
Theme Name: Renueva
Theme URI: http://theblackcharro.com/
Description: Diseñado exclusivamente para David Radio.
Version: BETA
Author: Ricky Jones
Tags: radio

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

body { 
	margin: 0px;
	padding: 0px;
	color: #fff;
	font: 13px Lucida Sans Unicode, Lucida Grande, sans-serif;/*, Arial, Helvetica, sans-serif;*/
	line-height: 21px;
	overflow: hidden; }
#background {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px; }
ul { list-style-type: none; }
ul, p, div, h1, h2, h3 { margin: 0px; padding: 0px; }
a { color: #abd305; text-decoration: none; }
a:active, a:focus{ outline:none; }
p {  }
#header {
	background: url(mfd_images/mfd_header.png) no-repeat 390px top;
	width: 800px;
	height: 130px;
	position: fixed;
	top: -130px; }
h1, h1 a {
	color: #abd305/*3b5998*/;
	font-size: 24px; }
h2, h2 a {
	color: #fff; }
h3, h3 a {
	color: #abd305;
	font-size: 18px;
	font-weight: normal; }
#logo {
	background: url(mfd_images/mfd_logo.png) no-repeat left top;
	margin: 10px 0px 0px 10px;
	width: 370px;
	height: 96px; }
#logo_dmf {
	background: url(images/logo_dmf.png) no-repeat left top;
	width: 480px;
	height: 105px; }
#sm_icons {
	float: right;
	background: url(images/social_icons.png) no-repeat left top;
	width: 374px;
	height: 50px;
	margin: 5px; }

#btn_toggle {
	width: 148px;
	height: 71px;
	background: url(mfd_images/btn_davidradio.png) no-repeat left top;
	position: absolute;
	right: 0px;
	top: -71px;
	cursor: pointer; }


/* PANEL */

#panel_live {
	width: 820px; 
	height: 420px; 
	margin: 130px auto; }
.bg_top {
	width: 820px;
	height: 10px; }
.bg_inner {
	width: 820px; }
.content_list { 
	width: 5740px;
	list-style-type: none;
	position: relative;
	top: 0px;
	left: 0px; }
.content_panel {
	width: 820px;
	float: left; }
	
#panel_live .bg_inner { height: 350px; }

.bg_bottom {
	width: 820px;
	height: 10px; }
.panel_1 {
	width: 500px;
	height: 350px;
	float: left;
	margin-left: 10px;
	overflow: hidden;
	position: relative; }
.panel_2 {
	width: 290px;
	height: 350px;
	float: left;
	margin-left: 10px;
	overflow: hidden;
	position: relative; }
#com_list { background: #fff; }
#av_list, #com_list {
	position: relative;
	left: 0px;
	top: 0px;
	height: 400px; }
#av_list li {
	background: #000;
	width: 490px;
	height: 390px;
	padding: 5px;
	line-height: 0px; }
#av_list li.disculpa { background: #000 url(images/disculpa.jpg) no-repeat left top; }
.radio {
	width: 490px;
	height: 340px;
	padding-top: 305px;
	overflow: hidden; }
.flickr_ss {
	width: 415px;
	height: 340px;
	padding-left: 75px; }
#com_list li {
	width: 290px;
	height: 400px;
	line-height: 0px; }
#av_menu, #com_menu {
	height: 38px; }
#av_menu li, #com_menu li {
	float: right;
	margin-left: 4px;
	cursor: pointer; }
#av_menu a, #com_menu a {
	height: 18px;
	display: block; }
#av_menu a:hover { border-bottom: #fff 1px solid; height: 17px; }
#com_menu a:hover { border-bottom: #333 1px solid; height: 17px; }
#av_menu div, #com_menu div { float: left; }
.tab_blk_inner, .tab_blk_inner_sel, .tab_wht_inner, .tab_wht_inner_sel {
	padding: 8px;
}

#btn_videos .tab_blk_inner { background-color: #332f12; }
#lbl_videos {
	background: url(mfd_images/lbl_videos.png) no-repeat left top;
	width: 57px; }	
#btn_tvendirecto .tab_blk_inner { background-color: #cb3c1c; }
#lbl_tvendirecto {
	background: url(mfd_images/lbl_tvendirecto.png) no-repeat left top;
	width: 107px; }	
#btn_tvbackstage .tab_blk_inner { background-color: #ae902e; }
#lbl_tvbackstage {
	background: url(mfd_images/lbl_tvbackstage.png) no-repeat left top;
	width: 109px; }	
#btn_fotos .tab_blk_inner { background-color: #f8b331; }
#lbl_fotos {
	background: url(mfd_images/lbl_fotos.png) no-repeat left top;
	width: 45px; }	
#btn_revistas .tab_blk_inner { background-color: #93c4c8; }
#lbl_revistas {
	background: url(mfd_images/lbl_revistas.png) no-repeat left top;
	width: 73px; }	
	
#btn_videos .tab_blk_inner_sel, #btn_tvendirecto .tab_blk_inner_sel, #btn_tvbackstage .tab_blk_inner_sel, #btn_fotos .tab_blk_inner_sel, #btn_revistas .tab_blk_inner_sel { background-color: #000; }
	
#lbl_twitter {
	background: url(mfd_images/lbl_twitter.png) no-repeat left top;
	width: 62px; }	
#lbl_facebook {
	background: url(mfd_images/lbl_facebook.png) no-repeat left top;
	width: 76px; }	
#lbl_chat {
	background: url(mfd_images/lbl_chat.png) no-repeat left top;
	width: 37px; }
#btn_twitter .tab_wht_inner, #btn_facebook .tab_wht_inner, #btn_chat .tab_wht_inner { background-color: #eee; }
#btn_twitter .tab_wht_inner_sel, #btn_facebook .tab_wht_inner_sel, #btn_chat .tab_wht_inner_sel { background-color: #fff; }
	
	
/* CONTENT */
.content {
	width: 480px;
	padding: 10px; }
.post_text { margin: 20px 0px; }
.post_content p { margin-bottom: 10px; }
.post_content ul { margin: 10px 0px 10px 0px; }
.post_content li {
	background: url(images/arrow_news.png) no-repeat 10px 3px;
	padding-left: 30px;
	margin-bottom: 10px; }
.post_content li.comment {
	background: none;
	padding-left: 0px;
	margin-bottom: 0px; }
.post_content h1, h2, h3 { margin-bottom: 5px; }
.post_excerpt { 
	float: left; 
	padding-left: 115px;
	position: relative;
	margin-bottom: 20px; }
.post_excerpt .link { 
	color: #abd305;
	font-size: 18px;
	cursor: pointer; }
.post_content h3 { margin-top: 20px; }
.btn_escucha { 
	background: url(images/btn_esucha.png) no-repeat right 5px;
	padding-right: 85px; }
#rosary .btn_escucha { 
	background: url(images/btn_esucha.png) no-repeat right 2px;
	padding-right: 85px; }
.post_content b { color: #abd305; }
#the_post p { margin-bottom: 20px; }
.post_image { border: #000 1px solid; }
.post_excerpt .post_image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
	height: 100px; }
#panel_content {
	width: 820px; 
	margin: auto;
	position: fixed;
	top: 5000px;
	overflow: hidden; }
	
.alignleft { float: left; margin-right: 10px; }
#panel_content .bg_inner { position: relative; }
.scroll_box {
	width: 800px;
	background: url(images/bg_content.png) repeat-y left top; }
.jScrollPaneContainer { margin-left: 10px; }
.img_thumb { 
	width: 100px; 
	height: 100px;
	margin-right: 15px;
	border: #000 1px solid; }
.post_header {
	height: 49px;
	margin-bottom: 10px; }
.post_header h1 { 
	position: relative;
	top: 2px; }
.cal {
	display: none;
	background: url(images/cal_bg.png) no-repeat left top;
	width: 49px;
	height: 49px;
	position: absolute;
	left: 65px;
	top: -10px;
	text-align: center;
	margin: 0px 10px 10px 0px; }
.cal_feat {
	background: url(images/cal_bg.png) no-repeat left top;
	width: 49px;
	height: 49px;
	float: left;
	text-align: center;
	margin: 0px 10px 10px 0px; }
.cal_month {
	font: 9px Arial;
	color: #333;
	text-transform: uppercase;
	margin-top: 7px; }
.cal_date {
	font: 22px "Times";
	color: #333; }
	
#post_list { margin: 20px 0px; }
#post_list li { position: relative; margin-bottom: 30px; }
#post_list h1 { margin-bottom: 10px; }

.project_list { 
	position: relative;
	height: 700px;
	padding-bottom: 40px; }
.project_li {
	position: absolute;
	top: 0px;
	left: 0px; }

.project_menu { margin-top: 20px; }
.project_menu li {
	height: 38px;
	cursor: pointer;
	margin-bottom: 10px; }
	
.btn_left {
	background: url(images/btn_left.png) no-repeat left top;
	width: 8px;
	height: 38px;
	float: left; }
	
.btn_inner {
	background: url(images/btn_inner.png) repeat-x left top;
	padding: 10px 10px 0px 10px;
	width: 200px;
	height: 38px;
	float: left;
	font-size: 18px;
	color: #333;
	text-align: center; }
	
.btn_right {
	background: url(images/btn_right.png) no-repeat left top;
	width: 8px;
	height: 38px;
	float: left; }
	
.btn_inner div { margin: 0px auto; }
	
.lbl_pelicanus {
	background: url(images/lbl_pelicanus.png) no-repeat left top;
	width: 76px;
	height: 16px; }
	
.lbl_davidradio {
	background: url(images/lbl_davidradio.png) no-repeat left top;
	width: 89px;
	height: 16px; }
	
.lbl_davidmultifestival {
	background: url(images/lbl_davidmultifestival.png) no-repeat left top;
	width: 158px;
	height: 16px; }
	
.lbl_davidtelevision {
	background: url(images/lbl_davidtelevision.png) no-repeat left top;
	width: 128px;
	height: 16px; }
	
.lbl_laacademia {
	background: url(images/lbl_laacademia.png) no-repeat left top;
	width: 99px;
	height: 16px; }
	
.lbl_premiosdavid {
	background: url(images/lbl_premiosdavid.png) no-repeat left top;
	width: 108px;
	height: 16px; }


/* SOCIAL MEDIA */

#social_icons { width: 480px; }

.icon_facebook,
.icon_myspace,
.icon_twitter,
.icon_youtube,
.icon_skype,
.icon_msn,
.icon_flickr {
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 7px; }
	
.icon_facebook { background: url(images/icon_facebook.png) no-repeat left top; }
.icon_myspace { background: url(images/icon_myspace.png) no-repeat left top; }
.icon_twitter { background: url(images/icon_twitter.png) no-repeat left top; }
.icon_youtube { background: url(images/icon_youtube.png) no-repeat left top; }
.icon_skype { background: url(images/icon_skype.png) no-repeat left top; }
.icon_msn { background: url(images/icon_msn.png) no-repeat left top; }
.icon_flickr { background: url(images/icon_flickr.png) no-repeat left top; }



/* COMMENTS */

#commentform { margin: 10px 0px; }

#commentform input {
	background: url(images/bg_form.png) repeat left top;
	padding: 5px;
	border: #000 1px solid;
	margin-bottom: 15px;
	width: 300px;
	font: 12px Arial;
	color: #fff; }

.wpcf7-form p {
	margin-bottom: 15px;
	font: 12px Arial;
	color: #fff; }

.wpcf7-form input {
	background: url(images/bg_form.png) repeat left top;
	padding: 5px;
	border: #000 1px solid;
	margin-right: 5px;
	width: 300px;
	font: 12px Arial;
	color: #fff; }
	
#commentform input:focus, #commentform textarea:focus, .wpcf7-form input:focus, .wpcf7-form textarea:focus { border: #abd305 1px solid; }

#commentform textarea, .wpcf7-form textarea {
	background: url(images/bg_form.png) repeat left top;
	padding: 5px;
	border: #000 1px solid;
	margin: 0px 0px 15px 0px;
	width: 464px;
	font: 12px Arial;
	color: #fff; }
	
#commentform input.submit_comment {
	width: 120px;
	height: 38px;
	background: transparent url(images/btn_comment.png) no-repeat left top;
	border: none;
	cursor: pointer; }
	
.wpcf7-form input.enviar {
	width: 165px;
	height: 38px;
	background: transparent url(images/btn_enviar.png) no-repeat left top;
	border: none;
	cursor: pointer;
	font-size: 0px; }

.wpcf7-list-item { width: 100% }

.wpcf7-list-item input { 
	background: none;
	padding: 0px;
	border: none;
	margin: 0px;
	width: 25px; }

.commentlist { margin: 20px 0px; }

.comment {
	min-height: 50px;
	margin: 0px 0px 20px 0px; }
	
.radio input {
	width: 20px;
	margin-left: 15px; }

#comment, textarea {
	width: 390px;
	padding: 5px;
	border: #ccc 1px solid;
	margin: 10px 0px; }
	
.disclaimer { color: #abd305; font-size: 14px; font-style: italic; }

.the_post ul { margin-bottom: 10px; }

.the_post li { 
	padding: 8px 11px 8px 28px; 
	background: url(images/li_arrow_white.gif) no-repeat 10px 13px;
	margin-bottom: 1px; 
	display: block; }
	
.comment-author {
	float: left;
	margin: 0px 10px 5px 0px; }
	
.comment-author a.url, .comment-author, .commentmetadata {
	color: #abd305;
	font: 11px Arial;
	font-style: normal;
	text-decoration: none; }
	
.commentmetadata {
	color: #abd305;
	font: 12px Arial;
	font-style: normal;
	text-transform: capitalize; }
	
.comment-text { 
	width: 400px; 
	float: left;
	margin-bottom: 20px; }

.says { display: none; }

.comment-body p {
	font-size: 12px;
	line-height: 18px; }
	
/* SIDEBAR */

#sidebar {
	width: 260px;
	float: right;
	padding: 10px;
	color: #fff;
	font-size: 12px; }
	
.sidebar_link {
	background: url(images/bg_inner.png) repeat-y left top;
	padding: 5px 10px;
	margin: 5px 0px 15px 0px; }
	
.sidebar_link a {
	text-decoration: underline; }
	
#tweet, #feed, #afiliados, #rosary { margin-bottom: 20px; }
	
#tweet li p {
	color: #abd305;
	font-size: 10px; 
	text-align: right;
	text-transform: uppercase; }
	
#afiliados li p {
	color: #abd305;
	font-size: 10px; 
	text-transform: uppercase; }
	
#sidebar i { font-size: 12px; }

#feed li a, #tweet li, #afiliados li, #rosary li {
	display: block;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	padding: 3px 5px 8px 5px;
	border-bottom: #000 1px dotted;
	margin: 5px 0px; }
#feed li a:hover { color: #abd305; }

#sidebar a img { border: none; }

.paypal {
	width: 240px;
	padding: 10px;
	background: url(images/bg_inner.png) repeat;
	text-align: center;
	margin: 10px 0px; }

/* FACEBOOK CONNECT */

.fbconnect_LastUsers { display: none; }
.FB_profile_pic, .fbconnect_userpicmain { border: none; }


/* ADS */

.ads li { 
	width: 125px;
	height: 125px; 
	background: url(images/ad.gif) no-repeat left top;
	float: left;
	margin-bottom: 10px; }
.ads img { border: none; }
#ad_1, #ad_3 { margin-right: 10px; }

	
/* MENU */

#menu_bg {
	background: url(images/menu_bg.png) repeat-x left top;
	height: 41px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 100; }
#menu {
	width: 900px;
	padding-left: 10px;
	margin: 0px auto; }
#menu li a { 
	float: left; 
	padding: 10px 10px;
	height: 16px;
	margin: 5px 10px; }
#menu li a:hover {
	border-bottom: #333 3px solid;
	padding-bottom: 7px; }
.btn_programacion {
	background: url(images/btn_programacion.png) no-repeat 10px 10px;
	width: 112px; }
.btn_noticias {
	background: url(images/btn_noticias.png) no-repeat 10px 10px;
	width: 63px; }
.btn_conocenos {
	background: url(images/btn_conocenos.png) no-repeat 10px 10px;
	width: 92px; }
.btn_oracion {
	background: url(images/btn_oracion.png) no-repeat 10px 10px;
	width: 63px; }
.btn_contacto {
	background: url(images/btn_contacto.png) no-repeat 10px 10px;
	width: 80px; }
.btn_donacion {
	background: url(images/btn_donacion.png) no-repeat 10px 10px;
	width: 75px; }
.btn_subetumusica {
	background: url(images/btn_subetumusica.png) no-repeat 10px 10px;
	width: 123px; }