/*  

Theme Name: Television Zombies Two-Point-Oh

Theme URI: http://www.televisionzombies.com

Description: Television Zombies Podcast Theme

Version: 0.1

Author: Jeff Barrus

Author URI: http://www.restaurantfuel.com



Much credit is owed Darren Hoyt (http://www.darrenhoyt.com) for his pheonmenal Mimbo theme, which served as the inspiration for this verison of the Television Zombies theme.  Without his excellent tutorials, I never would have been able to do this.  The Clearflost properties were borrowed from Mimbo.



*/



/* Page Layout and Positioning */

*	{ 	margin: 0;

		padding: 0; }



body, html	{	text-align: center;

				min-height: 101%;

			}

			

body		{	background: #90abff url(images/page-background.png) repeat-x;	}



ol, ul, h1, h2, h3, h4, h5, h6		{	margin: 0;

										padding: 0;

									}

									

#wrapper							{	        width: 880px;	

										margin: 10px auto;

										padding: 10px;

										text-align: left;

										background-color: #ffffff;



overflow: auto;

										 }



#ie7 #wrapper { margin: 10px 10px 10px 10px;

                padding: 10px 10px 10px 10px; }



							



#navigation							{	width: 880px;

										margin: 0px;

										padding: 0px;

										background: #281050 url(images/nav-background.png) repeat-x;

										height: 35px;	}



#navigation	.search					{	float: right; }



#banner								{	width: 880px;

										margin: 0px;

										padding: 0px;

										background: silver; 

										height: 100px;	}



#banner a img						{	border: 0px;	}

										

#banner div.blog-title				{ 	margin: 10px 0px 0px 30px; 

										text-align: center;

										float: left; 

										width: 450px;

										display: none;}



#content						{		float: left;

										padding: 10px 10px 10px 0px;

										margin: 0 0 10px 0;

										width: 650px; 

										background: #ffffff;



}



#ie7 #content { padding-bottom: 20px; 

                overflow: auto; }



#sidebar	{	float: right;

										margin: 10px 0 10px 0;

										width: 220px;

											}



#ie7 #sidebar { overflow: auto; }



#lead-module					{		background: #FCCE93 url(images/background-lead-module.png) repeat-y; 



										border: 1px solid #5B78D6; }



#ie7 #lead-module				{		background: #FCCE93 url(images/background-lead-module-ie.png) repeat-y;  												



										border: 1px solid #5B78D6; }



#lead-module-header					{	margin: 0;

										background: #5B78D6 url(images/module-header-background.png) repeat-x; 

										height: 25px;

                                   }



#lead-module-left					{	float: left;

										width: 325px;

										margin: 0;

										padding: 5px;

										line-height: 14px;	

									}

										

#lead-module-right					{	float: right;

										width: 302px;

										margin: 0;

										padding: 5px;	

									 }



#lead-module-left img				{	margin-bottom: 5px;

										border: 1px solid #000000;	}



#lead-module-left img.no-border			{	border: 0;	}



.module-header						{	height: 25px;

										background: #5B78D6 url(images/module-header-background.png) repeat-x; }



.module								{	border: 1px solid #5B78D6; 

										margin-bottom: 10px; }



.module ul							{	padding: 5px 10px 0 10px;	

										list-style-type: square;	}



.module .module-link-item			{		margin-left: 10px; 

											margin-bottom: 8px;}	

.module li			{		margin-left: 10px; 

											margin-bottom: 8px;}	
											

li.module-link-item-staff			{		margin: 10px 10px 10px 10px; 

											list-style-type: none;	}

												



.module-etsy							{	padding: 15px 10px 10px 13px	}



#ie7 .module-etsy							{	padding: 15px 10px 10px 10px	}



#headlines								{	background: #dddddd url(images/background-headlines-main.png) repeat-x;

											margin: 10px 0 0 0; 

											border: 1px solid #5B78D6; 

										}

										

#ie7 #headlines							{	padding-bottom: 10px; 

											margin-bottom: -10px; }



#headlines-inner-wrapper				{	background: url(images/background-headlines.png) repeat-y;

											margin: 10px 0 10px 0;

											padding: 5px 5px 5px 5px;	

											text-align: center; 

											overflow:auto;}





