@charset "UTF-8";
/* CSS Document */
/*  
Theme Name: TP Betting Theme 2
Theme URI: #
Description: The custom WordPress theme built by <a href="#"><strong>Top-Programmer</strong></a>.
Author: Top-Programmer
Author URI: #
This theme was built by <a href="#"><strong>Top-Programmer</strong></a>
The CSS, XHTML and design is released under GPL: #
*/


@import url("css.css");
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);



@font-face {
font-family: 'Conv_Call me maybe';
src: url("font/Call me maybe.eot");
src: local('font/Call me maybe.otf'), url("font/Call me maybe.woff") format('woff'), url("font/Call me maybe.ttf") format('truetype'), url("font/Call me maybe.svg") format('svg');
font-weight: normal;
font-style: normal;
}




*{
margin:0px;
padding:0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing: border-box;
word-wrap:break-word;
}
.clear{
clear:both;
}
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }



body{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
line-height:17px;
}



#container{
width:1065px;
margin:0px auto;
padding:0px 10px;
}



#header{
padding:20px 0px 18px;
}
#header .logo{
float:left;
width:50%;
}
#header .logo .logotxt{
font-size:4em;  
font-family: 'Roboto+Condensed';
line-height:84px;
}
#header .logo .logotxt span{
font-size:0.75em;  
}
#header .logo .logoslogan{
margin-left:25px;
font-size:1.167em;  
font-family: 'Roboto Condensed', sans-serif;
line-height:normal;
text-transform:uppercase;
clear:both; 
}
#header .headright{
float:right;
width:50%;
}
.socialbox{
float:right;
width:23%;
margin:0px 0px 15px;
}
.socialbox .socialicon{
float:left;
width:20%;
margin:0px 5% 0px 0px;
}
.socialbox .socialicon img{
float:left;
width:100%;
}
#header .searchform{
float:right;
clear:both;
}
.searchform .s{
float:left;
width:190px;
height:33px;
padding:0px 0px 0px 6px;
border:0px;
line-height:33px;
}
.searchform .ss{
float:left;
width:12px;
height:12px;
margin:11px 11px 10px 10px;
background:url("images/search.png") no-repeat;
border:0px;
cursor:pointer;
}



#menu{
width:100%;
margin:0px 0px 15px;
}
#menu ul{
padding:10px;
text-align:center;
}
#menu ul li{
display:inline-block;
margin:0px 10px 0px 0px;
padding:0px;
list-style:none;
font-size:1.333em;
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
}
#menu ul li a, #menu ul li a:visited{
display:inline-block;
padding:0px 15px;
line-height:30px;
text-decoration:none;
transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
-webkit-transition: background .2s ease-in-out;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#menu ul li a:hover,#menu ul li.current-menu-item a{
text-decoration:none;
}

#mobmenu{
display:none;
margin:0px 0px 15px;
}
#mobmenu .menuicon{
float:left;
width:24px;
height:24px;
margin:13px 10px;
}
#mobmenu .menuicon img:hover{
cursor:pointer;
}
#mobmenu .searchform{
float:right;
margin:8px 10px 7px;
}
.mobmenudiv{
padding:2px 10px 10px;
display:none;
}
.mobmenudiv ul{
text-align:center;
padding:0px;
}
.mobmenudiv ul li{
list-style:none;
padding:0px;
margin-bottom:1px;
}
.mobmenudiv li a,.mobmenudiv li a:visited{
padding:10px 0px;
font-size:1.167em;
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
text-decoration:none;
display:block;
}
.mobmenudiv li a:hover, .mobmenudiv li.current-menu-item a{
text-decoration:none;
}



.featcontainerbox{
margin:35px 0px 50px;
}
.featimage{
float:left;
width:40%;
margin:0px 5%;
}
.featimage img{
width:100%;
float:left;
}
.featcontent{
float:right;
width:50%;
}
.featcontent .feattitle{
margin:0px 0px 10px 0px;
font-family: 'Fjalla One', sans-serif;  
font-size:2.333em;
line-height:normal;
}
.featcontent .featstar{
margin:0px 0px 25px 0px;
}
.featcontent .featbonus{
margin:0px 0px 15px 0px;
font-family: 'Fjalla One', sans-serif;   
font-size:2em;
line-height:normal;
}
.featcontent .featbtn{
float:left;
margin:10px 10px 0px 0px;
}



