/*
Theme Name: JackpotWonder
Author: 
Author URI: 
Version: 1.0
Theme URI: 
Description: Theme for "JackpotWonder"
Template:
*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	background: #260739 url("images/bg.jpg") center top no-repeat;
	color: #fff;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
.clr { clear: both;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Layout structure */
.wrap { width: 1078px; margin: 0 auto; }
.site-content { margin: 13px 0 0 0; font-family:Arial, Helvetica, sans-serif; }
.site-content .left-content { float: left; width: 191px; }
.site-content .middle-content {float:left; width:460px; margin-left:30px; font-size:14px; line-height:18px; }
.site-content .right-content {float:right; width:360px; font-size:12px; line-height:20px; }

/* Header */
#header { height: 128px; }
#header .logo-slogan { float: left; margin: 51px 0 0 5px; }
.logo-slogan span { display:block; font: italic 14px Arial, Helvetica, sans-serif; color: #656476; line-height: 18px; }
#header .like-box { float: right; width:110px; height:80px; margin: 27px 0 0 25px; }
#header .banner { float: right; margin: 27px 0 0 0; text-align: center; font: 12px Arial, Helvetica, sans-serif; color: #e5d6ea; }
#header .banner p { margin: 4px 0 0 0; color:#aaa9b2; }

/* Menu */
.menu-top-menu-container { height: 20px; padding:10px 0 10px 0; }
#menu-top-menu li { display: block; float: left; padding: 0 10px 0 10px; background:url("images/menudev.gif") no-repeat right center; }
#menu-top-menu .menu-item-2668 { background:none; } /* last menu item ID */
#menu-top-menu li a {  font: bold 12px Arial, Helvetica, sans-serif; line-height:20px; color: #fff; text-decoration: none; text-shadow: 0px 1px 0px #000; display:block; padding:0 10px 0 10px; }
#menu-top-menu li a:hover, .menu ul li.current_page_item a{ color: #ffcc66; }

/* Left column */
.left-content .left-menu .top-bg { background: url("images/left-menu-bg-top.png") no-repeat; height: 6px; }
.left-content .left-menu .mid-bg { background: url("images/left-menu-bg-mid.png") repeat-y; }
.left-content .left-menu .mid-bg h2 { font: bold 14px Arial, Helvetica, sans-serif; background: url("images/menu-bottom-bg.jpg") bottom no-repeat; margin: 0 3px 0 1px; padding: 5px 5px 10px 16px; }
.left-content .left-menu .mid-bg ul li { display: block; padding: 2px 5px 5px 16px; background: url("images/menu-bottom-bg.jpg") bottom no-repeat; }
.left-content .left-menu .mid-bg ul .page-item-37 { margin-top:20px; }
.left-content .left-menu .mid-bg ul .page-item-37 a, .left-content .left-menu .mid-bg ul .page-item-39 a, .left-content .left-menu .mid-bg ul .page-item-41 a { color:#ffcc66; }
.left-content .left-menu .mid-bg ul .page-item-41 { background:none; }
.left-content .left-menu .mid-bg ul li a {  font: bold 11px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; display:block; padding:2px 0; }
.left-content .left-menu .mid-bg ul li a:hover, .left-content .left-menu .mid-bg ul li.current_page_item a { color: #ffcc66; }
.left-content .left-menu .mid-bg ul li a.color-text { font: bold 11px Arial, Helvetica, sans-serif; color: #ffcc66; text-decoration: none; }
.left-content .left-menu .mid-bg ul li.last { background: none; }
.left-content .left-menu .bottom-bg { background: url("images/left-menu-bg-bottom.png") no-repeat; height: 6px; }

.left-content #bannerJackpot { background:url("images/banner-jackpot.jpg"); display:block; text-indent:-9999px; width:263px; height:219px; margin-left:-72px; margin-top:30px; }

/* Middle column */
.middle-content h1 { font-weight:bold; font-size:19px; margin:5px 0 15px 0; letter-spacing:-1px}
.middle-content h2 { font-weight:bold; font-size:16px; margin:0 0 5px 0; }
.middle-content h2 a, .middle-content h1 a { text-decoration:none; }
.middle-content p { margin:0 0 10px 0; }
.middle-content a { color:#fff; }

/* Right column */
.site-content .right-content .cms-right { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 16px; margin-top:15px; }
.best-jackpots div { float:left; margin:5px 17px; text-align:center; font-size:11px; }

/* Bonus Chart */
.bonus-chart {
	background-image: url("images/sidebarbonustoplist.png");
	height: 359px;
	width: 362px;
	background-position: -10px -7px;
	font-family:Arial, Helvetica, sans-serif;
}
.bonus-chart .cc-row {
	height: 61px;
}
.bonus-chart .cc-row.first {
	height: 113px;
}
.bonus-chart .cc-row .cc-logo {
	float: left;
	width: 112px;
	padding-left:30px;
	text-align:center;
}
.bonus-chart .cc-row .cc-logo img {
	margin: 5px 0 7px 20px;
}
.bonus-chart .cc-row.first .cc-logo img {
	margin: 35px 0 20px 20px;
}
.bonus-chart .cc-row .cc-logo span {
	font-size: 11px;
	font-weight: bold;
	color: #767e75;
	float:left;
}
.bonus-chart .cc-row.first .cc-button span {
	margin-top: 43px;
}
.bonus-chart .cc-row .cc-button {
	float: left;
}
.bonus-chart .cc-row .cc-button span {
	font-size: 12px;
	font-weight: bold;
	color: #d4d6d4;
	display: block;
	line-height: 12px;
	margin-top: 7px;
	margin-bottom: 3px;
	width:207px;
	text-align:center;
}
.bonus-chart .cc-row .cc-button a {
	display: block;
	font-size: 13px;
	line-height: 28px;
	padding-bottom:2px;
	font-weight: bold;
	color: #eeb5b5;
	text-decoration: none;
	text-align: center;
	width: 207px;
}
.bonus-chart .cc-row .cc-button a:hover { text-decoration:underline; color:#fff; }
.bonus-chart .cc-row.first .cc-button a {
	line-height: 40px;
}

/* Footer */
#footer { background:url("images/bg_footer.jpg") no-repeat center top; }
#footer .content { width: 1078px; margin: 0 auto; }
#footer .content .footer-logo { margin: 30px auto 0 auto; width: 825px; height: 50px; }
#footer .content .footer-logo ul li { display: block; float: left; margin: 0 8px; }
#footer .content ul { float: left; }
#footer .content ul li { display: inline;}
#footer .content ul li a { display: block; float: left; font: 12px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; padding: 0 5px; border-left: 1px solid #fff; margin: 11px 0; }
#footer .content ul li a.first { border-left: none; padding: 0 10px 0 0; }
#footer .content .copyright { float: right; font: 12px Arial, Helvetica, sans-serif; margin: 11px 0 11px 15px; }
#footer .content .copyright a { color: #fff; text-decoration: underline; }
#footer .content .copyright a:hover { text-decoration: none; }
#footer .content ul .page-item-20 a { border-left:none; }
#footer .content ul li.page-item-2547 a { border:none; }

/* slider specific CSS */
.review { height: 382px;  margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; background:url("images/bg_bottom.jpg") no-repeat center bottom; }
.review h2 { font-size: 16px; text-align: center; padding: 40px 0 3px 0; }
.review h2 span { color: #06ff12;}
.sliderGallery { position: relative; overflow:hidden; padding:13px 0 10px 0; height: 352px; background:url("images/scrollerbg2.png") repeat-x center top; }
.sliderGallery ul { position: absolute; overflow: none; white-space: nowrap; padding: 0; margin: 0; }
.sliderGallery ul li { display: inline; }
.sliderGallery ul li a { color: #fff; text-decoration: none; }
.sliderGallery ul li table tr td { }
.sliderGallery ul li table tr td table { border-spacing:2px; }
.sliderGallery ul li table tr td table tr td {  background:url("images/slideritembg.png"); font-size:12px; padding:0 5px; }
.sliderGallery ul li table tr td table tr .sl-top { height:225px; text-align: center; }
.sliderGallery ul li table tr td table tr .sl-top .button-play { font-weight:bold;display:block; width:212px; height:40px; text-align:center; line-height:34px; background:url("images/button-play.png"); margin:0 auto; }
.sliderGallery ul li table tr td table tr .sl-top .button-play:hover { text-decoration:underline; }
.sliderGallery ul li table tr td table tr .sl-bottom { height:63px; vertical-align:middle; padding-left:10px; line-height:18px; }
.sliderGallery ul li table tr td table tr div { display:inline-block; margin-bottom:-3px !important; }
.sliderGallery ul li table tr td table tr .sl-bottom strong { font-weight:bold; }
.sliderGallery ul li table tr td table tr .sl-bottom a { color:#999; }
.sliderGallery ul li table tr td table tr .sl-bottom a:hover { color:#fff; }
.sliderGallery ul li table tr td table tr .sl-bottom .read-review { font-size:11px; text-decoration:underline; font-weight:bold; color:#fff; }
.sliderGallery ul li table tr td table tr td h4 { margin:15px 0 10px 0; color:#ffcc66; font-size: 12px; font-weight:bold; }
.sliderGallery ul li table tr td table tr td h4 a {  }
.sliderGallery .slider { width: 1076px; height: 26px; margin: 326px auto 0 auto; padding: 1px; position: relative; background: url("images/scroll-bg.png") no-repeat; }
.sliderGallery .handle { position: absolute; cursor: move; height: 26px; width: 148px; top: 0; background: url("images/scroll-button.png") no-repeat; z-index: 100; }

/* Home page */
.home-title { margin:3px 0 10px 10px; text-align:center;}
.home-h2 { margin:3px 0 10px 10px; text-align:center; font-size:16px; font-weight:bold;}
#tblBonus {
	width: 460px;
	margin-bottom:30px;
}
#tblBonus th {
	font-size:11px;
	line-height:35px;
	padding-top:5px;
	font-weight:bold;
	text-align:center;
	background: url("images/bonustblhdr.png") top center;
}
#tblBonus th.first {
	background-position: top left;
	padding-left:10px;
}
#tblBonus th.last {
	background-position: top right;
}
#tblBonus td {
	font-size:14px;
	line-height:50px;
	color:#000;
	text-align:center;
	vertical-align:middle;
	background: url("images/bonustblbg.png") top center;
}
#tblBonus td.rang {
	background-position: top left;
	font-size:16px;
	padding-left:10px;
}
#tblBonus td.last {
	background-position: top right;
	padding-right:5px;
}
#tblBonus .hr {
	background-image: url("images/bonustblhr.png");
	height: 3px;
}
#tblBonus .ftr td {
	background-image: url("images/bonustblftr.png");
	background-position:center;
	height: 15px;
}
#tblBonus .ftr .first { background-position:left; }
#tblBonus .ftr .last { background-position:right; }
#tblBonus .btn {
	font-size:10px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	line-height: 29px;
	background-image: url("images/btn-01.png");
	text-align: center;
	display: inline-block;
	height: 29px;
	width: 91px;
}
#tblBonus .btn:hover { text-decoration:underline; }
#tblBonus strong { font-weight:bold; }

#welcomeBox { margin-left:10px;font-size:12px; color:#e1e2e1; text-align:center; }
#welcomeBox p { margin-bottom:15px; }
#welcomeBox h3 { font-size:14px; font-weight:bold; color:#fff; margin-bottom:15px; }






#welcomeBox { margin-left:10px;font-size:12px; color:#e1e2e1; }
#welcomeBox p { margin-bottom:15px; }
#welcomeBox h3 { font-size:14px; font-weight:bold; color:#fff; margin-bottom:15px; }

div.postMeta {background-image: url("images/transparence.png");  padding:3px 5px 3px 5px; color:gray; font-size:11px;}
div.postContent {margin-top:5px;font-size:12px;}
div.postTitle {}
div.post { }

.gravatar img { padding:1px; border:1px solid #ccc;float:right;}
div.gravatar {color:gray; font-size:11px;float:right;margin-top:-8px;margin-left:10px;}
div.postbanner { float: right; padding-top:2px;}

div.vidouter {
	float:left;
   width:298px;
   margin-top:5px;
   background-color: #000; 
   margin-right:12px;
   margin-bottom:0px;
   text-align:center; 
   border-color: #5b5b5b; 
   border-width: 2px; 
   border-style: solid;
   }
  
div.vidinner {
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left:-5px;
   margin-right:-5px;
   padding-left:-5px;
   }
   
div.vidbox {
   font-size:12px;
   text-align:center;
   font-weight:bold;
   float:left;
   width:310px;
   }  

div.scrbox {
   font-size:12px;
   text-align:center;
   font-weight:bold;
   float:left;
   width:206px;
   margin-right:15px;
   } 
   
   div.scrboxbig {
   font-size:12px;
   text-align:center;
   font-weight:bold;
   float:left;
   width:300px;
   margin-right:15px;
   } 
   
div.scrouter {
	float:left;
   width:298px;
   margin-top:5px;
   background-color: #000; 
   margin-right:12px;
   margin-bottom:0px;
   text-align:center; 
   border-color: #5b5b5b; 
   border-width: 2px; 
   border-style: solid;
   }
   
div.scroutergame {
	float:left;
   width:204px;
   margin-top:5px;
   background-color: #000; 
   margin-right:12px;
   margin-bottom:0px;
   text-align:center; 
   border-color: #5b5b5b; 
   border-width: 2px; 
   border-style: solid;
   }
  
div.scrinner {
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left:2px;
   margin-right:2px;
   padding-bottom:2px;
   padding-top:2px;
   }
 
div.casinobox { 
   float:right;
   display:block;
   width:270px;
   height:167px;
   padding-top:15px;
   padding-left:10px;
   margin-bottom:35px;
   margin-top:30px;
   background:url("../../../xe-pukire-civo-y/ac707c47_transparence.png");s/whyboxbg.png);
   }


div.div1 {
    position:relative;
}
div.div1a {
   font-weight:bold;
   font-size:11px;
   position:absolute;
   text-align:center;
   top:18px;
   left:330px;
   width:250px;
}

.scrsmall img { margin-top:3px; margin-right:10px; width:106px; height:80px; float:left; padding:1px; border:1px solid #ccc;}
div.scrsmall {float:left; color:gray; font-size:11px;}

div.navigation {text-align: center;}
div.wp-pagenavi span {padding-right:5px;}
div.wp-pagenavi a {padding-right:5px;}


div.butouter {
	margin-left:1px;
	width:300px;
	height:90px;
	background-image: url("../../../images/undercovergame.png");
	background-repeat:no-repeat;
	float:left;
	margin-right:12px;
   }

div.butrec {
	padding:10px 0 0 0; height:35px;
   }
div.butrec img { margin-bottom:-7px; }
   div.butrec2 {
   width:300px;
   text-align:center;
	padding:11px 0 9px 0;
	
   }

div.butinner1 {
	float:left;
   }  
div.butinner1 a {line-height:40px; width:300px; display: block;}
div.butinner2 {
	float:right;
   }
div.butinner2 a {line-height:40px;width:168px;display: block;}
div.butinner2big {
	float:right;padding-top:6px;
   }
div.butinner2big a {line-height:40px;width:168px;display: block;}

div.but2outer {
	margin-left:1px;
	width:206px;
	height:60px;
	background-image: url("../../../images/undercovergame2.png");
	background-repeat:no-repeat;
	float:left;
	margin-right:12px;
   }
   
div.but2outerbig {
	margin-left:1px;
	width:300px;
	height:90px;
	background-image: url("../../../images/undercovergame.png");
	background-repeat:no-repeat;
	float:left;
	margin-right:12px;
   }   
     
 div.butinner {
	float:left;
	padding-top:6px;
   }
   div.but2innerbig {
	float:left;
	padding-top:0px;
   }

  div.but2inner a {padding-top:6px; line-height:40px; width:206px; display: block;}
  div.but2innerbig a {padding-top:6px; line-height:40px; width:300px; display: block;}
  div.but2innerbig2 a {padding-top:6px; line-height:40px; width:128px; display: block;}
  div.butinner a {line-height:40px; width:300px; display: block;}
  
.butouter a:link {text-decoration:none;}
.butouter a:hover {text-decoration:underline;}
.but2outer a:link {text-decoration:none;}
.but2outer a:hover {text-decoration:underline;}
.butouterbig a:link {text-decoration:none;}
.butouterbig a:hover {text-decoration:underline;} 
.but2outerbig a:link {text-decoration:none;}
.but2outerbig a:hover {text-decoration:underline;}

.postContent ul {background-image: url("images/transparence.png");
	padding:6px 8px 0px 22px;
	font-size:11px;
	color:#aaa;
	
	margin-bottom:15px;
	margin-top:5px;
	margin-left:1px;
	}

.postContent ul li {list-style-image: url("images/arrow3.png");margin-bottom:5px;}
ul.casinoinfo {width:113px;margin-right:0px;margin-bottom:10px;float:right;}
ul.casinoinfo strong {font-weight:bold;}
ul.casinoinfo2 {width:268px;margin-right:14px;margin-bottom:10px;float:left;}
ul.casinoinfo2 strong {font-weight:bold;font-size:14px;}
.clearfix::after{content:"";display:table;clear:both}