/* ############################################################################ */
/* ############################################################################ */
/* ---------------------------------------------------------------------------- */
/* Marionohio.tv Main Style Sheet 3.0 -- Written Jan. 7, 2010 ----------------- */
/* Copyright  2010 Studio 51 Multimedia Productioins, Ltd. All Rights Reserved */
/* ---------------------------------------------------------------------------- */
/* ############################################################################ */
/* ---------------------------------------------------------------------------- */
/* This CSS Document is for all global style settings. Other CSS Documents may- */
/* be implemented for specific elements. Please refer to the head section of -- */
/* the template for information on what CSS documents are being used. --------- */
/* ---------------------------------------------------------------------------- */
/* ############################################################################ */
/* ############################################################################ */

/* --- Global Styles --- */
* {
margin: 0px;
padding: 0px;
}

body {
text-align: center;
margin: 0px auto;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
background-image: url(../Images/SiteParts/bg_Blue_Black.jpg);
background-position: bottom;
background-attachment: fixed;
background-repeat: repeat-x;
background-color: #000000;
}

img {
border: 0px;
}

#clear {
clear: both;
}

#Wrapper {
margin: 0px auto; 
padding: 0px;
width: 940px;
background-color: #ffffff;
text-align: left;
overflow: hidden;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}


/* ------------------------------- */
/* --- Global Site Part Styles --- */
/*  (For elements used throughout) */
/* ------------------------------- */


/* --- Header Parts --- */

#Header {
width: 940px;
height: 250px;
margin: 0px;
background-image: url(../Images/SiteParts/Header_LeftSide.jpg);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-align: right;

}

#date {
position: relative;
top: 215px;  /* USE THIS TOP ATTRIBUTE WHEN NO HEADER AD IS IN USE */
/* top: -30px; */  /* USE THIS TOP ATTRIBUTE FOR HEADER ADS */
right: 5px;
z-index: 3;
}

#HeaderAd {
width: 940px;
height: 100px;
z-index: 2;
Margin: 0px;
padding: 0px;
text-align: center;
background-color: #000000;
}

/* --- Navigation Bar --- */

#navBar {
width: 100%;
height: 25px;
background-color: #003366;
font-size: 14px;
font-weight: bold;
}

/*#navBar ul{
white-space: nowrap;
line-height: 35px;
margin: 0px;
padding: 0px;
}

#navBar li {
list-style-type: none;
display: inline;
margin: 0px;
}

#navBar li a {
color: #FFFFFF;
text-decoration: none;
background-color: #003366;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
}

#navBar li a:hover {
color: #003366;
background-color: #FFFFFF;
}

#navBar li a:active {
color: #003366;
background-color: #FFFFFF;
}*/

/* --- Main Content Block --- */

#left {
width: 749px;
min-height: 950px;
margin: 0px;
border-right: 1px solid #333333;
float: left;
clear: right;
padding-bottom: 20px;
}

#left p {
margin: 10px;
font-size: 12px;
}

#left a {
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #660000;
}

#left h1 {
margin: 10px;
Font-size: 18px;
font-weight: bold;
}

#left h2 {
margin: 10px;
font-size: 14px;
font-weight: bold;
}

#left span.comingSoon {
font-style: italic;
font-weight: bold;
color: #333333;
}

#featuredLinks {
margin-left: 10px;
margin-top: 20px;
width: 95%;
font-size: 14px;
}

#featuredLinks a {
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #660000;
}

#showLogo {
margin:10px;
}

/* ---Page Titles ---*/
#pageTitle {
width: 90%;
margin: 15px;
margin-top: 25px;
font-size: 36px;
font-weight: bold;
border-bottom: 2px solid #333333;
border-left: 5px solid #333333;
padding-left: 5px;
}

/* --- Generic Content Holder --- */

#meatBox {
width: 95%;
height: auto;
border: 1px solid #333333;
margin-left: 10px;
margin-top: 30px;
color: #000000;
font-size: 12px;
float:left;
}

#meatBox h3 {
background-image: url(../images/SiteParts/h3_bg.jpg);
background-repeat: repeat-x;
width: 100%;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
}

#meatBox p {
margin: 3px;
font-size: 12px;
}

