body { background-color:white; margin: 0; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333; font-size: 13px;}

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

div.header      { text-align:center;  zbackground-color: #210672; color: white; zbackground-image: url("http://109.69.57.21/mop/img/header-bg.gif"); background-repeat: repeat-x; }
div.header table tr td.header_pages { padding-bottom: 4px; text-align: right;}
div.header table tr td.header_bookmark { text-align: right; font-size: 10px; font-weight: bold; }


div.container   { zbackground-color:#EEEEEE; zborder: 2px solid #d4d2e8;  border-top: none; width: 996px; margin: 0 auto; padding: 0;}

div.footer      { font-size: 9px; font-weight: bold; /*background-color: #999900;*/ color: #554510; width: 990px; margin: 25px auto; text-align: center; }
div.footer a { color: #554510;  }
div.footer a img { width: 120px; height: 60px; border: 0; }

/* thumbs */
div.thumbs      { text-align:center; zbackground-color: #333333; margin-top: 5px; zborder: 1px solid #b48c22; }
div.thumbs a img { border: 1px dotted #777; width: 240px; height: 180px; }
div.thumbs a:hover img { border: 1px solid #f1ef45; width: 240px; height: 180px; }
div.thumbs h3 { margin-top: 3px; }

div.big_thumbs      { text-align:center; zbackground-color: #333333;}
div.big_thumbs a img { border: 1px solid yellow; width: 320px; height: 240px; }
div.big_thumbs a:hover img { border: 1px dotted yellow; width: 320px; height: 240px; }

div.thumbs div.sub { width: 250px; height: 216px; float: left; text-align: center;  }
div.thumbs div.sub a h3 { margin: 1px 0 0 0; padding: 0; }

div.sub_cat { width: 250px; height: 220px; float: left; text-align: center; overflow: hidden; }
span.cat_tag_label { font-size: 9px; font-weight: bold; }
span.cat_tags { font-size: 9px; white-space: nowrap; overflow: hidden; }
span.cat_title { font-size: 11px;  }

/* subtop */
div.subtop  { margin: 25px 0; background-color:#d4d2e8;}
table.subtop tr.topheader td { padding: 6px; width: 100%; text-align:center; font-family:"Comic Sans MS", Verdana, Georgia; font-size:20px; }
table.subtop tr.images td { padding: 6px; text-align: center; font-size: 13px; }
table.subtop tr.images td img { width: 150px; height: 100px; border: 1px solid red;  }


/* bookmark div */
div.bookmark    { height: 28px; text-align: right; margin-bottom: 10px; }
div.bookmark img{ height: 28px; border: none; }

/* header divs */
div.halloffame  { height: 30px; background-image: url("img/halloffame.gif");    background-repeat: no-repeat;   background-position: center center; }
div.today       { height: 30px; background-image: url("img/today.gif");         background-repeat: no-repeat;   background-position: center center; }
div.yesterday   { height: 30px; background-image: url("img/yesterday.gif");     background-repeat: no-repeat;   background-position: center center; }
div.archived    { height: 30px; background-image: url("img/archived.gif");      background-repeat: no-repeat;   background-position: center center; }
div.freesites   { height: 30px; background-image: url("img/freesites.gif");     background-repeat: no-repeat;   background-position: center center; }
div.membership  { height: 30px; background-image: url("img/membership.gif");    background-repeat: no-repeat;   background-position: center center; }
div.previous    { height: 30px; background-image: url("img/previous.gif");      background-repeat: no-repeat;   background-position: center center; }

h1, h2, h3 { margin: 0px; padding: 5px;  }


div.clear { clear: both; }

.topthumb { display: none; }

.paylinks a { color: yellow; }

div.thumb {
  width: 240px;
  height: 205px;
  float: left;
  margin: 3px;
}
div.thumb a img { border: 1px solid #aaa; }
div.thumb div.desc { width: 190px; float: left; overflow: hidden; font-size: 11px; height: 13px; text-align: left;}
div.thumb div.time { width: 50px; float: left; overflow: hidden; text-align: right; font-size: 11px; zfont-style:italic; color: yellow;}

img.top_thumb { width: 180px; height: 135px; border: 1px solid white; margin-top: 3px;}

h2 { text-align: center; }

/* paging */
div.pagination { font-size: 12px; margin: 3px auto; font-weight: bold; }
div.pagination span.disabled { padding: 0 1px; }
div.pagination span.current { padding: 0 1px;  }
div.pagination a { padding: 0 3px; }

h2.top_thumbs_title { font-size: 14px; text-align: center; }

div.thumbs div.thumb { width: 240px; height: 200px; float: left;  margin: 2px; overflow: hidden; font-size: 11px; border: 0px solid #b48c22; background-color: #fef6df; 
text-transform: capitalize; padding: 2px; }
div.thumbs div.thumb a img { width: 240px; height: 180px; border: 1px solid #f2f2f2; margin: 2px 0; }
div.thumbs div.thumb a:hover img { border: 1px solid #c73355; }
div.thumbs div.thumb a.desc { font-size: 1.0em; font-weight: bold; display: block; width: 238px; overflow: hidden; height: 18px; color: #b48c22; }
div.thumbs div.thumb div.length { float: left; width: 90px; font-weight: bold; text-align: left; padding-left: 3px; color: black;}
div.thumbs div.thumb div.added { float: left;  width: 144px; color: #aaa; text-align: right; padding-right: 3px; font-weight: bold; color: black; }
div.thumbs div.thumb div.tags { clear: both; font-size: 0.9em; color: #aaa; text-align: left;padding-left: 3px; }
div.thumbs div.thumb div.tags span.label { color: white; }.

center h3 { padding: 0; margin: 2px auto; }

.pages_container { background-color: #fef6df; border: 1px solid #b48c22; text-align: center; }

iframe { width: 99%; }