/* 
	Theme Name: Responsive Visual
	Theme URL: http://www.organizedthemes.com/themes/responsive-visual
	Description: A slick and versatile WordPress theme
	Author: Organized Themes
	Author URI: http://www.organizedthemes.com
	Version: 1.1.6
*/

/* Licensed under GNU General Public License.  Learn more at www.opensource.org */

/*

Table of Contents

01.  Browser Reset
02.  Type
03.  Layout
04.  Global Styling
05.  Header and Navigation
06.  Home page and slideshow
07.  Page Styles
08.  Sidebars
10.  Podcast Archive
11.  Staff
12.  Footer
13.  Comments
14.  Images and WP Essentials
15.  Scrollbars
16.  Media Querries (responsive design)
17.  Internet Explorer bug fixes

*/

/* @group Reset and Base Set-up */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }

a img { border: 0 }

html { 
	height: 100%; 
	font-size: 100%; 
	overflow-y: scroll; 
	-webkit-text-size-adjust: 100%; 
} 

body {
	min-height: 100%; 
	-webkit-font-smoothing: antialiased; 
	font-smoothing: antialiased;
	color: #fff;
	background-color: #f4f4f4;
} 

/* MEDIA */
figure 			   { margin: 0 }
img, object, embed { max-width: 100%; height: auto; } /* Fluid images */
video 			   { width: 100%; height: auto; }
img 			   { border: 0;	-ms-interpolation-mode: bicubic } /* IE Images */
svg:not(:root) 	   { overflow: hidden } /* Correct IE9 overflow */

/* @end */

/* @group Type */

.wf-loading p,
.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading li {
	display: none;
}

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Open Sans', 'Lucida Grande', Lucida, Verdana, sans-serif; 
	font-weight: normal; 
	font-style: normal; 
	margin-top: 0; 
}

body { 
	font: normal normal 15px/1.2 'Open Sans', Verdana, sans-serif;
	color: #000;
	background-color: #fefefe;
}

a, 
a:visited {
	color: #22163a;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

h1 { font-size: 36px; line-height: 1; margin-bottom: 8px }
h2 { font-size: 24px; line-height: 1; margin-bottom: 12px }
h3 { font-size: 20px; line-height: 1; margin-bottom: 12px }
h4 { font-size: 18px; line-height: 1; margin-bottom: 20px }
h5 { font-size: 17px; line-height: 1; margin-bottom: 20px }
h6 { font-size: 16px; line-height: 1; margin-bottom: 20px }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0;}

p  			{ margin: 0 0 24px;	padding-bottom: 5px; }
p img.left  { float: left; margin: 24px 24px 24px 0; padding: 0; }
p img.right { float: right; margin: 24px 0 24px 24px; }

strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 24px; font-style: italic; }
del         { color:#666; }

li ul, 
li ol       { margin: 0 24px; }
ul, ol      { margin: 0 24px 24px; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 24px; }
dl dt       { font-weight: bold; }
dd          { margin-left: 24px;}

a img, a:visited img, a:hover img { border: none }

blockquote p  {
	font-style: italic;
	margin-left: 10px;
	padding: 15px 15px 15px 38px;
}

h1.title,
h2.title {
	font-size: 36px;
}

/* @end */

/* @group Layout */

header#primary {
	width: 960px;
	margin: 0 auto;
}

.front {
	width: 960px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.front img.background-image {
	width: 100%;
	max-width: 100%;
	margin: 0 0 -4px;
}

.single .front {
	max-height: 620px;
}

.video-content {
	width: 920px;
	padding: 20px;
	margin: 0 auto;
	background-color: #fff;
}

.wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#content {
	width: 600px;
	float: left;
	padding: 60px 20px 20px;
}

#content.full {
	width: 920px;
}

#sidebar {
	float: right;
	width: 240px;
	overflow: hidden;
	padding-top: 60px;
	margin-right: 20px;
}

.lower-sidebar {
	width: 960px;
	padding: 0;
	margin: 30px auto;
}

footer.primary {
	width: 960px;
	margin: 0 auto;
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf { /* For IE 6/7 (trigger has Layout) */
    zoom: 1;
}

/* @end */

/* @group Global Styles */

.shadow {	
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#page-wrap {
	background-color: #fff;
}

/* @end */

/* @group Header & Navigation */

header#primary {
	position: relative;
}

