body {
  background-color: #AAA;
}
.page_wrapper {
  width: 995px;
  margin: 0 auto;
  background: #FFF;
}
.header {
  height: 110px;
  background: url(/images/header.png) no-repeat top left;
}
.header h1, .header h2 {
  display: none;
}

/**
Nav Stuff
**/

.nav {
  margin: 0;
  padding: 0;
  position: relative;
  top: 74px;
  left: 5px;
  height: 36px;
  list-style: none;
}
.nav li a{
  position: absolute;
  top: 0;
  display: inline;
  height: 36px;
  text-indent: -9000px;
  overflow: hidden;
}
/**basic**/
.nav li.home a {
  width: 102px;
  background: url(/images/tabs.png) no-repeat 0px -36px;
}
.nav li.archives a {
  left: 112px;
  width: 131px;
  background: url(/images/tabs.png) no-repeat -102px -36px;
}
.nav li.software a {
  left: 253px;
  width: 132px;
  background: url(/images/tabs.png) no-repeat -233px -36px;
}
.nav li.howto a {
  left: 395px;
  width: 135px;
  background: url(/images/tabs.png) no-repeat -365px -36px;
}
.nav li.about a {
  left: 540px;
  width: 135px;
  background: url(/images/tabs.png) no-repeat -500px -36px;
}

/**hover**/
.nav li.home a:hover {
  background: url(/images/tabs.png) no-repeat -0px 0px;
}
.nav li.archives a:hover {
  background: url(/images/tabs.png) no-repeat -102px 0px;
}
.nav li.software a:hover {
  background: url(/images/tabs.png) no-repeat -233px 0px;
}
.nav li.howto a:hover {
  background: url(/images/tabs.png) no-repeat -365px 0px;
}
.nav li.about a:hover {
  background: url(/images/tabs.png) no-repeat -500px 0px;
}

/**current**/
.nav li.home a.current {
  background: url(/images/tabs.png) no-repeat -0px -72px;
}
.nav li.archives a.current {
  background: url(/images/tabs.png) no-repeat -102px -72px;
}
.nav li.software a.current {
  background: url(/images/tabs.png) no-repeat -233px -72px;
}
.nav li.howto a.current {
  background: url(/images/tabs.png) no-repeat -365px -72px;
}
.nav li.about a.current {
  background: url(/images/tabs.png) no-repeat -500px -72px;
}

.big_bar {
  height: 260px;
  overflow: hidden;
  background: #FFF url(/images/body_gradient.png) repeat-x bottom left;
}
/**
Connect Sidebar
**/

.sidebar {
  position: relative;
top: -254px;
left: 745px;
  width: 249px;
}
.connect {
  list-style: none;
  margin: 0;
  padding: 0;
}
.connect li {
  margin: 0;
  padding: 0;
}
.connect li a {
  text-indent: -9000px;
  position: absolute;
}
.connect .subscribe a {
  height: 85px;
  width: 250px;
  background: url(/images/connect.png) no-repeat;
}
.connect .follow a {
  top: 85px;
  height: 83px;
  width: 250px;
  background: url(/images/connect.png) no-repeat 0 -85px;
}
.connect .about a {
  top: 167px;
  height: 83px;
  width: 250px;
  background: url(/images/connect.png) no-repeat 0 -167px;
}

/*small Connect*/
.small_bar {
  background: #FFF;
  height: 85px;
  overflow: hidden;
}
.small_bar .sidebar {
  top: -85px;
}
.small_bar .connect .subscribe a {
  height: 42px;
  background: url(/images/connect_small.png) no-repeat top left;
}
.small_bar .connect .follow a {
  top: 42px;
  height: 43px;
  background: url(/images/connect_small.png) no-repeat 0 -42px;
}

.shownotes_title {
  height: 85px;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
  background: url(/images/headers/show_notes.png) no-repeat top left;
}
.archives_title {
  height: 85px;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
  background: url(/images/headers/show_archives.png) no-repeat top left;
}
.about_title {
  height: 85px;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
  background: url(/images/headers/about_geekons.png) no-repeat top left;
}
.subscribe_title {
  height: 85px;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
  background: url(/images/headers/subscribe.png) no-repeat top left;
}
.software_title {
  height: 85px;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
  background: url(/images/headers/software.png) no-repeat top left;
}
.howto_title {
  height: 85px;
  margin: 0;
  padding: 0;
  text-indent: -9000px;
  background: url(/images/headers/how_to.png) no-repeat top left;
}

/**
The Content itself
**/

.content {
  clear: both;
  padding: 0 10px 10px 10px;
  background: #FFF url(/images/bottom_curves.png) no-repeat bottom left;
}

.episode_info {
  width: 735px;
  border-right: 1px solid #CCC;
}

.content h2 {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.date {
  font-style: italic;
  font-size: 1.25em;
  font-weight: bold;
  color: #777;
  margin: 0 0 1em 0;
}

/**
archives page
**/
.episode_basics {
  border-bottom: 1px solid #ccc;
  margin: 10px 10px 10px 0;
  padding: 5px;
}
p.viewPage {
// text-align: right;
  margin: .5em 0 .5em 2.25em;
}
p.viewPage a {
//  border: 1px solid #777;
  padding: 2px 4px;
  text-decoration: none;
  color: #333;
  font-weight: bold;
  background-color: #CCC;
}
p.viewPage a:hover {
  background-color: #339933;
  color: #FFF;
//  border: 1px solid #000;
}
.episode_basics h4 {
  margin: 0;
  padding: 0;
}
.episode_basics ul {
  margin: 0;
  padding: 0 0 0 2.25em;
  list-style: none;
}

#support_buttons {
  border-top: 1px solid #CCC;
}

/**footer**/
.footer {
  width: 995px;
  margin: 5px auto;
}
.footer p {
  color: #333;
  font-size: .75em;
}