.welcomebox{
padding:15px;
margin:0px 0px 15px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.welcomebox .title{
margin-bottom:10px;
font-family: 'Roboto Condensed', sans-serif;
font-size:2.333em;
text-transform:uppercase;
line-height:normal;
}




main{
width:100%;
margin-bottom:15px;
}
#content{
float:left;
width:69.86%;
}
.sidebar{
float:right;
width:28.71%;
}



#footer{
width:1065px;
margin:0px auto;
padding:25px 10px;
text-align:center;
}
#footer ul.menu{
margin:0px 0px 15px;
}
#footer ul.menu li{
padding:0px 10px;
list-style:none;
display:inline;
line-height:normal;
font-size:1.167em;
font-family: 'Roboto Condensed', sans-serif;
text-transform:uppercase;
}
#footer ul.menu li.last-menu-item{
border-right:0px;
}
#footer a{
text-decoration:none;
}
#footer a:hover{
text-decoration:none;
}






.bannerbox{
margin:0px 0px 15px;
}
.bannerbox img{
width:100%;
}



.sidefeatbox{
margin-bottom:15px;
padding:15px;
}
.sidefeatbox .sidefeattitle{
margin-bottom:15px;
font-family: 'Roboto Condensed', sans-serif;
font-size:2em;
font-weight:bold;
text-transform:capitalize;
line-height:normal;
}
.sidefeatbox .sidefeatimage{
width:100%;
margin-bottom:15px;
}
.sidefeatbox .sidefeatimage img{
width:100%;
}
.sidefeatbox .sidefeattxt{
margin-bottom:5px;
font-family: 'Roboto Condensed', sans-serif;
font-size:1.5em;
text-transform:capitalize;
line-height:normal;
}

.sidebox{
margin-bottom:15px;
}
.sidebox .title{
margin-bottom:10px;
padding:0px 0px 0px 45px;
font-family: 'Roboto Condensed', sans-serif;
font-size:2em;
text-transform:capitalize;
line-height:normal;
}
.sidebox .content ul{
padding:0px;
}
.sidebox .content ul li{
padding:7px 0px;
list-style:url("images/arrow.png");
list-style-position:inside;
}
.sidebox .content ul li.noarrow{
list-style:none !important;
}
.sidebox img.liimg{
float:left;
width:25%;
margin:0px 10px 0px 0px;
padding:2px;
}





.contentbox{
margin:0px 0px 15px;
}
.contentbox .header{
margin-bottom:10px;
padding:0px 0px 5px 0px;
font-family: 'Roboto Condensed', sans-serif;
font-size:2.333em;
text-transform:capitalize;
line-height:normal;
}
.contentbox .sectionbox{
float:left;
width:100% 
margin:0px 0px 10px ;
padding:10px 0px ;
}
.sectionbox .secimg{
float:left;
width:25%;
}
.sectionbox .secimg img{
float:left;
width:100%;
padding:3px;
}
.sectionbox .content{
float:left;
width:75%;
padding:0px 0px 0px 10px;
}
.sectionbox .title{
margin:0px 0px 10px 0px;
font-family: 'Roboto Condensed', sans-serif;
font-size:1.667em;
font-weight:normal;
line-height:normal;
}
.sectionbox .title a:hover{
text-decoration:none !important;
}



.infobox{
padding:15px;
margin:15px 0px 0px 0px;
}
.infobox .header{
margin-bottom:10px;
font-family: 'Roboto Condensed', sans-serif;
font-size:2.333em;
text-transform:uppercase;
line-height:normal;
}
.homebox{
float:left;
width:50%;
padding:0px 10px;
}
.catdesc{
margin-bottom:25px !important;
}


.screenbox{
margin:15px 0px;
}
.screenbox .title{
margin:10px 0px 10px 25px;
font-family: 'Roboto Condensed', sans-serif;
font-size:2em;
text-transform:capitalize;
line-height:normal;
}
.screenbox .slideimg{
float:left;
width:18%;
margin:0px 1%;
}
.screenbox .slideimg img{
float:left;
width:100%;
padding:5px;
}
.casinobox{
float:left;
width:35%;
padding:15px;
margin:10px;
}
.casinobox .title{
margin-bottom:10px;
font-family: 'Roboto Condensed', sans-serif;  
font-size:2em;
text-transform:capitalize;
line-height:normal;
}
.casinobox .content ul{
padding:0px;
}
.casinobox .content ul li{
padding:7px 0px;
list-style:url("images/arrow.png");
list-style-position:inside;
}



