a:link { color: #fb3bb2; } a:visited { color: #fb3bb2; } html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}button{border: none;} body{text-align:center;} address, article, aside, canvas, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;} html, body {width: 100%;} strong {font-weight: bold;} em {font-style: italic;} .hidden {height: 1px; width: 1px; overflow: hidden; text-indent: -9000px; position: absolute;} .clear {clear: both;} .floatl {float: left;} .floatr {float: right;} .mainwidth {width:1005px; margin: 0 auto;} @font-face { font-family: 'glyph'; src: url('megaglyphs.eot'); src: url('megaglyphs.eot?#iefix') format('embedded-opentype'), url('megaglyphs.woff') format('woff'), url('megaglyphs.ttf') format('truetype'), url('megaglyphs.svg#untitledregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'cp'; src: url('cp.eot'); src: url('cp.eot?#iefix') format('embedded-opentype'), url('cp.woff') format('woff'), url('cp.ttf') format('truetype'), url('cp.svg#untitledregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HDLoveM'; src: url('hdlovem-webfont.eot'); src: url('hdlovem-webfont.eot?#iefix') format('embedded-opentype'), url('hdlovem-webfont.woff') format('woff'), url('hdlovem-webfont.ttf') format('truetype'), url('hdlovem-webfont.svg#untitledregular') format('svg'); font-weight: normal; font-style: normal; } .glyph {font-family: 'glyph';} html {background: black; color: white;} body {min-height: 550px; background: #3f3f3f; /* Old browsers */ background: -moz-linear-gradient(top, #3f3f3f 0, #000000 500px); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#3f3f3f), color-stop(500px,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3f3f3f 0,#000000 500px); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3f3f3f 0,#000000 500px); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3f3f3f 0,#000000 500px); /* IE10+ */ background: linear-gradient(to bottom, #3f3f3f 0,#000000 500px); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } #mainheader {background: black; padding: 10px 0;} #mainheader .floatr {margin: 20px 0 0 0;} #mainnav {height: 45px; color: white; border: solid #686868; border-width: 0 0 3px 0; background: #2d2d2d; /* Old browsers */ background: -moz-linear-gradient(top, #2d2d2d 0%, #262626 50%, #000000 51%, #131313 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d2d2d), color-stop(50%,#262626), color-stop(51%,#000000), color-stop(100%,#131313)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2d2d2d 0%,#262626 50%,#000000 51%,#131313 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2d2d2d 0%,#262626 50%,#000000 51%,#131313 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2d2d2d 0%,#262626 50%,#000000 51%,#131313 100%); /* IE10+ */ background: linear-gradient(to bottom, #2d2d2d 0%,#262626 50%,#000000 51%,#131313 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#131313',GradientType=0 ); /* IE6-9 */ } #mainnav ul {margin: 0 auto; height: 45px;} #mainnav ul li {display: block; float: left; font-family: "HDLoveM"; text-transform: uppercase; height: 45px; border: solid #222; border-width: 0 1px; margin: 0; overflow; hidden;} #mainnav ul li a {color: white; text-decoration: none; height: 22px; display: block; font-size: 19px; text-align: left; padding: 23px 0 0 13px; text-align: left; width: 184px;} #mainnav ul #join a { background: #e283c6; /* Old browsers */ background: -moz-linear-gradient(top, #e283c6 0%, #c346a1 50%, #8d3374 51%, #6b2151 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e283c6), color-stop(50%,#c346a1), color-stop(51%,#8d3374), color-stop(100%,#6b2151)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e283c6 0%,#c346a1 50%,#8d3374 51%,#6b2151 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e283c6 0%,#c346a1 50%,#8d3374 51%,#6b2151 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e283c6 0%,#c346a1 50%,#8d3374 51%,#6b2151 100%); /* IE10+ */ background: linear-gradient(to bottom, #e283c6 0%,#c346a1 50%,#8d3374 51%,#6b2151 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e283c6', endColorstr='#6b2151',GradientType=0 ); /* IE6-9 */ } #mainnav ul .current a, #mainnav ul li a:hover {color: #fb3bb2; background: #404040; /* Old browsers */ background: -moz-linear-gradient(top, #404040 0%, #313131 50%, #282828 51%, #222222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(50%,#313131), color-stop(51%,#282828), color-stop(100%,#222222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #404040 0%,#313131 50%,#282828 51%,#222222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #404040 0%,#313131 50%,#282828 51%,#222222 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #404040 0%,#313131 50%,#282828 51%,#222222 100%); /* IE10+ */ background: linear-gradient(to bottom, #404040 0%,#313131 50%,#282828 51%,#222222 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#222222',GradientType=0 ); /* IE6-9 */ } #mainnav ul .current:after {font-family: 'glyph'; content: "\003D"; position: absolute; color: #686868; font-size: 25px; z-index: 2; margin: -10px 0 0 -5px;} #maincontent {padding: 10px 0 0 0;} .pagination {color: #686868; height: 20px; margin: 10px 0;} .pagination ul { position: absolute; z-index: 5; width: 1005px;} .pagination ul li {display: inline-block; height: 20px; background: black;} .pagination ul li a {color: white; text-decoration: none; display: block; padding: 0 8px; height: 20px; background: black;} .pagination ul li a:hover, .pagination ul li a:hover:before {color:#fb3bb2;} .pagination .backbutton a:before {font-family: 'glyph'; content: "\003F"; color: white; position: absolute;} .pagination .nextbutton a:before {font-family: 'glyph'; content: "\003E"; color: white; position: absolute;} .pagination .current a {color: #fb3bb2; text-shadow: 0 0 5px #fb3bb2, 0 0 5px #fb3bb2, 0 0 5px #fb3bb2, 0 0 5px #fb3bb2, 0 0 10px #fb3bb2, 0 0 10px #fb3bb2 ; } .pagination:before {height: 3px; width: 1005px; display: block; content:""; position: absolute; margin: 7px 0 0 0; z-index: 4; background: #000000; /* Old browsers */ background: -moz-linear-gradient(left, #000000 0%, #ffffff 50%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(50%,#ffffff), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #000000 0%,#ffffff 50%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #000000 0%,#ffffff 50%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #000000 0%,#ffffff 50%,#000000 100%); /* IE10+ */ background: linear-gradient(to right, #000000 0%,#ffffff 50%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */ } .rating .one:before {content:'\0035'; font-family: 'glyph';} .rating .half:before {content:'\0036'; font-family: 'glyph';} .rating .none:before {content:'\0037'; font-family: 'glyph';} .photos:before {content:'\002c'; font-family: 'glyph';} .video:before {content:'\002e'; font-family: 'glyph';} .playicon:before {content:'\00c5'; font-family: 'glyph'} .playtriangle:before {content:'\003e'; font-family: 'glyph'} .mainitem {width:980px; height:553px; display: block; margin: 20px auto 0 auto;} .mainitem .overlay {height: 70px; width:970px; position: absolute; background: rgba(0,0,0,.5); overflow: hidden; color: white; padding: 5px; margin: 475px 0 0 0;} .mainitem .overlay h2 {font-family: "cp"; float: left; font-size: 20px;} .mainitem .overlay .date {float: left; padding: .5em 0 0 0; margin: 0 5px;} .mainitem .floatl {width: 780px;} .mainitem .floatr {width: 185px;} .mainitem .rating {float: right;} .mainitem .rating span {margin: 0 1px; font-size: 25px;} .mainitem .photos, .mainitem .video {float: right; margin: 0 0 0 30px; font-size: 18px; line-height: 20px;} .mainitem .video {margin: 0 0 0 40px;} .mainitem .description {float: left; text-align: left;} .mainitem .photos:before {font-size: 25px; position: absolute; margin: 0 0 0 -25px;} .mainitem .video:before {font-size: 25px; position: absolute; margin: 0 0 0 -25px;} .mainitem a .playicon {position: absolute;} .mainitem a .playicon:before {display: none;} .mainitem a:hover .playicon:before {text-decoration: none; color: black; font-size: 150px; opacity: .5; margin: 160px 0 0 430px; display: block; text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white ; } .topsplash {background: black; width: 930px; margin: 10px auto; padding: 5px 10px; -webkit-border-radius: 10px; border-radius: 10px; } .topsplash h2 {font-family: "cp"; font-weight: bold; font-size: 20px;} .topsplash p{ width: 620px; text-align: center; margin: 0 auto; font-size: 115%} #recent h2 {font-family: "cp"; padding: 0 0 0 10px; font-size: 20px;} .sort {padding: 0 10px 0 0;} .sort ul, .sort p {display: inline;} .sort ul li:after {content:"|"; padding: 0 0 0 5px;} .sort ul li:last-child:after {content:"";} .sort ul li {display: inline-block;} .sort a {text-decoration: none; font-weight: bold; color: white;} .sort a:hover {color: #fb3bb2;} .sort ul .current a {color: #fb3bb2; text-shadow: 0 0 5px #fb3bb2, 0 0 5px #fb3bb2 ; } #recent {background: black; padding: 20px 0;} #recent .item {width: 326px; display: inline-block; overflow: hidden;} #recent .item a {text-decoration: none; border: 3px solid black; background: black; display: block; width: 320px; display: block; background: #151515;} #recent .item a:hover {border: 3px solid #e63e9e;} #recent .item a .overlays { width: 320px; overflow: hidden; position: absolute; float: left; z-index: 5; height: 230px; opacity: .65; background: url(http://hdlove.realitykingsporn.com/images/roll_2.png) } #recent .item a .overlays .newtag {float: right; margin: 5px -30px 0 0;} #recent .item a .overlays .newtag p {color: white; background: red; font-family: "Arial Black", Arial, sans-serif; padding: 5px 30px; transform:rotate(45deg); -ms-transform:rotate(45deg); /* IE 9 */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari and Chrome */ -o-transform:rotate(45deg); /* Opera */ } #recent .item a .overlays .HDtag {position: absolute; margin: 185px 0 0 268px; background: #999; float: right; color: white; padding: 0 5px 4px 5px; font-family: "Arial Black", Arial, Sans-serif; border: 1px solid black; -webkit-border-radius: 7px; border-radius: 7px; } #recent .item a:hover .overlays .HDtag {background:#c61468;} #recent .item a .overlays .HDtag p {font-size: 10px; line-height: 10px;} #recent .item a .overlays .HDtag p strong {font-size: 22px; line-height: 22px;} #recent .item a .overlays .watchthis {display: none;} #recent .item a:hover .overlays .watchthis {display: block; position: absolute; height: 35px; width: 320px; background: rgba(0,0,0,.5); z-index: 20; line-height: 35px; font-size: 20px; color: white; font-family: "cp";} #recent .item a img {float: left;} #recent .item a .playbutton {float: left; width: 150px; height: 32px; margin: 5px;} #recent .item a .playbutton p {float: left; width: 128px; height: 32px; font-family: "cp"; color: white; font-weight: bold; line-height: 32px; overflow: hidden; -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; background: #777777; /* Old browsers */ background: -moz-linear-gradient(top, #777777 0%, #535353 50%, #3c3c3c 51%, #232323 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(50%,#535353), color-stop(51%,#3c3c3c), color-stop(100%,#232323)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #777777 0%,#535353 50%,#3c3c3c 51%,#232323 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #777777 0%,#535353 50%,#3c3c3c 51%,#232323 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #777777 0%,#535353 50%,#3c3c3c 51%,#232323 100%); /* IE10+ */ background: linear-gradient(to bottom, #777777 0%,#535353 50%,#3c3c3c 51%,#232323 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#232323',GradientType=0 ); /* IE6-9 */ } #recent .item a .playbutton .playtriangle {height: 32px; display: block; width: 20px; float: left; color: white; line-height: 32px; padding: 0 0 0 2px; background: #666666; /* Old browsers */ background: -moz-linear-gradient(top, #666666 0%, #424242 50%, #2b2b2b 51%, #141414 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(50%,#424242), color-stop(51%,#2b2b2b), color-stop(100%,#141414)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #666666 0%,#424242 50%,#2b2b2b 51%,#141414 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #666666 0%,#424242 50%,#2b2b2b 51%,#141414 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #666666 0%,#424242 50%,#2b2b2b 51%,#141414 100%); /* IE10+ */ background: linear-gradient(to bottom, #666666 0%,#424242 50%,#2b2b2b 51%,#141414 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#141414',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; } #recent .item a:hover .playbutton p { background: #af5791; /* Old browsers */ background: -moz-linear-gradient(top, #af5791 0%, #a0477d 50%, #8c2f66 51%, #5b1f45 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af5791), color-stop(50%,#a0477d), color-stop(51%,#8c2f66), color-stop(100%,#5b1f45)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #af5791 0%,#a0477d 50%,#8c2f66 51%,#5b1f45 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #af5791 0%,#a0477d 50%,#8c2f66 51%,#5b1f45 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #af5791 0%,#a0477d 50%,#8c2f66 51%,#5b1f45 100%); /* IE10+ */ background: linear-gradient(to bottom, #af5791 0%,#a0477d 50%,#8c2f66 51%,#5b1f45 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af5791', endColorstr='#5b1f45',GradientType=0 ); /* IE6-9 */ } #recent .item a:hover .playbutton .playtriangle { background: #ad3e84; /* Old browsers */ background: -moz-linear-gradient(top, #ad3e84 0%, #913365 50%, #82255c 51%, #4c1637 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad3e84), color-stop(50%,#913365), color-stop(51%,#82255c), color-stop(99%,#4c1637)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ad3e84 0%,#913365 50%,#82255c 51%,#4c1637 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ad3e84 0%,#913365 50%,#82255c 51%,#4c1637 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ad3e84 0%,#913365 50%,#82255c 51%,#4c1637 99%); /* IE10+ */ background: linear-gradient(to bottom, #ad3e84 0%,#913365 50%,#82255c 51%,#4c1637 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad3e84', endColorstr='#4c1637',GradientType=0 ); /* IE6-9 */ } #recent .item a .iteminfo {float: right; width: 150px; color: white; text-align: right; margin: 5px;} #recent .item a .iteminfo h2 {color: #ff46d1; font-family: Arial, Sans-serif; font-size: 12px; font-weight: bold; width: 149px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } #recent .item a .iteminfo .photos, #recent .item a .iteminfo .video {display: inline-block; font-size: 15px; padding: 5px 2px 0 25px; line-height: 15px;} #recent .item a .iteminfo .photos:before, #recent .item a .iteminfo .video:before {font-size: 25px; position: absolute; margin: -2px 0 0 -20px;} .enterimage{margin: 20px 0 20px 0} .joinup{color:#000} .joinup h1 {font-family: "Arial Black", Arial, Sans-serif; font-size: 35px; margin: 10px 0;} .joinup .joinbox {position: absolute; background-color: white; border: 1px solid black; /*height: 450px;*/ width: 400px; margin: 60px 0 0 400px;} .joinbox .mustbe {background: url('http://cache.hdlove.com/hl/18plus.jpg') top center no-repeat; height: 81px; width: 239px; margin: 0 auto;} .joinbox h3 {font-size: 20px; text-transform: uppercase; font-weight: bold; color: white; background: black;} .trailer {width: 980px; margin: 0 auto;} .trailer .playhead {background: url(progress.gif) top center no-repeat; height: 29px;} .trailer .playhead .floatr, .trailer .playhead .floatl {height: 29px; background: url(playhead.jpg) top left no-repeat; width: 113px; display: block;} .trailer .playhead .floatr {width: 120px; height: 29px; background: url(playhead.jpg) top right no-repeat; display: block;} .trailer img{ width: 1084px; height: 611px} .gfstyle .mainwidth {width:1205px; margin: 0 auto;} .gfstyle .mainwidth .topsplash {width: 1090px;} .gfstyle #mainnav ul li a {width: 220px;} .gfstyle #recent {background: none;} .gfstyle #recent .item {width: 375px; border: 1px solid white; margin: 5px;} .gfstyle #recent .item a {width: 375px; border: none;} .gfstyle #recent .item a:hover {border: none;} .gfstyle #recent .item a .overlays {width: 375px; height: 305px; display: none;} .gfstyle #recent .item a:hover .overlays {display: block;} .gfstyle #recent .item a .overlays .toptrans {width: 375px; font-family: "cp"; color: white; background: rgba(0,0,0,.5); font-size: 25px;} .gfstyle #recent .item a .overlays .bottomtrans {width: 375px; font-family: "cp"; color: white; background: rgba(0,0,0,.5); font-size: 20px; position: absolute; margin: 250px 0 0 0;} .gfstyle #recent .item a .overlays .hdcenter {opacity: .5; margin: 80px 0 0 0;} .gfstyle #recent .item a .overlays .hdcenter p {color: black; font-family: "cp"; font-size: 20px; text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 10px #fff ; } .gfstyle #recent .item a .overlays .hdcenter .logo strong {color: white; font-size: 50px; padding:0 5px; border: 3px solid white; background: black; -webkit-border-radius: 10px; border-radius: 10px; } .gfstyle .trailer {width: 1084px;} .trailerthumbs .thumb {display: inline-block; margin: 5px;} .form-actions{ background: transparent !important; border: none !important} .signupform h1 { font-weight: bold; font-size: 30px; color: #000 !important} .signupform h1 small{ color: #222 !important} .footer{ padding:14px 15px 15px 15px !important; margin:20px 0 0 0 !important; text-align:center; } .footer ul{ display:inline-block; *display:inline; } .footer ul,ol{padding:0;margin:0 0 10px 0!important} .footer li{ display: inline; font-size: 18px !important; line-height: 18px !important; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; color: #ccc !important; font-weight: 200 !important; letter-spacing: 100% !important} .footer ul li a{ text-decoration: none; color: #fff} .footer ul li a:hover{ text-decoration: none; color: #fff} .footer p{ margin-bottom: 5px!important} .footer a, .footer a:hover{ color: #fff!important; text-decoration: none; } .updates .item .thumb {height: 305px; width: 375px; display: block; float: left; margin:2;} .updates .item .thumb img {height: 305px; width: 375px} .updates .s1 .thumb {background: url('http://cache.hdlove.com/hl/2/sprites/sprite_1.jpg') no-repeat;} .updates .s2 .thumb {background: url('http://cache.hdlove.com/hl/2/sprites/sprite_2.jpg') no-repeat;} .updates .s3 .thumb {background: url('http://cache.hdlove.com/hl/2/sprites/sprite_3.jpg') no-repeat;} .updates .s4 .thumb {background: url('http://cache.hdlove.com/hl/2/sprites/sprite_4.jpg') no-repeat;} .updates .s5 .thumb {background: url('http://cache.hdlove.com/hl/2/sprites/sprite_5.jpg') no-repeat;} .updates .t1 .thumb {background-position: 0 0;} .updates .t2 .thumb {background-position: -378px 0;} .updates .t3 .thumb {background-position: -756px 0;} .updates .t4 .thumb {background-position: -1134px 0;} .updates .t5 .thumb {background-position: -1512px 0;} .updates .t6 .thumb {background-position: -1890px 0;} .updates .t7 .thumb {background-position: -2268px 0;} .updates .t8 .thumb {background-position: -2646px 0;} .updates .t9 .thumb {background-position: -3024px 0;} .updates .t10 .thumb {background-position: -3402px 0;} .updates .t11 .thumb {background-position: -3780px 0;} .updates .t12 .thumb {background-position: -4158px 0;} .trailerthumbs .thumb { width: 265px; height: 215px; background: url('http://cache.hdlove.com/hl/2/entersprite_2.jpg') no-repeat;} .trailerthumbs .t1 {background-position: 0 0;} .trailerthumbs .t2 {background-position: -265px 0;} .trailerthumbs .t3 {background-position: -530px 0;} .trailerthumbs .t4 {background-position: -795px 0;} .trailerthumbs .t5 {background-position: -1060px 0;} .trailerthumbs .t6 {background-position: -1325px 0;} .trailerthumbs .t7 {background-position: -1590px 0;} .trailerthumbs .t8 {background-position: -1855px 0;} .trailerthumbs .t9 {background-position: -2120px 0;} .trailerthumbs .t10 {background-position: -2385px 0;} .trailerthumbs .t11 {background-position: -2650px 0;} .trailerthumbs .t12 {background-position: -2915px 0;} .mainfooter h2 a {font-size: 28px; color: #fb3bb2; text-decoration: none; font-family: "cp";} .loginpage {width: 900px; margin:30px auto;} .loginpage .login {width: 456px; float: left; margin-bottom: 50px} .loginpage .login a {color: #fd74ff;} .loginpage .login h2 {font-size: 70px; text-transform: uppercase; font-weight: bold;} .loginpage .login p {margin: 7px auto; font-weight: bold;} .loginpage .login img {margin: 10px 0;} .loginpage .signup {width: 398px; float: right; margin: 30px 0 0 0;} .loginpage .signup h2 {color: #fd74ff; text-transform: uppercase; font-weight: bold; font-size: 12px; margin: 10px auto;} .loginpage .signup .form {width: 398px; /*height: 358px;*/ padding-bottom: 8px; background: white; color: #000} .mainwidth2 {width:1005px; margin: 0 auto;} #mediaspace,.trailer2{ height: 500px; width: 885px;} .remaining {text-align: center; background: #000; border: 1px solid #444; color:#ccc; border-left:0;border-right:0; font-size: 18px; font-weight: bold; margin: 10px 0 15px 0; padding: 4px; text-align: center;} .trailer2 {height: 500px; width: 885px; margin: 20px 0 20px 20px; float: left;} .trailer2 img {height: 500px; width: 885px;} .trailer2 .playhead {background: url(progress.gif) top center no-repeat; height: 29px;} .trailer2 .playhead .floatr, .trailer2 .playhead .floatl {height: 29px; background: url(playhead.jpg) top left no-repeat; width: 113px; display: block;} .trailer2 .playhead .floatr {width: 120px; height: 29px; background: url(playhead.jpg) top right no-repeat; display: block;} .trailerthumbs .thumb {display: inline-block; margin: 5px;} .newtrailerthumbs .thumbwrap {width: 319px; height: 217px; background: url('http://cache.hdlove.com/hl/enter1080p.jpg') bottom center no-repeat; display: inline-block; margin: 5px;} .newtrailerthumbs .thumbwrap .thumb {width: 319px; height: 185px; display:block; background: url('http://cache.hdlove.com/hl/enter_th1.jpg')} .newtrailerthumbs .thumbwrap .t1 {background-position: 0 0;} .newtrailerthumbs .thumbwrap .t2 {background-position: -319px 0;} .newtrailerthumbs .thumbwrap .t3 {background-position: -638px 0;} .newtrailerthumbs .thumbwrap .t4 {background-position: -957px 0;} .newtrailerthumbs .thumbwrap .t5 {background-position: -1276px 0;} .newtrailerthumbs .thumbwrap .t6 {background-position: -1595px 0;} .trailerlink, .mainfooter,.trailerlink a, .mainfooter a {font-size: 40px!important} .trailerlink a, .mainfooter a {color: #fb3bb2; text-transform: uppercase; } .trailerwidth {width: 1105px; margin: 0 auto;} .trailerthumbs .thumb {display: inline-block; margin: 5px;} .joinbuttons {float: right; margin: 20px 20px 0 0;} .joinbuttons h2 {text-transform: uppercase; color: white; font-size: 18px; margin: 10px 0;} .joinbuttons a {color: black; text-decoration: none;} .joinbuttons .trailerbutton {width: 163px; height: 61px; margin: 0 0 12px 0; border: 2px solid #333; display: block; overflow: hidden; -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, .5); box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, .5); background: #bc4ea1; /* Old browsers */ background: -moz-linear-gradient(top, #bc4ea1 0%, #ba3498 49%, #8e2773 50%, #561b42 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc4ea1), color-stop(49%,#ba3498), color-stop(50%,#8e2773), color-stop(99%,#561b42)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bc4ea1 0%,#ba3498 49%,#8e2773 50%,#561b42 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bc4ea1 0%,#ba3498 49%,#8e2773 50%,#561b42 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bc4ea1 0%,#ba3498 49%,#8e2773 50%,#561b42 99%); /* IE10+ */ background: linear-gradient(to bottom, #bc4ea1 0%,#ba3498 49%,#8e2773 50%,#561b42 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc4ea1', endColorstr='#561b42',GradientType=0 ); /* IE6-9 */ } .joinbuttons .trailerbutton a {width: 163px; height: 61px; display: block; overflow: hidden; position: absolute;} .joinbuttons .trailerbutton .diamond {float: left; width: 800px; display: block; margin: 30px 0 0 100px;} .joinbuttons .trailerbutton .diamond span{height: 40px; width: 100px; display: block; margin: 0px; background: black; transform: skew(-30deg); -ms-transform: skew(-30deg); /* IE 9 */ -webkit-transform: skew(-30deg); /* Safari and Chrome */ -o-transform: skew(-30deg); /* Opera */ -moz-transform: skew(-30deg); /* Firefox */ } .joinbuttons .trailerbutton .details {color: white; height: 60px; display: block; width: 160px; float: left; position: absolute; z-index: 5; } .joinbuttons .trailerbutton .details .duration, .joinbuttons .trailerbutton .details .tagline {display: block; width: 120px; text-align: left; padding: 0 5px;} .joinbuttons .trailerbutton .details .duration {font-size: 25px; margin: 0px 0 4px 0; font-family: "cp"; width: 160px; text-shadow: 2px 2px 2px #000000; filter: dropshadow(color=#000000, offx=2, offy=2); } .joinbuttons .trailerbutton .details .tagline {font-size: 9px; width: 80px;} .joinbuttons .trailerbutton .bigprice {color: #ccc; height: 50px; display: block;width: 100px; float: right; position: absolute;z-index: 5; margin: 25px 0 0 85px; text-align: center; font-weight: bold;} .joinbuttons .trailerbutton .bigprice .price { font-size: 12px; line-height: 30px; vertical-align:text-top;} .joinbuttons .trailerbutton .bigprice .price .bignum {font-size: 23px; display: inline-block; line-height: 23px; vertical-align:text-top;} .joinbuttons .trailerbutton .bigprice .permonth {width: 140px; text-align: right; margin: -5px 0 0 0; display: block;} .joinbuttons .year .bigprice .permonth {width: 140px;} .joinbuttons .legalese {margin: -10px 0 0 0;}