/*
Theme Name: Big Honkin'
Theme URI: http://www.bighonkinshow.com/
Description: The theme created for The Big Honkin' Show, by <a href="http://www.awscreative.com">AWS Creative</a>.
Version: 1.0
Author: Michael J. Cohen
Author URI: http://www.arkwulf.com/
Tags: blue, custom header, fixed width, widgets

			This theme is copyright 2009 Arkangel Wulf Studios, and is not available for public use.
			If you like this theme and would like to inquire as to how to obtain a license to it, please email mike@arkwulf.com

*/

/*////////// GENERAL //////////*/
html {color: #1a1a1a; font-family: Verdana, Tahoma, Helvetica, sans-serif;}
body {margin: 0 0; background: url(images/bg.jpg) #4eaa9f repeat-x fixed;}

/*////////// Framework Elements //////////*/
#nav {height: 30px; background: url(images/nav_bg.jpg) repeat-x #bc1a0a;}

#inner_nav {margin: 0 auto; width: 820px;}
#inner_nav ul {float: left; margin: 2px 0 0; padding: 0;}
#inner_nav ul li {display: inline; margin: 0 10px 0 0; list-style: none; font-size: 14px;}
#inner_nav a {color: #eaeaea;}
#inner_nav a:hover {color: #eaeaea;}

#wrap {margin: 0 auto; width: 800px; padding: 0 112px; background: url(images/cereal_bg.png) repeat-y;}

#container {width: 800px; background: url(images/cereal_box.png) right top no-repeat;}

#header {}

#episode {width: 400px; min-height: 300px; color: #eaeaea;}
#latest_episode {margin: 10px -10px 0; width: 373px; height: 49px; background: url(images/latest_episode.png) no-repeat; text-indent: -9999px;}
#all_episodes a {display: block; clear: left; margin: 0 0 0 130px; width: 334px; height: 48px; background: url(images/all_episodes.png) no-repeat; text-indent: -9999px; outline: none;}

#header_content {clear: left; float: left; margin: 0 10px -20px; width: 330px;}
#header_content h2 {margin: 0 0 -10px -10px; color: #eaeaea;}
#header_content h2 a {color: #eaeaea;}
#header_content h2 a:hover {}

#main {margin: 5px 0 -20px; overflow: auto;}

#content {float: left; margin: 25px 0; width: 500px; background: url(images/content_bg.png) repeat-y;}
#content_top {margin-top: -25px; height: 25px; background: url(images/content_top.png) no-repeat;}
#content_bottom {margin-bottom: -25px; height: 25px; background: url(images/content_bottom.png) no-repeat;}
#content .inner_wrap {margin: -10px 0; padding: 0 10px; min-height: 850px;}

#feeds {margin: -250px 0 60px -10px !important;}

#itunes h1 a {display: block; width: 280px; height: 100px; background: url(images/itunesfeed.png) no-repeat top; text-indent: -9999px; outline: none;}
#itunes h1 a:hover {background: url(images/itunesfeed.png) no-repeat bottom;}
#rss h1 a {display: block; width: 280px; height: 100px; background: url(images/rssfeed.png) no-repeat top; text-indent: -9999px; outline: none;}
#rss h1 a:hover {background: url(images/rssfeed.png) no-repeat bottom;}

#menu {margin-top: -25px;}

#sidebar {float: right; margin: 270px 0 50px; width: 300px; background: #accc00; color: #eaeaea;}
#sidebar_top {margin-top: -25px; height: 25px;  background: url(images/sidebar_top.png) no-repeat;}
#sidebar_bottom {margin-bottom: -25px; height: 25px; background: url(images/sidebar_bottom.png) no-repeat;}
#sidebar a {color: #eaeaea;}
#sidebar a:hover {color: #eaeaea;}
#sidebar h2 {margin: 15px 0 5px 0; font-size: 18px; color: #eaeaea;}
#sidebar ul {margin: 0; padding: 0; list-style: none;}
#sidebar ul li {margin-left: 10px;}


#footer {position: relative; height: 315px; width: 840px; background: url(images/footer_bg.png) no-repeat center top;}

#copy {margin-top: 15px; }

.inner_wrap {padding: 0 10px;}
/*//////////////*/

/*Loop Elements*/
.storytitle a {color: #accc00;}

.podPress_content {padding: 5px !important; border: 1px solid #e43a8f !important; -moz-border-radius: 10px; color: #e43a8f;}

.feedback {margin: 5px 0 25px 0;}

#date {float: right; width: 60px; height: 60px; background: #8f68a7; -moz-border-radius: 10px; text-align: center; overflow: hidden;}
#date h1 {margin: 0; color: #eaeaea; font-size: 20px;}
#date h2 {margin: 0; padding: 5px; color: #eaeaea; font-size: 16px;}

/*//////////////*/

/*Typographic Elements*/
a {color: #e43a8f; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
a:hover .current {}

b, strong {color: #8f68a7;}

h1 {margin: 0 0 .25em 0; color: #accc00;}
h2 {margin: 0 0 .25em 0; color: #accc00;}
h3 {margin: 0 0 .25em 0; color: #accc00;}
h4 {margin: 0 0 .25em 0; color: #accc00;}
h5 {margin: 0 0 .25em 0; color: #accc00;}
h6 {margin: 0 0 .25em 0; color: #accc00;}