/*
 * Theme Name: bandarbola
 * Description: bandarbola merupakan salah satu agen situs bola taruhan casino tangkas togel online
 * Author: bandarbola
 * Author URI: http://bandarbola.net/
 * Version: 1.0
 * Template: genesis
 * Template Version: 2.0.2
 */
/* Table of Contents
 * http://bandarbola.net/wp-content/uploads/2016/01/bandarbola-CNY.jpg
 * http://bandarbola.net/wp-content/uploads/2015/07/bb-idulfitri.jpg
 * http://bandarbola.net/wp-content/uploads/2016/05/Euro-bandarbola.jpg
 * http://bandarbola.net/wp-content/uploads/2016/04/bandarbola.jpg
 * http://bandarbola.net/wp-content/uploads/2016/06/Euro-bandarbola-ramadhan.jpg
 * http://bandarbola.net/wp-content/uploads/2017/12/bbChrist-18.jpg
 * - HTML5 Reset
 * - Baseline Normalize
 * - Box Sizing
 * - Float Clearing
 * - Defaults
 * - Typographical Elements
 * - Headings
 * - Objects
 * - Forms
 * - Tables
 * - Structure and Layout
 * - Site Containers
 * - Column Widths and Positions
 * - Column Classes
 * - Common Classes
 * - WordPress
 * - Genesis
 * - Headings
 * - Widgets
 * - Featured Content
 * - Plugins
 * - Genesis eNews Extended
 * - Genesis Latest Tweets
 * - Jetpack
 * - Gravity Forms
 * - Site Header
 * - Title Area
 * - Widget Area
 * - Site Navigation
 * - Header Navigation
 * - Mobile,  Primary and Secondary Navigation
 * - Secondary Navigation
 * - Home Page
 * - Responsive Slider
 * - Widget Areas
 * - Content Area
 * - Content Top
 * - Entries
 * - Entry Navigation
 * - Comments
 * - Sidebars
 * - Footer Widgets
 * - Site Footer
 * - Media Queries
 * - max-width: 1139px
 * - max-width: 1023px
 * - max-width: 767px
 */
/*HTML5 Reset---------------------------------------------------------------------------------------------------- */
/* Baseline Normalizenormalize.css v2.1.2 | MIT License | git.io/normalize--------------------------------------------- */

article,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
audio,
canvas,
video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden] {
    display: none
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
a:focus {
    outline: thin dotted
}
a:active,
a:hover {
    outline: 0
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: bold
}
dfn {
    font-style: italic
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
mark {
    background: #ff0;
    color: #000
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}
pre {
    white-space: pre-wrap
}
q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 0
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}
button,
input {
    line-height: normal
}
button,
select {
    text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto;
    vertical-align: top
}
table {
    border-spacing: 0
}
/* Box Sizing--------------------------------------------- */

.style76,
.style70 {
    color: #fff;
}
*,
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Float Clearing--------------------------------------------- */

.archive-pagination:before,
.clearfix:before,
.entry:before,
.entry-pagination:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
    content: " ";
    display: table;
}
.archive-pagination:after,
.clearfix:after,
.entry:after,
.entry-pagination:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
    clear: both;
    content: " ";
    display: table;
}
/*Defaults---------------------------------------------------------------------------------------------------- */
/* Typographical Elements--------------------------------------------- */

html {
    font-size: 62.5%;
    /* 10px browser default */
}
body {
    background-color: #471001;
    color: #4D4D4D;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.625;
}
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
::-moz-selection {
    background-color: #333;
    color: #fff;
}
::selection {
    background-color: #333;
    color: #fff;
}
a {
    color: #FC0;
    text-decoration: none;
}
a img {
    margin-bottom: -4px;
    margin-bottom: -0.4rem;
}
a:hover {
    color: #333;
}
p {
    margin: 0 0 24px;
    margin: 0 0 2.4rem;
    padding: 0;
    text-align:justify;
}
strong {
    font-weight: 700;
}
ol,
ul {
    margin: 0;
    padding: 0;
}
blockquote,
blockquote::before {
    color: #772E13;
}
blockquote {
    margin: 40px 40px 24px;
    margin: 4rem 4rem 2.4rem;
}
blockquote::before {
    content: "\201C";
    display: block;
    font-size: 30px;
    font-size: 3rem;
    height: 0;
    left: -20px;
    position: relative;
    top: -10px;
}
.entry-content code {
    background-color: #333;
    color: #ddd;
}
cite {
    font-style: normal;
}
.clear {
    clear: both;
}
/* Headings--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #999;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
    margin-bottom: 16px;
    margin-bottom: 1.6rem;
    padding: 0;
}
h1 {
    font-size: 36px;
    font-size: 3.6rem;
}
h2 {
    font-size: 30px;
    font-size: 3rem;
}
h3 {
    font-size: 24px;
    font-size: 2.4rem;
}
h4 {
    font-size: 20px;
    font-size: 2rem;
}
h5 {
    font-size: 18px;
    font-size: 1.8rem;
}
h6 {
    font-size: 16px;
    font-size: 1.6rem;
}
/* Objects--------------------------------------------- */

