/*****************
* NOTE: we also have un_article2.css which has CSS specific to articles.
* It is separate to assist in sister sites that want to have article content only.
*****************/

/* ------------------------------
HTML Redefine Tags
------------------------------ */
body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0; background-image:url(../style-images/grad2v.jpg);background-repeat:repeat-x; background-color:#FFFFFF;}

/* input, form, textarea */
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:24px;} /* line-height:36px */
h2{font-size:14px;}
h3{font-size:13px; border-bottom:solid 1px #DEDEDE; padding:4px 4px; margin-bottom:10px;}
h4{font-size:13px;}
img {border: none;}
a:link, a:visited{color:#6f0000; text-decoration: none}
a:hover{text-decoration:underline}

td {vertical-align: top}
table, td, th {border-collapse: collapse;}

/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/* #container has an absolute width (1000pixel) */

#container{width:970px; margin:0 auto; background-color:transparent}
#uhurunewshead{width:auto; display:block; height:90px; padding: 0; background-color:#FAE46C; vertical-align:middle; background-image:url(../style-images/uhurunews-masthead.jpg); background-repeat:no-repeat; border: 1px solid #550000}
#navbar{width:auto; display:block; border: 1px solid #550000; border-top:none; background-color:#550000;}
/* old dark red #500 */
/*
Red - 7b1f0f
Black - 000000
Green - 367418
*/
#navbar2 {background-color: #367418;}
#navbar {background-color: black;}
.radio-highlight h2, .show-title, a {color: #7b1f0f;}

#navbar2 {color: #F7E16B;}
#navbar a.current {color: #F7E16B !important;}
#navbar2 a.current {color: #F7E16B !important;}

#navbar a{
  padding: 4px 10px; 
  display: inline-block; font-weight: bold; font-size: 14px;
  color: white;
}
/* light red: E22, light green: #DAEFC8 */
/*#navbar a.current, #navbar a:hover, #column_left, #navbar2 {background-color: #E22;}*/
/*
#column_right {border-right: 1px solid #500;}
#column_left {border-left: 1px solid #500;}
*/
#column_left a {color: black !important;}
#navbar a.current {color: black;}
#navbar a.current:hover {text-decoration: none;}
#navbar2 {width:auto; display:block; height:28px; border: 1px solid #550000; border-top:none}
#navbar2 a{height:28px; line-height:28px; padding:0 8px; display:inline;}
#navbar2 a {color: white !important;}

#main{width:auto; display:block; padding:0 0;}

#column_left{margin-right:0px; margin-left: 0px; float:left; padding: 2px;}
#column_left, .lefnav {width: 150px;}

#container2{width:630px; background-color:white; border:solid 1px; float:left; margin:0 auto;}

#column_center{width:620px; margin-right:0px; padding: 5px; float:left; background-color:#FFFFFF; border:solid 1px; border-top: 0px;}

#column_right{width:160px; margin-right: 0px; float:left; vertical-align:top; padding-left:10px; background-color:transparent}
div.spacer{clear:both; height:10px; display:block;}

#footer{width:auto; display:block; padding:10px 0; font-size:11px; color:#666666; border-top:solid 1px; margin-left:10px}

/* ------------------------------
CUSTOM CLASSES
------------------------------ */

/* Add here your custom classes ... */
.teaser2 img, .teaser3 img {float:left; width: 65px; margin-right: 3px; margin-bottom: 3px;}
.teaser1 img {width: 335px; margin-top: 5px;} 
.teaser img {display: block; border: 0;}
.teaser p {margin: 0; padding: 0;}
.teaser {margin-bottom: 10px;}
.teaser, #search-results .teaser {clear: left !important;}
.teaser-kicker {font-weight: bold; font-style: italic;}

.readmore {color: #F60000; font-weight: bold; font-size: 11px;}
.teaser2 .readmore {display: none;}

img.icon {border:none; width: 20px !important; float: left; margin-right: 1px;}
.relatedbox img.icon {float: none;}

.clearer {clear:both; padding-top: 5px;}

.urboxrightcol {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width:150px; height: 28px; background-color:#990000; color:white; font-weight: bold; padding-left: 10px}

.caption {font-size:10px;font-weight:bold}

/*.relatedbox {background-color:#CCCCCC; float:left; margin-left:0px; padding:5px}*/
.relatedbox {width: 200px; font-size: 11px; background-color: #B2D691; float: right; margin-left: 3px; padding: 3px; border: 1px solid gray;}
.unresource .relatedbox h2 {font-size: 14px; font-weight: bold; background-color: transparent; text-align: center;}
.relatedbox ul {margin: 0; padding-left: 15px;}
.relatedbox li {clear: both; margin-bottom: 8px;}

.dvdtitle {font-weight: bold}

div.summarylist li {margin-top: 5px}

a.live {font-weight: bold; text-decoration: underline}

.normal {font-size:12px; font-weight: bold}

.byline {font-style:italic; font-size: 12px; font-weight: normal}

.home-section-head {
    font-size: 16px; font-weight: bold; 
    /*padding:4px 4px; */
    /*margin-bottom:10px; margin-top: 15px;*/
}

#home-comingup {border:1px solid; padding:3px; background-color:#95C36B;}
#home-speakyourmind {
   border:1px solid; 
   padding:3px;
/*   background-color:#B2D691;*/
}
#comment-scroll {
   height: 200px;
   overflow-y: scroll;
   overflow-x: hide;
   overflow: scroll;
}
#comment-scroll, #comment-scroll a, #home-speakyourmind, #home-speakyourmind a {
   color: white !important;
   background-color: #7b1f0f !important;
}
#home-speakyourmind #comment-policy-link {
   font-size: 10px;
  clear: both;
  display: block;
  margin: 2px;
  font-style: italic;
}
#comment-scroll .comment-meta {
   color: #CCC !important;
}
#home-videooftheweek, #home-ur {border:1px solid; padding:3px; background-color:#DAEFC8}
#home-videooftheweek img {display: block;}
#home-videooftheweek a {display: block;}
#home-videooftheweek h4 {margin: 0; padding: 0;}
.teaser-video-1 .summary {font-size:10px;font-weight:normal; height: 38px; overflow: hidden;}
.teaser-video-1 a.thumb-link {position: relative;}
.teaser-video-1 a.thumb-link img.play-icon {position: absolute; top: 70px; left: 95px; z-index: 1; width: 50px;}
.teaser-video-1 a.thumb-link img {width: 240px;}
#email-wrapper .teaser-video-1 a.thumb-link img {width: 340px;}
#home-specialfeatures {border:1px solid; padding:3px; background-color:#95C36B}
.home-specialfeature {padding-top: 15px;}
.home-specialfeature img {width: 240px; border: 0;}
#home-bestofur {border:1px solid; padding:3px; background-color:#B2D691}
#home-bestofur img {width: 65px; border: 0; float:left;margin-right: 3px;}
.home-box {width: 240px; margin-bottom: 10px;}

