.body { margin: 0px; background: #B87D97; }
.logo { width: 503px; margin: auto; padding-top: 10px; }

.container { margin: auto; max-width: 1500px; }
@media(max-width:1750px) { .container { width: 1500px; } }
@media(max-width:1500px) { .container { width: 1250px; } }
@media(max-width:1250px) { .container { width: 1000px; } }
@media(max-width:1000px) { .container { width: 750px; } }
@media(max-width:750px) { .container { width: 500px; } }
@media(max-width:500px) { .container { width: 250px; } }
.head { width: 100%; float: left; }


.title { padding: 10px; color: #000000; font-size: 18px; font-family: verdana; text-transform: uppercase; }
.title a:link { color: #000000; text-decoration: none; text-transform: uppercase; }
.title a:active { color: #000000; text-decoration: none; }
.title a:visited { color: #000000; text-decoration: none; }
.title a:hover { color: #000000; text-decoration: none; }

.title2 { padding: 6px; font-weight: bold; color: #000000; font-size: 11px; font-family: verdana; text-transform: uppercase; }
.title2 a:link { color: #000000; text-decoration: none; text-transform: uppercase; text-transform: bold; }
.title2 a:active { color: #000000; text-decoration: none; }
.title2 a:visited { color: #000000; text-decoration: none; }
.title2 a:hover { color: #000000; text-decoration: none; }

.title3 { padding: 6px; font-weight: bold; color: #eeeeee; font-size: 8px; font-family: verdana; text-transform: uppercase; text-align: center;}
.title3 a:link { color: #000000; text-decoration: none; text-transform: uppercase; text-transform: bold; }
.title3 a:active { color: #000000; text-decoration: none; }
.title3 a:visited { color: #000000; text-decoration: none; }
.title3 a:hover { color: #eeeeee; text-decoration: none; }

.title4 { padding: 6px; font-weight: bold; padding-top:10px; padding-bottom:20px; color: #eeeeee; font-size: 10px; font-family: verdana; text-transform: uppercase; text-align: center;}
.title4 a:link { color: #000000; text-decoration: none; text-transform: uppercase; text-transform: bold; }
.title4 a:active { color: #000000; text-decoration: none; }
.title4 a:visited { color: #000000; text-decoration: none; }
.title4 a:hover { color: #eeeeee; text-decoration: none; }

.title5 { padding: 6px; font-weight: bold; color: #eeeeee; font-size: 10px; font-family: verdana; text-transform: uppercase; text-align: center;}
.title5 a:link { color: #000000; text-decoration: none; text-transform: uppercase; text-transform: bold; }
.title5 a:active { color: #000000; text-decoration: none; }
.title5 a:visited { color: #000000; text-decoration: none; }
.title5 a:hover { color: #eeeeee; text-decoration: none; }

.top { width: 100%; margin-top: 3px; padding-top:3px; float: left; }
.top2 { width: 100%; margin-top: 6px; padding-top:6px; padding-bottom:6px; float: left; text-align: center; }
.top3 { width: 100%; float: left; text-align: center; }
.top4 { width: 100%; float: left; text-align: center; margin-top: 5px; padding-top:5px; padding-bottom:5px; text-decoration: underline; }
.top5 { width: 100%; float: left; text-align: center; margin-top: 5px; padding-top:5px; padding-bottom:5px; }

.toplist { width: 240px; margin: 3px; border: 2px outset #851485; border-radius: 4px; padding-left: 30px; padding-right: 30px; padding-top: 7px; padding-bottom: 7px; background-color: #851485; color: #DC3EDC; font-family: verdana; font-size: 14px; font-weight: bold; text-transform: Capitalize; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }
.toplist a:link { color: FFFFFF; text-decoration: none; }
.toplist a:active { color: #FFFFFF; text-decoration: none; }
.toplist a:visited { color: #FFFFFF; text-decoration: none; }
.toplist a:hover { color: #DC3EDC; text-decoration: none; }
.ad300x250 { width: 300px; height: 250px; margin: 2px; border: 2px outset #DC3EDC; border-radius: 4px; padding: 1px; background-color: #000000; display: inline-block; }

.ass { width: 100%; height: 40px; padding-top: 20px; color: #C0C0C0; font-family: verdana; font-size: 10px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }
.ass a:link { color: #000000; text-decoration: underline; }
.ass a:active { color: #000000; text-decoration: none; }
.ass a:visited { color: #000000; text-decoration: none; }
.ass a:hover { color: #000000; text-decoration: none; }

.video { position: relative; width: 240px; height: 240px; margin: 3px; border: 0px; border-radius: 2px; padding: 2px; background-color: #AD587E; float: left; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.video:hover { background-color: #000000; background: linear-gradient(#555555, #000000); background: -o-linear-gradient(#555555, #000000); background: -moz-linear-gradient(#555555, #000000); background: linear-gradient(#555555, #000000); }
.video img { width: 240px; height: 240px; border: 0px; border-radius: 2px; }
.video:hover img { opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70); }
.videotitle { position: absolute; bottom: 2px; width: 230px; padding: 5px; font-family: "Trebuchet MS", sans-serif; font-size: 13px; text-transform: Capitalize; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #000000; background: linear-gradient(#555555, #000000); background: -o-linear-gradient(#555555, #000000); background: -moz-linear-gradient(#555555, #000000); background: linear-gradient(#555555, #000000); opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; filter: alpha(opacity=90); float: left; }
.videotitle a:link { color: #FFFFFF; text-decoration: none; }
.videotitle a:active { color: #FFFFFF; text-decoration: none; }
.videotitle a:visited { color: #FFFFFF; text-decoration: none; }
.videotitle a:hover { color: #FFFFFF; text-decoration: none; }

.boxxl { position: relative; width: 240px; height: 240px; margin: 3px; border: 0px; border-radius: 3px; padding: 2px; background-color: #AD587E; float: left; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.boxxl a:link { color: #000000; text-decoration:none ; text-transform: uppercase;}
.boxxl a:active { color: #000000; text-decoration: none; text-transform: uppercase;}
.boxxl a:visited { color: #000000; text-decoration: none; text-transform: uppercase;}
.boxxl a:hover { color: #000000; text-decoration: none; text-transform: uppercase; }
.boxxlimage img { width: 240px; height: 220px; border: 0px; border-radius: 2px; }
.boxxlimage:hover img { color: #000000; text-decoration: none; }
.boxxltitle { font-family: verdana; font-size: 8px; font-weight: bold; text-align: right; }

.assx { width: 100%; padding-top: 20px; color: #C0C0C0; font-family: verdana; font-size: 16px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }
.assx a:link { color: #000000; text-decoration: none; }
.assx a:active { color: #000000; text-decoration: none; }
.assx a:visited { color: #000000; text-decoration: none; }
.assx a:hover { color: #000000; text-decoration: none; }

.bottom { width: 230px; margin: 5px; border-radius: 2px; background-color: #000000; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; font-family: "verdana", sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; color: grey; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.bottom a:link { color: #FFF; text-decoration: none; }
.bottom a:active { color: #FFF; text-decoration: none; }
.bottom a:visited { color: #FFF; text-decoration: none; }
.bottom a:hover { color: black; text-decoration: none; }
.bottomtitle { font-family: verdana; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.sequence { color: #EEEEEE; font-family: verdana; font-size: 12px; }

.bottomz { width: 230px; margin: 5px; border-radius: 2px; background-color: #000000; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; font-family: "verdana", sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; color: grey; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.bottomz a:link { color: #FDFDFD; text-decoration: none; }
.bottomz a:active { color: #FDFDFD; text-decoration: none; }
.bottomz a:visited { color: #FDFDFD; text-decoration: none; }
.bottomz a:hover { color: black; text-decoration: none; }
.bottomztitle { font-family: verdana; font-size: 14px; font-weight: bold; text-transform: uppercase; }


.bottomx { width: 230px; margin: 5px; border-radius: 2px; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; font-family: verdana; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center; color: white; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; }
.bottomx a:link { color: #000000; text-decoration: none; }
.bottomx a:active { color: #000000; text-decoration: none; }
.bottomx a:visited { color: #000000; text-decoration: none; }
.bottomx a:hover { color: #eeeeee; text-decoration: none; }
.bottomtitlex { font-family: verdana; font-size: 12px; font-weight: bold; text-transform: uppercase; }

.play {background:rgba(0,0,0,0.5);border-radius:4px 4px 0 0;line-height:180px;position:absolute;text-align:center; padding-top: 20px; font-size:60px;height:83%;width:100%;color:#fff;opacity:0;left:0;top:0;}
.play:hover {transition:0.4s;opacity:0.9;}