/*
Theme Name: You Bet Your Garden
Theme URI: http://www.whyy.org
Description: Theme developed by Sarah Kaizar and Richard Baniewicz. Responsive design by Solutions Media
Author: Sarah Kaizar and Richard Baniewicz
version: 1.0
*/

/*
Comprehensive Theme Version History:

*/








/*These classes required by wordpress*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   /* border: 1px solid #ddd; */
   text-align: center;
   /* background-color: #f3f3f3; */
   padding-top: 4px;
   margin: 0 10px 0 0;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   -border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 1.1em;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 5px 5px 5px 5px;
   text-align: left;
   font-family: arial, helvetica, sans-serif;
   color:#666666;
   font-weight: bold
}
/*end wordpress css*/


/* 
-----------------------------------------------
  Page Structure
----------------------------------------------- */

#pagebody {
	background: transparent url(http://www.whyy.org/91FM/images/oncanvas_bg_bkg.jpg) top center;
	margin-left: auto ;
	margin-right: auto ;
	background-color: #FFFFFF;
	font: 12px Arial, Verdana, sans-serif;

}




#bannerad {
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 5px 0px 0px 0px;
	border : 0px solid #ccc9c2;
}


/* -----------------------------------------------
  Global Nav and Search
----------------------------------------------- */




#globalnavbarcontainer {
	margin : 0px;
	padding-top : 10px;
	padding-bottom : 15px;
}

#stationbranding {
	float: left;
}


#globalnavcontainer p {
	margin-bottom: 10px;
	padding : 5px;
	height : 100%;
	width:100%;
	color: #c9c9c9;
	font-size : 12px;
}


#globalnavcontainer a {
	color: #7f8080;
	text-decoration: none;
}

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

#globalnavcontainer ul {
	margin: 0px;
	padding : 0px;
	height : 100%;
	width:100%;
	color: #FFF;
	font-size : 14px;
}

#globalnavcontainer ul li { 
	display: inline;	
}


#globalnavlist {
	position: relative;
	
}

/*
input.searchbox {
	width : 140px;
	font-size : 11px;
	color : #42494f;
	background-color : #ffffff;
	border : 1px solid #c9c9c9;
	margin-left : 1px;
	Lines below required to center the searchbox vertically and for horizontal position in IE. Requires #navlist position absolute above!
	position:absolute; top:0%; left: 92%; height:1.4em; margin-top:-2em
	
	
}
*/

input.button{
	font-size : 14px;
	color: #7f8080;
	background: #fff;
	cursor:pointer;
	border : 0px;
	height : 23px;
	width : 110px;
	/*Lines below required to center the search button vertically and for horizontal position in IE. Requires #navlist position relative!*/
	margin-left : 5px;
	position:absolute; top:15%; left: 74%; height:1.4em; margin-top:-1.8em
}

input.button_hover{
	font-size : 14px;
	background: #42494f;
	color: #fff;
	cursor:pointer;
	border : 1px;
	height : 23px;
	width : 110px;
	/*Lines below required to center the search button vertically and for horizontal position in IE. Requires #navlist position absolute above!*/
	margin-left : 0px;
	position:absolute; top:65%; left: 73%; height:1.4em; margin-top:-1em
}








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



#navbarcontainer {
	margin : 0px;
	padding-top : 14px;
	padding-bottom : 11px;
	background-color: #3d362d;

}

#navcontainer ul {
	margin: 0px;
	padding : 0px;
	height : 100%;
	width:100%;
	color: #fff;
	font-size : 13px;
	text-align: left;
}

#navcontainer ul li { 
	display: inline;	
}

#navcontainer ul li a {
	padding-left: 24px;
	padding-right: 24px;
	padding-top : 14px;
	padding-bottom : 13px;
	background-color: #3d362d;
	color: #fff;
	text-decoration: none;
}

#navcontainer ul li a:hover {
	background-color: #494642;
	color: #fff;
}

#navlist .survey { 
	display: inline;	
}

#navlist .survey a {
	padding-left: 24px;
	padding-right: 24px;
	padding-top : 14px;
	padding-bottom : 13px;
	background-color: #3d362d;
	color: #f1ae00;
	text-decoration: none;
}

#navlist .survey a:hover {
	background-color: #70532e;
	color: #f1ae00;
}

#navlist {
	position: relative;
	
}