#logo,
#text-logo {
	float: left;
	width: 100%;
	padding-top: 14px;
	padding-bottom: 14px;
}

#logo p,
#logo h1 {
	margin-bottom: 0;
}

#text-logo p,
#text-logo h1 {
	font-size: 40px;
	margin-bottom: 0;
}

#text-logo a:hover {
	text-decoration: none;
}

#tagline {
	float: right;
	position: relative;
	margin-top: -30px;
}

#tagline p,
#tagline h2 {
	font-size: 14px;
	margin-bottom: 0;
}

#nav-bar {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 30px;
	background-color: rgba(0, 0, 0, 0.6);
}

#nav-bar ul {
	list-style-type: none;
	margin: 0;
	position: relative;
}

/* @group Superfish Drop Downs--do not edit */

#nav-bar .menu { 
	line-height: 1.0; 
}

#nav-bar .menu ul { 
	position: absolute; 
	top: -999em; 
	width: 10em; 
}

#nav-bar .menu ul li { 
	width: 100%;
}

#nav-bar .menu li:hover { 
	visibility: inherit;  
}

#nav-bar .menu li { 
	float: left; 
	position: relative; 
}

#nav-bar .menu a { 
	display: block; 
	position: relative; 
}

#nav-bar .menu li:hover ul,
#nav-bar .menu li.sfHover ul { 
	top: 26px; 
	z-index: 99; 
}

#nav-bar ul.menu li:hover li ul,
#nav-bar ul.menu li.sfHover li ul { 
	top: -999em;
}

#nav-bar .menu li:hover ul,
#nav-bar .menu li.sfHover ul { 
	left: 0; 
	top: 26px; 
	z-index: 99; 
}

#nav-bar .menu a.sf-with-ul { 
	padding-right: 2.25em; 
	min-width: 1px; 
}

/* @end */

#nav-bar ul.menu li li:hover ul,
#nav-bar ul.menu li li.sfHover ul {
	width: 200px;
	left:  200px; /* match ul width */
	top: 0;
}

#nav-bar ul.menu li li li:hover ul,
#nav-bar ul.menu li li li.sfHover ul {
	left:	200px; /* match ul width */
	top:	0;
}

#nav-bar li {
	float: left;
}

#nav-bar li a,
#nav-bar li a:visited {
	font-size: 16px;
	padding: 6px 10px 8px;
	color: #fff;
}

#nav-bar li.current-menu-item a {
	text-decoration: none;
	background-color: #000;
}

#nav-bar li a:hover {
	text-decoration: none;
	background-color: #00adef;
}

#nav-bar ul li ul {
	margin-top: 4px;
	background-color: rgba(0, 0, 0, 0.6);
}

#nav-bar ul.menu li li ul {
	margin-top: 0;
	margin-left: -50px;
}

.nav-right {
	float: right;
}

.nav-right ul {
	float: left;
}

.nav-right .newsletter,
.nav-right #searchform {
	float: right;
	margin-right: 6px;
	margin-top: 2px;
}

.nav-right .newsletter input#email,
.nav-right #s {
	margin-left: 3px;
	border: none;
}

.nav-right input.button,
.nav-right #searchsubmit {
	margin-left: -6px;
}

.nav-right li a,
.nav-right li a:visited {
	float: right;
	width: 10px;
	height: 16px;
	padding-top: 0;
	text-indent: -9999px;
	background: url(images/icons.png) no-repeat;
}

.nav-right li.dribbble a {
	background-position: 0 -430px;
}

.nav-right li.facebook a {
	background-position: 0 -3px;
}

.nav-right li.flickr a {
	background-position: 0 -33px;
}

.nav-right li.foursquare a {
	background-position: 0 -88px;
}

.nav-right li.forrst a {
	background-position: 0 -61px;
}

.nav-right li.google a {
	background-position: 0 -117px;
}

.nav-right li.linkedin a {
	background-position: 0 -148px;
}

.nav-right li.picasa a {
	background-position: 0 -175px;
}

.nav-right li.pinterest a {
	background-position: 0 -206px;
}

.nav-right li.twitter a {
	background-position: 0 -263px;
}

.nav-right li.youtube a {
	background-position: 0 -361px;
}

