/* #Reset & Basics
================================================== */

* {
	margin: 0;
	padding: 0;
}

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
}

ul, li, ol {
	list-style:none
}

/* render html5 elements as block */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
	font-size:20px;
}

sub {
	bottom: -0.25em
}

img {
	width:auto;
	height:auto;
	max-height:100%;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	line-height:.5em;
}

/*  Custom animations
/*-------------------------------------------------- */
@-webkit-keyframes 
reveal {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
 -webkit-transform: scale(0.98) translateY(-15px);
}
 80% {
 -webkit-transform: scale(1);
}
 100% {
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes 
reveal {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
 -moz-transform: scale(0.98) translateY(-15px);
}
 80% {
 -moz-transform: scale(1);
}
 100% {
 -moz-transform: translateY(0);
}
}


/* #Basic Styles
================================================== */

body {
	font-size:12px;
	color:#000000;
	line-height:20px;
	letter-spacing:normal;
	font-family:Arial, Helvetica, sans-serif;
	background:#efefef;
}

html, body {
  overflow-x: hidden; 
}


/* #Links
================================================== */

a {
	color:#c46b03;
	outline:0;
	cursor:pointer;
	text-decoration:none
}

a, a:visited {
	outline:0
}

a:hover {
	color:#c46b03;
	text-decoration:underline;
	outline:0
}

a:hover {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

a:focus, a:active, a:visited {
	text-decoration:none;
	outline:0
}


/* #Typography
================================================== */

h1, h2, h3, h4, h5, h6 {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3em;
	padding:0 0 9px 0;
	font-weight:normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#000000;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color:#c46b03;
}


h1 {
	font-size:12px;
	font-weight:bold;
}

h2 {
	font-size:12px;
	font-weight:bold;
}

h3 {
	font-size:12px;
	font-weight:bold;
}

p {
	padding:0 0 22px 0
}

em {
	font-style:italic;
}

strong {
	font-weight:bold
}

.bold {
	font-weight:bold
}

.upper {
	text-transform:uppercase
}


/* #Input Styles
================================================= */
input, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline:0;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	outline: 0;
}

input, textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

input:focus, textarea:focus {
	border-color: rgba(240, 81, 53, 0.1);
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow:0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow:0 0 8px rgba(82, 168, 236, 0.6)
}

input, textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