#comments{
margin:15px 0px;
clear:both;
}
#respond{
margin:15px 0px 0px;
}
#respond h3#reply-title{
margin:0px 0px 10px;
padding:0px 0px 10px;
font-family: 'Roboto Condensed', sans-serif;
font-size:2em;
text-transform:capitalize;
line-height:normal;
}
#respond h3#reply-title small a{
float:right;
margin:5px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.5em;
font-weight:normal;
padding:5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
}
#respond h3#reply-title small a:hover{
text-decoration:none !important;
}
#respond p.comment-notes, #respond p.logged-in-as{
padding:5px 10px;
font-size:0.917em;
}
#respond p{
margin:0px 0px 15px 0px !important;
padding:0px;
text-align:left;
}
#respond p.form-allowed-tags{
font-size:0.917em;
}
#respond label {
font-weight: bold;
float:left;
width:15%;
margin-left:5%;
}
#respond input[type=text]{
padding:5px 10px;
width:45%;
font-family:Arial, Helvetica, sans-serif;
}
#respond #comment{
padding:10px;
width:60%;
font-family:Arial, Helvetica, sans-serif;
}


#comments h2.comments-title{
margin:0px 0px 10px;
padding:0px 0px 10px;
font-family: 'Roboto Condensed', sans-serif; 
font-size:2em;
text-transform:capitalize;
line-height:normal;
}
li.comment{
margin-top:10px;
list-style:none !important;
}
ul.children{
padding:0px !important;
}
ul.children li{
margin:5px 2% 0px 6%;
list-style:none !important;
}
.comment .comment-body{
padding:10px;
}
.comment .vcard{
float:left;
width:50%;
}
.comment .vcard img{
float:left;
margin-right:10px;
padding:1px;
}
.comment .comment-awaiting-moderation{
float:right;
width:50%;
padding:5px;
font-size:0.917em;
text-align:center;
}
.comment .commentmetadata{
float:right;
margin:5px 0px;
font-size:0.917em;
font-weight:bold !important;
text-transform: uppercase;
text-align:right;
}
.comment p{
padding:0px 0px 5px 40px;
margin:0px 0px 5px 0px;
clear:both;
}
.comment .reply{
text-align:right;
}
.comment .reply a{
font-size:0.917em;
font-weight:normal;
padding:5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
}
.comment .reply a:hover{
text-decoration:none;
}
.cmnt-alert{
text-transform: uppercase;
padding:7px;
margin-bottom:15px;
}



.table{
width:100%;
padding:1px;
margin-bottom:15px;
}
.table .table-title{
padding:10px;
margin:0px 0px 1px;
font-family: 'Roboto Condensed', sans-serif;
font-size:2em;
text-transform:capitalize;
line-height:normal;
}
.table .table-header{
margin:0px 0px 1px;
font-size:1.167em;
}
.table .table-header .row{
float:left;
padding:10px 5px;
}
.table .table-content{
margin:0px 0px 1px;
line-height:normal;
}
.table .table-content .row{
float:left;
padding:7px 5px;
}
.table .table-content img.attachment-table-thumb{
width:100%;
padding:2px;
}
.table a{
font-weight:bold;
}
.table a.cssbutton, .table a.cssbutton:hover{
padding:0px 10px !important;
line-height:30px !important;
height:30px !important;
cursor:pointer;
font-weight:normal !important;
font-size:1.083em !important;
}
.graph {
float:left;
width:90%;
height:20px;
} 
.graph .bar{
display:block;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
} 



.readmore{
font-weight:bold;
}
p{
margin-bottom:10px;
}
ul{
padding:5px;
}
ul li{
padding:0px 0px 7px 0px;
list-style:url("images/arrow.png");
list-style-position:inside;
}
ul li.pro{
list-style:url("images/right.png") !important;
list-style-position:inside !important;
}
ul li.con{
list-style:url("images/wrong.png") !important;
list-style-position:inside !important;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
img.alignleft{
float:left;
margin:0px 10px 5px 0px;
padding:3px;
}
img.alignright{
float:right;
margin:0px 0px 5px 10px;
padding:3px;
}
h1,h2,h3,h4,h5{
padding:7px 0px;
font-family: 'Roboto Condensed', sans-serif;
font-size:1.5em;
line-height:normal;
font-weight:normal;
}
#content .wp-pagenavi {
float:right;
margin:15px;
font-size:1em;
line-height:normal;
}
#content .wp-pagenavi a:link,
#content .wp-pagenavi a:visited {
padding:7px 10px;
text-decoration:none;
}
#content .wp-pagenavi b,
#content .wp-pagenavi b {
padding:7px 10px;
}
#crumbs{
padding:7px;
font-size:0.917em;
line-height:normal;
margin-bottom:15px;
}
#crumbs a{
text-decoration:underline;
}
#crumbs a:hover{
text-decoration:none;
}