.nav-right li.vimeo a {
	background-position: 0 -296px;
}

.nav-right li.yelp a {
	background-position: 0 -328px;
}

.nav-right li.podcast a {
	background-position: 0 -464px;
}

.nav-right li.rss a {
	background-position: 0 -235px;
}

/* @end */

/* @group Home Page & Slideshow */

#home-sidebar {
	width: 320px;
	height: 590px;
	position: absolute;
	right: 0;
	top: 30px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
}

.content {
	padding: 20px;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

.flexslider {
	margin: 0; 
	padding: 0;
}

.flexslider .slides > li {
	display: none; 
	-webkit-backface-visibility: hidden;
}
 
.flexslider .slides img {
	max-width: 100%; display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {	
	display: block;
}

.flexslider {
	position: relative;  
	zoom: 1;
}

.flexslider .slides {
	zoom: 1;
}

.flexslider .slides > li {
	position: relative;
}

.flex-container {
	zoom: 1; 
	position: relative;
}

/* Direction Nav */
.flex-direction-nav a {
	width: 23px; 
	height: 30px; 
	margin: 0; 
	display: block; 
	background: url(images/slider-arrows.png) no-repeat 0 0; 
	position: absolute; 
	bottom: 10px;
	cursor: pointer; 
	text-indent: -9999px;
	-webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
	background-position: 100% 0; 
	left: 30px; 
}

.flex-direction-nav .flex-prev {
	left: 10px;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
}

.flexslider:hover .flex-next:hover, 
.flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .disabled {
	opacity: .3!important; 
	filter:alpha(opacity=30); 
	cursor: default;
}

/* Control Nav */
.flex-control-nav {
	display: none;
}

/* @end */

/* @group Page Styles */

#panel {
	width: 340px;
	height: 551px;
	padding: 20px;
	position: absolute;
	top: 30px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
}

.left-panel {
	left: 0;
}

.right-panel {
	right: 0;
}

.nano a {
	color: #fff;
}

p.post-meta {
	font-size: 12px;
}

.video.feature {
	margin-bottom: 20px;
}

#content p.time {
	margin-left: -20px;
	padding-left: 20px;
	padding-top: 3px;
	background-color: rgba(0, 0, 0, 0.2);
}

.page #content p.time { /* Hides Time On Pages */
	display: none;
}

ul.podcast-details {
	list-style-type: none;
	margin: 0 0 20px;
	overflow: hidden;
}

ul.podcast-details li {
	float: left;
	margin-right: 10px;
	padding: 3px 5px;
}

#panel ul.podcast-details {
	padding: 3px 7px;
	background: rgba(0, 0, 0, 0.5);
	margin-top: 15px;
}

.mejs-container {
	max-width: 100%;
}

.single .mejs-container {
	margin-bottom: 20px;
}

/* @end */

/* @group Sidebar */

.widget {
	margin-bottom: 20px;
}

h3.widget-title {
	background-color: rgba(0, 0, 0, 0.6);
	padding: 5px;
	color: #fff;
}

.widget ul {
	list-style-type: none;
	margin-right: 0;
	margin-left: 0;
}

.widget li {
	padding: 1px 5px;
	margin-bottom: 2px;
}

.featuredpage {
	position: relative;
}

.featuredpage .widget-title {
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
}

.lower-sidebar {
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
}

.lower-sidebar aside {
	float: left;
	width: 286px;
	overflow: hidden;
	margin: 17px;
}

/* @end */

/* @group Podcast Archive */

ul.podcast-list {
	clear: both;
	padding-top: 70px;
	margin-right: 0;
	margin-left: 0;
	list-style-type: none;
}

ul.podcast-list li.podcast {
	float: left;
	display: inline;
	width: 450px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 30px;
	position: relative;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
}

ul.podcast-list li.podcast img {
	max-width: 100%;
}

ul.podcast-list li.podcast a,
ul.podcast-list li.podcast a:visited {
	color: #fff;
}

ul.podcast-list h2,
ul.podcast-list ul.podcast-details {
	margin: 0 10px 10px;	
}

ul.podcast-list li.podcast .mejs-container {
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
	width: 430px !important;
}

/* @end */

/* @group Staff */

ul.staff-list {
	padding-top: 70px;
	margin-left: 0;
	margin-right: 0;
	list-style-type: none;
	overflow: hidden;
}

