/* ---------------------------------------- 01. default elements ---------------------------------------- */ html, body, p, div, input, textarea, select, option, fieldset, label, h1, h2, h3, h4, h5, h6, img, a, a:link, a:active, a:hover, a:visited, form, ul, ol, li, dl, dt, dd { margin:0; padding:0; text-align:left;} img,fieldset { border:none} ul, li { list-style:none} h1,h2,h3,h4,h5,h6 { font-weight:normal} @font-face { font-family: 'akzidenz-grotesk-bq-bold-condensed'; src: url("akzidenz-grotesk-bq-bold-condensed.css"); /* IE9 Compat Modes */ src: url("akzidenz-grotesk-bq-bold-condensed.css") format('embedded-opentype'), /* IE6-IE8 */ url("akzidenz-grotesk-bq-bold-condensed.css") format('woff'), /* Modern Browsers */ url("akzidenz-grotesk-bq-bold-condensed.css") format('truetype'), /* Safari, Android, iOS */ url("akzidenz-grotesk-bq-bold-condensed.css") format('svg'); /* Legacy iOS */ } body { background:#311f31 url("../images/bg-body.jpg") repeat-x top center; font-family:Arial, Helvetica, sans-serif} p { font-size:14px; color:#FFFFFF; line-height:1.5em} p a { color:#dab4da; text-decoration:none} p a:hover { text-decoration:underline} h1 { font-size:18px; color:#FFFFFF; line-height:1em} h1 a { color:#FFFFFF; text-decoration:none} h1 a:hover { text-decoration:underline} h3 { font-size:18px; color:#FFFFFF; line-height:1em} h3 a { color:#FFFFFF; text-decoration:none} h3 a:hover { text-decoration:underline} h4 { font-size:18px; color:#8c138c; line-height:1em} h4 a { color:#8c138c; text-decoration:none} h4 a:hover { text-decoration:underline} /* ---------------------------------------- 02. container and wrapper ---------------------------------------- */ #container { width:100%; float:left; background:url("../images/bg-header.jpg") repeat-x} #wrapper { width:970px; margin:0 auto} /* ---------------------------------------- 03. header ---------------------------------------- */ #header { width:970px; height:154px; float:left} #header .logo { float:left; padding:16px 0 0 8px} #header .logo a { width:468px; height:66px; float:left; background:url("../images/logo.png") no-repeat;} #header .fullb { width:468px; height:60px; float:right; line-height:.5em; padding:30px 8px 0 0} #nav { width:970px; height:38px; float:left; background:url("../images/bg-nav.gif") repeat-x; border:1px solid #21001e; margin:25px -1px 0 -1px; position:relative; z-index:10} #nav ul { width:970px; float:left} #nav ul li { float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; letter-spacing:1px; background: url("../images/bg-nav-bullet.png") no-repeat left center; padding:0 0 0 6px} #nav ul li.nodivider { background:none; padding-left:0} #nav ul li a { height:30px; float:left; color:#FFFFFF; text-decoration:none; padding:8px 8px 0 8px} #nav ul li a:hover { text-decoration:underline} /* ---------------------------------------- 04. content ---------------------------------------- */ #content { width:948px; float:left; background:url("../images/bg-content.png") repeat-y; padding:15px 19px; margin:0 -8px} /* ---------------------------------------- 04.1. content - leftpanel ---------------------------------------- */ #leftpanel { width:697px; float:left} #leftpanel h1 { padding-bottom:12px} #leftpanel h3 { padding-bottom:12px} #leftpanel p { padding-bottom:15px} #leftpanel p a { text-decoration:underline} #leftpanel p a:hover { text-decoration:none} .bestsites { width:697px; float:left; padding-bottom:20px} .bestsites .top { background:#efefef; text-align:center} .bestsites .sites tr { background:#efefef; font-size:14px; color:#666666} .bestsites .sites tr td { border-top:1px solid #cccccc} .bestsites .sites tr td.shadow { background:#efefef url("../images/bg-shadow.png") repeat-y} .bestsites .sites tr.nodivider td { border:none} .bestsites .sites .head { background:url("../images/bg-sites-inner.gif") repeat-x; font-weight:bold} .bestsites .sites tr.head td.shadow { background:#efefef url("../images/bg-sites-heading.gif") repeat-y} .bestsites .sites .head td { border:none} .bestsites .sites tr.even { background:#f7f7f7} .bestsites .sites tr.even td.shadow { background:#f7f7f7 url("../images/bg-shadow.png") repeat-y} .bestsites .sites .button { margin:0 7px 0 2px} .detailed { width:697px; float:left; padding-bottom:20px} .detailed .set { width:675px; float:left; background:#ffffff url("../images/bg-bonusbox.gif") no-repeat; border-top:1px solid #cccccc; padding:22px 11px 13px 11px} .detailed .set .details { width:675px; min-height:260px; float:left; background:url("../images/bg-bonus-info.jpg") no-repeat 196px 0} .detailed .set .info { width:196px; float:left} .detailed .set .info .photo { width:196px; height:112px; float:left} .detailed .set .info p { color:#8c138c; text-align:center; padding-right:15px; padding-bottom:16px} .detailed .set .info p a { color:#8c138c} .detailed .set .info p span { font-weight:bold} .detailed .set .features { width:450px; float:left; padding-left:28px} .detailed .set .features h4 { padding-bottom:12px} .detailed .set .features ul { width:450px; float:left; padding-bottom:12px} .detailed .set .features ul li { width:420px; float:left; background:url("../images/arrow-bonus.gif") no-repeat 0 2px; font-size:14px; color:#666666; line-height:1.5em; padding:3px 0 9px 30px} .detailed .set .features ul li span { font-weight:bold} .news { width:697px; float:left; padding-bottom:20px} .news .newslist { width:697px; float:left; background:#FFFFFF; padding-bottom:10px} .news .set{ width:668px; min-height:100px; float:left; background:#ffffff url("../images/bg-bonusbox.gif") no-repeat; border-top:1px solid #cccccc; padding:25px 15px 0 14px} .news .set h4 { font-size:14px; font-weight:bold; line-height:1.5em; padding-bottom:5px} .news .set h4 a{ color:#8c138c} .news .set h4 span { font-size:14px; color:#999999; font-weight:normal; font-style:italic} .news .set p { color:#666666; padding:0 0 10px 0} .news .button { float:left; padding:10px 0 0 13px} .news .rss { float:right; font-size:14px; font-weight:bold; padding:10px 13px 0 0} .news .rss a { color:#8c138c; background: url("../images/icon-rss.png") no-repeat; padding:3px 0 4px 32px} /* ---------------------------------------- 04.2. content - rightpanel ---------------------------------------- */ #rightpanel { width:240px; float:right} #rightpanel .box { width:238px; float:left; background:#452145 url("../images/bg-rightbox.jpg") no-repeat bottom left; border:1px solid #523252; margin-bottom:16px} #rightpanel .box h3 { font-size:14px; font-weight:bold; text-align:center; background:url("../images/bg-heading-right.gif") repeat-x; border-bottom:1px solid #523252; padding:10px 0} #rightpanel .feature { width:212px; float:left; padding:25px 13px 10px 13px} #rightpanel .feature .photo { width:210px; height:97px; float:left; text-align:center; background:url("../images/bg-logobox.gif") repeat-x; border:1px solid #523252; margin-bottom:12px} #rightpanel .feature .photo img { padding-top:10px; } #rightpanel .feature p { padding-bottom:12px} #rightpanel .feature p a { color:#FFFFFF; text-decoration:underline} #rightpanel .feature p a:hover { text-decoration:none} #rightpanel .feature .read { float:left; padding-left:18px} #rightpanel .feature .visit { float:left; padding-left:10px} #rightpanel .freegames { width:212px; float:left; padding:12px 13px 10px 13px} #rightpanel .freegames .photo { width:211px; float:left; position:relative; margin-bottom:10px} #rightpanel .freegames .photo span { width:211px; height:178px; float:left; background:url("../images/bg-video-overlay.png") no-repeat; position:absolute; top:0; left:0} #rightpanel .freegames .button { float:left; padding:10px 0 0 20px} #rightpanel .gameslist { width:212px; float:left; padding:0 13px 10px 13px} #rightpanel .gameslist ul { width:212px; float:left} #rightpanel .gameslist ul li { width:212px; float:left; font-size:14px; color:#FFFFFF; padding-top:12px} #rightpanel .gameslist ul li a { cursor:pointer} #rightpanel .gameslist ul li a span { color:#FFFFFF; text-decoration:underline} #rightpanel .gameslist ul li a:hover span { text-decoration:none} #rightpanel .gameslist ul li .icon { width:72px; float:left; padding-right:10px} #rightpanel .gameslist ul li .info { width:130px; float:left; padding-top:18px} #rightpanel .gameslist .button { float:left; padding:20px 0 0 48px} #rightpanel .newsletter { width:212px; float:left; background:url("../images/bg-newsletter.png") no-repeat; padding:12px 13px 10px 13px} #rightpanel .newsletter p { padding-bottom:15px} #rightpanel .newsletter .input { width:148px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#452145; background:url("../images/bg-input.gif") no-repeat; border:none; padding:10px 30px} #rightpanel .newsletter .button { float:left; padding:20px 0 0 48px} #rightpanel .widesky { width:160px; float:left; padding:28px 0 32px 38px} /* ---------------------------------------- 05. footer ---------------------------------------- */ #footer { width:970px; float:left; background:url("../images/bg-footer.png") no-repeat; padding:28px 8px 18px 8px; margin:0 -8px} #footer p { text-align:center} #footer p a { color:#FFFFFF} /* ---------------------------------------- 06. breadcrumb ---------------------------------------- */ .breadcrumb{ width:697px; float:left; padding:0 0 25px 0} .breadcrumb ul{ width:697px; float:left; font-size:14px} .breadcrumb ul li{ float:left; color:#dab4da; background:url("../images/arrow01.gif") no-repeat 0 5px; padding:0 5px 0 12px} .breadcrumb ul li.home{ background:none; padding:0} .breadcrumb ul li.home a{ background:url("../images/icon-home.gif") no-repeat 0 2px; padding:0 5px 0 21px} .breadcrumb ul li a{ float:left; color:#dab4da} .breadcrumb ul li a:hover{ text-decoration:none} /* ---------------------------------------- 07. casinoreview page styles ---------------------------------------- */ #leftpanel .casinoreview { width:697px; float:left} #leftpanel .casinoreview h1 { padding-bottom:22px} #leftpanel .casinoreview p { padding-bottom:22px} #leftpanel .casinoreview .rating{ width:697px; float:left; padding-bottom:40px} #leftpanel .casinoreview .rating span{ float:left} #leftpanel .casinoreview .percentage{ width:32px; height:25px; float:left; background:url("../images/bg-rating.gif") no-repeat; text-align:center; color:#000000; padding-top:7px; margin:-7px 4px 0 5px; position:relative} #leftpanel .casinoreview .rating .add { padding-left:25px} #leftpanel .casinoreview .rating .review { padding-left:25px} #leftpanel .screenshotinfo{ width:697px; float:left; padding:0 0 45px 0} #leftpanel .screenshotinfo .screenshot{ width:400px; height:300px; float:left} #leftpanel .screenshotinfo .info{ width:277px; float:left; padding:0 0 0 20px} #leftpanel .screenshotinfo .info p{ line-height:1.1em; padding-bottom:25px} #leftpanel .screenshotinfo .info p span{ font-weight:bold} #leftpanel .casinoreview .buttons{ width:662px; float:left; padding:17px 0 0 48px} #leftpanel .casinoreview .buttons .button{ float:left; line-height:.5em; padding:0 31px 0 0} /* ---------------------------------------- 08. news display page styles ---------------------------------------- */ #leftpanel .newsdisplay { width:697px; float:left; padding-bottom:20px} #leftpanel .newsdisplay h1 { line-height:1.3em; padding-bottom:8px} #leftpanel .newsdisplay h1 span { font-size:14px; font-style:italic} #leftpanel .newsdisplay p { padding-bottom:20px} /* ---------------------------------------- 09. news listing page styles ---------------------------------------- */ #leftpanel .heading { width:697px; float:left; padding-bottom:16px} #leftpanel .heading h1 { float:left} #leftpanel .heading ul { float:right} #leftpanel .heading ul li { float:left; font-size:14px; color:#dab4da; font-weight:bold; border-right:1px solid #ffffff; padding:2px 15px} #leftpanel .heading ul li.nodivider { border:none; padding-right:0} #leftpanel .heading ul li a { float:left; color:#dab4da; text-decoration:underline; padding:3px 0} #leftpanel .heading ul li a:hover {text-decoration:none} #leftpanel .heading ul li a.rss { background:url("../images/icon-rss.png") no-repeat; padding-left:32px} #leftpanel .archives { width:697px; float:left; padding:42px 0 0 0} #leftpanel .archives h3 { padding-bottom:25px} #leftpanel .archives p { padding-bottom:16px} #leftpanel .archives .list { width:683px; float:left; background:#FFFFFF url("../images/bg-bonusbox.gif") no-repeat; border-top:1px solid #cccccc; padding:28px 0 19px 14px} #leftpanel .archives .list .months { width:112px; float:left} #leftpanel .archives .list ul { width:112px; float:left; font-size:14px; color:#8c138c} #leftpanel .archives .list ul.current { width:123px} #leftpanel .archives .list ul li { width:100%; float:left; font-weight:bold; padding-bottom:5px} #leftpanel .archives .list ul li.head { font-size:18px; font-weight:normal; color:#666666; padding-bottom:12px} #leftpanel .archives .list ul li a { color:#8c138c; text-decoration:none} #leftpanel .archives .list ul li a:hover { text-decoration:underline} /* ---------------------------------------- 10. regular page styles ---------------------------------------- */ .pagecontents{ width:697px; float:left; padding:10px 0 18px 0} .pagecontents h3{ padding-bottom:18px} .pagecontents ul{ width:679px; float:left; font-size:14px; padding-left:18px} .pagecontents ul li{ color:#dab4da; background:url("../images/arrow01.gif") no-repeat 0 5px; padding:0 0 11px 12px} .pagecontents ul li a{ color:#dab4da} .pagecontents ul li a:hover{ text-decoration:none} /* --- injected clearfix (WaybackScraper) --- */ .clearfix::after{content:"";display:table;clear:both} .clearfix{display:block}