/*
Description: His Kids Radio Screen Media
Version: 0.75
Author: Kedron A. Rhodes
Date: August 2006
----------------------------------------------- */

/* HTML Rules
----------------------------------------------- */
:focus {
  outline: 0;
}

body{
  background:#f7ff8c url(/graphics/bg.jpg) repeat-x;
  font:10pt Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  }
  
img, acronym, abbr, dfn { border:none; }

a:link{color: #cc0000; text-decoration:none;}
a:visited{color: #cc0000; text-decoration:none;}
a:hover{color: #cc0000; text-decoration:underline;}
a:active{color: #1AE3F5; text-decoration:none;}

h1{
  color:#cc0000;
  margin:0 0 20px 0;
  border-bottom:2px dotted;
  font-size:24px;
  width:100%;
  }

address {
  display: inline;
  text-align: left;
}

/* Global Elements
----------------------------------------------- */
.floatleft{float:left;}

.aligncenter{text-align:center;}
.alignleft{text-align:left;}
.alignright{text-align:right;}

/* Layout Elements
----------------------------------------------- */
#container{
  margin:0px auto 0px auto;
  padding:0px; ;
  width:888px;
  }

#container h1#head-link {
  display: none;
}

#leftColumn{
  width:294px;
  float:left;
  }
#middleColumn{
  width:154px;
  float:left;
  background:url(/graphics/mid_bg.gif);
  position:relative;
  z-index:10;
  }
#rightColumn{
  width:440px;
  float:left;
  position: relative;
  }

#rightColumn #blog_link {
  width:322px;
  height: 25px;
  position: absolute;
  top: 30px;
  left: 75px;
  font-size: 10px;
  line-height: 20px;
  color: #036;
  font-weight: bold;
  }

#rightColumn #blog_link a {
  color: #c00;
}

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

#rightColumn #blog_link ul li, #rightColumn #blog_link p {
  float: left;
}

#rightColumn #blog_link p {
  margin: 0 4px 0 0;
}

#onDemand{
  margin:0px;
  background:url(/graphics/nav_bg.gif) repeat-y;
  }
  #onDemand ul{
    margin:0 0 0 35px;
    padding:0px;
    }
  #onDemand li{
    list-style:none;
    }
#logos {
  margin: -30px 0px 0px 0px;
}

.logo {
  margin: 0px 60px;
  padding: 10px;
}

#middleContent{
  background:url(/graphics/mid_fade.gif) no-repeat;
  color:#003366;
  }
  #middleContent p{
    margin:0 7px 0 10px;
    }
  #middleContent img{
    margin: 0;
    padding: 0;
    }
  #middleContent ul#middle_ads {
    list-style:none;
    margin: 0 0 0 18px;
    padding: 6px 0 0 0;
    }
  #middleContent ul#middle_ads li {
                margin: 10px 0 0 0;
                padding: 0;
    width: 120px;
    height: 60px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
                }


#rightContentContainer{
  position:relative;
  top:0px;
  z-index:5;
  margin:0 0 0 -27px;
  background:url(/graphics/content_bg.gif) repeat-y;
  min-height:400px;
  width:467px;
  }
#rightContentContent{
  margin:0 20px 10px 35px;
  color:#003366;
  text-align:left;
  min-height:400px;
  }
  #rightContentContent p{
    margin:0 0 20px 0;
    }

/* Menu Options
----------------------------------------------- */

#onDemand li {
  padding-bottom: 5px;
  width: 255px;
}

a.sp {
  display: block;
  background-image: url('/graphics/nav_sound.gif');
  background-repeat: no-repeat;
  width: 16px;
  height: 23px;
  margin-left: 2px;
  float: left;
  border: 0px solid #000;
}

a.sp span {
  display: none;
}

a.link {
        display: block;
        background-image: url('/graphics/nav_link.gif');
        background-repeat: no-repeat;
        width: 16px;
        height: 23px;
  float: left;
  border: 0px solid #000;
}

li a.text {
  border: 0px solid #000;
  margin-left: 35px;
}

a.link span {
        display: none;
}

li#dgl a.text {
        display: block;
        background-image: url('/graphics/nav_dgl.gif');
        background-repeat: no-repeat;
        width: 217px;
        height: 25px;
}

li#dgl a:hover.text {
        display: block;
        background-image: url('/graphics/nav_dgl_over.gif');
        background-repeat: no-repeat;
        width: 217px;
        height: 25px;
}

li#kk a.text {
        display: block;
        background-image: url('/graphics/nav_kk.gif');
        background-repeat: no-repeat;
        width: 217px;
        height: 25px;
}

li#kk a:hover.text {
        display: block;
        background-image: url('/graphics/nav_kk_over.gif');
        background-repeat: no-repeat;
        width: 217px;
        height: 25px;
}


li#kc a.text {
        display: block;
        background-image: url('/graphics/nav_kc.gif');
        background-repeat: no-repeat;
        width: 217px;
        height: 25px;
}

li#kc a:hover.text {
        display: block;
        background-image: url('/graphics/nav_kc_over.gif');
        background-repeat: no-repeat;
        width: 217px;
        height: 25px;
}

li#paws a.text {
        display: block;
        background-image: url('/graphics/nav_pt.gif');
        background-repeat: no-repeat;
        width: 217px;
        height: 25px;
}

li#paws a:hover.text {
        display: block;
        background-image: url('/graphics/nav_pt_over.gif');
        background-repeat: no-repeat;
        width: 217px;
        height: 25px;
}