#headlines	img							{	border: 1px solid #000000;

											margin-bottom: 5px;	}

											

#headlines a img						{	border: 1px solid #000000; }



#headlines a:hover img					{	border: 1px dashed #990000; }



.gumball								{   width: 139px;	

											margin: 5px 5px 5px 5px;

											padding: 5px 5px 5px 5px;

											text-align: center;

											float: left;

											}

											



#reviews-module							{	width: 210px;

											float: left;

											margin: 10px 10px 0 0; }



#rumors-module							{ 	width: 210px;

											margin: 10px 10px 0 0;

											float: left;}



#archives-module						{	margin-top: 10px;

											width: 210px;

											float: right;

										 }		



.module									{ background: url(images/background-module.png) repeat-x; }



h2.date-header { margin-bottom: 15px; }



#posts									{	padding: 0px 20px 10px 20px;	}		



#posts .post-header						{	margin: 0 0 20px 0;	}



#posts .post-content					{	margin: 0 0 1px 0; 

overflow: auto; }

#posts .page-content			{	margin: 0 0 1px 0; 

overflow: auto; }

#posts .page-content p					{	margin: 0 0 15px 0;

											 }
											 
#posts .page-content h1					{	margin: 20px 0 5px 0; }

#posts .page-content h2					{	size: 12px;
											margin: 0 0 15px 0; }		



#posts .post-content p					{	margin: 0 0 15px 0;

											 }

#posts .post-footer						{	padding-bottom: 10px;

											margin-bottom: 20px;

											border-bottom: 1px dashed #5B78D6; }

#posts .post-footer-comments			{	padding-bottom: 10px;

											margin-bottom: 20px;	}

#posts .post-footer-comments h2			{	padding-bottom: 15px;
											margin-bottom: 15px;	
											 }

#posts .post-footer-comments p			{	margin-bottom: 15px;	}

#posts .post-footer-comments ol			{	list-style-type: none;
											 border-top: 1px dotted #5B78D6; }	
											 
#posts .post-footer-comments li			{ 	margin-top: 10px; 
											margin-bottom: 10px; 
											padding: 10px 10px 10px 10px; 
											border-bottom: 1px dotted #5B78D6; }


#posts .author							{	margin: 20px 0 40px 0;

											padding: 15px; 

											border-left: 1px dotted #990000;
											
											border-right: 1px dotted #990000;

											background: #F7B25A url(images/background-author.png) repeat-x; 	

											overflow: auto;} 


#posts .author h1						{	margin-bottom: 15px;	}



#posts .author h2						{	margin-bottom: 10px;	}



#posts .author img						{	float: left;

											margin: 0 30px 0 0;

											border: 1px solid #000000;	}



#posts	img.news							{	border: 1px solid #000000;

												margin: 0 10px 10px 0;	

float: left; }

											

#posts a img.news						{	border: 1px solid #000000; }



#posts a:hover img.news					{	border: 1px dashed #990000; }



#posts #archives-module .module				{	padding: 10px; }



#footer									{	padding-bottom: 30px;	}

img.left-image { float: left; margin: 0 10px 10px 0; border: 1px solid #000000; }


img.right-image { float: right; margin: 0 0px 10px 10px; border: 1px solid #000000; }


/* Typography */



body, div, ul, ol, h1, h2, h3, h4, h5, h6	{	font-family: Arial, Helvetica, sans-serif;

													color: #000000;	}



p											{	font-family: Arial, Helvetica, sans-serif;

												color: #000000;	}



body, p, div, ul, ol							{ 	font-size: 11px;	}



h1												{	font-size: 16px;

													font-weight: bold; 	}



h2												{	font-size: 14px;	

													font-weight: bold; 	}



a												{	color: navy;

													text-decoration: none;

													font-weight: bold;

												}



div.blog-title h1, div.blog-title h1 a			{	font-family: Verdana, Arial, Helvetica, sans serif;

													font-size: 40px;

													color: white;

													float: left;

													text-decoration: none;

												 }



div.blog-title h2						{			font-family: Arial, Helveteica, sans serif;

													font-size: 20px;

													color: white;

													font-weight: normal;

													margin: 10px 0px 0px 0px; }



div.blog-title h1 a:hover						{	text-decoration: none;	}

												

a:hover											{	text-decoration: underline;	}



#navigation	ul									{	font-family: Verdana, Arial, Helvetica, sans-serif;

													color: #ffffff;	

													font-weight: bold;

													font-size: 14px;

													list-style-type: none;

													line-height: 1;

												}

												

#navigation li									{	float:left;

													 }



#navigation li a								{	color: #ffffff;

													text-decoration: none;	

													display:block;	

													padding: 11px 15px 10px 10px;}



#navigation li a:hover							{	background-color: red;

													text-decoration: none; 

													 }				

													 			