li.staff-entry {
	float: left;
	overflow: hidden;
	display: inline;
	width: 960px;
	margin-bottom: 30px;
	position: relative;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
}

li.staff-entry img {
	float: left;
	display: inline;
	margin-right: 15px;
}

li.staff-entry h2,
li.staff-entry p {
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
}

li.staff-entry a,
li.staff-entry a:visited {
	color: #fff;
}

/* @end */

/* @group Footer */

footer.primary {
	margin-top: 10px;
	margin-bottom: 10px;
}

footer.primary p {
	margin-bottom: 0;
}

/* @end */

/* @group Comments */

#comments {
	margin-top: 20px;
	padding-top: 20px;
	clear: both;
}

h2.comments-title {
	padding: 5px;
	margin-bottom: 20px;
}

ol.commentlist {
	list-style: none;
	margin: 0;
	overflow: hidden;
}

ol.commentlist li {
	position: relative;
	margin-bottom: 25px;
}

#comments ul.children {
	margin-right: 0;
	margin-left: 0;
}

#comments ul.children li {
	overflow: hidden;
	background: url(images/drop-arrow.png) no-repeat left 0;
	padding-left: 25px;
}

#comments ul.children ul.children {
	margin-left: 25px;
}

ul.children,
ol.commentlist li {
	clear: both;
	list-style: none;
	overflow: hidden;
}

.avatar-wrap {
	width: 80px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative;
}

.reply {
	position: absolute;
	top: 5px;
	right: 5px;
	opacity: .1;
}

.reply a,
.reply a:visited {
	text-decoration: none;
	font-size: 12px;
}

.reply p {
	margin-bottom: 0;
}

ol.commentlist li:hover .reply {
	opacity: 1;
}

.comment-content {
	float: left;
	width: 80%;
}

.comment-content p {
	margin-bottom: 5px;
}

.comment-meta {
	margin-bottom: 10px;
	font-size: 12px;
}

.comment-meta a {
	text-decoration: none;
}

p.fn {
	font-weight: 800;
	font-size: 20px;
	font-style: normal;
	margin-bottom: 0;
	padding-bottom: 0;
}

#respond,
form#commentform {
	clear: both;
}

#comments input#author,
#comments input#email,
#comments input#url {
	clear: both;
	width: 95%;
}

p.form-allowed-tags {
	display: none;
}

p.comment-form-comment {
	position: relative;
	padding-top: 20px;
}

p.comment-form-comment label {
	position: absolute;
	top: 0;
	left: 0;
}

#commentform input,
#commentform textarea {
	border: 1px solid #888;
	padding: 5px;
	-moz-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.28);
	-webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.28);
	box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.28);
}

#commentform textarea {
	width: 95%;
}

/* @end */

/* @group Image And WordPress Essentials */

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

img.alignnone {
	display: inline;
	margin: 0 0 10px;
}

img.alignleft {
	display: inline;
	margin: 0 15px 10px 0;
}

img.alignright {
	display: inline;
	margin: 0 0 10px 15px;
}

.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 15px;
}

.wp-caption {
	padding: 5px;
	max-width: 100%;
	text-align: center;
}

p.wp-caption-text {
	font-size: 14px;
	margin: 5px 0;
	max-width: 100%;
}

.wp-smiley,
.wp-wink {
	border: none;
	float: none;
}

input[type="text"],
textarea {
	padding: 4px;
	border: 1px solid #888;
	-webkit-appearance: none;
}

input[type="button"],
input[type="submit"] {
	cursor: pointer;
	line-height: 17px;
	padding: 2px 7px;
	text-decoration: none;
	color: #fff;
	border: none;
	background-color: #00ADEF;
	-webkit-appearance: none;
}

input:hover[type="button"],
input:hover[type="submit"] {
	text-decoration: none;
	border: none;
	background-color: #2d3236;
	-webkit-appearance: none;
}

.paging {
	clear: both;
	padding: 3px;
}

.paging p {
	margin-bottom: 0;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
}

/* @end */

/* @group Scrollbars */

.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.nano .content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.nano .content::-webkit-scrollbar {
  -webkit-appearance: none;
}

.nano > .pane {
  background: rgba(0,0,0,.25);
  position: absolute;
  width: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity: .01; 
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -ms-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
  border-radius: 5px;
}

