/* CSS Styles */

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #0040c2;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin: 0 auto;
  position: relative;
	text-align:center;
}

a:link {
	color: #FFFF00;
	text-decoration: underline;
}

a:visited {
	color: #FFFF00;
	text-decoration: underline;
}

a:hover {
	color: #ffffff;
	text-decoration: none;
}

a:active {
	color: #8cf3ff;
	text-decoration: underline;
}

#wrapper {
  width: 760px;
  background-color: #004be1;
margin:0px auto;
}

#intro {
  width: 270px;
  margin: 0 0 0 170px;
 }

#intro p#intro-title {
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}

#intro p {
  font-size: 10px;
  line-height: 10px;
  text-align: center;
}

/* header */

#flash-bg {
  background: url(../images/main-header_05.jpg) top no-repeat;
  width: 200px;
  height: 150px;
}

#intro-bg {
  background: url(../images/main-header_07.jpg) top no-repeat;
  width: 760px;
  height: 62px;
}

/* /header */

/* navigation */

.navlink {
  font-size: 24px;
  font-family: "Trebuchet MS", sans-serif;
  text-align: center;
  font-style: italic;
}

.join {
  font-size: 34px;
  font-family: "Trebuchet MS", sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-style: italic;
}

.join a:link {
  color: #8cf3ff;
  text-decoration: underline;
}

.join a:visited {
  color: #ff76e4;
  text-decoration: none;
}

.join a:hover {
  color: #ffffff;
  text-decoration: none;
}

.join a:active {
  color: #8cf3ff;
  text-decoration: underline;
}

/* /navigation */

/* episode */

.cyan {
  color: #8cf3ff;
}

.episode-top-bg {
  background: url(../images/episode_01.gif) top no-repeat;
  width: 760px;
  height: 80px;
}

.episode-bg {
  background: url(../images/episode_02.gif) top repeat-y;
}

.episode-align {
  width: 720px;
  margin: 0 auto;
}

.episode-bottom-bg {
  background: url(../images/episode_03.gif) top no-repeat;
  width: 760px;
  height: 60px;
}

h1.episode-title {
  font-size: 18px;
  font-family: "Trebuchet MS", sans-serif;
  padding: 20px 0 0 30px;
  text-align: left;
}

p.episode-title-desc {
  font-size: 10px;
  text-align: left;
  padding: 0 0 0 40px;
}

p.episode-desc {
  font-size: 11px;
  text-align: left;
  padding: 5px 15px 5px 30px;
  font-family: Tahoma;
}

.thumb-border {
  border: 10px solid #4d81e9;
}

p.episode-link {
  font-family: Tahoma;
  font-weight: bold;
  text-align: center;
}

p.episode-link2 {
  font-family: Tahoma;
  font-weight: bold;
  text-align: center;
}

p.episode-link2 a:link {
  color: #8cf3ff;
  text-decoration: underline;
}

p.episode-link2 a:visited {
  color: #ff76e4;
  text-decoration: none;
}

p.episode-link2 a:hover {
  color: #ffffff;
  text-decoration: none;
}

p.episode-link2 a:active {
  color: #8cf3ff;
  text-decoration: underline;
}

/* /episode */

/* misc */

h1.title {
  font-size: 30px;
  padding: 10px 0 0 10px;
  text-align: left;
}

p.text {
  padding: 10px;
  text-align: left;
}

/* /misc */