/* ***** 
Author: 		Arturo Carrillo
Description:	CSS Styles (Grupo Avanradio Radiorama)
Date:			20/JUN/06
Hour of die:	04:15 AM
Tested on:		IE/Safari/Firefox
Dev App:		CSSEdit
Platform:		Mac OSX

 ***** */

/* RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

/* ***** BODY ***** */

html {
	height: 100%;
}

body {
	color: #555;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #8f9daf url(../../images/bg_singlegradient_3.jpg) repeat-x;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

ul,ol {
	list-style: none;
}

fieldset,img {
	border: none;
}

caption,th {
	text-align: left;
}

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

/* LAYOUT */

.clear {
	clear: both;
}

.clearer {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 10px;
	line-height: 10px;
	font-size: 10px;
}

img {
	behavior: url(iepngfix.htc);
}

/* ***** WRAPPER ***** */

#top_wrapper {
	text-align: center;
	width: 100%;
	height: 82px;
	margin: 0;
	padding: 0;
	background: url(../../images/topbg.jpg) repeat-x;
}

#top_wrapper #wrapper_container {
	text-align: left;
	width: 900px;
	margin: 0 auto;
	padding-top: 10px;
}

/* ***** SITE LOGO ***** */

#wrapper_container h1.avanradio {
	width: 237px;
	height: 70px;
	display: block;
	float: left;
	margin-top: 5px;
}

#wrapper_container h2.stationcodes {
	display: block;
	margin-top: 25px;
	float: right;
}

/* ***** CONTAINER ***** */

#container {
	width: 902px;
	margin: 20px auto 0;
	padding: 0;
	background-repeat: repeat-x;
}

/* ***** TOP GLOSSY BAR  ***** */

#top {
	width: 900px;
	height: 83px;
	clear: both;
	background: url(../../images/bg_top_md.jpg) repeat-x;
	margin: 10px auto 0;
}

#top .lf {
	width: 15px;
	height: 83px;
	float: left;
}

#top .rgh {
	width: 15px;
	height: 83px;
	float: right;
}

/* ***** YES! STRIPES ***** */

.tinybar {
	font-size: 2px;
	width: 900px;
	height: 8px;
	margin-left: auto;
	margin-right: auto;
	background: url(../../images/bg_tinybar.jpg) repeat-x;
}

.steel {
	width: 900px;
	height: 5px;
	font-size: 2px;
	margin-right: auto;
	margin-left: auto;
	background: url(../../images/bg_steel.jpg) repeat-x;
}

/* BLOG HEADER */

#header_mv {
	background: url(../images/bg_header.jpg) no-repeat;
	width: 900px;
	height: 69px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #272727;
}

#header_mv .pic {
	width: 54px;
	height: 54px;
	margin-left: 15px;
	padding-top: 8px;
	float: left;
}

#header_mv h2.mv {
	width: 205px;
	height: 41px;
	margin-left: 15px;
	padding-top: 13px;
	float: left;
}

/* ***** MENU APPAREANCE ***** */

#localnav {
	font-size: 2px;
	background: #000 url(../../images/bg_menu.jpg) repeat-x center;
	width: 900px;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
}

#localnav ul {
	margin: 0 0 0 12px;
	padding: 0;
	list-style-type: none;
}

#localnav li {
	background: url(../../images/bh_menu_a.jpg) no-repeat;
	width: 100px;
	height: 32px;
	margin: 0;
	padding: 0;
	float: left;
}

#localnav li a {
	background: url(../../images/bh_menu_a.jpg) no-repeat;
	width: 100px;
	height: 32px;
	margin: 0;
	padding: 0;
	float: left;
}

#localnav li a:hover {
	background: url(../../images/bh_menu_ahover.jpg) no-repeat;
	width: 100px;
	height: 32px;
	margin: 0;
	padding: 0;
	float: left;
}

#localnav .on {
	background: url(../../images/bh_menu_ahover.jpg) no-repeat;
	width: 100px;
	height: 32px;
	margin: 0;
	padding: 0;
	float: left;
}

/* CONTENT */

#container #content {
	background-color: #dadada;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 20px;
	border-left: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
}

/* MAIN CONTENT */

#content #main {
	background: url(../images/bg_main.gif) repeat-y;
	width: 633px;
	margin-top: 10px;
	margin-left: 10px !important;
	margin-left: 5px;
	float: left;
}

#main a {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

#main h2 {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

#main p {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

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

/* MAIN TOP CAP */

#main .top {
	width: 633px;
	height: 9px;
	font-size: 2px;
}

/* MAIN DATE BOX */

#main .date_box {
	width: 633px;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 5px;
	background-color: #fff;
}

