/* == Reset styles == */
@import url("reset.css");

/* == Global Styles == */
body {font:62.5% "Helvetica Neue", Helvetica, Arial, sans-serif; border-top:36px solid #fee054; min-width:702px; background:#fff; color:#333;}

	/* Headings */
	h2 {font-size:36px; display:block;line-height:36px; padding:0; margin-bottom:36px;font-weight:bold;}
	h3 {font-size:20px; line-height:30px; margin-bottom:24px; font-weight:bold;}
	h4 {font-size:14px; line-height:20px; margin-bottom:20px; font-weight:bold;}
	
	/* Links */
	a:link {color:#666;}
	a:visited {color:#666;}
	a:hover {color:#444;}
	a:active {color:#444;}
	
	h1 a, h2 a, h3 a {text-decoration:none; color:#fee054;}
	h2 a:link, h2 a:visited {color:#444;}
	
	/* Misc elements */
	p,ul,ol,dl,blockquote {font-size:12px; line-height:20px; margin-bottom:20px;}
		blockquote * {font-size:1em;}
	ul {list-style:square; margin-left:0em;}
	ol {list-style:decimal-leading-zero;}
	
	/* Logo */
	h1 {background:#fee054;padding:0; margin:0; padding:0; }
	h1 a {display:block;
		background:#fee054 url("/ui/i/that.gif") 0 0 no-repeat; 
		margin:0 auto; 
		width: 630px; 
		padding:112px 0 0; overflow:hidden; height: 0!important; height /**/:112px;}
	p#description a {display:block;width:630px; margin:20px auto 64px; background:#fff url("/ui/i/thatpodcast2.gif") 0 0 no-repeat; padding:112px 0 0; overflow:hidden; height:0!important; height /**/:112px;}
	
	/* Content */
	#content {width:630px; margin:0 auto;}
	#navigation {float:right; width:152px; list-style:none; font-size:16px; line-height:1em;}
		#navigation a {text-decoration:none; display:block; border-bottom:1px solid #fff;padding:0.5em; background-repeat:no-repeat;background-position: 140px 50%; }
		#navigation a:link, #navigation a:visited {color:#333; background-color:#fee054;}
		#navigation a:hover, #navigation a:active {background-color:#333; color:#fff; background-image:none;}

	.post {width:414px; margin:16px 0 48px;}
	li.post {overflow:hidden; zoom:1; padding:0.5em 0;border-bottom:1px solid #ccc;}
	div.post p.postmetadata {background:#fee054; line-height:16px;}
	div.post .published {font-size:16px; line-height:16px; font-weight:bold;  margin-bottom:16px; padding-right:0.5em;color:#333;background:#fff;}
		li.post a {float:left; width: 70%;display:block; text-decoration:none;}
		li.post abbr {float:right; width: 28%; text-align:right; display:block;}
	.vcard img {float:left; width: 64px; height:64px;margin-right:16px; margin-bottom:8px;}
	
	/* Footer */
	#footer {width:630px; margin: 64px auto;}