li#pond a.text {
        display: block;
        background-image: url('/graphics/nav_tp.gif');
        background-repeat: no-repeat;
        width: 217px;
        height: 25px;
}

li#pond a:hover.text {
        display: block;
        background-image: url('/graphics/nav_tp_over.gif');
        background-repeat: no-repeat;
        width: 217px;
        height: 25px;
}

li#wk a.text {
        display: block;
        background-image: url('/graphics/nav_wkwmn.gif');
        background-repeat: no-repeat;
        width: 217px;
        height: 25px;
}

li#wk a:hover.text {
        display: block;
        background-image: url('/graphics/nav_wkwmn_over.gif');
        background-repeat: no-repeat;
        width: 217px;
        height: 25px;
}

li#hkr a.text {
        display: block;
        background-image: url('/graphics/nav_hkr.gif');
        background-repeat: no-repeat;
        width: 217px;
        height: 25px;
}

li#hkr a:hover.text {
        display: block;
        background-image: url('/graphics/nav_hkr_over.gif');
        background-repeat: no-repeat;
        width: 217px;
        height: 25px;
}

a.text span {
  display: none;
}

/* Top Nav
----------------------------------------------- */

#topnav {
  display: block;
  margin: 0 0 0 70px;
  padding: 0;
}

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

#topnav li {
  float: left;
  background-repeat: no-repeat;
  border: 0;
}

#topnav li a {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}

#topnav li a span{
  display: none;
}


#topnav li#home {
  background-image: url('/graphics/nav_top_home.gif');
  width: 76px;
  height: 28px;
}

#topnav li#home a:hover {
  background-image: url('/graphics/nav_top_home_over.gif');
}


#topnav li#about {
  background-image: url('/graphics/nav_top_about.gif');
  width: 76px;
  height: 28px;
}

#topnav li#about a:hover {
  background-image: url('/graphics/nav_top_about_over.gif');
}

#topnav li#contact {
  background-image: url('/graphics/nav_top_contact.gif');
  width: 85px;
  height: 28px;
}

#topnav li#contact a:hover {
  background-image: url('/graphics/nav_top_contact_over.gif');
}

#topnav li#support {
  background-image: url('/graphics/nav_top_support.gif');
  width: 85px;
  height: 28px;
}

#topnav li#support a:hover {
  background-image: url('/graphics/nav_top_support_over.gif');
}


/* Member Info
----------------------------------------------- */

.member_info {
  border-bottom:2px dotted;
}

.member_info h2 {
  padding: 0 0 15px 0;
  margin: 0;
}

.member_info h3 {
  padding: 0;
  margin: 0;
}

.member_info ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.member_info ul li {
  padding: 0 0 5px 0;
  margin: 0;
}

.member_info .member_logo {
  float: right;
  margin: 0 0 0 10px;
}

/* Schedule box
----------------------------------------------- */

#schedule {
  display: none;
  position: relative;
  float: right;
  right: 15px;
  top: -510px;
  border: 5px solid #FFCC00;
  background-color: #FFFF66;
  padding: 0;
  margin: 0;
  padding: 0 0 10px 0;
}

#schedule h3 {
  padding: 0;
  margin: 10px 0 0 10px;
  background-image: url('/graphics/live_schedule.gif');
  background-repeat: no-repeat;
  width: 160px;
  height: 18px;
}

#schedule h3 span {
  display: none;
}

#schedule ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 10px;
}

#schedule p {
  padding: 0;
  margin: 10px 0 0 10px;
}

#content {
  width: 400px;
}

.menu {
  font-size: 13px;
}

/* cmas Schedule box
----------------------------------------------- */

#cmas-schedule {
  display: none;
  position: relative;
  float: left;
  left: 15px;
  top: -320px;
  border: 5px solid #FFCC00;
  background-color: #FFFF66;
  padding: 0;
  margin: 0;
  padding: 0 0 10px 0;
}

#cmas-schedule h3 {
  padding: 0;
  margin: 10px 0 0 10px;
  background-image: url('/graphics/veggie-radio-title.gif');
  background-repeat: no-repeat;
  width: 252px;
  height: 18px;
}

#cmas-schedule h3 span {
  display: none;
}

#cmas-schedule ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 10px;
}

#cmas-schedule p {
  padding: 0;
  margin: 10px 0 0 10px;
}
#content {
  width: 400px;
}

.menu {
  font-size: 13px;
}



/* Rocky's Roadtrip Map for non-studio version
----------------------------------------------- */

#rocky-map {
  display: none;
  position: absolute;
  width: 700px;
  height: 500px;
  left: -136px;
  top: 156px;
  border: 5px solid #FFCC00;
  background-color: #FFFF66;
  padding: 0;
  margin: 0;
  padding: 0 0 0 0;



}

#rocky-map h3 {
  padding: 0;
  margin: 10px 0 0 10px;
  background-image: url('/graphics/veggie-radio-title.gif');
  background-repeat: no-repeat;
  width: 252px;
  height: 18px;
}

#rocky-map h3 span {
  display: none;
}

#rocky-map ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 10px;
}

#rocky-map p {
  padding: 0;
  margin: 10px 0 0 10px;
}


.menu {
  font-size: 13px;
}



#corner  {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    overflow: visible;
    height: 120px;
    width: 120px;
    background: transparent url('/rocky/rocky-corner-mp3.png') no-repeat 0 0;
    margin: 0;
    padding: 0;
    z-index: 2000;
    float: none;
}