/*
Filename:         kknet.css
Author:           BlueStreak [KK.net]
Date Created:     11/26/2006
Purpose:          Main site formatting for KK.net
*/


/* General element formatting ------------------- */

html {
   height: 100% ;
}

body {
   height: 100%;
   margin: 0 0 0 0;
   background: url('../images/common/bg.gif') #fff;
   font: 11px Verdana, Tahoma, Arial;
   color: #333;
}

a:link            { color: #339933; }
a:visited         { color: #339933; }
a:hover           { color: #5fce5f; }

td, input, select, textarea {
   font: 11px Verdana, Tahoma, Arial;
   color: #333;
}

p {
   margin: 0 0 12px 0;
}

img {
   border: 0;
}

input.button {
   margin-top: 5px;
}

label {
   cursor: pointer;
}

.schedDate {
   color: #499230;
   font-weight: bold;
}

.schedEpnum {
   margin-bottom: 10px;
   color: #999;
}

/* common classes ------------------------------- */
.smallText {
   font-size: 10px;
   color: #888;
}

/* nav menu ------------------------------------- */


#navmenu {
   font-family: Tahoma;
   width: 146px;
}

#navmenu ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
   
#navmenu ul li a {
   height: 27px;
   text-transform: uppercase;
   voice-family: "\"}\""; 
   voice-family: inherit;
   height: 20px;
   text-decoration: none;
}

#navmenu ul li a span {
   font: 10px Arial;
}
   
#navmenu ul li a:link, #navmenu li a:visited {
   color: #555;
   display: block;
   background:  url('../images/common/nav_btn_bg.gif');
   padding: 7px 0 0 35px;
   margin-left: 0;
}

#navmenu ul li a.on:link, #navmenu li a.on:visited {
   color: #555;
   background: url('../images/common/nav_btn_bg.gif') 0 -54px;
   padding: 7px 0 0 35px;
}
   
#navmenu ul li a:hover {
   color: #555;
   background: url('../images/common/nav_btn_bg.gif') 0 -27px;
   padding: 7px 0 0 35px;
}

/* main layout  --------------------------------- */

div#container {
   width: 754px;
   background: url('../images/common/content_bg.gif') repeat-y;
   position: relative;
	margin: 0 auto; padding: 0;
	text-align: left; /*** the text in body was centered; this brings the text back to left aligning ***/
	/*height: auto !important; height: 100%; min-height: 100%; */
}
   
   div#headerTop {
      background: url('../images/common/header_topbar.gif');
      width: 754px;
      height: 52px;
      color: #fff;
   }
   
      div#headerTop #donate {
         margin: 12px 0 0 5px;
         float: left;
      }
      
      div#headerTop #donateContent {
         width: 325px;
         float: left;
         font-size: 10px;
         margin: 12px 0 0 3px;
      }
      
      div#headerTop #search {
         width: 330px;
         margin: 5px 0 0 5px;
         float: left;
         text-align: right;
      }
      
      div#headerTop #searchRadio {
         margin-left: 167px;
         text-align: left;
         font-size: 10px;
      }

   div#header {
      width: 754px;
      height: 184px;
      background: url('../images/common/header.jpg');
      margin: 0;
      padding: 0;
   }
   
   div#leftColumn {
      float: left;
      width: 167px;
   }
   
   div#leftColumn #nav {
      padding-left: 2px;
   }
   
   div#middleColumn {
      float: left;
      width: 388px;
   }
      
      div#breadCrumb {
         width: 347px;
         margin-left: 14px;
         padding-bottom: 3px;
         font: 10px Tahoma;
         color: #777;
      }
      
         div#breadCrumb a {
            color: #777;
            text-decoration: underline;
         }
         
         div#breadCrumb a:hover {
            color: #000;
            text-decoration: underline;
         }
   
      div#middleColumnTopBg {
         background: url('../images/common/content_top_border.gif');
         width: 388px;
         height: 15px;
      }
      
      div#middleColumnMainBg {
         background: url('../images/common/content_bg2.gif') repeat-y;
         width: 388px;
      }
      
      div#middleColumnContent {
         margin: 0 22px 0 14px;
         text-align: justify;
      }
      
   div#rightColumn {
      float: left;
      width: 196px;
   }

/* general content formatting ------------------- */
   