embed,
img,
object,
video,
.wp-caption {
    max-width: 100%;
}
img {
    height: auto;
    width: auto\0/;
    /* IE8 */
}
/* Forms--------------------------------------------- */

input,
select,
textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #eee inset;
    color: #000;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 10px;
    padding: 1.0rem;
    width: 100%;
}
input:focus,
textarea:focus {
    border: 1px solid #999;
    outline: none;
}
::-moz-placeholder {
    color: #999;
    opacity: 1;
}
::-webkit-input-placeholder {
    color: #999;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button,
.entry-content a.more-link,
.pagelink {
    border: 1px solid #752d17;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    color: #000;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    padding: 6px 18px;
    padding: 0.6rem 1.8rem;
    width: auto;
}
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover,
.entry-content a.more-link:hover,
.pagelink:hover {
    background: #84331a;
    color: #fff;
}
.entry-content .button:hover {
    color: #fff;
}
.button,
.entry-content a.more-link,
.pagelink {
    border-radius: 8px;
    display: inline-block;
}
.pagelink {
    display: table;
    margin-top: 24px;
    margin-top: 2.4rem;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
    display: none;
}
/* Tables--------------------------------------------- */

table.gametable {
    border: 2px solid #FC0;
    padding-bottom: 10px;
    border-radius: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
table.gametable tr td {
    padding: 2px;
}
table.gametable a {
    color: #FC0;
    text-decoration: none;
}
table.gametable a:hover {
    color: white;
}
table {
    line-height: 2;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    width: 100%;
}
tbody {}th,
td {
    text-align: left;
}
th {
    font-weight: bold;
    text-transform: uppercase;
}
td {

}
/*Structure and Layout---------------------------------------------------------------------------------------------------- */
/* Site Containers--------------------------------------------- */

.wrap,
.home .site-inner .home-top .wrap,
.home .site-inner .home-middle .wrap,
.home .site-inner .home-bottom .wrap,
.home.page .site-inner .wrap {
    margin: 0 auto;
    max-width: 1000px;
}
.site-inner,
.home.page .site-inner {
    clear: both;
    position: relative;
    width: 100%;
    z-index: 1;
}
.home .site-inner {
    padding: 0;
}
.home .site-inner .wrap {
    max-width: 1000px;
    margin: 0px auto;
    background: #000;
}
.site-inner .wrap {
    background: #000;
}
.custom-widget {
    float: left;
    width: 250px;
    margin-left: 10px;
	margin-top: 20px;
	margin-top: 2rem;
}
.custom-widget ul {
    list-style: none;
}
.custom-widget li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 6px;
    margin-bottom: 0.6rem;
    word-wrap: break-word;
    border-bottom: 1px solid #666;
}
.custom-widget a:hover {
    color: #fff;
    text-decoration: underline;
}
.primary-sidebar {
    float: left;
    width: 220px;
    margin-right: 5px;
}
.secondary-sidebar {
    float: left;
    width: 220px;
    margin-right: 0px;
}
.primary-sidebar a {
	font-size:14px;
}
/* Column Widths and Positions--------------------------------------------- */
/* Wrapping div for .content and .sidebar-primary */

#announcement {
    color: #FC0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 18px 0px;
    width: 1000px;
    margin: 0px auto;
    font-size: 14px;
}
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
    width: 1000px;
}
.content-sidebar-sidebar .content-sidebar-wrap {
    float: left;
	padding: 20px 0px;
	padding: 2rem 0rem;
}
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
    float: right;
}
/* Content */

.content {
    float: right;
    width: 740px;
	padding: 20px;
	padding: 2rem;
}
.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
    float: left;
}
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
    width: 550px;
    min-height: 1200px;
    padding: 0px 30px;
}
.full-width-content .content {
    width: 100%;
}
/* Primary Sidebar */

.sidebar-primary {
    float: right;
    width: 220px;
}
.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
    float: left;
}
/* Secondary Sidebar */

.sidebar-secondary {
    float: left;
    width: 220px;
    margin-left: 10px;
}
.content-sidebar-sidebar .sidebar-secondary {
    float: right;
}
/* Column ClassesLink: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
    float: left;
    margin-left: 2.564102564102564%;
}
.one-half,
.three-sixths,
.two-fourths {
    width: 48.717948717948715%;
}
.one-third,
.two-sixths {
    width: 31.623931623931625%;
}
.four-sixths,
.two-thirds {
    width: 65.81196581196582%;
}
.one-fourth {
    width: 23.076923076923077%;
}
.three-fourths {
    width: 74.35897435897436%;
}
.one-fifth {
    width: 17.9%;
}
.one-sixth {
    width: 14.5%;
}
.five-sixths {
    width: 82.90598290598291%;
}
.first {
    clear: both;
    margin-left: 0;
}
.clear-line {
    border-bottom: 1px solid #7D7C71;
    clear: both;
    margin-bottom: 10px;
    margin-bottom: 1rem;
    padding-top: 10px;
    padding-top: 1rem;
}
/*Common Classes---------------------------------------------------------------------------------------------------- */
/* WordPress--------------------------------------------- */

