/*
Theme Name: All Games - Responsive
Description: Template with customizable bonus information
Author: Natalie & made responsive by Devika Gupta (https://www.freelancer.com/u/devikagupta.html)
Version: 1.0
License: All Rights Reserved
Tags: blackjack, poker, casino, slots, scratch-cards, games
*/

body { background: #666666 url('images/design/bkg.png') repeat 0 0; font-size: 12px; line-height: 15px; color: #525252; }
h2, a { color: #525252; }
pre, code { white-space: normal; }
#top { text-align: right; height: 24px; }
.container { max-width: 940px; width: 90%; }
#contentwrapper { background:#F0F0F0; width: 100%; position:relative; z-index:2; overflow:visible; box-shadow: rgba(0,0,0,.9) 0 0 5px 0; }
#header { height: 182px; background: url(images/design/slots/header-bg.png) repeat-x; margin: 0 auto; float:none; padding:0; position:relative; max-width:950px; width: 100%; overflow:hidden; border-radius: 30px 30px 0 0; box-shadow: rgba(0,0,0,.9) 0 0 5px 0; z-index:1; }
#header #title { max-width:297px; display:block; overflow:hidden; position:absolute; left:40px; top:30px; z-index:5; }
#header #title img { max-width:100%; height:auto; }
#header .coins, #header #girl { position:absolute; right:0; display:block; }
#header .coins { z-index:2; width:60%; bottom: 28px; max-width:554px; }
#header #girl { z-index:1; right:32px; bottom: -92px; width:60%; max-width:483px; }
#header #searchbar { margin-top: 20px; }
.post { background: #fafafa; border: solid 1px #eeeeee; padding: 15px; margin-bottom: 30px; }
.post .postheader .headlineIcone { float: right; height: 58px; margin-top: -2px; margin-right: 19px; text-align: center; width: 75px; }
.post .postheader .headlineIcone2 { float: right; height: 42px; margin-top: -23px; margin-right: 19px; text-align: center; width: 75px; }
.post .postheader .commentcount a { text-decoration: none; color: #4884bc; }
.post .postheader .posttitle { color: #FFFFFF; font-family: 'Trebuchet MS', Helvetica, sans-serif; line-height: 20px; }
.post .postheader .posttitle h2 { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 20px; padding: 0; margin: 0; color: #ffffff; }
.post .postheader h2 a { text-decoration: none; color: #ffffff; }
.post .postheader .posttitle .postmeta { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.post .postheader .posttitle .postmeta a { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.post .postcontent p { font-size: 13px; line-height: 21px; margin-bottom: 10px; }
.post .posttags, .post .posttags a { color: #959595; clear: both; margin-top: 20px; text-align: right; }
.commentbox { background: #fff; border: solid 1px #eeeeee; margin: 10px 5px 20px 5px; padding: 15px; _padding: 7px; }
.commentmeta .avatar { float: left; padding-right: 6px; _padding-right: 3px; }
.commenttext { clear: both; margin-top: 10px; }
.commentform input { padding: 0; margin: 0; line-height: 0; }
#commentform .text { width: 300px; margin: 0 0 15px 0; }
#commentform textarea { width: 450px; height: 150px; margin: 0; padding: 5px; }
.navlinks { margin: 0px 5px 40px 5px; }
.navlinks a { text-decoration: none; }
.navlinks img { margin-right: 5px; }
#sidebar { float:right; width: 345px; padding-right:0; margin-top: 17px;}
#sidebar #wrapbox { background: #fafafa; }
#sidebar .sidebarbox { line-height: 20px; margin-bottom: 20px; overflow:hidden; }
#sidebar .sidebarbox a { text-decoration: none; }
#sidebar .sidebarbox ul { list-style-type: none; padding-left: 5px; }
#sidebar .sidebarbox .pages ul { padding-left: 5px; }
#sideTriangle { background: url('images/design/slots/left-table-corner.png') no-repeat 0 0; height: 63px; margin-left: -22px; width: 14px; }
#sidebar .sidebarbox h3 { background: url('images/design/slots/sideBarH.png') repeat-x scroll 0 0 transparent; color: #FFFFFF; font-size: 14px; height: 42px; margin-bottom: 10px; padding-left: 10px; padding-top: 10px; }
#footer { padding: 15px 0 5px 0; background:#F0F0F0; text-align:center; width: 100%; position:relative; z-index:2; overflow:visible; box-shadow: rgba(0,0,0,.9) 0 0 5px 0; position:relative; border-radius:0 0 30px 30px; }
#footer:before { content: ''; display:block; position:absolute; max-width:100%; min-width:100%; width:100%; background:inherit; height:6px; top:-6px; z-index:1; }
.searchform #searchbox { float: left; background: #f1f1f1; border: solid 1px #e3e3e3; width: 120px; height: 14px; font-size: 11px; }
.searchform #searchbutton { height: 18px; width: 18px; margin-left: 6px; border: none; cursor: pointer; background: url('images/searchbutton.jpg') no-repeat 0 0; }/*** Wordpress ***/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 10px 10px 0; }
.alignright { float: right; margin: 0 0 10px 10px; }
.wp-caption { background: #fafafa; border: solid 1px #eeeeee; text-align: center; padding-top: 4px; }
.wp-caption img { float: none; margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0px; margin: 0px; }
#reviewTable { float: left; max-width: 580px; width:100%;  margin-bottom: 30px; margin-left: -14px; }
#tableHeadline-remove { margin-left: 11px; width: 489px; background: url('images/design/slots/topHead.png') repeat-x 0 0; height: 63px; padding-left: 11px; }
#sideTriangle-remove { background: url('images/design/slots/left-table-corner.png') no-repeat 0 0; height: 63px; margin-left: -22px; width: 14px; }
.headlineText { position: relative; margin-top: -55px; font-family: 'Trebuchet MS', Helvetica, sans-serif; color: #ffffff; font-size: 24px; padding-top: 10px; }
#iconeImg { margin-top: -55px; margin-right: 19px; float: right; height: 42px; width: 75px; }
#reviewsBegin { float: none; margin-left: 14px; position: relative; margin-top:-12px; overflow:hidden; }
#leftBright { background: url('images/design/left-white-box.png') repeat-x scroll 0 0 transparent; height: 98px; }
#leftDark { background: url('images/design/left-gray-box.png') repeat-x 0 0; height: 98px; margin-top: -5px; }
.brandLogo { float: left; width: 125px; height: 70px; margin-left: 16px; margin-top: 11px; }
.brandInfo { padding: 12px 20px 0 20px; width: auto; overflow:hidden; height: 70px; text-align: left; font-weight: bold; font-family: 'Trebuchet MS', Helvetica, sans-serif; color: #000000; font-size: 12px; text-overflow:ellipsis; }
.playNow { float: right; margin-top: 14px; margin-right: 20px; }
#bonusTable { float: right; max-width: 345px; width:100%; }
#bonTableHead { background: url('images/design/bonusH.png') repeat-x scroll 0 0 transparent; height: 51px; margin-right: 3px; padding-left: 11px; }
#rSideTriangle { background: url('images/design/right-table-corner.png') no-repeat scroll 0 0 transparent; float: right; height: 75px; margin-right: -14px; margin-top: -44px; position: relative; width: 14px; }
.hText { color: #000000; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 20px; margin-top: 0; padding-top: 18px; }
#rIconeImg { margin-top: -43px; margin-right: 32px; float: right; height: 42px; width: 75px; }
#bonusesBegin { margin-right: 3px; position: relative; width: 100%; }
#rightBright { background: url('images/design/bonus-white-box.png') repeat-x scroll 0 0 transparent; height: 98px; }
#rightDark { background: url('images/design/bonus-grey-box.png') repeat-x 0 0; height: 89px; margin-top: -9px; }
.bonusImageB { float: left; width: 60px; height: 64px; margin-left: 16px; margin-top: 11px; }
.bonusImageD { float: left; width: 60px; height: 64px; margin-left: 16px; margin-top: 11px; }
.bonusInfo { padding: 24px 7px 0 7px; width: auto; overflow:hidden; height: 57px; text-align: left; font-weight: bold; font-family: 'Trebuchet MS', Helvetica, sans-serif; color: #000000; font-size: 12px; text-overflow:ellipsis; }
#slider { float: right; height: 340px; width: 300px; position: relative; margin-right: 40px; }
#slides { position: absolute; top: 15px; left: 4px; z-index: 100; }
.slides_container { width: 300px; height: 300px; overflow: hidden; position: relative; display: none; }
.slides_container a { width: 300px; height: 275px; display: block; }
.slides_container a img { display: block; }
#slides .next, #slides .prev { position: absolute; top: 80px; left: -28px; width: 24px; height: 43px; display: block; z-index: 101; }
#slides .next { left: 300px; }
.sideH { margin-top: 5px; margin-left: 13px; }
.spacer { position: relative; left: 150px; }
.apost { margin-top: 30px; }
.inner { margin-top:0 !important; position:relative; top:-325px; min-height:700px; }
.tagcloud { padding-left: 10px; padding-right: 5px; }
#welcome_text { font-size: 14px; line-height: 20px; }
#welcome_text p { margin-left: 30px; margin-right: 30px; text-align: justify; }
#topMenu { background: #860000 url("images/design/top-menu.png") repeat-x scroll 0 0 ; float: none; height: 42px; margin-bottom: 23px; overflow:hidden; }
#topMenu .tgl { transform: scale(2); display:none; width:25px; height:20px; background:url(images/menu-tgl.png) 50% 50% no-repeat; cursor:pointer; margin: 10px auto 0 auto; text-indent:-9999px; }
#topMenu input#menu_tgl { display:none; }
#topMenu .menu { display: block; text-align: center; padding-top: 14px; }
#topMenu .menu li { color: #FFFFFF; display: inline; font-size: 17px; list-style-type: none; padding-left: 20px; padding-right: 20px; }
#topMenu .menu a { text-decoration: none; color: #FFFFFF; }
#topMenu .menu li.current_page_item a, #topMenu .menu li:hover a { color: #FFCC11; }
#slider_top { height: 220px; max-width: 850px; width:100%; position: relative; left: 45px; top: -10px; }
#slides_top { position: absolute; top: 15px; left: 4px; z-index: 100; }
#slides_top .slides_container { width: 837px; height: 200px; overflow: hidden; position: relative; display: none; }
#slides_top .slides_container a { width: 837px; height: 200px; display: block; }
.slides_top_container a img { display: block; }
#slides_top .next, #slides_top .prev { position: absolute; top: 80px; left: -35px; width: 24px; height: 43px; display: block; z-index: 101; }
#slides_top .next { left: 850px; }
#tableHeadline { margin: 0 -11px 0 11px; background: url('images/design/slots/contentH.png') repeat-x 0 0; height: 63px; padding-left: 11px; }
.post .postheader { padding: 10px; min-height: 40px; background: url('images/design/slots/contentH.png') repeat-x scroll 0 100%; margin-bottom: 21px; }
.post .postcontent p { font-size: 13px; line-height: 20px; margin-bottom: 10px; }
.post .postcontent li { font-size: 13px; line-height: 20px; margin-bottom: 10px; }
.apost .posttitle { padding-left:15px; margin-top:-20px; }
.getnow { float: right; margin-right: 15px; margin-top: 23px; }
#posts { padding-left:0; float:left; padding-right:0; margin-right:0; margin-top:17px; width:580px; }
/*tereza*/
.archives-link{text-align:center; margin-top:-20px;}
.archives-link a{font-size: 17px; font-weight:bold; }
.thumb-post{float: left;    padding: 0 10px 0 0;}
.excerpt-post{float:left; width:370px;}

@media only screen and (max-width: 1060px){
	.inner { top:0; }
	#slider_top, #slider { display:none; }
}
@media only screen and (max-width: 1050px){
	 #posts { width:60%; }
}
@media only screen and (max-width: 1030px){
	#reviewTable { width:60%; }
}
@media only screen and (max-width: 1000px){
	#header .coins { right:-5%; }
	#header #girl { right:-5%; }
	#topMenu { min-height: 42px; height:auto !important; }
	#topMenu .tgl { display:block; }
	#topMenu .menu { height:0; overflow:hidden; }
	#topMenu .menu ul { display:block; margin:0 0 10px 0; padding:0; }
	#topMenu .menu ul li, #topMenu .menu ul li a { display:block; }
	#topMenu .menu ul li a { padding: 10px 0; font-size:18px; }
	#topMenu input[type=checkbox]:checked ~ .menu { height:auto; box-shadow: inset rgba(255,206,37,.5) 0 -10px 10px -2px; }
}
@media only screen and (max-width: 900px){
	#header .coins { bottom:10px; }
}
@media only screen and (max-width: 990px){
	#reviewTable { width: 59%; }
	#posts { width:59%; }
}
@media only screen and (max-width: 950px){
	#reviewTable { width: 56%; }
	#posts { width:56%; }
}
@media only screen and (max-width: 890px){
	#reviewTable { width: 54%; }
	#posts { width:54%; }
}
@media only screen and (max-width: 850px){
	#reviewTable { width: 102%; float:none; max-width:200%; }
	#bonusTable { width:100%; float:none; max-width:200%; }
	#posts { width:100%; float:none; padding-right:0; }
	#sidebar { width:100%; float:none; padding-left:0; }
	.apost .posttitle { padding-left:15px; margin-top:20px; }
	.inner { min-height:0; }
}
@media only screen and (max-width: 800px){
	#reviewTable { width: 102.5%; }
}
@media only screen and (max-width: 540px){
	#reviewTable { width: 103.5%; }
}
@media only screen and (max-width: 460px){
	#reviewTable { width: 104%; }
}
@media only screen and (max-width: 430px){
	#header #title { width: 76%; position:relative; top:0; left:0; margin: 30px auto 30px auto; }
	#header { height:auto; }
	.coins, #girl { display:none !important; }
}
@media only screen and (max-width: 320px){
	#title { margin-left:-5%; }
}