.feature-link {margin-bottom: 10px;}
.guest-opinion {background-color:black; color:white; padding: 1px 1px 1px 1px; font-weight: bold; margin-bottom: 2px; font-style: italic}
.uhuru-com {background-color:#550000; color:white; padding: 1px 1px 1px 1px; font-weight: bold; margin-bottom: 2px; font-style: italic}
.outside {background-color:#666666; color:white; padding: 1px 1px 1px 1px; font-weight: bold; margin-bottom: 2px; font-style: italic}

#column_left .bordered {margin-right: 2px;}
.bordered {
  padding: 5px;
  border: 2px solid #BBB;
/*  border-style: outset;*/
}
#email-box {
  font-size: 10px;
}
#email-box input {font-size: 10px;}
#email-box .input-text {width: 135px;}
.box {
  margin-bottom: 10px;
}
.box ul {
  margin: 0;
  padding-left: 14px;
}
.box li {
  padding: 0;
  margin: 0;
}
.home-box li {
  padding-bottom: 5px;
}

/**************** radio stuff ****************/
/*
body.section-radio h1, body.section-radio h2 {
  background-color: #9F0707;
}
*/
.radio-promo img {width: 145px; border: 0;}
.radio-promo a {display: block; margin-bottom: 3px;}
.promo img {border: 0;}

img.hover {
  display: none;
}
a.hovera {
  display: block;
  margin: 0 auto 2px auto;
  text-align: center;
}
a.hovera img {
  border: none;
}
a.hovera:hover img {
  display: none;
}
a.hovera:hover img.hover {
  display: inline;
}
/* for labels in left sidebar */
.lab {font-style: italic;}
.radio-details .lab {font-weight: bold;}
/* radio faq */
#faq h3 {margin: 15px 0 0 0; padding: 0}
#faq p {margin: 0 0 5px 10px; padding: 0} 

/* for upcoming radio broadcast shows */
/*
.radio-highlight {
  font-size: 12px;
  margin-top: 10px;
}
*/
/*
.radio-highlight img {
  float: right;
  margin-left: 2px;
  display: block;
  margin: auto;
  border: 1px solid black;
}*/
.radio-highlight h2 {font-weight: bold;}
.summary-column {width: 200px;}
.show-title {font-weight: bold; font-size: 13px;}
.show-time {font-weight: bold;}
.show-program-title {font-style: italic; font-weight: bold;}
.show-img-right {float: right; margin-left: 3px; width: 100px;}
.show-img-left {
  float: left !important;
  margin-right: 3px !important;
  width: 100px;
}
.schedule-entry {
 /*  border-top: double 3px;*/
  font-size: 11px;
}
.schedule-img {
  width: 120px; float: left; margin-right: 3px; margin-bottom: 3px;
}
.broadcast-img {
  width: 120px; float: right; margin-left: 3px; margin-bottom: 3px;
}
.show-a-span, .show-a {
  font-size: 12px;
  font-weight: bold;
}
.show-a {
  display: block;
}
.schedule-prop {
  font-weight: bold;
}
.program-entry, .schedule-entry {
  clear: left;
}
.schedule-entry ul {margin: 0 0 0 20px; list-style-position: inside;}
.schedule-entry li {} /*padding-left: 20px !important; margin-left: 30px;}*/
.schedule-entry {margin-bottom: 10px;}
.schedule-entry .show-a {font-size: 14px;}
.phone {white-space: nowrap;}
.section-radio .box a {text-decoration: underline;}
.boxhelp {font-size: 10px;}
#broadcast-status {font-size: 10px;}
.show-image {
  display: block;
  margin: 0 5px 5px 0;
  float: left;
  width: 250px;
}
.show-summary #show-image-os {
  float: right;
  margin: 0 0 5px 5px;
}
/**************** sortable tables ****************/
.sortable {
}
.sortable th {
  font-weight: bold;
  font-size: 14px;
} 
.sortable th a {
  text-decoration: none;
  color: black;
}
.sortable td {
  padding: 3px;
  border: 1px solid black;
}
.sortable td, .sortable th {
  border: 1px solid black;
  padding: 2px;
}
.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