.avatar {
    float: left;
}
.alignleft .avatar {
    margin-right: 24px;
    margin-right: 2.4rem;
}
.alignright .avatar {
    margin-left: 24px;
    margin-left: 2.4rem;
}
.search-form input[type="submit"] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
}
.sticky {}img.centered,
.aligncenter {
    display: block;
    margin: 0 auto 24px;
    margin: 0 auto 2.4rem
}
img.alignnone {
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}
.alignleft {
    float: left;
    text-align: left;
}
.alignright {
    float: right;
    text-align: right;
}
img.alignleft,
.wp-caption.alignleft {
    margin: 0 24px 24px 0;
    margin: 0 2.4rem 2.4rem 0;
}
img.alignright,
.wp-caption.alignright {
    margin: 0 0 24px 24px;
    margin: 0 0 2.4rem 2.4rem;
}
.wp-caption-text {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
}
.gallery-caption {}.widget_calendar table {
    width: 100%;
}
.widget_calendar td {
    text-align: center;
}
/* Genesis--------------------------------------------- */

.breadcrumb {
    margin-bottom: 20px;
    margin-bottom: 2rem;
}
.archive-description,
.author-box {
    background-color: #fff;
    margin-bottom: 40px;
    margin-bottom: 4rem;
}
.archive-description {
    padding: 40px 40px 24px;
    padding: 4rem 4rem 2.4rem;
}
.author-box {
    padding: 40px;
    padding: 4rem;
}
.author-box-title {
    color: #333;
    font-family: 'Yanone Kaffeesatz', Arial, Helvetica, Tahoma, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 4px;
    margin-bottom: 0.4rem;
}
.author-box a {
    border-bottom: 1px solid #ddd;
}
.author-box p {
    margin-bottom: 0;
}
.author-box .avatar {
    margin-right: 24px;
    margin-right: 2.4rem;
}
/* Headings--------------------------------------------- */

.entry-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1;
    display: block;
    font-weight: bold;
}
h4.widget-title {
    display: block;
	background: rgba(40,40,40,0.5);
    color: #FFF;
	text-shadow: 1px 1px 1px #000;
    font-size: 18px;
    padding: 5px 0px 5px 10px;
    margin-bottom: 10px;
	border-radius: 5px;
}
.entry-title a,
.sidebar .widgettitle a {
    color: #333;
}
.entry-title a:hover {
    color: #FFF;
}
.widgettitle {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
}
.sidebar .widgettitle a {
    border: none;
}
.archive-title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}
/*Widgets---------------------------------------------------------------------------------------------------- */
/* Featured Content--------------------------------------------- */

.featured-content .entry {
    margin-bottom: 20px;
    margin-bottom: 2rem;
    padding: 0 0 24px;
    padding: 0 0 2.4rem;
}
.featured-content .entry-title {
    border: none;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2;
}
.featured-content .entry-title a {
    border: none;
}
/*Plugins---------------------------------------------------------------------------------------------------- */
/* Genesis eNews Extended--------------------------------------------- */

.enews-widget {
    color: #999;
}
.enews-widget .widgettitle {
    color: #fff;
}
.enews-widget input {
    margin-bottom: 16px;
    margin-bottom: 1.6rem;
}
.enews-widget input:focus {
    border: 1px solid #ddd;
}
.enews-widget input[type="submit"] {
    background-color: ##772E13;
    color: #fff;
    margin: 0;
    width: 100%;
}
.enews-widget input:hover[type="submit"] {
    background-color: #fff;
    color: #333;
}
/* Genesis Latest Tweets--------------------------------------------- */

.latest-tweets ul li {
    margin-bottom: 16px;
    margin-bottom: 1.6rem;
}
/* Jetpack--------------------------------------------- */

img#wpstats {
    display: none;
}
/* Gravity Forms--------------------------------------------- */

div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 16px;
    padding: 1.6rem;
}
div.gform_wrapper .ginput_complex label {
    padding: 0;
}
div.gform_wrapper li,
div.gform_wrapper form li {
    margin: 16px 0 0;
    margin: 1.6rem 0 0;
}
div.gform_wrapper .gform_footer input[type="submit"] {
    font-size: 14px;
    font-size: 1.4rem;
}
/*Site Header---------------------------------------------------------------------------------------------------- */

#header {
    width: 1000px;
    height: 278px;
    background: url('http://bandarbola.net/wp-content/uploads/2016/04/bandarbola.jpg') no-repeat;
    background-size: 1000px auto;
    margin: 0px auto;
}
.site-header {
    background: url(images/bg.jpg) repeat center top #F7F2DE;
}
.head-title {
    padding-top: 250px;
    margin-left: 20px;
    font-size: 14px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #FC0;
    text-shadow: 1px 1px 1px #000;
}
/* Title Area--------------------------------------------- */