/* -----------------------------------------------
  Content Areas
----------------------------------------------- */

/* -----------------------------------------------
  Branding and slideshow
----------------------------------------------- */

#scrollheader{
	background: transparent url(http://www.whyy.org/artsandculture/images/oncanvas_blocklogo.png) no-repeat scroll 0 0;
	border: 0px;
	width: 1010px;
  	height: 217px;
  	padding: 0px;
}


#rightcontainer {
  width: 581px;
  float: right;
  border: 0px;
  padding: 0px;
}

/* -----------------------------------------------
  Current Feature Area
----------------------------------------------- */

#featurearea {
	float: left;
	clear: left;
	border: 0px;
	padding: 10px 10px 10px 10px;
	margin-left: auto;
	width: 990px;
	background-color: #f4f1ea;
	color: #3d362d;
}

#featurearea a {
  color: #ff9243;
  text-decoration: none;
}

#featurearea a:hover {
  color: #ffbf43;
  text-decoration: none;
}

#sectionheading1 {
  color: #3d362d;
  font: Arial;
  font-size: 25px;
  margin-bottom: -5px;
  margin-top: 15px;
}

#sectiondate1 {
  color: #3d362d;
  font: Arial;
  font-size: 14px;
  margin-bottom: -5px;
  margin-top: 5px;
  
}

#clear {
  clear: left;
}

#newfeature {
  width: 630px;
  float: left;
  padding: 10px;
  border: 0px;  
}

#line {
	width: 10px;
	float: left;
	border: 0px;
}

#sidebar {
	width: 300px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
/*	padding: 10px 0px 10px 30px;*/
	border: 0px;
}


/* -----------------------------------------------
  Recent Shows and Extras
----------------------------------------------- */



#extrasection{
  float: left;
  clear: left;
  border: 0px;
  width: 1010px;
  background-color: #3d362d
  
}

#extrasection a {
  color: #ff9243;
  text-decoration: none;
}

#extrasection a:hover {
  color: #ffbf43;
  text-decoration: none;
}

#sectionheading2 {
  color: #f4f1ea;
  font: Arial;
  font-size: 25px;
  margin-bottom: 2px;
  margin-top: 15px;
}

#sectionheading3 {
  color: #ff9243;
  font: Arial;
  font-size: 23px;
  margin-bottom: -10px;
  margin-top: 20px;
}

#sectiondate2 {
  color: #f4f1ea;
  font: Arial;
  font-size: 14px;
  margin-bottom: -10px;
}

#extrasection h3 {
  margin-bottom: -10px;
  margin-top: 5px;
}

#clear {
  clear: left;
}

#featureleft {
  width: 500px;
  float: left;
  border: 0px0;  
}

#featureright {
  width: 480px;
  margin-left: 15px;
  float: left;
  border: 0px;
  color: #f4f1ea;
}

#leftextras {
  float: left;
  width: 460px;
  padding: 0px;
  border: 0px;
  text-align: left;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 20px; 
  color: #f4f1ea;
}

#leftextras .wp-post-image {
	float: left;
	margin-right: 10px;
  	margin-bottom: 10px;
}

/* -----------------------------------------------
  Twitter Window
----------------------------------------------- */


/*
.twtr-widget h3 {
	display: none;
}
*/

.twtr-widget h4 {
	display: none;
	
}



/* -----------------------------------------------
  Episode Archive
----------------------------------------------- */

#episodesection
{
	float: left;
	clear: left;
	border: 0px;
	padding: 10px 10px 10px 10px;
	margin-left: auto;
	width: 990px;
	background-color: #f4f1ea;
	color: #3d362d;
}

#episodesection a {
  color: #ff9243;
  text-decoration: none;
}

#episodesection a:hover {
  color: #ffbf43;
  text-decoration: none;
}

/* -----------------------------------------------
  Footer
----------------------------------------------- 

#footer {
    background-color: #f4f1ea;
	width : 100%;
	color : #646366;
	text-align : center;
	padding-bottom : 20px;
	margin-bottom : 20px;
	font-family : arial, helvetica, sans-serif;
	font-size : 11px;
	line-height : 5px;

}

#footer a {
  color: #ff9243;
  text-decoration: none;
}

#footer a:hover {
  color: #ffbf43;
  text-decoration: none;
}

*/