/*

Theme Name: Simple Grid Theme Responsive

Theme URI: http://www.dessign.net/simplegridtheme

Description: Simple Grid Theme  for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator or graphic designer. 

Version: 2.0

Author: Marios Lublinski

Author URI: http://www.dessign.net

Tags: 4 column theme, clean, portfolio

*/



@font-face {
    font-family: 'UniConRegular';
    src: url('/font/unicon_2-webfont.eot');
    src: url('/font/unicon_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/unicon_2-webfont.woff') format('woff'),
         url('/font/unicon_2-webfont.ttf') format('truetype'),
         url('/font/unicon_2-webfont.svg#UniConRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* Global */
* { margin: 0; padding: 0; }
body { font-size: 12px; font-family: UniConRegular, sans-serif; color: #fff; background: #000; }
h1,h2,h3,h4,h5,p { margin: 10px 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
img { border: none; }
a { color: #fff; text-decoration: none;}
a:hover { text-decoration:underline; color:#333; }
#main_container { width: 1056px; margin: 0 auto; }


 #playbutton {text-align:center; margin-top: 40px; margin-bottom:20px; font-size:25px;}
#playbutton img { width:80px !important; height: auto; float:center; margin-bottom:15px;}
#menu-hold a (color: black !important;}


/* Header */
#header { padding: 10px 28px; display:none;}
.logo { float: left; padding:top:15px; }

.social_icons { list-style-type: none; float: right; }
.social_icons li { float: left; margin-left: 10px; }
.search_cont { float: right; margin-top: 15px; position: relative; }
.search_cont input[type=text] { width: 176px; height: 23px; border: 1px solid #E5E5E5; }
.search_icon { position: absolute; top: 7px; right: 8px; }

#menu_container { /*border-top: 1px dotted #DDDDDD; border-bottom: 1px solid #DDDDDD;*/ padding: 0px 28px; }
#menu_container ul { list-style-type: none; float: left; padding: 5px 0; }
#menu_container ul li { float: left; }
#menu_container ul li a { display: block; color: #fff; text-decoration: none; padding: 0px 0px; margin: 0 10px; font-family:UniConRegular, sans-serif; }
#menu_container ul li a:hover { background-color: #000; color: #ccc; }
#menu_container ul li.current-menu-item a, #menu_container ul li.current_page_item a  { background-color: #000; color: #fff; }
#menu_container .cat_menu { /*border-left: 1px dotted #DDDDDD;*/ }














/* Header */

.header_top { padding: 20px 0; }
.header_search_cont { float: right; margin-right: 7px; position: relative; margin-left: 22px; }
.header_search_cont input[type=text] { width: 176px; height: 23px; /*border: 1px solid #E5E5E5;*/ }
.search_icon { position: absolute; top: 7px; right: 8px; }
.social_list { list-style-type: none; float: right; margin-top: 2px; }
.social_list li { float: left; margin-left: 12px; }

#menu_container { /*border-top: 1px solid #fff;*/ }

#menu_container ul li { float: left; font-size: 16px; margin: 0 5px; }
#menu_container ul li a { display: block; text-decoration: none; color: #fff; padding: 0px; font-size:17px; }
#menu_container ul li a:hover { /*background-color: #666;*/ color: #fff; text-decoration:underline; }
#menu_container ul li.current-menu-item a, #menu_container ul li.current_page_item a  { background-color: #666; color: #fff;}
#menu_container ul.cat_list { margin-left: 5px; padding-left: 0px; width:130px; margin-left:180px; border-left: none; margin-top:-115px; }



.logo_cont { padding: 15px 0; }


#menu_container ul { float: left; margin-left: 88px; margin-top:-101px; width: 90px; text-shadow:1px 1px #000; padding:15px 0;}

#menu_container ul li { float: none; font-size: 13px; margin: 0px 0 0px 0; }














/* Content */
#content_container { width: 100%; margin: 0 auto; padding:0; }
.featured_banner { margin-bottom: 25px; margin-top: 15px; }
.featured_banner img { width: 1000px; height: 100px; }

.home_post_box { float: left; width: 100%; margin-right: 18px; margin-bottom: 0px; overflow: hidden; position: relative; /*border-bottom:1px solid white;*/}
.home_blog_box_last { margin-right: 0 !important; }
.home_post_box img { width: 100%; height: auto ; opacity: 0.75;}
.home_post_title_cont { position: absolute; top: 0; width: 100%; background-color:transparent; text-align: left; padding: 12px 0 0 5px; }
.home_post_title_cont h3 { color: #fff; font-size: 18px; text-transform:uppercase; color: #fff; margin: 0; font-weight: normal; opacity:10; filter:alpha(opacity=100); text-decoration:none; max-height: 151px; overflow:hidden; margin:0px; text-align:center; }
.home_post_title_cont h4 { margin-left: 0px; font-size: 16px; font-weight: normal; color:#fff; margin-top:0; text-align:center;}
.home_post_title_cont h4 a { color: #8093a4; text-decoration: none; }
.home_post_title_cont h4 a:hover { text-decoration: underline; }

.home_post_title_cont a: { text-decoration:none;}


.blog_box_cont { float: left; width: 321px; margin-right: 18px; }
.blog_box_cont .home_post_box { margin-right: 0; margin-bottom: 0; }
.blog_box { margin-bottom: 0; margin-right: 0; }
.blog_content { margin-bottom: 25px; padding-top: 10px; float: left; }

.home_post_desc { width: 235px; padding: 15px 10px; left: 50%; top: 50%; position: absolute; color: #fff; background-color:TRANSPARENT; font-size: 10px; display: none; overflow: hidden; }

.blog_left { float: left; width: 660px; }
.blog_left h1 { margin-top: 0; font-size: 18px; color:#fff; text-transform:uppercase; font-weight:normal; }
.blog_nav_cont { padding-bottom: 15px; }
.blog_nav_cont a { color: #000; text-decoration: none; }
.blog_nav_cont a:hover { text-decoration: underline; }

.home_post_box_last { margin-right: 0; }

#commentform input[type=submit] { background-color: #333; border: none; color: #fff; padding: 8px 10px; }

/* Sidebar */
#sidebar { float: right; width: 260px; }
.side_box { margin-bottom: 25px; }
.side_box h3 { background-color: #E4E4E2; padding: 5px 10px; color: #fff; font-size: 16px; margin: 0 0 10px 0; }
.side_box ul { list-style-type: none; padding: 0 10px; }
.side_box ul li { margin-bottom: 3px; }
.side_box .textwidget { padding: 0 10px; }
.side_box a { color: #000; text-decoration: none; }
.side_box a:hover { text-decoration: underline; }

/* Footer */
#footer { margin-top: 25px; padding: 10px 0; }
.footer_widgets_cont { padding: 0 8px 0 28px; }

.footer_box { float: left; width: 100%; margin-right: 20px; margin-bottom: 20px; }
.footer_box_last { margin-right: 0; }
.footer_box h3 { font-size: 16px; }
.footer_box a { color: #000; text-decoration: none; }
.footer_box a:hover { text-decoration: underline; }

.footer_box ul, .footer_box ol { list-style-type: none; margin-left: 3px; }
.footer_box ul li, .footer_box ol li { margin-bottom: 3px; }

.footer_copyright { padding: 10px 25px; text-align: right; border-top: 1px dotted #DDDDDD; border-bottom: 1px dotted #DDDDDD; }
.footer_copyright a { color: #000; text-decoration: none; }
.footer_copyright a:hover { text-decoration: underline; }





/* for mobile */
@media screen and (max-width: 320px) {

#main_container { width: 100%; }
#header { padding: 30px 15px; display:none;}
.logo { float: none; max-width: 100px; margin: 0 auto; }
.search_cont { display: block; }

#menu_container { padding: 0px 0px; width: 100%; margin: 0 auto; }
#menu_container ul { list-style-type: none; width: 100px; margin-left:90px; margin-top:-115px}
#menu_container ul li { float: none; }
#menu_container ul li a { padding: 0px 10px; margin: 0 0px 5px; color:white;}
#menu_container .cat_menu { border-left: none; float: right; }

#content_container { width: 100%; }
.featured_banner { display: none; }
.featured_banner img { display:none;}

.blog_box_cont { width: 100%; float: none; margin: 0 auto; }
.blog_content { float: none; width: 300px; margin-left: auto; margin-right: auto; }

.home_post_box { width: 100%; float: none; margin: 0 auto 0px; padding:0; /*border-bottom:1px solid white;*/}
.home_post_box img { width: 100%; height: auto; opacity: 0.75;}

.home_post_title_cont { width: 100%; }
.home_post_desc { height:50px; width:50px; top:150px; left: 150px; padding:0 15px; font-size:12px; }

.home_post_desc p {width:50px;}

.blog_left { float: none; width: 90%; margin: 0 auto; }
.blog_left .left_content img { width: 100%; height:inherit; margin-bottom:50px;}
#commentform textarea { width: 100%; }
#sidebar { display: none; }
#footer { display: none; }

#showphoto img {width:110%; margin-left:-5%;}



#headerLiveHolder {
position:relative;
        overflow: visible;
	width:300px!important;
	text-shadow: 1px 1px 1px #000;
        font-size: 13px;
	left:15px;
	margin-top: 50px;
	padding: 0;
	background:transparent;
        text-align:left;
    }
	#headerLiveHolder * {
	  margin: 0;
	  padding: 0;
	  }
	#headerLiveHolder ul {
	  list-style-type:none;
	  margin: 0;
	  padding: 0;
	  text-align:left;
	  }
	#headerLiveHolder h4 {
	  font-size:16px;
	  color:#68bd44;
	  text-transform:uppercase;
	  font-weight:normal;
	  text-align:left;
	  /*text-shadow: none;*/
	  }
	#headerLiveHolder ul li {
	  overflow:hidden;
	  position:relative;
	  height:14px;
	  padding-right:30px;
	  font-size:12px;
	  color:#fff;
	  line-height:15px;
	  text-transform:uppercase;
	  text-align:left;
	  }
	#headerLiveHolder ul li.current {
width:270px;
	  font-weight:normal;
	  font-size:14px;
	  line-height:15px;
	  text-transform:uppercase;
	  color:#fff;
	  text-align:left;
	  }
	  #headerLiveHolder ul li span {
		position:absolute;
		right:0px;
		top:0px;
	        text-align:left;
		}
	  #headerLiveHolder ul li span#time-elapsed {
		right: 50px;display:none;
	  }
	  #headerLiveHolder ul li span#time-elapsed:before {
		content: "e."; display:none;
	  }
	  #headerLiveHolder ul li span#time-remaining:before {
		content: "r."; display:none;
	  }

#onAirToday {
  width:300px;
  margin-bottom:15px;
  border:1px solid #999999;
  font-family: ;
  }
  #onAirToday h3 {
    margin:0;
    padding:0 10px;
    font-size:13px;
    color:#ffffff;
    line-height:28px;
    background: #999999;
    }
  #onAirToday table {
    border-collapse: collapse;
    clear: both;
    padding: 0;
	}
	#onAirToday table tbody {
      color: #000;
	  font-size:12px;
      }
	  #onAirToday table tbody tr {
		height: 30px;
		}
		#onAirToday table tbody tr td {
		  border-bottom: 1px dotted #d9d9d9;
		  height: 30px;
		  padding-left: 10px;
		  font-weight:bold;
		  }
          #onAirToday table tbody tr td a {
			text-decoration:none;
			}
			#onAirToday table tbody tr td a:hover {
			text-decoration:underline;
			}
		  #onAirToday table tbody tr:last-child td {
			border-bottom: none;
			}
		  #onAirToday table tbody tr td.time {
			font-weight:normal;
			color: #666666;
			}	