#main .date_box .btn_return {
	width: 60px;
	height: 25px;
	margin-left: 15px;
}

#main .date_box ul {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;
}

#main .date_box li.date {
	font-size: 11px;
	color: #3b3b3b;
	line-height: 15px;
}

/* MID CONTAINER */

#main #mid {
	width: 633px;
	padding-top: 10px;
}

/* MID ADD */

#mid .add {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

/*  MAIN ENTRIES */

#mid .entry-container {
	width: 600px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

#mid .entry-container a {
	color: #de7514;
}

#mid .entry-container a:hover {
	color: #004276;
}

#mid .entry-container h3 {
	color: #de7514;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	margin-bottom: 2px;
}

#mid .entry-container li {
	color: #1b1b1b;
	font-size: 11px;
	font-weight: bold;
	float: left;
	margin: 0 2px 0 0;
	padding: 0 0 12px;
}

#mid .entry-container p {
	color: #3b3b3b;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 5px;
}

#mid .entry-container .entry-links {
	padding: 0 0 5px;
}

#mid .entry-container .entry-links ul {
	margin: 0;
}

#mid .entry-container .entry-links li {
	background: url(../images/icon_main_view_entry.jpg) no-repeat;
	color: #de7514;
	font-size: 11px;
	line-height: 17px;
	height: 17px;
	margin: 0;
	padding: 0 0 0 20px;
	float: left;
}

/* ENTRY PIC */

#mid .entry-container .newspic {
	margin: 10px 10px 0 0;
}

/* INDIVIDUAL ENTRY SETTING */

#mid .entry-container #entry-video {
	background: url(../images/bg_main_individual_video.jpg) no-repeat;
	width: 600px;
	height: 500px;
	margin: 0;
	padding: 15px 0 0;
}

#mid .entry-container #entry-video h3 {
	color: #9aa7b5;
	font-size: 17px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 10px 0 10px 10px;
}

#mid .entry-container #entry-video .video {
	width: 425px;
	height: 355px;
	margin: 0 auto;
}

#mid .entry-container #entry-video .video_info {
	background: url(../images/icon_main_video_url.jpg) no-repeat;
	font-size: 11px;
	line-height: 33px;
	width: 340px;
	height: 33px;
	margin: 25px auto 0;
	padding: 0 0 0 40px;
}

/* COMMENTS SETTING */

#mid .entry-container #comments_container {
	width: 600px;
	margin: 10px auto 20px;
}

#mid .entry-container #comments_container h2 {
	background: url(../images/icon_main_commenter.jpg) no-repeat;
	color: #3b3b3b;
	font-size: 17px;
	font-weight: normal;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0;
	padding: 0 0 0 28px;
}

#mid .entry-container #comments_container p.disclaimer {
	color: #696969;
	font-size: 9px;
	width: 600px;
	margin: 5px 0 15px;
	line-height: 11px;
}

/* */

#mid .entry-container #comments_container .comment {
	background: url(../images/bg_main_comments_stripe_86.jpg) repeat;
	width: 580px;
	margin: 10px auto;
	padding: 5px 0 10px;
	border: 1px solid #deccb6;
}

#mid .entry-container #comments_container .comment a {
	color: #004276;
	font-weight: bold;
}

#mid .entry-container #comments_container .comment .info {
	width: 560px;
	margin: 0 0 0 10px;
	padding: 0;
}

#mid .entry-container #comments_container .comment ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mid .entry-container #comments_container .comment li {
	color: #3b3b3b;
	font-size: 11px;
	margin: 0;
	padding: 0;
	display: block;
	float: none;
}

#mid .entry-container #comments_container .comment p {
	color: #1b1b1b;
	font-size: 11px;
	line-height: 14px;
	width: 530px;
	margin: 5px auto 0;
	padding: 0;
}

/* */

#mid .entry-container #inputs {
	width: 580px;
	margin: 0 auto 20px;
	padding: 0;
}

#mid .entry-container #inputs h2.post_comment {
	font-size: 17px;
	font-weight: normal;
	font-style: normal;
	color: #de7514;
	text-transform: uppercase;
	letter-spacing: -1px;
}

#mid .entry-container #inputs #comments_forms {
	width: 580px;
	background: url(../images/bg_main_comments_stripe_86.jpg) repeat;
	border: 1px solid #deccb6;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

#mid .entry-container #inputs p.form_line {
	color: #1b1b1b;
	font-size: 12px;
	margin-left: 25px;
	margin-right: 15px;
	margin-top: 10px;
}

#mid .entry-container #inputs .form_inputs {
	color: #1b1b1b;
	font-size: 11px;
	width: 133px;
}

