* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { background: url(/images/bg.jpg) center top repeat #b0de25; color: #000000; font-family: "Trebuchet MS", Arial, Verdana; font-size: 12px;}
a { color: #688601; text-decoration: none; }
a:hover { color: #8f5707; text-decoration: underline; }
#main { width: 980px; margin: 0 auto; background: url(/images/bgmain.gif) center top repeat-y; min-height: 100%; }
* html #main { height: 100%; }
#header, .episode, .navlinks, .intro, .ticker { position: relative; width: 940px; margin: 0 auto; }
#footer { position: relative; width: 940px; margin: 0 auto; text-align: center; }
.rulers { position: relative; width: 940px; margin: 0 auto; }
.episode { position: relative; }
.ticker { height: 40px; margin: 0 auto 1px auto; overflow: hidden; background-color: #446203; }
.ticker iframe { width: 940px; height: 20px; background: transparent; clear: both;}
.ticker p { position: absolute; z-index: 5; width: 930px; top: 25px; left: 5px; font-size: 12px; font-family: Arial, Helvetica; color: #fff; clear: both; line-height: 1em; text-indent: 4px;}
.ticker strong, .ticker a { font-weight: bold; color: #ffeb67; }
.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: 5px; height: 50px; background: url(/images/titles.gif) no-repeat; }
.titles h2 { text-indent: 180px; font-size: 26px; font-style: italic; padding-top: 13px; color: #4b5f00;}
.update { position: relative; }
.clip {position: absolute; width: 500px; height: 80px; top: 410px; left: 12px; z-index: 10; }
.clip p { font-size: 16px; }
.navlinks { height: 50px; background: url(/images/bgnavbar.gif) no-repeat;}
.navlinks div { width: 310px; float: left; text-align: center; }
.navlinks a { display: block; font-size: 30px; }
.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; }
.mreza { background-color: #ffe2f3; border-top: solid 4px #82bde9; border-bottom: solid 4px #82bde9; color: #000;}
.mreza ul li a { color: #00318c; }
.mreza p a { color: #dd0000; }
.mreza ul li { border: solid 2px #075dad; background-color: #c1e5ff; }
.mreza h3 { color: #222;}
.size32 { font-size: 32px; }
.size24 { font-size: 24px; }
.size16 { font-size: 16px; }

.navigation { position: relative; width: 920px; margin: 0 auto 10px auto; padding: 5px; font-size: 14px; font-weight: bold; border: 1px solid #436103; background-color: #fbffbc; }
.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 #436103; background-color: #fbffbc; }
.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 #436103; background-color: #fff;}

.dl { list-style: none; width: 640px; margin: 10px auto; font-size: 14px; font-weight: bold;}
.dl li { border: 1px solid #436103; background-color: #fbffbc; padding: 2px 0 2px 5px; margin-bottom: 3px;}
.dl li img { margin-bottom: -4px;}
.dl li.dlintro { border: none; background-color: transparent;}
ul.sections {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
}
ul.membmreza { list-style: none;}
ul.sections a, ul.membmreza a {
	font-size: 16px;
	font-weight: bold;
}
ul.sections li, ul.membmreza li {
	margin: 0.2em 3px 0.2em 5px;
	padding: 0;
}
ul.membmreza span { display: inline-block; width: 170px;}
ul.membmreza img { height: 14px;}
h3 {
	text-align: center;
	font-size: 24px;
	margin: 5px auto;
}
h4 {
	color: #FFFFCC;
	background-color: #436103;
	font-size: 18px;
	width: 210px;
	margin: 0 auto 10px 0;
}
.sec {
	margin: 0 5px 20px 5px;
	padding: 0;
	border: solid 1px #436103;
}
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; max-height: 150px; }
* html ul.upd a img { 
   height: expression( this.scrollHeight > 149 ? "150px" : "auto" ); /* sets max-height for IE */
}

.bonusvids { list-style: none; width: 640px; height: 180px; margin: 10px auto; padding-left: 3px; border: 1px solid #436103; background-color: #fff; font-size: 14px; font-weight: bold;}
.bonusvids li { position: relative; float: left; display: inline; width: 204px; margin-left: 6px; padding-top: 8px; text-align: center; }
.bonusvids img {display: block; margin: 0 auto; width: 200px; height: 150px; border: none;}
.bonusvids .over { position: absolute; width: 200px; height: 150px; top: 8px; left: 2px; }
.bonusvids .over img { display: block; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

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

.centered { text-align: center; }
table { margin: auto auto; }
.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 */