/* = PROGRAM SCHEDULE ---------------- */

  /*
  + Center Column */
  #scheduleTabs {
	font-weight:normal; 
	text-transform:uppercase;
	}
    #scheduleTabs ul {
max-width:460px;
      overflow:hidden;
      height:38px;
	  list-style-type:none;
	  margin:0;
	  padding:0 ; 
font-weight:normal
      }
      #scheduleTabs ul li {
        float:left;
        height:17px;
		margin:0;
	  	padding:0;
font-weight:normal
        }
        #scheduleTabs ul li a {
          display:block;
		  float:left;
          height:25px;
          padding:0 5px 0 0;
		  margin-top:0;
          font-size:12px;
		  color:#999;
		  line-height:5px;
		  text-decoration:none;
font-weight:normal
          }
        #scheduleTabs ul li a:hover {
		  color:#fff;
		  text-decoration:none;
font-weight:normal
          }
        #scheduleTabs ul li.ui-tabs-selected a {
          height:35px;
          margin-top:0;
          line-height:35px;
		  color:#fff;
		  text-decoration:none;
          background:transparent; 
font-weight:normal
          }
    #scheduleTabs table {
      clear:both;
      padding:0px;
      border-collapse:collapse;
	  width:100%;
margin-top:15px;
font-weight:normal
      }
      #scheduleTabs table thead {
        height:35px;
        font-size:12px; color:#ccc; line-height:35px;
        background-color: transparent;
	border-bottom:1px solid #d4d4d4;