.title-area {
    font-weight: 700;
    float: left;
    padding: 10px 0 12px;
    padding: 1rem 0 1.2rem;
    width: 360px;
}
.header-image .title-area {
    padding: 0;
}
.site-title {
    font-family: 'Piedra', Arial, Helvetica, Tahoma, sans-serif;
    font-size: 60px;
    font-size: 6rem;
    line-height: 0.9;
    margin: 0;
    position: relative;
    text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.5);
    z-index: 2;
}
.site-title a,
.site-title a:hover {
    color: #FFF;
}
.site-description {
    font-family: 'Rock Salt', Arial, Helvetica, Tahoma, sans-serif;
    color: #7F592A;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}
/* Full width header,  no widgets */

.header-full-width .title-area,
.header-full-width .site-title {
    width: 100%;
}
.header-image .site-description,
.header-image .site-title a {
    display: block;
    text-indent: -9999px;
}
/* Logo,  hide text */

.header-image .site-header .wrap {
    background: url(images/logo.png) no-repeat left;
    padding: 0;
}
.header-image .site-title a {
    float: left;
    min-height: 90px;
    width: 100%;
}
/* Widget Area--------------------------------------------- */

.site-header .widget-area {
    float: right;
    text-align: right;
    width: 740px;
}
.site-header .widget-area {
    padding: 52px 0 0;
    padding: 5.2rem 0 0;
}
.site-header .search-form {
    float: right;
    max-width: 300px;
    width: 100%;
}
.site-header .search-form input {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 6px 12px;
    padding: 0.6rem 1.2rem;
}

.custom-widget .widget-wrap {
	background: rgba(20,20,20,0.8);
	border-radius: 5px;
	margin-bottom: 10px;
	margin-bottom: 1rem;
	color: #999;
}

.widget-wrap  ul {
	padding: 0px 10px;
	padding: 0px 1rem;
	padding-bottom: 10px;
	padding-bottom: 1rem;
}
/*Site Navigation---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
    clear: both;
    color: #999;
    font-family: Arial, Helvetica, Tahoma, sans-serif;
    line-height: 1.5;
    width: 100%;
}
.genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: left;
}
.genesis-nav-menu a {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.075);
    color: #999;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 11px 15px;
    padding: 1.1rem 1.5rem;
    position: relative;
}
.genesis-nav-menu .sub-menu {
    background: #752d17;
    left: -9999px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    width: 200px;
    z-index: 99;
}
.genesis-nav-menu .sub-menu a {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 8px 15px;
    padding: 0.8rem 1.5rem;
    position: relative;
    width: 200px;
}
.genesis-nav-menu .sub-menu .sub-menu {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    margin: -35px 0 0 199px;
}
.genesis-nav-menu .menu-item:hover {
    position: static;
}
.genesis-nav-menu .menu-item:hover > .sub-menu {
    left: auto;
    opacity: 1;
}
.genesis-nav-menu > .first > a {
    padding-left: 0;
}
.genesis-nav-menu > .last > a {
    padding-right: 0;
}
.genesis-nav-menu > .right {
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 12px;
    font-size: 1.2rem;
    list-style-type: none;
    padding: 11px 15px;
    padding: 1.1rem 1.5rem;
}
.genesis-nav-menu > .right > a {
    display: inline;
    padding: 0;
}
.genesis-nav-menu > .rss > a {
    margin-left: 48px;
    margin-left: 4.8rem;
}
.genesis-nav-menu > .search {
    padding: 3px;
    padding: 0.3rem 0 0;
}
.genesis-nav-menu input {
    padding: 8px;
    padding: 0.8rem;
}
/* Site Header Navigation--------------------------------------------- */

.site-header .sub-menu {
    border-top: 1px solid #eee;
}
.site-header .sub-menu .sub-menu {
    margin-top: -55px;
}
/* Mobile,  Primary and Secondary Navigation--------------------------------------------- */

.nav-mobile,
.nav-primary,
.nav-secondary {
    width: 1000px;
    margin: 0px auto;
    background: #222;
    border-bottom: 1px solid #FC0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 99;
}
.nav-mobile .menu-item,
.nav-primary .menu-item,
.nav-secondary .menu-item {
    float: left;
}
.nav-mobile a,
.nav-primary a,
.nav-secondary a {
    color: #000;
    font-size: 14px;
	font-weight: bold;
    text-transform: uppercase;
}
.nav-mobile a:hover,
.nav-mobile .current-menu-item > a,
.nav-primary a:hover,
.nav-primary .current-menu-item > a,
.nav-secondary a:hover,
.nav-secondary .current-menu-item > a {
    color: #000;
}
.nav-mobile a:hover,
.nav-primary a:hover,
.nav-secondary a:hover {
    text-decoration: underline;
}
/* Secondary Navigation--------------------------------------------- */

.nav-secondary {
    background: #FC0;
    z-index: 98;
}
.nav-secondary a:hover {
}
.nav-secondary .genesis-nav-menu .sub-menu {
}
/*Home Page---------------------------------------------------------------------------------------------------- */
/* Responsive Slider--------------------------------------------- */

.terragon #genesis-responsive-slider {
    -webkit-font-smoothing: antialiased;
    background: none;
    border: none;
    box-shadow: 0 0 15px rgba(0, 0, 0, 1);
    margin: 0;
    padding: 0;
}
.terragon .flexslider {
    background: none;
}
.terragon .slide-excerpt {
    filter: alpha(opacity=100);
    margin: 0;
    opacity: 1.0;
    padding: 22px 40px 22px 20px;
    padding: 2.2rem 4rem 2.2rem 2rem;
}
html > body.terragon .slide-excerpt-border {
    border: none;
    margin: 0;
    padding: 0;
}
.terragon .slider-next,
.terragon .slider-previous {
    margin: 0 -40px;
    margin: 0 -4rem;
}
.terragon .flex-control-nav {
    margin: 20px 0;
    margin: 2rem 0;
}
/* Widget Areas--------------------------------------------- */

