* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { background: url(/images/bg.jpg) left top #ffd7f6; color: #000000; font-family: "Trebuchet MS", Arial, Verdana; font-size: 12px;}
a { color: #146e95; text-decoration: none; }
a:hover { color: #b41a91; text-decoration: underline; }
#main { width: 960px; margin: 0 auto; background: url(/images/bgmain.gif) center top repeat-y #e1f6ff; min-height: 100%; }
#header, .episode, .navlinks, .intro { position: relative; width: 940px; margin: 0 auto; }
#footer { position: relative; width: 940px; margin: 0 auto;  text-align: center; border-top: solid 1px #a8dcf7; }
.rulers { position: relative; width: 940px; margin: 0 auto; }
.episode { position: relative; margin-bottom: 15px;}
.intro { background-color: #ffaac0; font-size: 14px; }
.intro a { font-weight: bold; }
.intro .teaser { width: 790px; float: left; padding-left: 10px;}
.intro .bookm { width: 140px; float: right; text-indent: 10px; font-size: 16px;}
.introclip { position: absolute; width: 280px; height: 190px; top: 168px; left: 330px; }
.titles { width: 940px; margin-top: 2px; height: 50px; background: url(/images/titles.gif) no-repeat; }
.titles h2 { text-align: center; font-size: 24px; padding-top: 17px; color: #1c5da0;}
.update { position: relative; }
.clip {position: absolute; width: 510px; height: 90px; top: 410px; left: 420px; z-index: 10; }
.clip p { font-size: 16px;font-family: Arial, Helvetica; text-align: center;}
.navlinks { height: 50px; background: url(/images/bgnavbar.gif) no-repeat; }
.navlinks div { width: 310px; float: left; text-align: center; }
.navlinks span { display: block; }
.texts { font-size: 16px; position: relative; width: 940px; margin: 0 auto; }
.texts p { padding: 5px; }
img.xxx {display: block; }
p.sale { padding-top: 20px; margin-bottom: 20px; }
p.info { padding-top: 10px; font-size: 14px; padding-bottom: 10px; }
p.sale a { font-size: 36px; font-weight: bold; }
p.info a { font-weight: bold; }
.size32 { font-size: 32px; }
.size24 { font-size: 24px; }
.size16 { font-size: 16px; }
.navigation { padding-top: 10px; padding-left: 80px; font-size: 14px; font-weight: bold; }


.navigation { position: relative; width: 920px; margin: 0 auto 10px auto; padding: 5px; font-size: 14px; font-weight: bold; border: 1px solid #a7d0e2; background-color: #fff; }
.navigation span { position: absolute; width: 220px; top: 4px; left: 708px; text-align: right;}
.prevnext { position: relative; width: 300px; height: 20px; margin: 30px auto; padding: 5px; font-size: 14px; font-weight: bold; border: 1px solid #a7d0e2; background-color: #fff; }
.prevnext span { position: absolute; top: 5px; right: 0; padding-right: 2px;}
.listgalls, .listpics, .listvids { list-style: none; width: 900px; margin: 10px auto 0 auto;}
.listgalls li, .listpics li, .listvids li { float: left; display: inline; text-align: center; }
.listgalls li { width: 180px; height: 225px; overflow: hidden;}
.listpics li { width: 180px; height: 175px;}
.listvids li { width: 300px; height: 225px; overflow: hidden; }
.listpics li p, .listvids li p { }
.listvids li a img { display: block; margin: 0 auto; width: 240px; border: none; overflow: hidden;}
.listgalls li a img, .listpics li a img { display: block; margin: 0 auto; border: none; }
.pages { text-align: center; font-size: 14px; font-weight: bold; padding: 10px 10px 30px 10px;}
.pagesbig { text-align: center; font-size: 22px; padding-bottom: 30px;}
.longdesc { margin: 10px auto; width: 920px; padding: 5px; font-size: 14px; border: 1px solid #a7d0e2; background-color: #fff;}

ul.sections {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
}
ul.sections a {
	font-size: 16px;
	font-weight: bold;
}
ul.sections li {
	margin: 0.2em 3px 0.2em 5px;
	padding: 0;
}
h3 {
	text-align: center;
	font-size: 24px;
	margin: 5px auto;
}
h4 {
	color: #0b3f75;
	background-color: #9cd1ec;
	font-size: 18px;
	width: 180px;
	margin: 0 auto 10px 0;
}
.sec {
	margin: 0 5px 20px 5px;
	padding: 0;
	border: solid 1px #9cd1ec;
}
ul.upd {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	width: 280px;
}
ul.upd li {
	clear: both;
	margin: 1px 3px 3px 5px;
	text-align: center;
}
ul.upd p {
	float: right;
	margin: 2px;
	padding: 0;
}
ul.upd a img { border: none; }
}
table { margin: auto auto; }
.centered { text-align: center; }

.sales { text-align: center; padding: 10px;}
.sales p { margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #666;}
.sales h3 { font-size: 36px; color: #333;}
.sales h3 a {color: #333; text-decoration: none;}

.cleared:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cleared { display: inline-block; }
/* Hides from IE-mac \*/
* html .cleared {height: 1%;}
.cleared {display: block;}
/* End hide from IE-mac */