/*
#------------------------------------------------------------------------
# gamebox - April 2011 (for Joomla 1.6)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software. It is based on GavickPro's GAVERN framework. 
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/
/* Basic elements */
body { min-height:100%; line-height:1.6; color:#8d8c8c; background:#060606; }
body.clearComponent #gkComponent {background-color: transparent !important; padding: 0px}
#bgWrap1 {background:#060606 url('../images/style1/background.jpg') no-repeat 50% 0; min-height:100%; overflow:hidden;}
a { color: #fff; text-decoration:none; }
a:hover,
a:active,
a:focus { color: #F6BF00; }
a.readon,
input[type="submit"],
.adminform button,
input[type="button"] { display: inline-block; font-size: 90%; font-weight: normal; height:16px; line-height: 16px; width:auto; text-decoration: none; margin: 2px 0; padding:0 4px; background:#d1cecb}
h1,
h2,
h3,
h4,
h5 {color: #FFFFFF}
h1 { font-size:180% }
h2 { font-size:150% }
h3 { font-size:125% }
h4 { font-size:110% }
h5 { font-size:100% }
.box h1 { font-size:180%; }
ul { list-style:none}
ul li { line-height:1.9; }
p { margin: 0.8em 0 }
/* Containers */
#gkWrapFull {margin: 0 auto; padding: 0 20px 5px; background:#000 url('../images/style1/background_page.jpg') no-repeat 100% 0;}
#gkTopLogo {clear: both; display: block; margin: 0 auto; height: 160px} 
#gkPageTop {margin: 0 auto; overflow:hidden; padding:0; height:74px;  background: transparent url('../images/memberarea.png') no-repeat 100% 0; padding: 0 20px }
#gkPageTop a {color:#fff; margin:34px 3px 0 0; font-size:80%; display:block; float:right; line-height:24px; padding:0 5px}
#gkMenu { float: left; width: 100%; padding: 20px 0; display: block}
#gkSearch { float: right; width: auto; margin: 34px -20px 0 10px; }
#gkButtonLogin { float: right}
#gkContentMainbody {width: auto; }
#gkMainbodyTop .box,
#gkMainbodyBottom .box {border: none !important}
#gkContentBottom {margin-top: 10px !important}
#gkComponent {background-color: #060606}
/* Logo */
h1#gkLogo a img { display: block; height: 100px; width: auto;  margin: 0; top: 0; left:0; padding-top: 2px}
h1#gkLogo a.cssLogo { background: url('../images/style1/logo.png') no-repeat 6px 30px; display: block; height: 131px; margin: 0; text-indent: -999em; width:420px; height: 160px; top: 0; left:0; z-index: 1001; }
.gkLogoText { font-size:64px; font-family:Arial; line-height:40px; height:50px; color:#fff; font-weight:normal; display:block }
#gkLogo.text a { color:#6b6459;}
#gkLogo.text a:hover {text-decoration:none;}
#gkLogo.text .gkLogoSlogan{ font-size:11px; line-height:10px; height:60px; color:#f6bf00; font-style:italic; text-align:right; font-weight: normal; font-family: Arial; display:block; width: 266px }
#gkLogo.text a { text-indent:0!important; background:none!important; }
div.logo-text h1 { font-size:18px; line-height:26px; height:26px; color:#6b6459; text-transform:uppercase; }
div.logo-text h1 a { color:#6b6459; }
div.logo-text h1 a:hover { text-decoration:none; }
div.logo-text p { font-size:11px; line-height:14px; height:14px; color:#6b6459; text-transform:uppercase; letter-spacing:0.65px; }
/* Tools */
#gkButtonLogin.popup {text-decoration:none !important; color: #F6BF00 !important }
#gkToolsHide { float:right; height:32px; overflow:hidden; z-index:100; width: 0; height: 60px }
#gkTools { float: right; width: 80px; padding: 5px 0 0 0}
#gkTools a { display: block; float: left; height: 16px; background: url('../images/toolsFont.png') no-repeat 100% 100%; text-indent: -9999em; width: 2px;}
a#gkToolsReset { background-position: -14px 100% }
a#gkToolsDec { background-position: 0 100% }
#gkTools a:hover { background-position: 100% 0 }
a:hover#gkToolsReset { background-position: -14px 0 }
a:hover#gkToolsDec { background-position: 0 0 }
/* Bottom  section */
/* Footer */
#gkFooter {padding: 0px 0; margin:10px auto 0; font-size: 90%; height: 24px; line-height: 24px; color: #BBB6B1;  }
#gkFooter a { color: #979189; }
#gkFooter a:hover {color: #979189; text-decoration: underline}
#gkFooterNav { float: right; }
#gkFooterNav ul li { float: left; margin: 0 12px 0 0 }
#gkCopyrights { float: left; margin-top: 0; }
span.mobileSwitcher a {margin-left: 33px; color: #999 !important}
#gkStyleArea { float: right; margin: 0 0 0 20px; font-size: 90% }
#gkFrameworkLogo { display: block; width: 130px; height: 42px; margin: 23px auto 46px; background: url('../images/framework-logo.png') no-repeat 0 0; text-indent: -9999em; }
/*default*/ 
.box,
.box.text,
.box.menu,
.box.dark,
.box.red,
.box.green,
.box.blue { background: #060606 url('../images/dark_bg.png') repeat-x 0 0; overflow:hidden; position: relative; color:#8d8c8c; }
.box li { line-height: 2.3; border-bottom: 1px dashed #2e2e2e; border-color: #2e2e2e; }
.box {clear: both; }
.box.clear > div.content {padding: 0px}
.box > div.content {padding: 24px}
/* module title */
.box h3,
.box.text h3,
.box.menu h3,
.box.dark h3,
.box.red h3,
.box.green h3,
.box.blue h3 { color:#F6BF00; text-transform: uppercase; font-size:11px; font-weight:bold; background: #000000; height: 32px; line-height: 32px; padding: 0 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #444; border-top-width: 1px; border-top-style: dashed; border-top-color: #444 }
#gkComponent.k2 {background: none !important; padding: 0 !important;}
/* module suffixes - clear */
.box.clear { padding:0 !important; border:none !important; background:none !important; }
.box.clear .box_content { padding: 0; }
/* module suffixes - dark */
.box.dark { background: #282828 url('../images/mod_dark.png') repeat-x 0 0; }
.box.dark h3 { border-bottom:none }
.dark li { border-bottom: 1px dashed #2e2e2e; border-color: #2e2e2e; }
/* module suffixes - red */
.box.red { background: #520000 url('../images/mod_red.png') repeat-x 0 0; color: #ffb8b8 }
.box.red h3 { color:#fff; border-color: #c20808 }
.box.red a { color: #fff }
.box.red a:hover { text-decoration: underline }
.red li { border-bottom: 1px dashed #6a0101; border-color: #6a0101; }
/* module suffixes - green */
.box.green { background: #55690e url('../images/mod_green.png') repeat-x 0 0; color: #f5fcb7 }
.box.green h3 { color:#fff; border-color: #b5de1f }
.box.green a { color: #fff }
.box.green a:hover { text-decoration: underline }
.green li { border-bottom: 1px dashed #799312; border-color: #799312;}
/* module suffixes - blue */
.box.blue { background: #004674 url('../images/mod_blue.png') repeat-x 0 0; color: #c8e9ff }
.box.blue h3 { color:#fff; border-color: #0192f2 }
.box.blue a { color: #fff }
.box.blue a:hover { text-decoration: underline }
.blue li { border-bottom: 1px dashed #005994;border-color: #005994; }
/* module suffixes - pattern */
.box.pattern {}
.box.pattern h3 { border-bottom:none }
.pattern li { border-bottom: 1px dashed #2e2e2e; }
.box.pattern > div.content { background: transparent url('../images/mod_shadow.png') repeat-x 0 100%; }
.box .text a {font-style: italic}
/* module badges */
.badge-hot .badge,
.badge-new .badge,
.badge-soon .badge { position:absolute; background:transparent url('../images/badges.png') no-repeat 0 0; top:33px; right:10px; z-index:999; text-indent:-999em; width:21px; height:51px;  }
.badge-hot,
.badge-new,
.badge-soon { position:relative; }
.badge-hot .badge { background-position:-21px 0; }
.badge-new .badge { background-position:0 0; }
.badge-soon .badge { background-position:-42px 0; }
#gkBottom1 .box,
#gkBottom2 .box { background: none }
#gkBottom1 .box h3,
#gkBottom2 .box h3 { color:#fff; font-size:17px; font-weight:normal; border: none }
#gkBottom1 .box .content a:hover,
#gkBottom2 .box .content a:hover { color:#ffffff; }
#gkBottom1 .box .content a,
#gkBottom2 .box .content a { color:#999; }
#gkBottom1 .box .content,
#gkBottom2 .box .content { padding: 0; overflow:hidden; color: #444 }
#gkBottom1 .gkCol,
#gkBottom2 .gkCol { padding-left:18px; border-left:1px dashed #2a2a2a; }
#gkBottom1,
#gkBottom2 { margin:20px 0 0 0; }
#gkBottom1 .gkCol:first-child,
#gkBottom2 .gkCol:first-child{ border-left: none!important; margin-left: 0px!important; padding-left: 0px!important; padding-right: 10px }
#gkBottom1 .badge,
#gkBottom2 .badge {top: 10px; right: 0;}
#gkBottom1 div.content,
#gkBottom2 div.content {padding: 0px; color: #444444}
#gkBottom1 div.content a,
#gkBottom2 div.content a {color: #999}
#gkBottom1 > div.gkColCenter,
#gkBottom2 > div.gkColCenter  {padding-right: 18px}
#gkBottom1 .gkColCenter > div.box,
#gkBottom2 .gkColCenter > div.box {margin: 0}
#gkWrap3 dl {margin: 10px 0}
#gkWrap3 dt {float: left; width: 30%; font-weight: bold; line-height: 2.3; border-bottom: 1px dashed #2e2e2e; border-color: #2e2e2e;}
#gkWrap3 dd {float: right; width: 70%; line-height: 2.3; border-bottom: 1px dashed #2e2e2e; border-color: #2e2e2e;}
#gkBottom1 ul,
#gkBottom2 ul {margin: 10px 0}
/* clear */
.box.clear { border: none !important; padding: 0 !important; background: none !important; }
/* Login + Register 
.registration .spacer {font-size: 80% !important}*/
/* mod_search */
#mod-search-searchword { width:100px; height:24px; line-height:24px; font-size:11px; float:left; padding:0 0 0 10px; border:none; margin-right: 7px!important; width: 100px; text-transform: lowercase; }
#mod_search_button:hover { background-position:0 bottom; border:1px solid #666666; border-left-color:#505050; border-right-color:#505050; border-bottom-color:#343334; cursor:pointer; }
#mod_search_button { margin-left:4px; }
div.search .button {margin-top: -1px !important}
/* menu */
div.gk-menu > ul.level0 { font-size:13px !important; font-weight:bold; margin-top:-2px; }
div.gk-menu ul.level0 >li >a { padding:0 6px !important; border:1px solid transparent; border-bottom:none !important; height:21px; line-height:21px; color:#ffffff !important; font-weight: bold }
div.gk-menu ul.level0 >li { background:transparent url('../images/menu_separator.png') no-repeat 100% 65%; margin: 0 8px 0 0; padding: 0 8px 0 0; z-index:10001; position:relative; float:left; }
div.gk-menu ul.level0 >li.active>a { color: #f6bf00 !important; }
div.gk-menu ul.level0 >li.haschild-over:hover>a { text-decoration:none !important; }
div.gk-menu ul.level0 div.childcontent .childcontent-inner { padding-bottom:2px; }
div.gk-menu ul.level0 div.childcontent ul li:hover { background:transparent url('../images/menu_hbullet.png') no-repeat left center!important; }
div.gk-menu ul.level0 div.childcontent ul li:hover>a { color:#ffffff; }
div.gk-menu ul.level0 div.childcontent ul li { line-height:32px; margin:0 10px; border-top:1px dashed #333;background:transparent url('../images/menu_bullet.png') no-repeat left center!important; }
div.gk-menu ul.level0 div.childcontent ul li:first-child { background:transparent url('../images/menu_bullet.png') no-repeat left center!important; margin:4px 10px 0 10px; border-top:none !important; }
div.gk-menu ul.level0 div.childcontent ul a:hover { color:#ffffff; }
div.gk-menu ul.level0 div.childcontent ul a { color:#999999; }
div.gk-menu ul.level0 div.childcontent div.group-title a:hover>span,
div.gk-menu ul.level0 div.childcontent div.group-title a:hover { color:#ffffff !important; }
div.gk-menu ul.level0 div.childcontent div.group-title .menu-title { font-weight:bold; color:#cccccc; }
div.gk-menu ul.level0 div.childcontent div.group-title .menu-desc { line-height:12px; font-size:90%; color:#cccccc; }
div.gk-menu ul.level0 div.childcontent div.group-title { margin:0 10px; }
div.gk-menu ul.level0 div.childcontent div.childcontent { margin-top:-20px; }
div.gk-menu ul.level0 div.childcontent { background: #282828 url('../images/menu_sub.png') repeat-x 0 0; font-weight:normal; margin-top:2px; z-index:10000; font-size: 12px; }
div.gk-menu ul.level0 div.childcontent ul li.group { background:none !important; padding:0 !important; margin:0 !important; }
/* drop & sub */
div#gkDropMain > ul  { font-size:13px !important; font-weight:bold; margin-top:-2px; }
div#gkDropMain ul >li >a { padding:0 6px !important; border:1px solid transparent; border-bottom:none !important; height:21px; line-height:21px; color:#ffffff !important; font-weight: bold }
div#gkDropMain ul >li:hover>a { color: #f6bf00!important; }
div#gkDropMain ul >li { background:transparent url('../images/menu_separator.png') no-repeat 100% 65%; margin: 0 8px 0 0; padding: 0 8px 0 0; z-index:10001; position:relative; float:left; }
div#gkDropMain ul >li.active>a { color: #f6bf00 !important; }
div#gkDropMain ul >li.haschild-over:hover>a { text-decoration:none !important; }
#gkSubmenu { border:1px dashed #595959; border-left:none; border-right:none; height:28px; margin:6px 0 0 0; }
#gkSubmenu>div>ul>li { float:left; background:transparent url('../images/menu_separator.png') no-repeat 0% 6px; margin: 0 0 0 8px; padding: 0 0 1px 8px; line-height: 28px }
#gkSubmenu>div>ul>li:first-child{ background:none; margin-left: 0; }
#gkSubmenu>div>ul>li a {color: #999}
#gkSubmenu>div>ul>li a:hover {color: #f6bf00}
#gkSubmenu>div>ul ul { display:none; background: #282828 url('../images/menu_sub.png') repeat-x 0 0; font-weight:normal; margin-top:1px; font-size: 12px; padding:2px; width:200px; }
#gkSubmenu>div>ul ul li { line-height:32px; margin:0 10px; border-top:1px dashed #333; padding-left:12px; background:transparent url('../images/menu_bullet.png') no-repeat left center; } 
#gkSubmenu>div>ul ul li:hover { background:transparent url('../images/menu_hbullet.png') no-repeat left center; }
#gkSubmenu>div>ul ul li:first-child { margin:4px 10px 0 10px; border-top:none !important; }
#gkSubmenu>div>ul ul a:hover { color:#ffffff; }
#gkSubmenu>div>ul ul a { color:#999999; }
#gkSubmenu span.menu-desc { display:none; }
#gkSubmenu>div>ul>li:hover>ul { display:block; position:absolute; z-index:10000; }
/* footer and middle navigation */
#gkFooter a:hover,
#gkMiddle a:hover,
#gkBreadcrumb a:hover { color:#ffffff; text-decoration:none; }
#gkBreadcrumb a {padding: 0px 4px; font-weight: normal}
.gkBreadcrumbStart, div.breadcrumbs span {font-weight: normal}
.gkBreadcrumbStart {font-weight: bold !important}
span.pathwaySeprarator { width:5px; height:40px; background:transparent url('../images/menu_bullet.png') no-repeat center center; text-indent:-999em; }
#gkFooter a,
#gkMiddle a,
#gkBreadcrumb a { color:#666666; }
#gkMiddle {overflow:hidden; background:#060606; color:#666; font-size:90% !important; margin:0px 0 0 0; padding:0 25px; height:40px; line-height:40px; font-weight:bold; }
#gkFooter,
#gkBreadcrumb { overflow:hidden; background:#060606; color:#666; font-size:90% !important; margin:20px 0 0 0; padding:0 25px; height:40px; line-height:40px; font-weight:bold; }
#gkFooter,
#gkMiddle { background: #111 }
#gkMiddle li,
#gkFooter li { background:0 !important; border:none!important; padding:0 !important; }
#gkMiddle li,
#gkFooter li { float:left; width:auto; margin:0 16px 0 0; height:40px; line-height:40px; }
#gkBreadcrumb {margin: 0 0 20px}
.gkBreadcrumbStart,
div.breadcrumbs span {color: #fff; padding: 0px 5px}
#gkBreadcrumb div#gkDate { float:right; width:auto; color: #8D8C8C }
#gkBreadcrumb .breadcrumbs {float: left; width: auto}
/* social icons */
#social-icons a { width:16px; height:16px; display:block; float:left; margin:12px 0 0 10px; background:transparent url('../images/social_icons.png') no-repeat 0 0; text-indent:-999em; }
#social-icons a#social_twitter { background-position:0 0; }
#social-icons a#social_facebook { background-position:-16px 0; }
#social-icons a#social_email { background-position:-32px 0; }
#social-icons a#social_rss { background-position:-48px 0; }
#social-icons { float:right; }
/* Style switcher */
#gkStyleArea a { width:8px; height:8px; display:block; float:left; margin:16px 0 0 4px; background:transparent url('../images/styleswitcher.png') no-repeat 0 0; text-indent:-999em; }
#gkStyle1 { background-position:0 0 !important; }
#gkStyle2 { background-position:-8px 0 !important; }
#gkStyle3 { background-position:-16px 0 !important; }
/* CSS3 */
#gkWrapFull {-webkit-box-shadow:0 10px 10px #000; -moz-box-shadow:0 10px 10px #000; box-shadow:0 10px 10px #000; }
.adminform button,
#adminForm button,
.button,
button,
a.readon,
input[type="submit"],
input[type="button"],
.box,
.box .text,
.box .menu { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
div.gk-menu > ul.level0 > li > .childcontent,
div.gk-menu > ul.level0 > li > .childcontent .childcontent { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#mod-search-searchword { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.box,
.box .text,
.box .menu { -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
/* banner1 position fix */
#gkTopLogo {position: relative;}
#gkBanner1 {position: absolute; top: 0; max-width: 500px; right: 0; }
#gkBanner1>div {padding: 10px;}