font-weight:normal
        }
        #scheduleTabs table thead tr {
          height:35px;
font-weight:normal
          }

	/*******SECTION TITLES*********/

          #scheduleTabs table thead tr td {
            padding-left:0px;
            font-size:12px;
color:#ccc;
text-transform:uppercase;
border-bottom:1px solid #999;
border-top:1px solid #999;
font-weight:normal
            }
      #scheduleTabs table tfoot {
        }
      #scheduleTabs table tbody {
        font-size:12px; color:#666;  font-weight:normal;
        }
        #scheduleTabs table tbody tr {
          height:30px;
          }
          #scheduleTabs table tbody tr td {
            height:30px;
            padding:1px 0;
            border-bottom:1px solid #999;
	font-weight:normal;
	font-size:13px;
            }
            #scheduleTabs table tbody tr td h4 {
              color:#fff;  font-size:11px; font-weight:normal;
			  margin:0;
			  padding:0;
              }
            #scheduleTabs table tbody tr td ul {
              background:none !important;
			  list-style-type:none;
font-weight:normal
              }
              #scheduleTabs table tbody tr td ul li {
                float:left;
                height:30px !important;
                padding:0 2px;
                font-size:12px; color:#cc0000; font-weight:normal; line-height:30px !important;
                }
                #scheduleTabs table tbody tr td ul li a {
                  height:30px !important;
                  margin:0px !important; padding:0px !important;
                  font-size:12px; color:#68BD44 !important; font-weight:normal !important; text-transform:uppercase; line-height:30px !important;
                  background:none !important;
                  border:none !important;
                  }
                #scheduleTabs table tbody tr td ul li a:hover {
                  text-decoration:underline;
                  }

