/* Issue Oriented
-----------------------------------------*/
html, body {

background:#666666 url(http://www.issueoriented.com/images/bolt_bg.gif) repeat-x scroll center top;
color: #333;	
font: 12px Arial, Helvetica, sans-serif;
line-height: 125%;
margin: 0;
padding: 0;
}

#outer {
  width: 915px;
  margin:0 auto;
  padding: 0 0 10px 0;
 		
  }


#io-page {
  width: 900px;
  margin: 0 auto;
  padding: 0 0 0 0;
 
  }

* html #io-page {
  height: 1%;
  }
  
/* Common Stuff */
a {
	color: #1493ea;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}  
  

img.floatRight
{float: right;
margin: 0 0 5px 8px;
}

/* Header styles
-----------------------------------------*/
#showBlurb {
background: #dad9d1 url(http://www.issueoriented.com/images/top_logo.gif);
  width: 900px;
font-size: 14px;
font-weight: bold;
height:30px;
	text-align: left;
  }

.io
{color: #333;
background-color: #dad9d1;
padding: 5px;
float: left;
}

.episodeNum
{
color: #666;
background-color: #dad9d1;
padding: 8px 15px 5px 15px;
float: right;
}


#mainHeader {
   background-color: #FFF;
  width: 900px;
    padding-bottom: 5px;
	text-align:left;
	margin-top: 20px;
	padding-top: 10px;
	clear: both;
	display: block;
  }

#mainHeader:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
  
 #ioLogo {
  float: left;
  width: 169px;
  height: 90px;
  margin: 0;
  padding: 5px 0 5px 0;
  } 
  
 #largeBanner {
  float: right;
  width: 728px;
  height: 90px;
  margin: 0;
  padding: 5px 0 5px 0;
  overflow:hidden;
  }
  
  /* Top Navigation
-----------------------------------------*/

	#nav {
	float:left;
	padding: 0;
		margin:0;
		border:0;
width: 915px;
height: 90px;
}

#nav .logo
{width: 207px;
height: 79px;
margin: 5px 105px 0 0;
float: left;
}

/* Navigation buttons
-----------------------------------------*/

 #nav .buttons
 {
 width:428px;
 height: 60px;
 margin: 20px 0 0 0;
 float: left;
 }

#btn-home{ 
	width: 75px; 
	height: 30px;
	border:0;
	padding:0;
	margin:0;
	background:url(http://www.issueoriented.com/images/btn_home.png) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-home:hover{ background-position: bottom left; }


#btn-podcast{ 
	width: 110px; 
	height: 30px;
		border:0;
	padding:0;
	margin:0;
	background:url(http://www.issueoriented.com/images/btn_podcast.png) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-podcast:hover{ background-position: bottom left; }


#btn-videos{ 
	width: 87px; 
	height: 30px;
		border:0;
	padding:0;
	margin:0;
	background:url(http://www.issueoriented.com/images/btn_videos.png) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-videos:hover{ background-position: bottom left; }


#btn-blog{ 
	width:71px; 
	height: 30px;
		border:0;
	padding:0;
	margin:0;
	background:url(http://www.issueoriented.com/images/btn_blog.png) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-blog:hover{ background-position: bottom left; }



#btn-about{ 
	width: 85px; 
	height: 30px;
		border:0;
	padding:0;
	margin:0;
	background:url(http://www.issueoriented.com/images/btn_about.png) no-repeat top left;
	display: block;
	text-indent: 1000px;
	overflow: hidden;
	 float: left;
}
#btn-about:hover{ background-position: bottom left; }

img.socialMedia
{padding-right: 5px;
float: left;
}


 #nav .socialIcons
 {width:150px;
 height: 25px;
 margin: 20px 0 0 10px;
 float: left;
 }
  
/* Content area
-----------------------------------------*/  
  
 #content-io {
  width: 900px;
  margin: 0;
  padding:0;
    background-color: #FFF;
	clear: both;
  }

#content-io:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  } 
  
 
 
 /* Left column
-----------------------------------------*/

#leftColumn {
  float: left;
  clear: both;
  width:545px;
  margin: 0 0 0	5px;
  background-color: #fff;
  text-align:left;

}

#leftColumn .module {

  margin: 0 0 0	0;
  padding: 12px	0 15px 0;
  width:545px;
  clear: both;
    text-align: left;
   border-bottom: 1px #ccc dotted;
}

#leftColumn .module:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#leftColumn .module h3 {
  font-size:20px;
  line-height: 23px;
  color: #333;
  font-weight: bold;
  margin: 0 0 0 0;
  padding: 0 0 0 0;

}

* html #leftColumn	.module	{
  height: 1%;
}

.homepage-post
{padding-top: 10px;
}


 /* Right column
-----------------------------------------*/

#rightColumn {
  float: right;
  width:319px;
  background-color: #dcdacc;
  padding: 5px 5px 0 5px;
}

#rightColumn .module {
  background-color: #fff;
  width: 300px;
  float: left;
  margin: 0 0 5px 0;
  padding: 10px;
  text-align: left;
}

#rightColumn .module:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #rightColumn	.module	{
  height: 1%;
}

#rightColumn .module h3 {
  font-size:20px;
  line-height: 140%;
  color: #333;
  font-weight: bold;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
}

#rightColumn .module h4 {
  font-size:14px;
  line-height: 140%;
  color: #333;
  font-weight: bold;
  margin: 0 0 0	0;
  padding: 0 0 0 0;
}

.hotline
{
font-size: 17px;
font-weight: bold;
padding-top:3px;
}


 /* Subscribe chiclets
-----------------------------------------*/

img.chic {
	border: 0px;
	padding: 2px;
}

img.bigChic {
	border: 0px;
	padding-right: 20px;
}

img.punk {
vertical-align: middle;
}


 /* feedburner news
-----------------------------------------*/

	
		
		div.feedburnerFeedBlock ul li div {
			display: inline;
			padding:0;
			margin:0;
			
			
			}
	div.feedburnerFeedBlock span.headline { 
font-weight:bold; 
display:block; 
margin:5px 0 0 0; 
}
			
		div.feedburnerFeedBlock ul li {
			padding-left: 0 !important;
			margin-left: 0 !important;
			list-style-type: none;
			}
			
 /* blogs in sidebar
-----------------------------------------*/			
	
	table.io-blogs
	{
	width: 100%; 
	padding: 0px; 
	border: none; 
	font: 11px Arial, Helvetica, sans-serif;
}
	
	table.io-blogs td
	{
	border-top: 1px solid #ccc;
	padding: 5px 0 5px 0;
	
	}
	
	
	
	
	.blog-big
	{ 	font: 14px Arial, Helvetica, sans-serif;
  line-height: 140%;
  color: #333;
  font-weight: bold;}
  
  
  .blog-med
	{ 	font: 12px Arial, Helvetica, sans-serif;
  line-height: 140%;
  color: #666666;}
  
  .homepage-post-title
  {font: 14px Arial, Helvetica, sans-serif;
  line-height: 18px;
  font-weight: bold;
  }
  
  
 /* flickr photos in sidebar
-----------------------------------------*/		  
.flickr_img a{
    float:left;
    margin: 5px 8px 5px 0;
    border: 1px solid #CCC;
    padding: 1px;
}

 /* episode images slider
-----------------------------------------*/	

div.episodeSlides {
	text-align: left;
	width: 900px;
	height: 175px;
	margin-top: 67px;
}


ul {
margin: 0;
padding: 0;		
list-style:none;
}


ul#episodeImg li img{
	border: 0;
	padding: 0;
	margin: 0;
}