/**************** feature page ****************/
#feature-lead .teaser-image {
  display: block;
  float: left;
  margin-right: 10px;
}
.feature-section {
  padding: 5px 0;
  border-top: 2px solid gray;
  margin: 5px 0;
}
.feature-link .details {
  margin-left: 10px;
  font-size: 9px;
}
.feature-section .feature-link {
  padding-bottom: 10px;
}
.feature-section a {
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
}
.feature-link a.show-link {
  font-style: italic;
  font-size: 9px;
}
#feature-lead h4 a {font-size: 14px;}
img.hot {
  float: left;
  width: 30px;
  margin-right: 2px;
}
.feature-link a.thumb-link {
 float: left; margin-right: 5px; display: block;
}
.leftcol {padding-right: 5px;}
.rightcol {padding-left: 5px;}
a.link-outside {
   background: url(../style-images/external.png) 99% 40% no-repeat; 
   padding-right: 15px;
}
.feature-link a.thumb-link img {
  width: 75px;
}
.feature-link {clear: both;}
#video-list img {
  width: 130px !important;
}
#slide-list img {
  width: 150px !important;
  margin-bottom: 5px;
}
#video-list a.thumb-link {height: 120px; overflow: hidden;}
#video-list .feature-link {
  clear: none;
  width: 300px;
  float: left;
