/*
Theme Name: My Network 13
Theme URI: http://mytv13.com
Description: Custom wordpress theme for My Network 13 San Diego.
Version: 1.0
Author: Anthony Acosta / Jeff Quijada
*/


/* Primary Stylesheet for MyNetworkTV*/
body {
  margin: 0;
  padding: 0;
  font-family: arial;
  background-color:#000;
  background-image: url(images/background_image2.jpg);
  background-position: top center;
  background-repeat: no-repeat;
}


ul 		{list-style: none; }
a 		{text-decoration:none; padding:0px; background-color:none;}
img {border:none;}

h2 {color:#FFFFFF;
background-image:url(images/h2_background.jpg);
background-repeat:no-repeat;
background-position:top;
background-position:left;
overflow: hidden;
padding:10px;
display:block;
vertical-align:middle;
margin-bottom:-8px;
}

h2 a {
color:#FFFFFF;
}

.postmetadata a {
color:#FFFFFF;
}

#postmetadata alt {
color:#FFFFFF;
}

/* Background Styles */
#wrapbackground {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 1030px;
  overflow: hidden; /* important */
}

#backgroundimage {
  position: relative;
  margin: 0 auto 0 auto;
  width: 1375px; height: 1030px;
}


#siteshadowleft,
#siteshadowright,
#siteshadowbottom {
  position: absolute;
}
#siteshadowleft   { top: 0; left: 0; width: 5px; height: 100%; }
#siteshadowright  { top: 0; right: 0; width: 5px; height: 100%; }
#siteshadowbottom { bottom: -1px; left: 0; width: 990px; height: 5px; }
/* Background Styles */


/* Lightbox Styles */
#lightbox {
  position: absolute; top: 0; left: 0; z-index: 50;
  visibility: hidden;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  background-color: #000000;
}

#video_frame { 
float:left;
/*margin-left:-10px;*/
}

#videoplayer {
  position: absolute; top: 0; left: 0;
}

#videocloselink {
  visibility: hidden;
  position: absolute;
  display: block;
  font-size: 15px; font-weight: bold;
}
/* Lightbox Styles */


#wrapsite {
  overflow: hidden;
  position: relative;
  padding: 0;
  margin: 0 auto 0 auto;
  width: 980px;
}


/* Header Styles (Including Logo) */
#header {
width: 980px;
height: 160px;
}

#header2 {
width: 980px;
height: 210px;
background-image:url(images/background_header.jpg);
background-repeat:no-repeat;
background-position:bottom;

}

#headerbackground,
#headerswirls,
#navbackground {
  background-image:url(images/bg_navigation.jpg);
  width: 980px;
}
#headerbackground { top: 100px; height: 145px; }
#headerswirls     { top:     0; height:  5.63em; }
#navbackground    { top:  120px; height: 40px; }

#logo {
  position: absolute; top: 16px; left: 19px;
  width: 189px; height: 97px;
  border: 0;
}
/* Header Styles */


/* Banner Styles */
#wrapbannerhead {
  position: absolute; top: 20px; left: 225px;
  width: 728px;
  height: 90px;
}

#wrapbannerbox {
  position: absolute; top: 0; left: 648px;
  width: 312px; height: 100px;
}

#bannerboxheader, #bannersideheader {
  display: block;
  padding-top: 0px;
  width: 312px;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #FFFFFF;
  border: 0;
}

#bannerbox {
  position: absolute; top: 0px; left: 0px;
  width: 300px; height: 268px;
  /* background-color: #000000;  temporary */
}
#bannerbox img {
  border: 0;
}

#wrapbannerside {
  position: absolute; top: 0; right: 0;
  padding-bottom: 0px;
  width: 160px;
  padding-top: 0px;
}

#bannersideheader {
  width: 172px;
}

#wrapbannerside img {
  border: 0;
}

.bannerside {
  position: relative; left: 6px;
  width: 160px;
  height: 600px;
}

.bannerside2 {
  position: relative; left: 6px;
  width: 160px;
  height: 600px;
}
/* Banner Styles */

/* Menu Styles */

.weatherbox {
width:175px;
height:320px;
background-color:#1B9EE5;
margin-bottom:10px;
padding-bottom:5px;
text-align:left;
font-size:12px;
}

.weatherbox ul li{
padding-left:-5px;
list-style-position:outside;
}


#wrapnav {
  position: absolute; top: 120px; 
  width: 980px; height: 39px;
  padding-top:5px;
  background-image: url(images/bg_navigation.jpg);
  background-repeat: no-repeat;
}


.solidblockmenu{
margin: 0 0 0 130px;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border-width: 1px 0;
/*background: black url(images/blockdefault.gif) center center repeat-x;*/
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: black;
background-color:#FFCC00;
/*background: transparent url(images/blockactive.gif) center center repeat-x;*/
}

#bannerhead a:hover{
color: black;
background-color:#FFCC00;
/*background: transparent url(images/blockactive.gif) center center repeat-x;*/
}

#sidenav {
 position: relative;
  padding-top: 6px;
  width: 200px;
  background-color:#FFF;
  list-style-type:none;
  vertical-align:top;
  float:left;
}

#sidenav li{
  list-style-type:none;
}

#sidenav a {
  display: block;
  margin: 0;
  padding: 5px 10px 5px 10px;
  color: #FFFFFF;
  font-size: 14px; font-weight: bold;
  text-decoration: none;
}