#scheduleTabs.ui-tabs .ui-tabs-hide {
    display: none;
}

}

img#bg {
z-index:-1001;
top:0;
height: 140%;
position:fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}





/*-----------------------------------------------------------------------------------*/
/* AIRTIME STYLES
/*-----------------------------------------------------------------------------------*/

#headerLiveHolder {
        overflow: visible;
	/*position:fixed;*/
	width:290px!important;
	text-shadow: 1px 1px 1px #000;
        font-size: 11px;
	left:11px;
	/*bottom:75px;*/
	margin: 0;
	padding: 0;
	background:transparent;
        text-align:left;
    }
	#headerLiveHolder * {
	  margin: 0;
	  padding: 0;
	  }
	#headerLiveHolder ul {
	  list-style-type:none;
	  margin: 0;
	  padding: 0;
	  text-align:left;
	  }
	#headerLiveHolder h4 {
	  font-size:12px;
	  color:#68bd44;
	  text-transform:uppercase;
	  font-weight:normal;
	  text-align:left;
	  /*text-shadow: none;*/
	  }
	#headerLiveHolder ul li {
	  overflow:hidden;
	  position:relative;
	  height:14px;
	  padding-right:0px;
	  font-size:12px;
	  color:#fff;
	  line-height:15px;
	  text-transform:uppercase;
	  text-align:left;
	  }
	#headerLiveHolder ul li.current {
width:290px;
	  font-weight:normal;
	  font-size:12px;
	  line-height:15px;
	  text-transform:uppercase;
	  color:#fff;
	  text-align:left;
	  }
	  #headerLiveHolder ul li span {
		position:absolute;
		right:0px;
		top:0px;
	        text-align:left;
		}
	  #headerLiveHolder ul li span#time-elapsed {
		right: 80px; display:none;
	  }
	  #headerLiveHolder ul li span#time-elapsed:before {
		content: "e."; display:none;
	  }
	  #headerLiveHolder ul li span#time-remaining:before {
		content: "r."; display:none;
	  }

