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

/*-----------------------------------------------------------*/
/*	1b.	Import Font
/*-----------------------------------------------------------*/
@font-face{
	font-family: Gagalin;
	src: url(../font/Gagalin-Regular.otf);
}


/*-----------------------------------------------------------*/
/*	1a.	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;margin:0 auto;} body {background:#730300 url("../images/bg.png") no-repeat top center;}
a{text-decoration:none;color:#fff}

/*-----------------------------------------------------------*/
/*	2.	General Styling
/*-----------------------------------------------------------*/
#wrapatas{
width:970px;
margin:0 auto;
height:198px;
}

/* head */
#header{
width:950px
padding:10px;
margin:0;
float:left;
}

.logo{
background: transparent url('../images/logo.png') no-repeat top center;
float:left;
width:400px;
height:140px;
margin:10px 30px 0;
}

.loginform{
float:right;
margin:28px 120px 25px;
}

nav {
float: left;
margin-left: 175px;
margin-top: 10px;
width: 620px;
}


nav ul li{
float: left;
margin: 10px 10px 0;
padding: 0 10px;
width: 76px;
}

nav ul li a{
font-family:"Roboto Condensed", sans-serif;
font-weight:bold;
font-size:18px;
color:black;
display:block;
text-align:center;
border-bottom:3px solid transparent;
}


@keyframes navigasi{
25% {border-bottom:3px solid yellow}
50% {color:brown;border-bottom:3px solid transparent}
75%{border-bottom:3px solid orange}
100% {color:black;border-bottom:3px solid transparent}
}

nav ul li a:hover{
animation-name:navigasi;
animation-duration:1s;
animation-iteration-count: infinite;
}

#username{
border: medium none;
border-radius: 10px;
box-shadow: 0 0 5px 2px #bbb inset;
height: 30px;
margin: 5px;
padding: 5px 10px;
width: 100px;
}

#password{
border: medium none;
border-radius: 10px;
box-shadow: 0 0 5px 2px #bbb inset;
height: 30px;
margin: 5px 0;
padding: 5px 10px;
width: 100px;
}

#daftar {
  background: transparent url("../images/regbtn.png") no-repeat scroll 2px 2px / 130px auto;
  border: 0 none;
  border-radius: 5px;
  float: right;
  height: 46px;
  margin-top: 0;
  padding: 0;
  width: 130px;
  letter-spacing:2px;
  font-family:"Gagalin", sans-serif;
  font-size:19px;
  color:brown;
  position:relative;
  animation-name:daftarin;
  animation-duration:0.4s;
  animation-iteration-count: infinite;
}

#daftar:hover{
cursor:pointer;
}
#login:hover{
cursor:pointer;
}

@keyframes daftarin{
	from {color:red;text-shadow:0px 0px 3px brown}
	to {color:brown;text-shadow:0px 0px 0px red}
}


#login{
background: transparent url("../images/logbtn.png") no-repeat scroll 2px 2px / 130px auto;
  border: 0 none;
  border-radius: 5px;
  float: right;
  height: 46px;
  margin-right: 10px;
  margin-top: 0;
  padding: 0;
  width: 130px;
   color:black;
  letter-spacing:2px;
  font-family:"Gagalin", sans-serif;
  font-size:19px;
}


#news{
width:100%;
height:30px;
background:transparent url('../images/nav.png') repeat-x;
margin:6px 0 0px;
padding:8px 0 0;
font-size:17px;
font-weight:bold;
font-family: 'Roboto Condensed', sans-serif;
}

#kontak{
margin:10px auto 10px;
color:#fff;
font-family: 'Roboto Condensed', sans-serif;
font-size:16px;
letter-spacing:1px;
font-weight:bold;
}

.wa{
padding:0 10px 5px 52px;
background:transparent url('../images/wa.png') no-repeat;
}

.tele{
padding:0 10px 5px 52px;
background:transparent url('../images/tele.png') no-repeat;
}

.line{
padding:0 10px 5px 52px;
background:transparent url('../images/line.png') no-repeat;
}

.insta{
padding:0 10px 5px 52px;
background:transparent url('../images/insta.png') no-repeat;
}

.phone{
padding:0 10px 5px 52px;
background:transparent url('../images/phone.png') no-repeat;
}


#wrapbawah{
width:970px;
margin:5px auto;
}


.slideshow{
margin:5px 0;
}

#jackpot{
font-family:Gagalin,sans-serif;
width:100%;
height:80px;
}

.tulisan{
float:left;
width:560px;
height:70px;
background:transparent url(../images/jackpotbandarq.png) no-repeat;
}

.bandarjp {
float: left;
font-size: 70px;
left: 32px;
letter-spacing: 4px;
position: relative;
top: -12px;
color:#fff;
}

#transaksi{
background:transparent url(../images/latest-transaksi.png) no-repeat;
height:230px;
margin-bottom:50px;
width:100%;
}

.lastdepo{
float:left;
width:280px;
padding:0 10px;
margin:0 10px 0 0;
}

.iklan{
float:left;
width:350px;
margin:0 30px 0 0;
}

.lastwede{
float:left;
width:280px;
}

.trans{
margin-top:50px;
font-size:18px;
font-family:"Roboto Condensed",sans-serif;
color:white;
font-weight:bold;
text-shadow:1px 0 2px #000;
}

.usern{
padding:5px 8px;
}

.tgl{
padding:5px 30px;
}
.jlh{
padding:5px 0 0 5px;
}
#bank{
text-align:center;
color:#fff;
font-family:"Roboto Condensed",sans-serif;
}