/*
* Tutorial jQuery Swipebox Main Stylesheet
* by I Putu Rama Adithya
* March 18, 2014
*/

@import url("fonts.css");
@import url("button-awesome.css");

/* ----- Reset ----- */

* {
	margin:0;
	padding:0;
	outline:0;
}
img { 
	border:0;
	outline:0;
}
:focus {outline:0;}
input[type="text"] {font-family:inherit;border:none;}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {border:0px;}
input[type="submit"]:focus, input[type="button"]:focus {outline:none;}

/* ----- General ----- */
html{ 
  background: url(../img/bg.jpg) no-repeat center fixed;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background:url(../bg/bg.png) repeat-x;
  background-color:#840000;*/
}

body {
	font-family:"Arial", "Helvetica", "sans-serif", "Calibri", "Arial", "sans-serif";
	padding:10px 70px;
	font-weight:400;
	line-height:1.5em;
	-webkit-font-smoothing:antialiased;
	color:#fff;
	text-shadow:none;
}

.menu {
    font-size: 20px;
    line-height: 10px;
    text-align: center;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    color: #000000;
    text-shadow: #000 1px 0 1px;
    border-radius:50px;
    background: -webkit-gradient(linear,left top,left bottom,from(#f6d325),to(#dfb428));
    background: -moz-linear-gradient(top,#09F,#05386b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09F', endColorstr='#05386b');
    width: 100%;
    height: 50px;
    border-top: 1px solid #122543;
    text-transform:uppercase;
    font-weight:bold;
}

.Copyright,.alt a,.menu {
    font-weight: 700;
}

a {
	text-decoration:none;
	transition:all 0.5s ease-out;
}
a {
	color:#a4af0a;
}
a:hover {
	color:#eeff00
}
::selection {
	background:#3498db;
	color:#fff;
}
::-moz-selection {
	background:#3498db;
	color:#fff;
}
pre ::selection {
	background:#9b59b6;
	color:#fff;
}
pre ::-moz-selection {
	background:#9b59b6;
	color:#fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:inherit;
	font-weight:400;
	margin:21px 0;
}
h1 {
	font-size:32px;
}
h2 {
	font-size:28px;
}
h3 {
	font-size:24px;
}
ul li {
	margin-left:35px;
}
sup {
	font-size:10px;
	background:#3498db;
	padding:3px;
	border-radius:3px;
	color:#fff;
}
p {
	font-size:16px;
}
mark {
	background:rgba(26,188,156,0.3);
	font-family:inherit;
}
ol.list-general li {
	margin-left:20px;
}
.note {
	display:inline-block;
	position:relative;
	background-color:#E7E88C;
	color:#47451B;
	font-size:14px;
	font-style:italic;
	border-radius:5px;
	margin:1em 0;
	width:auto;
	padding:10px 15px;
	border-bottom:1px solid rgba(0,0,0,.1);
	border-right:1px solid rgba(0,0,0,.1);
}
.note:before {
	content:"";
	width:0;
	height:0;
	position:absolute;
	bottom:100%;
	left:15px;
	border:7px solid transparent;
	border-color:transparent transparent #E7E88C;
}
.GoToTop,
.GoToBottom {
	position:fixed;
	cursor:pointer;
	width:40px;
	height:40px;
	border-radius:50%;
	right:10px;
	display:none;
}
.GoToTop {
	background:transparent url(../img/btn/btn_top.png) no-repeat center center;
	bottom:55px;
}
.GoToBottom {
	background:transparent url(../img/btn/btn_bottom.png) no-repeat center center;
	bottom:10px;
}

/* ----- Header ----- */

#header {background:#131313;overflow:hidden; width:1000px; height:110px}
#logo { text-align:center; width:350px; height:auto}
#logo img {width:350px; height:58px; line-height:58px; padding:20px}
.jackpot {width:600px; height:110px; overflow:hidden;font-family:Digital-7, "Open Sans", "Segoe UI", Calibri, Arial, sans-serif}
.totaljackpot2 {width:150px; height:auto; float:right; float:left; padding:30px 0 0 50px;text-align:center; color:#e1f000; font-size:34px}
@keyframes glow {
    from { }

    to {
        box-shadow: 1px 1px 55px 0px rgb(225, 240, 0);
        transform: scaleX(1) scaleY(1);
    }
}

.animate {
    -moz-animation: glow 1s infinite ease-in-out alternate;
    -ms-animation: glow 1s infinite ease-in-out alternate;
    -o-animation: glow 1s infinite ease-in-out alternate;
    -webkit-animation: glow 1s infinite ease-in-out alternate;
    animation: glow 1s infinite ease-in-out alternate;
}

/* ----- Tabs ----- */

.tabs {
	width:auto;
	height:39px;
	margin-bottom:20px;
	margin-top:-9px;
	margin-left:auto;
}
.tabs li {
	float:left;
	margin:0;
	overflow:hidden;
	list-style:none;
	display:block;
	width:auto;
	height:60px;
	font-weight: bolder;
}
.tabs li a {
	float:left;
	width:auto;
	height:20px;
	padding:14px 10px 8px 10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color:#000;
	font-size:12px;
	background-color: #f3ce25;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 2px 2px 2px #fbae00;
	margin-right:2px;
}
.tabs li a:hover {
	display:block;
	float:left;
	width:auto;
	height:20px;
	padding:14px 10px 15px 10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 1px;	
	color:#fff;
	font-size:12px;
	background-color:#d8b304;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 2px 2px 2px #d49609;
	-webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}
.tabs li a.tab-1:before {
	content:"\f046";
}
.tabs li a.tab-2:before {
	content:"\f046";
}
.tabs li a.tab-3:before {
	content:"\f046";
}
.tabs li a.tab-4:before {
	content:"\f046";
}
.tabs li a.tab-5:before{
	content:"\f046";
}
.tabs li a.tab-6:before {
	content:"\f046";
}
.tabs li a.tab-7:before {
	content:"\f046";
}
.tabs li a.tab-8:before {
	content:"\f046";
}
.tabs li a.tab-9:before {
	content:"\f046";
}
.tabs li a.tab-10:before {
	content:"\f046";
}
.tabs li a.tab-11:before {
	content:"\f046";
}
.tabs li a.tab-1:before,
.tabs li a.tab-2:before,
.tabs li a.tab-3:before,
.tabs li a.tab-4:before,
.tabs li a.tab-5:before,
.tabs li a.tab-6:before,
.tabs li a.tab-7:before,
.tabs li a.tab-8:before,
.tabs li a.tab-9:before,
.tabs li a.tab-10:before,
.tabs li a.tab-11:before{
	font-family:"FontAwesome";
	font-weight:normal;
	font-style:normal;
	vertical-align:middle;
	margin:0 8px 0 -6px;
	font-size:14px;
	color:#3498db;
}
/* ----- Content ----- */

#content {
	padding:10px;
}
#content h2 {
	font-size:160%;
	font-weight:700;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:12px;
	font-family:"Open Sans Condensed","Open Sans","Segoe UI",Arial;
}

/* ----- Footer ----- */

footer {
	width:980px;
	margin:0 auto;
	padding:15px 10px;
	background:#131313;
	overflow:hidden;
	border:2px solid #e1f000;
	box-shadow:0 0 5px 5px #e1f000;
}
footer p {
	color:#fff;
	margin:0;
	text-align:center;
	font-size:14px;
}

#theme-changer {
	display:inline-block;
	padding:10px 8px;
	margin:20px 0 5px;
	border:2px dashed #16a085;
}

.blink {
	-webkit-animation: blink .75s linear infinite;
	-moz-animation: blink .75s linear infinite;
	-ms-animation: blink .75s linear infinite;
	-o-animation: blink .75s linear infinite;
	 animation: blink .75s linear infinite;
}
.blink a:hover {color:#fff;}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}

#footer{height: 71px;background: #ccb513 0px 0px repeat-x;}
.copyright {color: #020202;font-weight: bold;margin:-60px 0px 5px 0px;}
.alt_link a{text-decoration:none;color: #fff;}
.alt_link a:hover{text-decoration:none;color: #000000;}