/*
CSS Document for Bartlesville Radio
Master
Developed by PDG+creative
Started 11-1-10

 */

/******* Gloabl Resets *******/

* { margin: 0; padding: 0}
.clear { clear: both ;}
a { color: #1944a3;}
a:hover, a.hover { text-decoration: underline; }
a img {border: none;}
h2,h3 {color: #1944A3;font-weight: lighter; }
h3 {color: #1944A3;font-size: 1.2em;}
h4 {color: #222;font-size: 1.1em; font-weight: bold;}
p {margin-bottom: 10px;}
.margin_wrap {margin: 10px;}
strong {font-weight: bold;} /*Strong isn't working for some reason ...*/
/******* Basic Structure *******/

body {
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  line-height: 150%;
  font-size: 100.1%;
  color: black;
  font-weight: lighter;
  background: black;
}

div.container {
  text-align: left;
  width: 950px;
  margin: 0 auto;
}

div#content {
  background: white;
  /* 		z-index: 0; */
}

/******* Banner Ad *******/

#banner {
  background: #ddd;
  text-align: center;
}

#banner .container {
  width: 729px;
}

#banner a {
  display: inline;
  float: left;
  margin-bottom: 5px;
  margin-left: 10px;
}

#banner #close_ad {
  position: absolute;
  right: 0px;
  cursor: pointer;
  padding-right: 5px;
  padding-top: 5px;
}


/******* Header *******/

#header {
  height: 157px;
  background: url(../images/bg_header.jpg) no-repeat top center;
  position: relative;
  z-index: 1000;
}

#header .container {
  position: relative;
  height: 151px;
}

#header_top {
  background: url(../images/bg_header_top.jpg) repeat-x top center;
  height: 6px;
  font-size: 0px;
}

#header h1 {
  position: absolute;
  top: 77px;
  left: 60px;
  width: 463px;
  height: 30px;
}

#header h1 a {
  background: url(../images/bg_tagline.png) no-repeat top left;
  text-indent: -9000px;
  display: block;
}

.logo {
  position: absolute;
  width: 118px;
  height: 77px;
  top: 20px;
  /* 			z-index: 10000; */
}

#kwon { left: 10px; }
#kwon_new { left: 64px;top: 12px;}
#kyfm { left: 160px; }
#krig { left:275px; top:18px; }
#kpgm { left: 377px; top: 17px; }
#kyfm-hd2 { left: 516px; top: 14px; }

#listen_live {
  font-style: italic;
  float: right;
  display: inline;
  margin-right: 13px;
  margin-top: 6px;
}

#listen_live h3 {
  color: white;
}

#listen_live li {
  list-style-image: url(../images/icon_listen.png);
  line-height: 110%;
}

#listen_live a {
  color: white;
  font-size: 13px;
  text-decoration: none;
}

#listen_live a:hover {
  text-decoration: underline;
}

#breaking{
  margin-bottom: 5px;
  background-color: red;
  color: #FFF;
  padding: 5px;
}
#breaking a{
  text-decoration: none;
  color: #FFF;
}

.news-highlight {
  background: transparent;
  border: 1px solid #333;
  margin-bottom: 5px;
  padding: 5px 5px 4px;
}
.news-highlight a {
  text-decoration: none;
  color: #333;
}

/* Nav */
#nav {
  background: url(../images/bg_nav.png);
  height: 35px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  /* 		z-index:599; */
}

#nav ul {
  list-style-type: none;
  top: -3px;
  /* 			z-index:599; */
  position:relative;
}

#nav ul li {
  display: inline;
  float: left;
  position: relative;
  /* 			z-index:599; */
  height: 42px;
  margin-right: 1px;
}

#nav ul li a {
  display: block;
  padding: 10px 11px 4px 11px;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 1px;
  text-decoration: none;
}

#nav ul li.current, #nav ul li.hover, #nav ul li.topCurrent {
  color: black;
  background: white;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
}

#nav ul li.current a, #nav ul li.hover a, #nav ul li.topCurrent a {
  color: black;
  text-decoration: none;
}