/*  height: 100px;*/
/*  overflow: hidden;*/
}
#allparts .feature-link {
  clear: none;
  width: 200px;
  float: left;
  overflow: hidden;
}
/**************** search ****************/
#googlesearchwrap, #attsearchwrap {
    width: 425px;
    border: 1px solid;
    padding: 5px;
}
#googlesearchwrap .text {width: 250px;}
#attsearchwrap .canlabel {display: block;}
#attsearchwrap .submit {display: block; margin-top: 5px;}
#doublesearchform #googlsearchwrap {
}
#doublesearchform #attsearchwrap {
   margin-top: 10px;
}
#doublesearchform {
/*    margin-left: 100px;*/
/*    float: right;*/
}
#search-summary {margin-left: 20px; font-weight: bold; margin-bottom: 10px;}
#navsearch #googlebrand {display: none;}
#navsearch {float: right; margin-right: 20px; display: inline;}
#navsearch .text {width: 150px;}
#advanced-link {display: block; float: right;}

/**************** admin forms ****************/
/* submitstory, admin, search */
.recordform {
  width: 450px;
  border: 1px solid;
  padding: 3px;
}
#admin-body .recordform {width: 600px;}
.recordform label, .recordform .label {
  font-size: 12px;
  display: block;
  margin-top: 5px;
}
.help {
  display: block;
  font-size: 10px; 
  font-style: italic;
  font-weight: normal;
}
.field-must .label {font-weight: bold; color: red;}
.field-must .label:after {content: "*"}
.field-advanced {display: block; color: black;}
.field-not {display: none;}

.subfields {margin-left: 25px;}
legend {
  font-size: 16px;
  font-weight: bold;
}
fieldset {
  margin-bottom: 15px;
}
.recordform select {display: block}
.recordform .input-text, .recordform textarea {
  width: 400px;
  display: block;
  border: 1px solid;
}
.input-date {
  width: 100px;
  border: 1px solid;
}
.recordform .radio {
  width: auto;
  display: inline;
}
.recordform .submit {
  width: auto;
  margin: auto;
  margin-top: 5px;
  display: block;
}

/**************** other ****************/
.buy-link {font-size: 14px; font-weight: bold; text-decoration: underline !important;}
.related-label {font-weight: bold; font-size: 12px;}
#registerform td {padding-bottom: 15px; padding-right: 10px;}
#registerform {width: 400px;}
.error {font-weight: bold; color: red;}
.radio-details {}
.radio-image a {
    display: block;
    float: right;
    margin-left: 10px;
}
.radio-image a img {
    width: 100px;
}
.teaser-radio {margin-bottom: 10px;}

#comment-policy-link {
  float: right;
  display: block;
}
.comment-summary {
  padding: 5px;
  border-bottom: 1px solid #CCC;
}
.comment-content {
  font-size: 12px;
}
.comment-author {
  font-weight: bold;
}
.comment-meta {
  margin-left: 15px;
  font-size: 10px;
}
.comment-author, .comment-date, .comment-article {
}
.comment-article {
  font-style: italic;
  font-weight: bold;
}

.nw {white-space: nowrap;}
.special-box {border: 1px solid black; padding: 5px; float: right; width: 200px;}
.schedule-indent {margin-left: 30px;}

a.other-view {float: right; font-weight: bold; text-decoration: underline !important;}

.slot-type-live {background-color: red;}
/*.slot-type-replay {background-color: yellow;}*/
.slot-type {font-weight: bold; padding: 3px; text-align: center; font-style: italic;}

.pre {white-space: pre; font-family: monospace;}

#body-broadcast #column_left, #body-broadcast #column_right {display: none;}
#body-broadcast #column_center, #body-broadcast #container {width: auto !important;} 

.show-table h2, .show-table h3, .show-table h4, .show-table h5 {
    font-size: 12px;
    margin-top: 12px;
}
.show-table p {
  margin: 0;
}
#live-video-promo1 {
  text-align: center;
}
#live-video-promo1 a {
  display: block;
  padding: 5px;
  font-weight: bold !important; 
  text-decoration: underline !important;
  background-color: black !important;
  color: red !important;
  text-align: center;
  font-size: 16px;
}