.nano > .pane > .slider {
  background: rgba(0,0,0,.5);
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  
  border-radius: 3px;
}

.nano:hover > .pane, .pane.active {
  visibility: visible\9; /* Target only IE7 and IE8 with this hack */
  opacity: 1;
}

/* @end */

/* Portrait Tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

	.front,
	.wrap,
	header#primary,
	footer.primary {
		width: 750px;
	}
	
	.nav-right input#email {
		width: 110px;
	}
	
	.nav-right input#s {
		width: 70px;
	}
	
	#panel {
		height: 414px;
	}
	
	.video-content {
		width: 710px;
	}
	
	#content {
		width: 490px;
	}
	
	#content.full {
		width: 710px;
	}
	
	#sidebar {
		width: 200px;
	}
	
	.lower-sidebar {
		width: 750px;
		padding-bottom: 20px;
	}
	
	.lower-sidebar aside {
		margin: 20px;
	}
	
	ul.podcast-list {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	
	ul.podcast-list li.podcast {
		width: 345px;
		height: auto;
	}
	
	ul.podcast-list li.podcast .mejs-container {
		max-width: 325px;
		margin-bottom: 10px;
		margin-right: 10px;
		margin-left: 10px;
	}
	
	li.staff-entry {
		width: 720px;
		margin-left: 15px;
	}
	
	li.staff-entry img {
		margin-right: 0;
	}
	
}

/* Small Tablets & Phones */
@media only screen and (max-width: 767px) {
	
	img {
		max-width: 98%;
		height: auto;
	}
	
	.front,
	.wrap,
	header#primary,
	footer.primary{
		width: 90%;
	}
	
	#logo,
	#text-logo,
	#tagline {
		float: none;
		text-align: center;
	}
	
	#tagline {
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	#nav-bar {
		height: auto;
		position: relative;
		text-align: center;
		overflow: hidden;
	}
	
	#nav-bar li a,
	#nav-bar li a:visited {
		padding: 5px 8px;
	}
	
	.nav-right {
		display: none;
	}
	
	.video-content {
		width: 86%;
		padding: 2%;
	}
	
	#content,
	#content.full {
		width: 100%;
		float: none;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}
	
	#sidebar {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		clear: both;
		padding: 20px;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box; 
	}
	
	.comment-content {
		width: 60%;
	}
	
	#panel,
	#home-sidebar {
		position: relative;
		width: 91%;
		padding: 5%;
		left: auto;
		right: auto;
		top: auto;
		height: 300px;
		overflow: hidden;
	}
	
	.featuredpage .widget-title {
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box; 
	}
	
	.featuredpage img {
		width: 100%;
		max-width: none;
	}
	
	#panel .widget,
	#home-sidebar .widget {
		width: 90%;
	}
	
	.lower-sidebar {
		width: 90%;
	}
	
	.lower-sidebar aside {
		width: 94%;
		height: auto;
		float: none;
	}
	
	ul.podcast-list li.podcast {
		height: auto;
		max-width: 100%;
		float: none;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	
	ul.podcast-list {
		width: 100%;
	}
	
	li.staff-entry {
		width: 95%;
	}
	
	li.staff-entry img {
		margin-right: 0;
		margin-bottom: 10px;
	}

}

/* Internet Explorer Fixes */

.ie7 #home-sidebar,
.ie8 #home-sidebar,
.ie7 #nav-bar,
.ie8 #nav-bar,
.ie7 #nav-bar ul li ul,
.ie8 #nav-bar ul li ul,
.ie7 #panel,
.ie8 #panel,
.ie7 #content p.time,
.ie8 #content p.time,
.ie7 #panel ul.podcast-details,
.ie8 #panel ul.podcast-details,
.ie7 h3.widget-title,
.ie8 h3.widget-title,
.ie7 .lower-sidebar,
.ie8 .lower-sidebar,
.ie7 ul.podcast-list li.podcast,
.ie8 ul.podcast-list li.podcast,
.ie7 li.staff-entry,
.ie8 li.staff-entry,
.ie7 .nano > .pane,
.ie8 .nano > .pane,
.ie7 .nano > .pane > .slider,
.ie8 .nano > .pane > .slider {
	background: url(images/ie-background.png) repeat;
}