.home {
    font-size: 12px;
    font-size: 1.2rem;
}
.home p {
    font-size: inherit;
}
.home-top {
    background: url(images/dark-bg.jpg) repeat center top #2F2B22;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    clear: both;
    color: #aaa;
    padding: 30px 0 20px;
    padding: 3rem 0 2rem;
    position: relative;
    z-index: 4;
}
.home-top p {
    color: #aaa;
    font-size: 14px;
    font-size: 1.4rem;
}
.home-top .widgettitle {
    color: #f2f2f2;
    font-size: 36px;
    font-size: 3.6rem;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
}
.home-top .button,
.home-top .entry-content a.more-link {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 7px 27px;
    padding: 0.7rem 2.7rem;
}
.home-top-left {
    float: left;
    margin: 0 0 20px;
    margin: 0 0 2rem;
    width: 66%;
}
.home-top-right {
    float: right;
    margin: 0 0 20px;
    margin: 0 0 2rem;
    width: 31%;
}
.home-top-right .widget {
    border-top: 1px solid #666;
    padding-top: 20px;
    padding-top: 2rem;
}
.home-top-right .widget:first-child {
    border: none;
    padding: 0;
}
.home-middle {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    clear: both;
    padding: 50px 0 0;
    padding: 5rem 0 0;
    position: relative;
    text-align: center;
    z-index: 3;
}
.home-middle p {
    font-size: 14px;
    font-size: 1.4rem;
}
.home-middle .featured-content .entry {
    margin-bottom: 0;
    padding-bottom: 0;
}
.home-middle .featured-content .entry-title,
.home-middle .widgettitle {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 6px;
    margin-bottom: 0.6rem;
}
.home-middle img {
    border: 1px solid #333;
    margin-bottom: 10px;
    margin-bottom: 1rem;
}
.home-middle .entry-content a.more-link {
    display: table;
    margin: 10px auto 0;
    margin: 1rem auto 0;
}
.home-middle-left {
    float: left;
    margin: 0 2% 20px 0;
    margin: 0 2% 2rem 0;
    width: 32%;
}
.home-middle-center {
    float: left;
    margin: 0 0 20px;
    margin: 0 0 2rem;
    width: 32%;
}
.home-middle-right {
    float: right;
    margin: 0 0 20px;
    margin: 0 0 2rem;
    width: 32%;
}
.home-bottom {
    border-top: 1px solid #D6C1AC;
    clear: both;
    padding: 40px 0 30px;
    padding: 4rem 0 3rem;
}
.home-bottom p {
    font-size: 14px;
    font-size: 1.4rem;
}
.home-bottom .featured-content .entry {
    margin: 0;
    padding: 0;
}
.home-bottom .featured-content h2.entry-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 3px;
    margin-bottom: 0.3rem;
}
.home-bottom .entry-title a {
    color: #722B18;
}
.home-bottom .entry-title a:hover {
    text-decoration: underline;
}
.home-bottom .entry-content a.more-link {
    background: none;
    border: none;
    box-shadow: none;
    color: #722B18;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}
.home-bottom .entry-content a.more-link:hover {
    text-decoration: underline;
}
.home-bottom-left {
    float: left;
    margin: 0 0 20px;
    margin: 0 0 2rem;
    width: 48%;
}
.home-bottom-right {
    float: right;
    margin: 0 0 20px;
    margin: 0 0 2rem;
    width: 48%;
}
/*Content Area---------------------------------------------------------------------------------------------------- */

.icongame {
    text-align: center;
}
.icongame img {
    position: relative;
    top: 3px;
}
#kabarwrap {
    margin-top: 10px;
    text-align: justify;
}
#kabarwrap h3 {
    display: block;
    width: 618px;
    background: #FC0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding-left: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 18px;
    color: #000;
}
#kabarwrap ul {
    list-style: none;
}
#kabarwrap li {
    padding: 3px 0px;
    list-style: none;
}
#kabarwrap .readmore {
    float: right;
}
.kabarimg {
    float: left;
}
.kabarimg img {
    border: 2px solid #ccc;
}
.kabarbrt {
    float: right;
    width: 515px;
    font-size: 12px;
}
.kabarentry {
    padding: 10px 10px;
    color: #aaa;
}
.kabartitle a {
    font-size: 14px;
    color: #FC0;
}
.kabartitle a:hover {
    color: #fff;
    text-decoration: underline;
}
.kabartitle h4 {
    margin-bottom: 4px;
    line-height: 14px;
}
/* Content Top--------------------------------------------- */