.nav												{ 	font-family: Verdana, Arial, Helvetica, sans-serif;

														float: left;

														height: 20px;

														margin: 0px;

														padding: 5px; }



.nav a												{	color: #ffffff;

														font-weight: bold;

														font-size: 14px;

														text-decoration: none;	

														margin-left: 10px;

														margin-right: 10px;

														}



.nav a:hover											{	color: #ff0000;

															text-decoration: none; 

													 	}		



#lead-module-header	h3							{	font-family: Verdana, Arial, Helvetica, sans-serif;

													color: white;

													font-size: 14px;

													font-weight: bold; 

													padding: 3px 0px 0px 10px;}

													

#lead-module-left h3							{	font-size: 14px;	

													line-height: 16px; }



#lead-module-right h3							{	font-size: 16px;

													font-weight: bold;

													font-family: Verdana, Arial, Helvetica, sans-serif;

													padding: 15px 0 15px 15px;		

																			}





#lead-module-right ul							{	padding: 0 0 25px 15px;

													list-style-type: square;	}

													

#lead-module-right li							{	font-size: 14px;

													list-style-type: square;

													line-height: 18px;

													margin: 0px 10px 18px 10px;	

													 }

												



h3.episode-title							{		font-size: 14px;

													line-height: 16px;

													margin-bottom: 8px; }

													

#lead-module-left p								{	line-height: 14px;

													font-size: 12px;

													margin: 15px 0 25px 0;			}



.module-header h3								{	padding: 5px 0 0 10px;

													font-family: Verdana, Arial, Helvetica, sans-serif;

													font-weight: bold;

													font-size: 12px;

													color: #ffffff; }



.gumball-link h3						{	font-size: 12px;

											line-height: 16px;

											font-weight: bold; }

											

#posts h1						{	margin: 0 0 15px 0; }													



.post-header h1					{			color: navy;

											font-size: 18px; 

											line-height: 24px;	

											margin: 0 0 0 0;	}



.post-header h2					{			font-size: 12px;	

											font-weight: normal;}



#posts .post-content p			{			font-size: 12px;	

											line-height: 16px; 

											font-family: Arial, Helvetica, sans-serif;	}

#posts .author p						{	font-family: Arial, Helvetica, sans-serif;
											font-size: 12px;
											line-height: 16px; }
											
#posts .author h2						{	font-family: Verdana, Helvetica, sans-serif; }

#posts .author a						{	color: navy; 
											text-decoration: none;
											font-weight: bold; }

#posts .author a:hover					{	text-decoration: underline; }

											



#footer											{	font-weight: bold;

													color: #ffffff; }



#footer a										{	color: #ffffff;

													text-decoration: underline; }



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





/* Forms */



#searchform {

	padding:16px 5px 0 0; 

	}



.button {

	padding: 1px;

	background:#000;

	color:#e7e7e7;

	border:none;

	}



.button:hover {

	background:#777;

	color:#FFF;

	text-decoration:none

	}

	

#searchform	{ display: none; }



#archiveform	{	margin: 10px; }



#archiveform select  { width: 150px; }

					

#categoriesform	{	width: 100%;

					margin: 10px; }



.postform  {    width: 150px;

                margin: 10px 10px 10px 10px; }



/* Float Properties */



.clearfloat:after {

	display:block;

	visibility:hidden;

	clear:both;

	height:0;

	content:".";

	}

	

.clearfloat {

	display:inline-block

	}



.clearfloat {

	display:block