/* =====================================================
    Theme Name: Liga858
	Author: CJ
	Description: Theme for Liga858.com
	Version: 1.0.0
   =================================================== */

/*-----------------------------------------------------------*/
/*	1.	CSS Reset
/*-----------------------------------------------------------*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block} ol, ul {list-style: none} blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none} table {border-collapse: collapse;border-spacing: 0} body {font-family:"Roboto Condensed",sans-serif;}
a{text-decoration:none;color:#fff}


/*-----------------------------------------------------------*/
/*	2.	General Styling
/*-----------------------------------------------------------*/

/* top head wrap */

#headerwrap{
width:960px;
margin:0 auto;
height:165px;
}

#topwrap{
float:right;
height:120px;
}

#loginform{
width:475px;
float:right;
margin-top:-5px;
}

#username{
border: 5px solid #fff;
border-radius: 0 0 5px 5px;
width: 110px;
margin-right: 2px;
}

#password{
border: 5px solid #fff;
border-radius: 0 0 5px 5px;
width: 110px;
margin-right: 2px;
}

#captcha{
border: 5px solid #fff;
width: 35px;
border-radius: 0 0 5px 5px;
}

#login{
height:35px;
width:110px;
border:none;
color:#23212;
font-size:18px;
padding-top:5px;
margin-left: 5px;
font-family: "Roboto Condensed",sans-serif;
background: #dbe590;
background: -moz-linear-gradient(top,  #dbe590 0%, #84a93b 100%);
background: -webkit-linear-gradient(top,  #dbe590 0%,#84a93b 100%);
background: linear-gradient(to bottom,  #dbe590 0%,#84a93b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe590', endColorstr='#84a93b',GradientType=0 );
}

#logositus{
float:left
}

.logo{
float:left;
margin-top:10px;
}

#rightmenu{
float:right;
height:60px;
width:500px;
margin-top:5px;
}

#rightnav{
display: inline-block;
float:left;
width:300px;
margin:15px 0;
}

#rightnav > li{
display: inline-block;
padding:0 20px;
position:relative;
float:left;
border-right:1px solid #010101;
}

#daftar{
width:200px;
height:60px;
float:right;
border:none;
color:#232122;
font-size:26px;
font-family: "Roboto Condensed",sans-serif;
background: #dbe590;
background: -moz-linear-gradient(top,  #dbe590 0%, #84a93b 100%);
background: -webkit-linear-gradient(top,  #dbe590 0%,#84a93b 100%);
background: linear-gradient(to bottom,  #dbe590 0%,#84a93b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe590', endColorstr='#84a93b',GradientType=0 );
animation: 1s ease-in-out 0s alternate none infinite running glow;
-webkit-animation: 1s ease-in-out 0s alternate none infinite running glow;
}



@-webkit-keyframes glow {
0% {
}
100% {
    box-shadow: 1px 1px 16px 0 #a3bf5b;
    transform: scaleX(1) scaleY(1);
}
}

@keyframes glow {
0% {
}
100% {
    box-shadow: 1px 1px 16px 0 #a3bf5b;
    transform: scaleX(1) scaleY(1);
}
}

/* lower head wrap */

#lowerwrap{
float:left;
height:45px;
}

navigation {
display: inline-block;
float: left;
font-family: "Roboto Condensed",sans-serif;
height: 45px;
padding: 0;
width: 960px;
}

navigation ul{
width:385px;
float:left;
}

navigation ul li{
border-right: 1px solid #010101;
display: inline-block;
height: 24px;
margin-top: 10px;
margin-left:-3px;
padding: 3px 10px;
position: relative;
width:56px;
}

navigation ul li a {
border-right: 1px solid #3b3839;
color: #ddd;
left: 0;
padding: 3px 10px 5px;
position: absolute;
text-align: center;
width:55px;
font-size:13px;
}

navigation ul li a:hover {
color: #a3bf5b;
border-bottom: 2px solid #a3bf5b;
transition:0.5s linear;
}

.kontak{
width:473px;
margin:14px 0 0 10px;
float:right;
font-size:14px;
}

.ym{
float:left;
width:120px;
padding-left:22px;
background:transparent url("../images/ym.png") no-repeat scroll 0 0;
color:#fff;
}
.bbm{
float:left;
width:120px;
padding-left:24px;
background:transparent url("../images/bbm.png") no-repeat scroll 0 2px;
color:#fff;
}
.whatsapp{
float:left;
width:165px;
padding-left:22px;
background:transparent url("../images/whatsapp.png") no-repeat scroll 0 2px;
color:#fff;
}

/* middle to bottom */

#middlewrap{
width:960px;
margin:0 auto;
}

.livenews{
float:left;
padding: 7px 35px;
}

#notif{
background:transparent url("../images/livenews.png") no-repeat;
margin:7px 0;
height:35px;
}

#slideshow{
background:#000;
width:650px;
float:left;
height:335px;
}

#result{
width:298px;
margin-left:5px;
background:#ddd;
border:1px solid #fff;
box-shadow: 0 0 1px #010101;
float:right;
height:335px;
}


#result h2 {
  background: #232122 none repeat scroll 0 0;
  color: #a3bf5b;
  height: 30px;
  padding-top: 5px;
  text-align: center;
}

.Togelbox{
width:258px;
margin-left:40px;
}

.Togelbox tr {
line-height:1;
}

.Togelbox tr td{
line-height:1;
}

.TogelCountry{
font-size:14px;
}
.TogelBall{

}

.TogelBall > img{
position:relative;
top:12px;
}
.TogelDate{
font-size:10px;
}

#bannerbox{
width:960px;
padding-top:20px;
float:left;
}

.joinnow{
float:left;
padding-right:13px;
border-right:1px solid #3b3839;
width:300px;
box-shadow:1px 0px 0px #010101;
-moz-box-shadow:1px 0px 0px #010101;
-webkit-box-shadow:1px 0px 0px #010101;
}

.mobile{
float:left;
padding:0 14px;
border-right:1px solid #3b3839;
width:300px;
box-shadow:1px 0px 0px #010101;
-moz-box-shadow:1px 0px 0px #010101;
-webkit-box-shadow:1px 0px 0px #010101;
}

.games{
float:right;
}

#bottomfooter{
color:#a3bf5b;
text-align:center;
width:960px;
}