a.cssbutton, p.form-submit input#submit{
padding: 0 13px;
border:0px;
display: inline-block;
overflow: hidden;
vertical-align: top;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: 'Fjalla One', sans-serif;
font-size:1.333em;
cursor:pointer;
text-align:center;
text-decoration:none;
font-weight:normal;
line-height:40px;
height:40px;
transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-webkit-transition: background .5s ease-in-out;
}
a.cssbutton:active {
position:relative;
top:1px;
}
















@media (max-width:479px) {
#container, #footer {
width:100%;
}
#content{
width:100% !important;
}
.sidebar, .bannerbox{
display:none;
}
.homerow1, .homerow3,.homerow4{
display:none;
}
.homerow2{
width:38% !important;
}
.homerow21{
width:13% !important;
}
.homerow22{
width:25% !important;
}
.homerow5{
width:29% !important;
}
.homerow6{
width:33% !important;
}
.table .table-header{
font-size:1em;
}
#comments{
display:none;
}
#footer {
padding:10px;
}
#footer .footerlogo{
display:none;
}
#footer .footercontent{
float:left;
width:100%;
}
#footer ul.menu{
display:none;
}
#header .logo{
width:90% !important;
margin:0px 5%;
text-align:center;
}
#header .logo .logotxt {
height: 60px;
font-size: 5em;
}
#header .headright{
display:none;
}
#menu,#submenu{
display:none;
}
#mobmenu{
display:block;
}
.featcontainerbox{
display:none;
}
.homebox{
width:100%;
padding:0px;
}
.screenbox .title {
margin: 10px 0px;
}
.screenbox .slideimg{
float:left;
width:31%;
margin:0px 1% 10px;
}
.casinobox {
width: 50%;
}
}
@media (min-width:480px) and (max-width:767px) {
#container, #footer {
width:100%;
}
#content{
width:100% !important;
}
.sidebar, .bannerbox{
display:none;
}
.homerow4{
display:none;
}
.homerow1{
width:10% !important;
}
.homerow2{
width:25% !important;
}
.homerow21{
width:8% !important;
}
.homerow22{
width:17% !important;
}
.homerow3{
width:23% !important;
}
.homerow5{
width:20% !important;
}
.homerow6{
width:22% !important;
}
#footer {
padding:10px;
}
#footer .footerlogo{
display:none;
}
#footer .footercontent{
float:left;
width:100%;
}
#footer ul.menu li{
padding:0px 5px;
text-transform:capitalize;
}
#header .logo{
width:70%;
margin:0px 15%;
text-align:center;
}
#header .headright{
display:none;
}
#menu,#submenu{
display:none;
}
#mobmenu{
display:block;
}
.featcontainerbox{
display:none;
}
.homebox{
width:100%;
padding:0px;
}
.featsinglebox{
display:block;
}
.featcontent .featbtn {
margin: 5px 5px 0px 0px;
}
.featcontent .featbtn a.cssbutton{
padding:0px 10px !important;
margin-top:10px;
line-height:30px !important;
height:30px !important;
cursor:pointer;
font-weight:normal !important;
font-size:1.083em !important;
}
.screenbox .title {
margin: 10px 0px;
}
}
@media (min-width:768px) and (max-width:979px) {
#container, #footer {
width:100%;
}
.homerow4{
display:none;
}
.homerow1{
width:10% !important;
}
.homerow2{
width:25% !important;
}
.homerow21{
width:8% !important;
}
.homerow22{
width:17% !important;
}
.homerow3{
width:25% !important;
}
.homerow5,.homerow6{
width:20% !important;
}
#footer .footerlogo .logotxt{
height:50px;
font-size:4em;  
}
.socialbox{
width:25%;
}
.siderow1{
display:none;
}
.siderow2{
width:57% !important;
}
.siderow21{
width:17% !important;
}
.siderow22{
width:40% !important;
}
.siderow3{
width:43% !important;
}
.sidefeatbox a.cssbutton{
padding:0px 10px !important;
margin-top:10px;
line-height:30px !important;
height:30px !important;
cursor:pointer;
font-weight:normal !important;
font-size:1.083em !important;
}
}
@media (min-width:980px) and (max-width:1064px) {
#container, #footer{
width:100%;
}
#footer .footerlogo .logotxt{
height:60px;
font-size:5em;  
}
}
@media (min-width:1065px) {
}
.clearfix::after{content:"";display:table;clear:both}