/* second level nav */
#nav ul li ul { /* second level ul */
  top: 38px;
  position: absolute;
  background: white;
  /*	background:url("../images/bg_nav.png") repeat scroll 0 0 transparent; */
  /* 				z-index:599; */
  width: 200px;
  left: -999em;
  /*	-moz-box-shadow: 0px 5px 10px #444;
  -webkit-box-shadow: 0px 5px 10px #444;
   */
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
        }


        #nav ul li ul li {
          margin-right: 3px;
          height: auto;
          width: 200px;
          position: relative;
          line-height: normal;
          /* 					z-index:99; */
          background: none;
          text-decoration: none;
        }

        #nav ul li.level-1 ul li a{
          display: block;
          padding:4px 20px 4px 10px;
          line-height: 20px;
          font-size: 10px;
          color: black;
          background: none;
          text-decoration: none;
          /*	background: #587ea0; */
        }

        #nav ul li ul li a.hover {
          background: #E7E7E7;
        }



        #nav ul li ul li ul { /* third level ul */
          margin: -21px 0 0 200px;
          left: -999em;
        }

        #nav ul li ul li.hover ul {
          border-top: 1px solid black;
          left: 0px;
          top: 20px;
        }

        #nav ul li.last ul li.hover ul { /* The last flyout should go the opposite way*/
          left: -402px;
        }


        #nav ul li ul li ul li ul {  /* fourth level ul */
          display: none;
        }

        #nav ul ul ul li.hover ul {
          left: 0px;
          top: 20px;
          display: block;
        }

        #nav ul ul ul li.hover ul ul {
          display: none;
        }


        #nav ul ul ul ul ul { /* fifth level */
          display: none;
        }

        #nav ul ul ul ul li.hover ul {
          display: block
        }

        #nav li.hover ul ul {
          left: -999em;
        }

        #nav li.hover ul {
          left: -1px;
        }

        #nav li li.hover ul {
          left: 0px;
          top: 20px;
        }






        /* search box */
        #search {
          background: url(../images/search.png) no-repeat top left;
          border: none;
          float: right;
          display: inline;
          margin-top: 8px;
          overflow: hidden;
        }

        #search input {
          background: none;
          border: none;
          width: 100px;
          margin: 2px 0px 7px 32px;
        }



        /******* Content — main *******/

        #main {
          float: left;
          display: inline;
          width: 760px;
          margin-bottom: 10px;
        }

        #sub #main ul {
          margin-left: 25px;
        }

        #home #main ul {
          list-style-type: none;
        }

        #main h2{
          line-height: 35px;
        }

        /* Top Bar */
        #top_bar {
          padding-top: 5px;
          margin-bottom: 10px;
        }

        /* Social Icons */
        #top_bar a {
          float: left;
          display: inline;
          margin-right: 5px;
        }

        /* i need this */
        #ineedthis { width:310px; height:23px; padding:0 5px; background-image:url(../images/bg.gif); float: right; display: inline; }
        input, label { float:left;display: inline; }
        #whatlabel, #wherelabel { display:block; height:23px; text-indent:-9999px; }
        #whatlabel { width:65px; background-image:url(../images/ineedthis.gif); }
        #wherelabel { width:13px; background-image:url(../images/in.gif); }

        #what, #where { height:19px; border:solid 1px #ed0202; margin:2px; font-size:11px; color:#999999; }
        #what { width:100px; }
        #where { width:85px; }

        /* ads */
        #main .ads {
          background: url(../images/line_horizontal.jpg) repeat-x top;
          padding-bottom: 10px;
          clear: both;
          margin: 20px 0px;
        }

        #main #ads_bottom {
          height: 2px;
          font-size: 0px;
          background: url(../images/line_horizontal.jpg) repeat-x bottom;
        }

        #main .ads span {
          color: black;
          font-size: 9px;
          margin: 0px;
        }



        /******* Content — sidebar *******/
        #sidebar {
          float: right;
          display: inline;
          width: 175px;
          margin-bottom: 10px;
          text-align: center;
        }

        #sidebar .ads {
          background: url(../images/ads_border_vertical.jpg) repeat-y top left;
          margin-top: 10px;
        }

        #sidebar .ads span {
          color: black;
          font-size: 9px;
          margin-left: 15px;
        }

        #sidebar .ads img {
          margin: 0 auto;
          max-width: 160px;
        }


        /******* Footer *******/
        #footer {
          padding-bottom: 10px;
        }

        #footer img {
          margin-right: 10px;
        }

        #footer ul {
          margin: 12px 0px;
          float: left;
          display: inline;
          list-style-type: none;
        }

        #footer ul li {
          float: left;
          display: inline;
        }

        #footer ul li a {
          border-right: 1px solid white;
          color: white;
          font-size: .8em;
          padding: 1px 0px;
          padding-right: 10px;
          margin-right: 10px;
        }

        #footer ul li:last-child a {
          border: none;
        }


        /******* Share *******/

        #share {
          border-top: 1px solid #ccc;
          margin-top: 5px;
          padding-top: 10px;
        }

        #share img {
          width: 15px;
          border: none;
        }


        /******* Newsletter *******/

        #newsletter {
          background: #1944A3;
          width: 164px;
          margin: 0 auto;
          color: white;
        }

        #newsletter #form_design {
        }

        #newsletter #form_design * {
          margin: 10px;
        }

        #newsletter #submit {
          background: #ccc;
          width: 144px;
          cursor: pointer;
        }

        #newsletter #email {
          width: 136px;
        }

        /******* Forms *******/

        #form_design input{
          border: 1px solid #ccc;
          padding: 3px;
        }
        #form_design select{
          border: 1px solid #ccc;
          padding: 3px;
        }
        #form_design textarea{
          border: 1px solid #ccc;
          padding: 3px;
          width: 300px;
          height: 150px;
        }
        .form_error{
          font-size: 18px;
          color: red;
          font-weight: bold;
          line-height: 30px;
        }
        .form_success{
          font-size: 18px;
          font-weight: bold;
          line-height: 30px;
          color: blue;
        }

        .your-community { display: none; }

        /******* Forms *******/
@media (max-width: 576px){

  .sports-image {
    float: none!important;
    margin-left: 0!important;
  }

}