#meatBox a {
color: #003366;
text-decoration: none;
font-weight: bold;
}

#meatBox a:hover {
color: #FF0000;
text-decoration: underline;
font-weight: bold;
}

/* --- Live Video Feed --- */

#liveVid {
width: 400px;
height: 420px;
margin-right: 5px;
margin-top: 30px;
float: right;
border: 1px solid #333333;
}

#liveVid h3 {
background-image: url(../images/SiteParts/h3_bg_long.jpg);
background-repeat: no-repeat;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
}

/* --- Feature Box --- */

#fStory { 
width: 95%;
height: auto;
border: 1px solid #333333;
margin-left: 10px;
margin-top: 30px;
color: #000000;
font-size: 10px;
text-align: center;
float: left;
}

#fStory h3 {
background-image: url(../images/SiteParts/h3_bg.jpg);
background-repeat: repeat-x;
width: 100%;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
}

#featTitle {
font-family: Arial, Verdana;
width: 365px;
margin: 5px;
height: auto;
float: left;
text-align: right;
float: right;
font-size: 16px;
font-weight: Bold;
font-style: none;
}

#caption {
font-family: Arial, Verdana;
width: 375px;
min-height: 79px;
padding-left: 5px;
float: right;
font-size: 12px;
font-weight: Bold;
font-style: none;
text-align: left;
float: right;
}

#watchThis {
width: 98%;
margin: 5px;
font-family: Arial, Verdana;
font-size: 14px;
font-weight: bold;
text-align: left;
float: right;
}

#buttons {
width: 100%;
Margin: 0px;
float: left;
clear: both;
text-align: left;
}

#buttons img.button {
width: 120px;
height: 15px;

}

#buttons img.watchAll {
width: 120px;
height: 15px;

}

#fStory img {
max-width: 320px;
height: 240px;
padding 0px;
overflow: hidden;
float: left;
clear: right;
}

/* --- News Article Summaries --- */
#NewsSummary {
width: 95%;
margin: 3px;
}

#NewsSummary a {
font-size: 12px;
}

#NewsSummaryLinkShort {
font-size: 14px;
font-weight: bold;
}

#NewsSummaryInfo {
font-size: 10px;
margin-left: 10px;
color: #333333;
}

#NewsSummaryText {
font-size: 12px
color: #000000;
border-bottom: 1px solid #333333;
margin-bottom: 5px;
}

#NewsSummaryTextLong {
font-size: 12px
color: #000000;
border-bottom: 1px solid #333333;
margin-bottom: 5px;
margin-left: 10px;
}

/* --- News Articles --- */
#NewsDetail {
width: 95%;
margin: 10px;
float: left;
clear: right;
}

#NewsDetailTitle {
width: 95%;
border-bottom: 2px solid #666666;
font-size: 24px;
font-weight: bold;
color: #000000;
margin-top: 20px;
margin-left: 10px;
}

#NewsPostDetailContent {
margin: 10px;
font-size: 14px;
}

#NewsPostDetailContent ul li{
margin-left: 15px;
margin-bottom: 5px;
font-size: 14px;
list-style:square;
}

#NewsDetailLinks {
font-size: 10px;
margin: 10px;
}

#NewsDetailLinks a {
font-size: 10px;
}

#NewsDetailLinks a:link {
color: #0000FF;
text-decoration: none;
}

#NewsDetailLinks a:hover {
color: #990000;
text-decoration: none;
}

#NewsDetailLinks a:visited {
color: #0000FF;
text-decoration: none;
}

#NewsDetailLinks a:link img{
border: 0px;
}

#pageNum {
font-size: 10px;
font-weight: bold;
text-align: right;
width: 85%;
margin-left: 10px;
padding-right: 5px;
}

#storyList {
margin: 8px;
text-align: left;
border: 1px solid #CCCCCC;
}

#storyImage {
width: 250px;
height: auto;
background-color: #CCCCCC;
float: right;
margin: 10px;
border: 1px solid #000000;
}

#storyImage h3 {
background-color: #000099;
width: 100%;
height: auto;
font-size: 10px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
}

#storyImage img {
width: 200px;
margin-left: 25px;
margin-top: 5px;
margin-bottom: 5px;
}

