/*  
Theme Name: World's Finest Podcast
Theme URI: http://worldsfinestpodcast.com/
Description: A film inspired theme for a podcast exploring the DC Animated Universe
Version: 1.0
Author: Mack Richardson
Author URI: http://codebarista.com/
*/

/* --------------------------------------------------------------------------
*HTML RESETS
----------------------------------------------------------------------------- */	
html, * {
padding: 				0;
margin: 				0;
}

html {
background: 			#151515 url('/images/bg.jpg') repeat-y 50% 0;
color: 					#ffffff; 
font-family:			'lucida grande', tahoma, verdana, arial, sans-serif;
text-align: 			center;
}

body {
font-size: 				62.5%;
margin: 				0 auto;
text-align: 			left;
width: 					960px; 
}

/* 
WHY SET BODY FONT-SIZE TO 62.5%?  
This makes it easy to use ems for font size instead of px.  
This avoids a IE6/Win bug which prevents users from resizing fonts sized using pixels. 62.6% sets 1em = 10px.  Examples: 1.2em = 12px, .8em = 8px 
*/

/* --------------------------------------------------------------------------
*COMMON
----------------------------------------------------------------------------- */	
p, li {
font-size: 				1.2em;
font-weight: 			normal;	
line-height: 			150%;	
}

h1 {
font-family: 			baskerville, georgia, 'times new roman', times, serif;
}

#masthead h1 {
display: 				none;
}

img {
border: 				0;
}

a {
color: 					#d40316;
}

a:hover {
color: 					#fe8900;	
}

ul {
margin-bottom: 			15px;
}

/* --------------------------------------------------------------------------
*TABLES
----------------------------------------------------------------------------- */	
table { 
margin: 				0; 
padding: 				0; 
border-collapse: 		collapse; 
}

tr { 
margin: 				0; 
padding: 				0; 
}

caption, th, td { 
margin: 				0; 
padding: 				5px; 
}

/* --------------------------------------------------------------------------
*LISTS
----------------------------------------------------------------------------- */	
ul { 
margin: 				10px 0; 
padding: 				0; 
list-style: 			none; 
}

li { 
margin: 				0;
padding: 				0; 
}

/* --------------------------------------------------------------------------
*MASTHEAD
----------------------------------------------------------------------------- */	
#masthead {
background: 			#000000 url('/images/header-3.jpg') no-repeat 0 0;
height: 				330px;
width: 					100%;
}
#masthead-bottom {
background: 			#000000 url('/images/header-border-bottom.jpg') no-repeat 0 100%;
height: 				33px;
margin: 				0;
padding: 				0;
width: 					100%;
}

/* --------------------------------------------------------------------------
*NAVIGATION
----------------------------------------------------------------------------- */	
#navigation {

}

/* --------------------------------------------------------------------------
*CONTENT
----------------------------------------------------------------------------- */	
#content {
background: 			#252525 url('/images/content.jpg') repeat-y 0 0;
padding-top: 			10px;
}

/* --------------------------------------------------------------------------
*SUB CONTENT
----------------------------------------------------------------------------- */	
#sub {
float: 					right;
height: 				500px;
margin: 				0 10px 0 0;
text-align: 			right;
width: 					220px;
}

#sub h1 {
color: 					#fe8900;
font-size: 				1.6em;
font-weight: 			normal;
margin-bottom: 			10px;
text-transform: 		uppercase;
}

#sub ul {
margin-bottom:			30px;
}

#sub li {
list-style:				none;
margin: 				5px 0;
padding-left: 			5px;
}

/* --------------------------------------------------------------------------
*MAIN CONTENT
----------------------------------------------------------------------------- */	
#main {
float: 					left;
font-size:				1.2em;
font-weight:			normal;
margin: 				0 0 0 5px;
padding: 				0 0 0 10px;
width: 					685px;
}

#content > #main {
margin: 				0 0 0 10px;
}

#main img {
float:					left;
margin:					0 15px 15px 0;
padding:				2px;
}

#main img.right {
float:					right;
margin:					0 0  15px 15px;
}

#main h1 {
color: 					#d40316;
font-size: 				2.4em;
font-weight: 			normal;
margin-bottom: 			10px;
}

#main p {
font-size: 				1.1em;
font-weight:			normal;
margin-bottom: 			10px;
padding:				0;
}

#main .entry {
margin-bottom: 			30px;
}

/* --------------------------------------------------------------------------
*FOOTER
----------------------------------------------------------------------------- */	
#footer-top {
background: 			#000000 url('/images/footer-border-top.jpg') no-repeat 0 0;
height: 				38px;
width: 					100%
}

#footer {
padding: 				5px 0 20px 0;
text-align: 			center;
width: 					100%;
}

/* --------------------------------------------------------------------------
*PHOTOSHUFFLER
----------------------------------------------------------------------------- */	
#photodiv	{
margin: 				0;
padding: 				0;
}

#photoimg {
margin: 				0;
padding: 				0;
}

/* --------------------------------------------------------------------------
*CLASSES
----------------------------------------------------------------------------- */	
.clear {
clear: 					both;
}

.download {
background:				url('/images/speaker.gif') no-repeat 0 50%;
border:					1px solid #cccccc;
float:					right;
font-size:				1em;
margin:					0 0 10px 10px;
padding:				20px 5px 20px 40px;
width:					130px;
}