input:focus, textarea:focus {
	border-color:#cdcdcd;
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.input {
	color:#333333
}

.textarea {
	color:#333333
}

:placeholder {
	color:#a8a9aa;
	letter-spacing:normal;
}

.placeholder {
	color:#a8a9aa;
	letter-spacing:normal;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #a8a9aa;
	letter-spacing:normal;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #a8a9aa;
	letter-spacing:normal;
}

.input, .textarea {
	width:100%;
	height:26px;
	float:left;
	background:#ffffff;
	border:1px solid #cdcdcd;
	font-family:"", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:5px 10px
}

.textarea {
	height:210px
}

label {
	width:100%;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000000;
	padding:0 0 3px 0
}


.btn { 
	height:23px;
	float:none;
	display:inline-block;
	background:#1f911e;
	background:-moz-linear-gradient(#23a920, #1b771d); 
	background: -webkit-gradient(linear, left top, left bottom, from(#23a920), to(#1b771d));
	background: -o-linear-gradient(#23a920, #1b771d);
	-pie-background: linear-gradient(#23a920, #1b771d);
	border-radius:4px; 
	behavior: url(http://www.downloadonlinepokies.com/css/PIE.htc);
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	line-height:23px;
	padding:0 6px;
}

.btn:hover { 
	background:#23a920;
	background:-moz-linear-gradient(#23a920, #23a920); 
	background: -webkit-gradient(linear, left top, left bottom, from(#23a920), to(#23a920));
	background: -o-linear-gradient(#23a920, #23a920);
	-pie-background: linear-gradient(#23a920, #23a920);
	color:#FFFFFF;
	text-decoration:none;	
}

.btn-primary { 
	background:#de8425;
	background:-moz-linear-gradient(#de9239, #c56c04); 
	background: -webkit-gradient(linear, left top, left bottom, from(#de9239), to(#c56c04));
	background: -o-linear-gradient(#de9239, #c56c04);
	-pie-background: linear-gradient(#de9239, #c56c04);
}

.btn-primary:hover { 
	background:#de9239;
	background:-moz-linear-gradient(#de9239, #de9239); 
	background: -webkit-gradient(linear, left top, left bottom, from(#de9239), to(#de9239));
	background: -o-linear-gradient(#de9239, #de9239);
	-pie-background: linear-gradient(#de9239, #de9239);
}


/* #Show-Hide Responsive Options
================================================== */

.show_mobile1 {
	display:none
}

.hide_mobile1 {
	display:block
}

.show_mobile2 {
	display:none
}

.hide_mobile2 {
	display:block
}

.show_mobile3 {
	display:none
}

.hide_mobile3 {
	display:block
}

.show_ipad1 {
	display:none
}

.hide_ipad1 {
	display:block
}

.show_ipad2 {
	display:none
}

.hide_ipad2 {
	display:block
}


/*= Grow & flip
=======================================================*/

.grow {
	display: inline-block;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grow:hover, .grow:focus, .grow:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.flip {
	-webkit-transition: all 0.9s ease-out;
	-moz-transition: all 0.9s ease-out;
	-ms-transition: all 0.9s ease-out;
	-o-transition: all 0.9s ease-out;
	transition: all 0.9s ease-out;
	cursor:pointer
}

.flip:hover {
	-webkit-transform: rotateY(360deg);
	-webkit-box-sizing: border-box;
	-moz-transform: rotateY(360deg);
	-moz-box-sizing: border-box;
	-o-transform: rotateY(360deg);
	-o-box-sizing: border-box;
	transform: rotateY(360deg);
	box-sizing: border-box;
	cursor:pointer
}

.outer-bg { 
	width:100%; 
	height:100%; 
	display:table
}

.inner-bg { 
	width:100%; 
	height:100%; 
	display:table-cell; 
	vertical-align:middle
}


/* #Main 
=======================================================*/

.container-main {
	width:100%;
	float:left;
	position:relative;
}

.container {
	width:100%;
	max-width:840px;
	padding:0 20px;
	margin:0 auto;
}

.container-box {
	width:100%;
	float:left;
	background:#FFFFFF;
	border-left:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	box-shadow:inset #cdcdcd 2px -2px 7px, inset #cdcdcd -1px 0 4px;
	behavior: url(http://www.downloadonlinepokies.com/css/PIE.htc);
	position:relative;
	padding:15px;
}

.heading-main {
	width:100%;
	float:left;
	background:#1b1b1b;
	background:-moz-linear-gradient(#333333, #010101);
	background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#010101));
	background: -o-linear-gradient(#333333, #010101);
	-pie-background: linear-gradient(#333333, #010101);
	behavior: url(http://www.downloadonlinepokies.com/css/PIE.htc);
	position:relative;
	padding:7px 7px 5px 7px;
}

.heading-main h1 {
	width:100%;
	float:left;
	color:#FFFFFF;	
	padding:0;
}

.heading-main h2 {
	width:100%;
	float:left;
	color:#FFFFFF;	
	padding:0;
}

.heading-main h3 {
	width:100%;
	float:left;
	color:#FFFFFF;	
	padding:0;
}

.more { 
	width:100%; 
	float:left; 
}

.more a { 
	color:#c46b03;
	font-weight:bold
}


/* #Header
=======================================================*/

header {
	width:100%;
	float:left;
	min-height:81px;
	background:url(../images/bg01.png) no-repeat top center;
	padding:9px 11% 9px 14%;
}

header .logo {
	width:251px;
	float:left;
	font-size:30px;
	color:#FFFFFF;
	font-family:"akzidenz-grotesk_bq_light_cRg", Arial, Helvetica, sans-serif;
	line-height:24px;
	margin:8px 0 0 0 
}

header .logo span {
	float:left;
	font-size:18px;
	padding-left:45px;
}

header .logo a {
	width:100%;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
}

header .banner-add {
	width:234px;
	float:right;
	text-align:right;
	padding:0;
}

.menu-bar {
	width:28px;
	height:28px;
	float:left;
	background:#de9239 url(../images/icon-menubar.png) no-repeat center center;
	background-size:17px auto;
	border-radius:1px; 
	behavior: url(http://www.downloadonlinepokies.com/css/PIE.htc);
	position:absolute;
	top:10px;
	left:10px;
	text-indent:-99999px;
	cursor:pointer;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition:none;
	z-index:100;
	display:none
}

.menu-bar.active {
	background:#c56c04 url(../images/icon-close01.png) no-repeat center center;
	background-size:17px auto;
}



/* #Content - Main
=======================================================*/

.content-main {
	width:100%;
	float:left;
	padding:15px 0 0 0
}

.left-panel {
	width:170px;
	float:left;
	margin-right:-170px;
	position:relative;
}

.left-panel ul {
	width:100%;
	float:left;
	border:1px solid #000000;
	padding:10px 6px 0 6px
}

.left-panel ul li {
	width:100%;
	float:left;
	color:#c46b03;
	font-weight:bold;
	line-height:18px;
	margin-bottom:6px;
}

.left-panel ul li a {
	float:left;
	color:#c46b03;
	padding:0
}

.left-panel figure {
	width:100%;
	float:left;
	border:1px solid #000000;
	text-align:center;
	padding:15px 0
}

.left-panel aside {
	width:100%;
	float:left;
	margin-bottom:16px;
}

.left-panel article {
	width:100%;
	float:left;
}

.right-panel {
	width:100%;
	float:left;
	padding:7px 0 0 182px;
}

.section-main {
	width:100%;
	float:left;
}

.section-main .article-box {
	width:100%;
	float:left
}

.section-main .article-post {
	width:100%;
	float:left;
	border-bottom:1px solid #cccccc;
	position:relative;
	margin-bottom:15px;
}

.section-main .article-post h1 span {
	width:100%;
	float:left;
	padding:0 45px 7px 0;
}

.section-main .article-post aside {
	width:100%;
	float:left
}

.section-main .article-post aside h2 {
	padding-bottom:0
}

.section-main .article-post aside .bookmark {
	width:100%;
	float:left;
	margin-bottom:20px;
}

.section-main .article-post article {
	width:100%;
	float:left;
	background:#f3f3f3;
	background:-moz-linear-gradient(#efefef, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
	background: -o-linear-gradient(#efefef, #ffffff);
	-pie-background: linear-gradient(#efefef, #ffffff);
	border-top:1px solid #cccccc;
	padding:12px 0 0 12px
}

.section-main .article-post article h3 {
	color:#c46b03;
	padding-bottom:0;
	margin-bottom:-2px
}

.section-main .article-post article h3 a {
	color:#c46b03
}

.section-main .article-post article p {
	line-height:22px;
	padding-bottom:18px
}

.section-main .article-post .date {
	font-style:italic;
	padding-bottom:10px
}

.section-main .article-post .more-txt {
	width:auto;
	border:none;
	padding:0;
	position:absolute;
	top:0;
	right:0
}

.section-main .more {
	padding:0 12px 15px 12px
}

.section-01 {
	width:100%;
	float:left;
	padding-bottom:20px
}

.section-01 ul {
	width:100%;
	float:left;
	border-bottom:1px solid #cccccc;
}

.section-01 ul li {
	width:100%;
	float:left;
	background:#f3f3f3;
	background:-moz-linear-gradient(#efefef, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
	background: -o-linear-gradient(#efefef, #ffffff);
	-pie-background: linear-gradient(#efefef, #ffffff);
	border-top:1px solid #cccccc;
	behavior: url(http://www.downloadonlinepokies.com/css/PIE.htc);
	position:relative;
	color:#333366;
	padding:8px 0 10px 0
}

.section-01 ul li figure {
	width:90px;
	float:left;
	background:#f9f9f9;
	box-shadow: #000000 0 2px 5px, #000000 0 0 5px;
	border-radius:6px;
	behavior: url(http://www.downloadonlinepokies.com/css/PIE.htc);
	position:relative;
	padding:6px;
	line-height:32px;
	margin-right:-104px
}

.section-01 ul li h3 {
	width:100%;
	height:45px;
	float:left;
	display:table;
	color:#333366;
	padding:0 0 0 104px
}

.section-01 ul li h3 a {
	color:#333366;
	text-decoration:underline
}

.section-01 ul li h3 a:hover {
	text-decoration:none
}

.section-01 ul li h3 span {
	height:100%;
	float:none;
	vertical-align:middle;
	display:table-cell
}

.section-01 ul li .col-1 {
	width:7%;
	min-height:4px;
	float:left;
	text-align:center
}

.section-01 ul li .col-1 span {
	height:45px;
	line-height:45px;
}

.section-01 ul li .col-2 {
	width:47%;
	min-height:4px;
	float:left
}

.section-01 ul li .col-3 {
	width:15.5%;
	min-height:4px;
	float:left
}

.section-01 ul li .col-3 .span-out {
	width:100%;
	height:45px;
	display:table
}

.section-01 ul li .col-3 .span-in {
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle
}

.section-01 ul li .col-4 {
	width:30.5%;
	min-height:4px;
	float:left
}

.section-01 ul li .divider {
	display:none
}

.section-01 ul li .btn-right {
	float:right;
	padding:10px 11px 0 0
}

.section-01 ul li .btn {
	margin-right:5px;
}

.section-01 ul li .btn-primary {
	padding:0 14px
}

.section-01 ul .heading {
	width:100%;
	float:left;
	background:#000 url(../images/bg02.png) repeat-x top left;
	color:#FFFFFF;
	padding:7px 0
}

.section-01 ul .heading .col-2 span {
	padding-left:100px
}


/* #Footer
=======================================================*/

footer {
	width:100%;
	float:left;
	padding:20px 0 0 0
}

footer p {
	width:100%;
	float:left;
	text-align:center
}

footer p {
	color:#000000
}

footer p a {
	color:#000000
}


/* #02-news listing
=======================================================*/

.section-02 {
	width:100%;
	float:left;
	padding:10px 0 0 0
}

.section-02 article {
	width:100%;
	float:left;
	margin-bottom:18px
}

.section-02 article h3 {
	font-size:14px
}

.section-02 article ul {
	width:100%;
	float:left;
	background:url(../images/icon-arrow03.png) no-repeat 0 4px;
	padding-left:25px
}

.section-02 article ul li {
	float:left;
	background:url(../images/divider02.png) no-repeat left center;
	font-size:14px;
	font-weight:bold;
	color:#c46b03;
	padding:0 5px 0 6px
}

.section-02 article ul li:first-child {
	background:none;
	padding-left:0
}

.section-02 article ul li a {
	color:#c46b03;
	text-decoration:underline
}

.section-02 article ul li a:hover {
	text-decoration:none
}