.showlogo {
width: 11em;
padding: 5px 10px 5px 10px;
text-decoration: none;
background-color: #0266BD;
border: 1px solid #1B9EE5; border-width: 1px 0 0 0;
}

.showlogo a:hover {
  color: #4E4D3F;
  background-color: #FCDC06;
}
.showlogo center a img {
width: 11.25em;
}

/*

#sidenav img {
  width: 225px; height: 115px;
  border: 5px solid #1B9EE5; border-width: 5px 0 3px 0;
}
*/

/* Navigation Styles */


/* Side Styles */
#sidenewsletter, #sideschedule {
  position: relative;
  margin-top: 15px;
  width: 172px; height: 100px;
  background-image: url(../images/side_bg_newsletter.jpg);
  background-repeat: no-repeat;
}

#sideschedule {
  height: 130px;
  background-image: url(../images/side_bg_schedule.jpg);
}


/* Side Styles */


#wrapcontent {
  padding: 0px 0 50px;
  width: 980px;
  background-color:#FFF;
  height:100%;

}

.post {
padding-left:10px;
vertical-align: top; 
}

.post0 {
padding-left:0px;
vertical-align: top; 
}

.post350 {
padding-left:5px;
vertical-align: top;
width:21.88em;
float:right;
margin:opx;
}



#leaderboard-center { 
width: 728px; height: 90px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}

#emptybanner { 
width: 46.13em; height: 0px;
text-align:center;
}

#mynetworkcalendar { 
float:left;
width:400px;
}

#pagecontent { 
padding: 0 0 0 0;
width: 780px;
float: right;
vertical-align: top;
background-color:#FFF;
}


#pagecontent956 { 
padding: 0 10px 0px;
width: 956px;
margin-right:10px;
margin-left:10px;
/*vertical-align: top;*/
}



div.clear
{
clear: all;
}

#wrapfooter {
  text-align: center;
  font-size: 12px;
  color: #96D8F6;
}

#wrapfooter a { color: #96D8F6; }
#wrapfooter a:hover { text-decoration: none; }

#copyright, #legallinks, #wirecredit {
  display: block;
}
#legallinks {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.IE div#bantopBadge div.weatherbadger {
	padding-top: 14px;
}

.IE-7 div#bantopBadge div.weatherbadger {
	top: 0px;
}

.IE div#bantopBadge div.weatherbadger span.loc {
	display: none;
}

.calnk a {
	font-size:1.1em;
	font-weight:bold;
	/*text-transform:uppercase;
	margin:0px -11px 0px -11px;*/
	padding:4px 6px 4px 6px;
	display:block;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
}
.calnk a:hover {
	background-position:0 0;
	text-decoration:none;
	color:#000000;
	border-bottom:1px dotted #000000;
}

.calnk a:visited {
	text-decoration:none;
	color:#000000;
	border-bottom:1px dotted #000000;
}
.calnk a span {
	display:none;
}

.calnk a:hover span {
	color:#333333;
	background:#F6F79B;
	display:block;
	position:absolute;
	margin-top:1px;
	padding:5px;
	width:150px;
	z-index:100;
}
.day-with-date {
	font-weight:bold;
}

.calendar-month {
	font-size:1.6em;
	font-weight:bold;
	text-transform:uppercase;
}

.normal-day-heading {
	font-size:1.1em;
	font-weight:bold;
}

.avatar {float:right;
margin-top:40px;
display:compact;
position:relative;
}
.activity{float:left;}


.calendar-table {
	border:none;
	width:750px !important;
}

.calendar-heading {
	height:25px;
	text-align:center;
	border:1px solid #D6DED5;
	background-color:#E4EBE3;
}

.calendar-next {
	width:25%;
	text-align:center;
}

.calendar-prev {
	width:25%;
	text-align:center;
}

.calendar-month {
	width:50%;
	text-align:center;
	font-weight:bold;
}

.normal-day-heading {
	text-align:center;
	width:25px;
	height:25px;
	font-size:0.8em;
	border:1px solid #DFE6DE;
	background-color:#EBF2EA;
}

.weekend-heading {
	text-align:center;
	width:25px;
	height:25px;
	font-size:0.8em;
	border:1px solid #DFE6DE;
	background-color:#EBF2EA;
	color:#FF0000;
}

.day-with-date {
	vertical-align:text-top;
	text-align:left;
	width:60px;
	height:60px;
	border:1px solid #DFE6DE;
}

.no-events {
}

.day-without-date {
	width:60px;
	height:60px;
	border:1px solid #E9F0E8;
}

span.weekend {
	color:#FF0000;
}

.current-day {
	vertical-align:text-top;
	text-align:left;
	width:60px;
	height:60px;
	border:1px solid #BFBFBF;
	/*background-color:#E4EBE3;*/
	background-color:#FF0;
}

span.event {
	font-size:0.75em;
}

.kjo-link {
	font-size:0.75em;
	text-align:center;
}

.event-title {
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
}

.event-title-break {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	height:1px;
	background-color:#000000;
}

.event-content-break {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	height:1px;
	background-color:#000000;
}

.calendar-date-switcher {
	height:25px;
	text-align:center;
	border:1px solid #D6DED5;
	background-color:#E4EBE3;
}

.calendar-date-switcher form {
	margin:0;
	padding:0;
}

.calendar-date-switcher input {
	border:1px #D6DED5 solid;
}

.calendar-date-switcher select {
	border:1px #D6DED5 solid;
}

.cat-key {
	width:100%;
	margin-top:10px;
	padding:5px;
	border:1px solid #D6DED5;
}