#mid .entry-container #inputs .owner_comment {
	font-size: 11px;
	background-color: #f2dec7;
	border: 1px solid #d0bfab;
	width: 520px;
	padding: 10px 4px;
	margin: 10px auto;
}

#mid .entry-container #inputs .reader_comment_container {
	width: 520px;
	margin-right: auto;
	margin-left: auto;
}

#mid .entry-container #inputs .form_reader_comment {
	width: 520px;
}

/* BOTTOM CAP */

#main .bottom {
	font-size: 2px;
	width: 633px;
	height: 9px;
}

/* */

/* SIDEBAR */

#sidebar {
	width: 235px;
	float: right;
	margin-top: 10px;
	margin-right: 10px !important;
	margin-right: 5px;
}

/* SIDEBAR MODULE */

#sidebar #sbmodule {
	width: 235px;
	margin-bottom: 20px;
}

/* SIDEBAR TOP CAP */

#sbmodule .sbtop {
	width: 235px;
	height: 9px;
	font-size: 2px;
}

/* SIDEBAR MID CONTAINER */

#sbmodule .sbmid {
	width: 235px;
	background: url(../../images/bg_sbmodule_mid.gif) repeat;
}

/* SIDEBAR BOTTOM CAP */

#sbmodule .sbbottom {
	width: 235px;
	height: 9px;
	font-size: 2px;
}

/* SIDEBAR MODULE BODY */

#sbmodule #sbmodule_body {
	width: 217px;
	margin-right: auto;
	margin-left: auto;
}

#sbmodule_body h2 {
	margin-left: 5px;
	padding-top: 1px;
}

#sbmodule_body .entry_container {
	margin-bottom: 10px;
}

#sbmodule_body .sbody_top {
	width: 217px;
	height: 5px;
	font-size: 2px;
}

#sbmodule_body .sbody_title {
	width: 216px;
	height: 18px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

#sbmodule_body .sbody_middle {
	width: 216px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background-color: #ebebeb;
	padding-top: 10px;
}

/* SIDEBAR MODULE CONTENT */

#sbmodule_body #sbmodule_content {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}

#sbmodule_body #sbmodule_content a {
	color: #004276;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

#sbmodule_body #sbmodule_content a:hover {
	color: #de7514;
}

#sbmodule_body #sbmodule_content h3 {
	color: #004276;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 2px;
}

#sbmodule_body #sbmodule_content h4 {
	color: #1b1b1b;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 5px;
}

#sbmodule_body #sbmodule_content p {
	color: #1b1b1b;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 3px;
}

#sbmodule_body #sbmodule_content li {
	color: #333;
	font-size: 11px;
	padding: 0 0 4px;
}

#sbmodule_body #sbmodule_content li a {
	color: #de7514;
}

#sbmodule_body #sbmodule_content li a:hover {
	color: #004276;
}

/* LISTEN */

#sbmodule_body #sbmodule_content .listen {
	padding: 0;
	margin: 0;
}

#sbmodule_body #sbmodule_content .listen li.status {
	background: url(../../images/icn_submodule_statusok.jpg) no-repeat;
	padding-left: 15px;
}

/* SB ENTRY CONTAINER*/

#sbmodule_body #sbmodule_content .sbentry-container {
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #a9a9a9;
}

#sbmodule_body #sbmodule_content .sbentry-container img.newsthumb {
	width: 35px;
	height: 35px;
	margin: 5px 5px 0 0;
}

/* */
	

/* SIDEBAR MODULE FOOTER*/

#sbmodule_body #sbody_footer {
	width: 216px;
	height: 18px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}

#sbmodule_body #sbody_footer h3 {
	font-size: 10px;
	color: #004276;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 0 10px;
	padding: 5px 0 0;
}

/* */

#sbmodule_body .sbody_bottom {
	width: 217px;
	height: 5px;
	font-size: 2px;
}


/* ***** SETTING THE END ***** */

#footer {
	width: 900px;
	height: 28px;
	background-color: #c4c4c4;
	margin-right: auto;
	margin-left: auto;
	border-left: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	padding-top: 5px;
	border-top: 1px solid #b4b4b4;
	padding-bottom: 5px;
}

#footer .avanradio {
	line-height: 28px;
	height: 28px;
	padding-left: 110px;
	margin-left: 15px;
	background: url(../../images/avanradio_logo_small.jpg) no-repeat;
	float: left;
}

#footer .avanradio h4 {
	font-size: 10px;
	color: #696969;
	text-shadow: #fff 2px 2px 0;
}

#footer .wow {
	line-height: 28px;
	height: 28px;
	float: right;
	margin-right: 10px;
}