#imgText {
color: #000000;
font-size: 10px;
text-align: center;
margin: 2px;
clear: both;
}

#storyImage2 {
width: 250px;
height: auto;
background-color: #CCCCCC;
float: right;
clear: right;
margin: 10px;
border: 1px solid #000000;
}

#storyImage2 h3 {
background-color: #000099;
width: 100%;
height: auto;
font-size: 10px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
}

#storyImage2 img {
width: 200px;
margin-left: 25px;
margin-top: 5px;
margin-bottom: 5px;
}

#imgText2 {
color: #000000;
font-size: 10px;
text-align: center;
margin: 2px;
clear: both;
}

.bottomLinks {
font-size: 9px;
margin: 10px 0px 0px 10px;
}

/* --- Comments --- */

#comments {
width: 95%;
height: auto;
}

#comment {
margin: 10px;
width: 95%;
border: 1px solid #CCCCCC;
}

#commentTitle{
width: 100%;
background-color: #3366FF;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
padding-left: 5px;
}

#commentAuthor {
width: 100%;
font-size: 12px;
font-weight: bold;
margin-left: 5px;
}

#commentDate {
width: 100%;
font-size: 12px;
font-weight: bold;
margin-left: 5px;
}

#commentText {
width: 90%;
margin: 10px;
}

#comments h3 {
width: 100%;
background-color: #3366FF;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
padding-left: 5px;
}

#commentForm {
width: 95%;
margin: 10px;
}

/* ------------------- */
/* --- Classifieds --- */
/* ------------------- */

#classPageTitle {
width: 95%;
margin: 10px;
margin-top: 25px;
font-size: 24px;
font-weight: bold;
border-bottom: 2px solid #333333;
}

#classPage {
width: 95%;
height: auto;
margin: 10px;
}

#classPage h3 {
width: 95%;
margin: 10px;
margin-top: 25px;
font-size: 16px;
font-weight: bold;
border-bottom: 2px solid #333333;
}

#classBox {
width: 125px;
height: auto;
margin: 10px;
float: left;
}

#classBox img {
width: 100px;
}

#classSummary {
width: 90%;
margin: 20px;
}

#classSummaryBlock {
float: left;
clear: left;
width: auto;
}

#classSummary a {
font-size: 14px;
}

#classSummaryLinkShort {
font-size: 14px;
font-weight: bold;
}

#classSummaryInfo {
font-size: 12px;
margin-left: 10px;
margin-top: 5px;
color: #333333;
}

#classSummaryText {
font-size: 12px;
color: #000000;
border-bottom: 1px solid #333333;
margin-bottom: 5px;
}

#classSummaryHRule {
width: 95%;
height: 3px;
background-color: #000033;
margin-bottom: 15px;
}

#classImageSmall {
float: right;
margin-right: 20px;
}

#classImageSmall img{
width: 160px;
height: 120px;
}

#classImage img{
width: 640px;
border: none;
margin-top: 10px;
}

#classDetail {
width: 95%;
margin: 20px;
float: left;
clear: right;
}

#classDetailTitle {
width: 95%;
border-bottom: 2px solid #666666;
font-size: 24px;
font-weight: bold;
color: #000000;
margin-top: 20px;
margin-left: 10px;
}

#classPostDetailContent {
margin: 10px;
font-size: 14px;
}

#classPostDetailContent ul li{
margin-left: 15px;
margin-bottom: 5px;
font-size: 14px;
list-style: square;
}

#classDetailLinks {
font-size: 10px;
margin: 10px;
}

#classDetailLinks a {
font-size: 10px;
}

#classDetailLinks a:link {
color: #0000FF;
text-decoration: none;
}

#classDetailLinks a:hover {
color: #990000;
text-decoration: none;
}

#classDetailLinks a:visited {
color: #0000FF;
text-decoration: none;
}

#classDetailLinks a:link img{
border: 0px;
}

#classCatList {
width: 95%;
margin: 20px;
}

ul.classCatList {
margin: 10px;
}

li.classCat {
margin: 5px;
}

/* --- Contact Form --- */

.contactform {
margin: 10px;
}

#contactInputs {
margin: 10px;
}

.label {
margin: 5px;

}

.required {

}

.captchapict {
}