.content-top {
    background: url(images/dark-bg.jpg) repeat center top #2F2B22;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    clear: both;
    color: #ccc;
    padding: 20px 0;
    padding: 2rem 0;
    position: relative;
    z-index: 2;
}
.content-top .widgettitle {
    color: #F2F2F2;
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 8px;
    margin-bottom: 0.8rem;
}
.content-top a.button {
    margin-top: -10px;
    margin-top: -1rem;
}
/* Entries--------------------------------------------- */

.entry {
    margin-bottom: 10px;
    margin-bottom: 1rem;
    padding: 0;
    color: #bbb;
}
.entry-content a {
    color: #FC0;
}
.entry-content a:hover {
    color: #FFF;
}
.entry-content .attachment a,
.entry-content .gallery a {
    border: none;
}
.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
    margin-bottom: 26px;
    margin-bottom: 2.6rem;
    color: #999;
    text-align: justify;
    font-size: 14px;
    font-size: 1.4rem;
}
.entry-content ol,
.entry-content ul {
    margin-left: 40px;
    margin-left: 4rem;
}
.entry-content ol li {
    list-style-type: decimal;
}
.entry-content ul li {
    list-style-type: disc;
}
.entry-content ol ol,
.entry-content ul ul {
    margin-bottom: 0;
}
.entry-content .search-form {
    width: 50%;
}
.entry-meta {
    clear: both;
    color: #999;
    font-size: 14px;
    font-size: 1.4rem;
}
.entry-meta a {}.entry-meta a:hover {
    color: #fff;
}
.entry-header .entry-meta {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}
.entry-footer .entry-meta {
    border-top: 1px solid #7D7C71;
    margin: 0;
    padding: 12px 0 18px;
    padding: 1.2rem 0 1.8rem;
}
.entry-comments-link::before {
    content: "\2014";
    margin: 0 6px 0 2px;
    margin: 0 0.6rem 0 0.2rem;
}
.entry-categories,
.entry-tags {
    display: block;
}
/* Entry Navigation--------------------------------------------- */

.navigation {
    clear: both;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 40px 0;
    margin: 4rem 0;
}
.entry .navigation a {
    border-bottom: 1px solid #ddd;
}
.navigation li {
    display: inline;
}
.navigation li a {
    background-color: #333;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 8px 12px;
    padding: 0.8rem 1.2rem;
}
.navigation li a:hover,
.navigation li.active a {
    background-color: #772E13;
}
/* Comments--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
    margin-bottom: 40px;
    margin-bottom: 4rem;
    padding-top: 20px;
    padding-top: 2rem;
    color: #ccc;
}
.entry-comments h3,
.comment-respond h3 {
    font-size: 18px;
    font-weight: bold;
    color: #999;
}
.comment-respond a,
.entry-comments a {
    border-bottom: 1px solid #ddd;
}
.entry-comments .comment-author {
    margin-bottom: 0;
}
.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
    width: 50%
}
.comment-respond label {
    display: block;
    margin-right: 12px;
    margin-right: 1.2rem;
}
.comment-list li,
.ping-list li {
    list-style-type: none;
}
.comment-list li {
    border: 1px dotted #FC0;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    padding: 10px;
    padding: 1.0rem;
}
.comment-list ul.children {
    margin: 15px 30px;
    margin-left: 1.5rem 3rem 0;
}
.comment-list li li {
    border: none;
    margin: 0;
    padding: 0;
}
li.comment {}.comment .avatar {
    margin: 0 16px 24px 0;
    margin: 0 1.6rem 2.4rem 0;
}
.entry-pings .reply {
    display: none;
}
.bypostauthor {}.form-allowed-tags {
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-size: 1.4rem;
    padding: 15px;
    padding: 1.5rem;
}
/*Sidebars---------------------------------------------------------------------------------------------------- */