h1 {
   font: bold 14px Arial;
   color: #499230;
   margin: 0 0 -10px 0;
}

/* middle content formatting -------------------- */

.headingNewswire {
   background: url('../images/home/heading_newswire.gif') no-repeat;
   width: 352px;
   height: 23px;
   margin-top: 15px;
}

.headingRecentAdditions {
   background: url('../images/home/heading_recent_additions.gif') no-repeat;
   width: 352px;
   height: 23px;
   margin-top: 15px;
}

.newsItem {
   background-color: #f7f7f7;
}

   .newsItem .newsIcon {
      float: left;
      margin: 3px 2px 0 2px;
   }

   .newsItem .newsTitle {
      color: #339933;
      font-weight: bold;
      font-size: 12px;
      background-color: #e3e3e3;
      padding: 5px;
      border-bottom: 1px #c1c1c1 dotted;
   }

      .newsItem .newsTitle div.postedby {
         color: #636363;
         font-weight: normal;
         font: 11px Arial;
      }

   .newsItem .newsBody {
      background-color: #fcfcfc;
      border-bottom: 1px solid #c1c1c1;
      padding: 5px;
   }
      
      .newsItem .newsBody .newsContributor {
         margin-bottom: 7px;
         color: #333;
      }
      
      .newsItem .newsBody .newsContributorStory {
         border-left: 2px solid #ccc;
         padding-left: 4px;
      }

      .newsItem .newsBody .newsSource {
         margin: 10px 0 10px 0;
         font-size: 10px;
      }
      
      .newsItem .newsBody .newsToolLinks {
         margin: 8px 0 10px 0;
         font-size: 10px;
         color: #666;
      }

#newsSummary {
   margin: 5px 0 0 0;
   text-align: left;
}
     
.welcomeHeader {
   font: bold 13px Tahoma;
   letter-spacing: 0.5px;
   color: #499230;
   margin-bottom: 3px;
}

.welcome {
   clear: both;
   font-size: 9px;
   line-height: 11px;
}

/* right column --------------------------------- */
.rightContainer {
   background: url('../images/home/rightsidebar_bg.gif') repeat-y;
}

   .rightContainer #rightContainerFeatures {
      background: url('../images/home/heading_rightsidebar_sitefeatures.gif') no-repeat;
      width: 185px;
      height: 33px;
      margin-top: 12px;
   }
   
   .rightContainer #rightContainerSmallvilleSchedule {
      background: url('../images/home/heading_rightsidebar_smallville_sched.gif') no-repeat;
      width: 185px;
      height: 33px;
      margin-top: 10px;
   }
   
   .rightContainer #rightContainerEmail {
      background: url('../images/home/heading_rightsidebar_email@kknet.gif') no-repeat;
      width: 185px;
      height: 33px;
      margin-top: 10px;
   }
   
   .rightContainer #rightContainerCommunity {
      background: url('../images/home/heading_rightsidebar_community.gif') no-repeat;
      width: 185px;
      height: 33px;
      margin-top: 12px;
   }
   
   .rightContainer .rightContainerContent {
      padding: 8px 9px 0 8px;
      margin-right: 7px;
   }
   
   .rightContainer .rightContainerBottom {
      background: url('../images/home/rightsidebar_bottom.gif') no-repeat;
      width: 185px;
      height: 14px;
   }

.rightContainerContent .subheading {
   font-weight: bold;
   font-size: 12px;
   margin-top: 10px;
}
   
ul.list {
   list-style-image: url('../images/home/bullet_blue.gif');
   margin-top: 3px;
   margin-bottom: 0;
}

ul.list li {
   margin-left: -23px;
}

ul.listNewsSummary {
   margin-top: 3px;
   margin-bottom: 0;
}

ul.listNewsSummary li {
   margin-left: -23px;
   margin-bottom: 5px;
}

ul.listForum {
   list-style-image: url('../images/home/bullet_blue.gif');
   font-size: 10px;
   margin-top: 3px;
   margin-bottom: 0;
}

ul.listForum li {
   margin-left: -23px;
   margin-bottom: 3px;
}

/* Footer --------------------------------------- */
.legal {
   margin: 25px 0 15px 0;
   border-top: 1px dotted #aaa;
   font-size: 9px;
   color: #999;
}

.footer {
   margin-top: 10px;
}