#onAirToday {
  width:300px;
  margin-bottom:15px;
  border:1px solid #999999;
  font-family: Arial,Helvetica,sans-serif;
  }
  #onAirToday h3 {
    margin:0;
    padding:0 10px;
    font-size:9px;
    color:#ffffff;
    line-height:28px;
    background: #999999;
    }
  #onAirToday table {
    border-collapse: collapse;
    clear: both;
    padding: 0;
	}
	#onAirToday table tbody {
      color: #000;
	  font-size:12px;
      }
	  #onAirToday table tbody tr {
		height: 30px;
		}
		#onAirToday table tbody tr td {
		  border-bottom: 1px dotted #d9d9d9;
		  height: 30px;
		  padding-left: 10px;
		  font-weight:bold;
		  }
          #onAirToday table tbody tr td a {
			text-decoration:none;
			}
			#onAirToday table tbody tr td a:hover {
			text-decoration:underline;
			}
		  #onAirToday table tbody tr:last-child td {
			border-bottom: none;
			}
		  #onAirToday table tbody tr td.time {
			font-weight:normal;
			color: #666666;
			}	
/* = PROGRAM SCHEDULE ---------------- */

  /*
  + Center Column */
  #scheduleTabs {
	font-weight:normal; 
	text-transform:uppercase;
	margin-top:-5px;
	}
    #scheduleTabs ul {
      overflow:hidden;
      height:28px;
	  list-style-type:none;
	  margin:0;
	  padding:0; 
      }
      #scheduleTabs ul li {
        float:left;
        height:28px;
		margin:0;
	  	padding:0;
        }
        #scheduleTabs ul li a {
          display:block;
		  float:left;
          height:35px;
          padding:0 5px 0 0;
		  margin-top:3px;
          font-size:11px;
		  color:#666;
		  line-height:35px;
		  text-decoration:none;
          }
        #scheduleTabs ul li a:hover {
		  color:#fff;
		  text-decoration:none;
          }
        #scheduleTabs ul li.ui-tabs-selected a {
          height:35px;
          margin-top:3px;
          line-height:35px;
		  color:#fff;
		  text-decoration:none;
          background:transparent; 
          }
    #scheduleTabs table {
      clear:both;
      padding:0px;
      border-collapse:collapse;
	  width:98%;
margin-top:15px;
      }
      #scheduleTabs table thead {
        height:35px;
        font-size:11px; color:#ccc; line-height:35px;
        background-color: transparent;
	border-bottom:1px solid #d4d4d4;
        }
        #scheduleTabs table thead tr {
          height:35px;
          }

	/*******SECTION TITLES*********/

          #scheduleTabs table thead tr td {
            padding-left:0px;
            font-size:11px; color:#ccc; text-transform:uppercase;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
height:0px; 
padding-top:0px;font-weight:normal 
            }
      #scheduleTabs table tfoot {
        }
      #scheduleTabs table tbody {
        font-size:11px; color:#666;  font-weight:normal;
        }
        #scheduleTabs table tbody tr {
          height:30px;font-weight:normal 
          }
          #scheduleTabs table tbody tr td {
            height:30px;
            padding-left:0px;
            border-bottom:1px solid #fff;font-weight:normal 
            }
            #scheduleTabs table tbody tr td h4 {
              color:#fff;  font-size:11px; font-weight:normal 
			  margin:0;
			  padding:0;
              }
            #scheduleTabs table tbody tr td ul {
              background:none !important;
			  list-style-type:none;font-weight:normal 
              }
              #scheduleTabs table tbody tr td ul li {
                float:left;
                height:30px !important;
                padding:0 2px;
                font-size:11px; color:#cc0000; font-weight:normal; line-height:30px !important;
                }
                #scheduleTabs table tbody tr td ul li a {
                  height:30px !important; 
                  margin:0px !important; padding:0px !important; 
                  font-size:11px; color:#68BD44 !important; font-weight:normal !important; text-transform:uppercase; line-height:30px !important;
                  background:none !important;
                  border:none !important;
                  }
                #scheduleTabs table tbody tr td ul li a:hover {
                  text-decoration:underline;
                  }

#scheduleTabs.ui-tabs .ui-tabs-hide {
    display: none;
}


#scheduleTabs.ui-tabs ui-widget ui-widget-content ui-corner-all {height:60px;}







#authorlist li {
clear: left;
float: left;
margin: 0 0 0px 0;
width:100%
}

#authorlist img.photo {
width: 100%;
height: auto;
float: left;
opacity: 0.75

}

#authorlist div.authname {
margin: 20px 0 0 10px;
float: left;
}
