/*
----------------------------------------
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}