.captcha {
}

.submit {
}

/* --- Program Schedule --- */

#lineUp {
width: 400px;
min-height: 420px;
max-height: auto;
margin-right: 5px;
margin-top: 30px;
float: right;
border: 1px solid #333333;
}

#lineUp h3 {
background-image: url(../images/SiteParts/h3_bg.jpg);
background-repeat: repeat-x;
width: 100%;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
}

#dayName {
width: 95%;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 5px;
font-size: 16px;
font-weight: bold;
border-bottom: 2px solid #666666;
}

#show {
width: 95%;
margin-left: 10px;
margin-bottom: 2px;
margin-top: 0px;
font-size: 14px;
background-color: #99CCCC;
border: 1px solid #333333;
}

/* --- Show Features --- */
#showBar {
width: 728px;
height: 90px;
border: 1px solid #333333;
margin-left: 10px;
margin-top: 30px;
margin-bottom: 20px;
float: left;
clear: both;
}

#showBar img {
width: 100%;
height: 100%;
}

/* ------------------------- */
/* --- Show Pages Content -- */
/* ------------------------- */

#showBox {
width: 95%;
height: 100%;
margin: 10px;
border: 1px solid #333333;
}

#showBox h3 {
background-image: url(../images/SiteParts/h3_bg.jpg);
background-repeat: repeat-x;
width: 100%;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
}

#showBox p {
padding: 5px;
text-align: left;
}

#showBox img {
}

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

.new {
font-weight: bold;
font-style: italic;
}

.hostName {
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}

/* --- Opinion Columns --- */

#opBox {
width: 95%;
height: 100%;
margin: 10px;
}

#opBox h3 {
background-image: url(../Images/SiteParts/h3_bg.jpg);
background-repeat: repeat-x;
width: 100%;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
}

#opBox p {
padding: 5px;
text-align: left;
}

#opBox p.descript {
padding: 5px;
text-align: left;
font-style: italic;
}

/* --- Side Bar Content --- */

#right {
width: 188px;
w\idth: 188px;
height: 100%;
float: right;
text-align: center;
}

#poll {
width: 96%;
height: auto;
text-align: left;
border: 1px solid #333333;
}

#poll h3 {
width: 100%;
height: 20px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #003366;
}

#pollName {
font-weight: bold;
margin-bottom: 5px;
}

#showLinks {
width: 96%;
height: auto;
text-align: center;
border: 1px solid #333333;
}

#showLinks h3 {
width: 95%;
height: 30px;
font-size: 12px;
font-weight: bold;
padding-bottom: 5px;
color: #FFFFFF;
background-color: #003366;
border-bottom: 3px solid #333333;
}

#showLink {
font-weight: bold;
color: #FFFFFF;
background-color: #003366;
border-bottom: 3px solid #333333;
padding-top:3px;
padding-bottom: 3px;
}

#webAds {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 25px;
width: 120px;
}

#webAds img {
width: 100%;
height: 100%;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #333333;
}

#obits {
width: 95%;
height: auto;
margin-top: 10px;
text-align: left;
border: 1px solid #333333;
font-size: 10px;
}

#obits h3 {
width: 100%;
height: 20px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #003366;
}

#hRule {
width: 95%;
height: 2px;
background-color: #000000;
margin-top: 10px;
margin-bottom: 10px;
}

#obitsLink {
font-size: 10px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}

#obitsLink a {
color: #660000;
text-decoration: none;
}

#socialLinks {
width: 95%;
height: auto;
margin-top: 10px;
text-align: center;
border: 1px solid #333333;
font-size: 10px;
}

#socialLinks h3 {
width: 100%;
height: 20px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #003366;
}

#socialLinks img {
padding-top: 5px;
padding-bottom: 5px;
}

/* --- Footer --- */

#footer {
width: 940px;
height: 170px;
background-color: #003366;
background-image: url(../Images/SiteParts/footer.jpg);
color: #FFFFFF;
font-weight: bold;
font-size: 10px;
text-align: center;
}

#footer .links {

}

#footer a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

#footer a:hover {
color: #FF0000;
text-decoration: underline;
}

#footer a:visited {
color: #FFFFFF;
text-decoration: none;
}

.copyRight {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}