.sidebar {
    margin-top: -30px;
    margin-top: -3rem;
    padding-top: 30px;
    padding-top: 3rem;
}
.content-sidebar .sidebar-primary,
.content-sidebar-sidebar .sidebar-primary,
.content-sidebar-sidebar .sidebar-secondary,
.sidebar-content-sidebar .sidebar-primary {}.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-secondary,
.sidebar-content-sidebar .sidebar-secondary {}.sidebar a {}.sidebar a:hover {
    color: #fff;
    text-decoration: underline;
}
.sidebar p:last-child {
    margin-bottom: 0;
}
.sidebar li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 6px;
    margin-bottom: 0.6rem;
    word-wrap: break-word;
    border-top: 1px solid #0B0B0B;
    border-bottom: 1px solid #0B0B0B;
}
.sidebar ul > li:last-child {
    margin-bottom: 0;
}
.sidebar .widget {
    border-bottom: 1px solid #7D7C71;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    padding: 0 0 20px;
    padding: 0 0 2rem;
}
.content-sidebar .sidebar-primary .widget,
.content-sidebar-sidebar .sidebar-primary .widget,
.content-sidebar-sidebar .sidebar-secondary .widget,
.sidebar-content-sidebar .sidebar-primary .widget {
    padding-left: 20px;
    padding-left: 2rem;
}
.sidebar-content .sidebar-primary .widget,
.sidebar-sidebar-content .sidebar-primary .widget,
.sidebar-sidebar-content .sidebar-secondary .widget,
.sidebar-content-sidebar .sidebar-secondary .widget {
    padding-right: 20px;
    padding-right: 2rem;
}
.sidebar .widget:last-child {
    border: none;
}
.sidebar .entry:last-child {
    margin: 0;
    padding: 0;
}
.sidebar .enews-widget {
    background-color: #333;
}
/*Footer Widgets---------------------------------------------------------------------------------------------------- */

.footer-widgets {
    background: url(images/dark-bg.jpg) repeat center top #2F2B22;
    color: #aaa;
    clear: both;
    padding: 40px 0 16px;
    padding: 4rem 0 1.6rem;
    position: relative;
    z-index: 0;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
    float: left;
    width: 23%;
}
.footer-widgets-1,
.footer-widgets-2 {
    margin-right: 2%;
}
.footer-widgets-4 {
    float: right;
}
.footer-widgets a {
    border-bottom: 1px solid #666;
    color: #999;
}
.footer-widgets a:hover {
    color: #ddd;
}
.footer-widgets a.button,
a.pagelink {
    border: 1px solid #752d17;
    color: #ddd;
}
.footer-widgets a.button:hover,
a.pagelink:hover {
    color: #fff;
}
.footer-widgets .widget {
    margin-bottom: 24px;
    margin-bottom: 2.4rem;
}
.footer-widgets .widgettitle {
    color: #fff;
}
.footer-widgets li {
    list-style-type: none;
    margin-bottom: 6px;
    margin-bottom: 0.6rem;
    word-wrap: break-word;
}
.footer-widgets .search-form input:focus {
    border: 1px solid #ddd;
}
/*Site Footer---------------------------------------------------------------------------------------------------- */

.site-footer {
    background: #471001;
    max-width: 1000px;
    margin: 0px auto;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0 0 20px 0px;
    padding: 0 0 2rem 0rem;
    text-align: left;
}
.site-footer a {
    color: #fc0;
}
.site-footer a:hover {
    color: #fff;
    text-decoration: underline;
}
.site-footer p {
    margin-bottom: 0;
}
#footermenu {
    text-align: center;
}
#creds {
	background: #222;
	color: #fff;
	padding: 10px;
	padding: 1rem;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
}
.fixbanner {
	position: fixed;
	bottom: 20px;
	left: 5px;
}
.data-tables {
    width: 620px;
    color: #ddd;
}
.data-tables td {
    padding: 3px;
}
.odd {
    background: #000;
}
.bannerar {
    margin: 15px 0px;
}
.transaksih {
    width: 620px;
    margin: 15px 0px;
    text-align: center;
    border: 1px solid #FC0;
}
.transaksih a {
    margin: 5px;
}
/*Media Queries---------------------------------------------------------------------------------------------------- */

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .header-image .site-header .wrap {
        background: url(images/logo@2x.png) no-repeat left;
        background-size: 360px 164px;
    }
}
@media only screen and (max-width: 1139px) {
    .wrap,
    .home .site-inner .home-top .wrap,
    .home .site-inner .home-middle .wrap,
    .home .site-inner .home-bottom .wrap {
        max-width: 960px;
    }
    .content-sidebar-sidebar .content-sidebar-wrap,
    .sidebar-content-sidebar .content-sidebar-wrap,
    .sidebar-sidebar-content .content-sidebar-wrap {
        width: 1000px;
    }
    .content {
        width: 620px;
    }
    .site-header .widget-area {
        width: 600px;
    }
    .sidebar-content-sidebar .content,
    .sidebar-sidebar-content .content,
    .content-sidebar-sidebar .content {
        width: 400px;
    }
    .home-top p,
    .home-middle p,
    .home-bottom p {
        font-size: 12px;
        font-size: 1.2rem;
    }
    .sidebar-primary {
        width: 140px;
    }
}
@media only screen and (max-width: 1023px) {
    body {
        background-color: #fff;
    }
    .content-bottom-widget,
    .content,
    .content-sidebar-sidebar .content,
    .content-sidebar-sidebar .content-sidebar-wrap,
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4,
    .home-top,
    .home-top-left,
    .home-top-right,
    .home-middle,
    .home-middle-left,
    .home-middle-center,
    .home-middle-right,
    .home-bottom,
    .home-bottom-left,
    .home-bottom-right,
    .content-top,
    .content-top .wrap,
    .sidebar-content-sidebar .content,
    .sidebar-content-sidebar .content-sidebar-wrap,
    .sidebar-primary,
    .sidebar-secondary,
    .sidebar-sidebar-content .content,
    .sidebar-sidebar-content .content-sidebar-wrap,
    .site-header .widget-area,
    .site-inner,
    .title-area,
    .wrap,
    .home .site-inner .home-top .wrap,
    .home .site-inner .home-middle .wrap,
    .home .site-inner .home-bottom .wrap {
        width: 100%;
    }
    .site-header .wrap {
        padding: 10px 0;
        padding: 1rem 0;
    }
    .header-image .site-header .wrap {
        background-position: center -30px;
    }
    .site-title {
        line-height: 1;
    }
    .site-header .widget-area {
        padding-top: 0;
        text-align: center;
    }
    .site-inner,
    .site-inner .home-top,
    .site-inner .home-middle,
    .site-inner .home-bottom,
    .content-top .wrap {
        padding-left: 5%;
        padding-right: 5%;
    }
    .home .site-inner {
        padding-left: 0;
        padding-right: 0;
    }
    .archive-description,
    .author-box,
    .comment-respond,
    .entry,
    .entry-comments,
    .entry-footer .entry-meta,
    .header-image .site-header .widget-area,
    .site-header {
        padding: 0;
    }
    .genesis-nav-menu .menu-item,
    .site-header ul.genesis-nav-menu,
    .site-header .search-form {
        float: none;
    }
    .genesis-nav-menu a {
        border: none;
    }
    .widget_nav_menu .nav-header a,
    .widget_nav_menu .nav-header a:hover {
        background-color: transparent;
    }
    .genesis-nav-menu,
    .site-description,
    .site-header .title-area,
    .site-header .search-form,
    .site-title {
        text-align: center;
    }
    .site-header .search-form {
        margin: 16px auto;
        margin: 1.6rem auto;
    }
    .genesis-nav-menu li.right {
        display: none;
    }
    .home-top {
        text-align: center;
    }
    .home-top p {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .entry-footer .entry-meta {
        margin: 0;
        padding-top: 12px;
        padding-top: 1.2rem;
    }
    .content-sidebar .sidebar-primary,
    .sidebar-sidebar-content .sidebar-primary,
    .sidebar-sidebar-content .sidebar-secondary,
    .sidebar-content-sidebar .sidebar-primary,
    .sidebar-content .sidebar-primary,
    .content-sidebar-sidebar .sidebar-primary,
    .content-sidebar-sidebar .sidebar-secondary,
    .sidebar-content-sidebar .sidebar-secondary {
        border: none;
        border-top: 4px solid #7D7C71;
        margin-top: 0;
        padding-top: 20px;
        padding-top: 2rem;
    }
    .content-sidebar .sidebar-primary .widget,
    .sidebar-sidebar-content .sidebar-primary .widget,
    .sidebar-sidebar-content .sidebar-secondary .widget,
    .sidebar-content-sidebar .sidebar-primary .widget,
    .sidebar-content .sidebar-primary .widget,
    .content-sidebar-sidebar .sidebar-primary .widget,
    .content-sidebar-sidebar .sidebar-secondary .widget,
    .sidebar-content-sidebar .sidebar-secondary .widget {
        padding-left: 0;
        padding-right: 0;
    }
    .sidebar .widget.enews-widget {
        padding: 40px;
        padding: 4rem;
    }
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4 {
        margin: 0 0 30px;
        margin: 0 0 3rem;
    }
    .site-footer {
        padding: 24px 0;
        padding: 2.4rem 0;
        text-align: center;
    }
    .site-footer .widget-area ul li {
        display: inline-block;
    }
    .site-footer .widget-area ul li a {
        margin: 0 -8px 0 0;
        margin: 0 -0.8rem 0 0;
    }
    .footer-widgets {
        padding: 40px 5% 16px;
        padding: 4rem 5% 1.6rem;
    }
}
@media only screen and (max-width: 767px) {
    #header {
        width: 100%;
        background: #000;
        margin: 0px padding: 10px;
        height: 40px;
    }
    .head-title {
        padding: 0px;
        margin: 0px;
        width: 100%;
    }
    #announcement {
        width: 100%
    }
    #kabarwrap h3 {
        width: 100%;
    }
    .kabarbrt {
        width: 70%;
    }
    .fg_widget {
        width: 100%;
    }
    #footbrt {
        width: 90%;
        padding: 2%;
    }
    .five-sixths,
    .four-sixths,
    .one-fifth,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thirds {
        margin: 0 0 10px;
        margin: 0 0 1rem;
        width: 100%;
    }
}