/*
#------------------------------------------------------------------------
# appPhone - June 2011 template (for Joomla 1.6)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com
*/

/* template.css */
html { background: #3d3b37 url('../images/style1/main_bg.png') repeat 0 0; }
body { background-image: url('../images/style1/gradient_bg.png'); background-color: transparent; color: #a7a39c; }
a { color: #fff; }
a:hover,
a:active,
a:focus { color: #85817a; }
h1,
h2,
h3,
h4,
h5 { color: #686B6C; }
#gkTop { background-image: url('../images/style1/menu_bg.png'); }
#mainPage { background-image: url('../images/style1/header_bg.png'); color: #85837f; }
h1#gkLogo a, h2#gkLogo a { background-image: url('/images/freakedout-logo.png'); }
h1#gkLogo.text a,
h2#gkLogo.text a,
h1#gkLogo.text .gkSiteSlogan,
h2#gkLogo.text .gkSiteSlogan { color: #fff; text-shadow: 2px 2px 0 #7E7E7E; }
#mainPage a:not(.btn) { color: #cc3031; }
#mainPage a:not(.btn):hover { color: #686B6C!important; }
#gkFooter { background-image: url('../images/style1/footer_bg.png'); }
#gkBottomWrap a,
#gkFooter a { color: #cc3031; }
#gkBottomWrap a:hover,
#gkFooter a:hover { color: #fff; }
#gkFooterWrap,
#gkFooterInfo { background-image: url('../images/style1/footer_line.png'); }
#gkStyleArea,
#gkCopyrights span { color: #65635c; }
#gkFooterContent { background-image: url('../images/style1/mini_logo.png'); }
#gkSocialIcons a { background-image: url('../images/style1/social_icons.png'); }
#mainPage .box > div > h3,
#mainPage .box_menu > div > h3,
#mainPage .box_text > div > h3 { color: #686b6c; text-shadow: 2px 2px 0 #fff; }
#mainPage .box ul li { border-top: 1px solid #eaeaea; }
#gkBottomWrap .box,
#gkBottomWrap .box_menu,
#gkBottomWrap .box_text { color: #a7a39c; }
#gkBottomWrap .box > div > h3,
#gkBottomWrap .box_menu > div > h3,
#gkBottomWrap .box_text > div > h3 { color: #fff; text-shadow: 2px 2px 0 #5a5650; }
#gkBottomWrap .box.color { color: #A7A7A7!important; text-shadow: none!important; }
.box.color { color: #E0E0E0 !important; text-shadow: 1px 1px 0 #717171!important; background-image: url('../images/style1/module_color_suffix_bg.png'); box-shadow: 5px 5px 0 rgba(36, 35, 34, 0.8); -moz-box-shadow: 5px 5px 0 rgba(36, 35, 34, 0.8); -webkit-box-shadow: 5px 5px 0 rgba(36, 35, 34, 0.8); }
.box.color > div > h3 { color: #f27255!important; text-shadow: 2px 2px 0 #5A5650!important; }
.box.color a { color: #e0deda !important; text-shadow: 1px 1px 0 #716f6b !important }
.box.color a:hover { color: #fff !important }
.box.color li { border-color: #8b8787 !important }
.box_menu,
.box.border { background: #bfbab0; }
.box_menu > div,
.box.border > div { background-image: url('../images/style1/header_bg.png'); padding: 10px; }
.box_menu .custom_menu { background: #E7E2D8; border-bottom: 1px solid #FBF9F4; border-top: 1px solid #BFBAB0; }
.box.bor1 > div > h3, .box.bor2 > div > h3 { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; color: #9b978e !important; text-shadow: 1px 1px 0 #fff !important; }
.box.bor2 > div > h3 {  color: #ED7959 !important;  }
.box.bor1 a { color: #686B6C !important;  }
.box.bor1 a:hover { color: #cc3031 !important }
#mainPage .box.icon-rss > div > h3,
#mainPage .box.icon-mail > div > h3,
#mainPage .box.icon-alert > div > h3,
#mainPage .box.icon-cog > div > h3,
#mainPage .box.icon-clock > div > h3,
#mainPage .box.icon-calendar > div > h3,
#mainPage .box.icon-chat > div > h3,
#mainPage .box.icon-marker > div > h3,
#mainPage .box.icon-document > div > h3,
#mainPage .box.icon-mac > div > h3,
#mainPage .box.icon-ipad > div > h3,
#mainPage .box.icon-info > div > h3,
#mainPage .box.icon-access > div > h3 { background-image: url('../images/style1/module_icons_light.png'); }
#gkBottomWrap .box.icon-rss > div > h3,
#gkBottomWrap .box.icon-mail > div > h3,
#gkBottomWrap .box.icon-alert > div > h3,
#gkBottomWrap .box.icon-cog > div > h3,
#gkBottomWrap .box.icon-clock > div > h3,
#gkBottomWrap .box.icon-calendar > div > h3,
#gkBottomWrap .box.icon-chat > div > h3,
#gkBottomWrap .box.icon-marker > div > h3,
#gkBottomWrap .box.icon-document > div > h3,
#gkBottomWrap .box.icon-mac > div > h3,
#gkBottomWrap .box.icon-ipad > div > h3,
#gkBottomWrap .box.icon-info > div > h3,
#gkBottomWrap .box.icon-access > div > h3 { background-image: url('../images/style1/module_icons_dark.png'); }
#gkBreadcrumb,
#gkBreadcrumb .separator { background-image: url('../images/style1/breadcrump.png'); }
#gkTools a { background-image: url('../images/style1/tools.png'); }


/*joomla.css*/
#gkComponent > div > h1,
#gkComponent > div > h2,
#gkComponent > div > h1 a,
#gkComponent > div > h2 a { color: #686B6C; }
#system-message dd.message ul { background: #686B6C; color: #fff}
#system-message dd.error ul {  background: #cc3031; color:#fff}
#system-message dd.notice ul { background: #fff; color: #444}
table th { background: #686B6C}
.tip-title { background: #686B6C; color:#fff; }
.blogcreatedate { color: #ed7959; }
#mainPage .blog h2 > a {color: #686B6C !important}
div.pagination ul li a,
div.pagination ul li span { background: #BFBAB0; border-bottom: 1px solid #FBF9F4; color: #FFFFFF !important; lborder-top: 1px solid #5b5e5f; text-shadow: 1px 1px 0 #545555; }
div.pagination ul li a:hover { background: #e45b36; border-top-color: #cf502e; text-shadow: 1px 1px 0 #cf502e; }
input:focus,
select:focus,
textarea:focus,
.inputbox:focus { color: #444; border-color: #cc3031 !important; }
a.readon { color: #cc3031 !important; text-shadow: 1px 1px 0 #fff; }
/*.button,
button,
button.button,
input[type="submit"],
input[type="button"] { text-shadow: 1px 1px 0 #d8654b; color: #fff; background: #F27255; border-color: #cccccc !important; }
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus { border-color: #444 !important; background: #686B6C; text-shadow: 1px 1px 0 #444; }*/


.tip-title { background: #686B6C; }
/* demo */
.sun_tab { background: transparent url('../images/style1/demo/sun_bg.png') no-repeat right top; min-height: 589px; width:100%; position:relative; }
.sun_tab .iphone_element { background: transparent url('../images/style1/demo/iphone_element.png') no-repeat left top; width: 526px; height: 541px; position: absolute; z-index: 102; right: 0; top: 106px; text-indent: -999em; }
.sun_tab .ipad_element { background: transparent url('../images/style1/demo/ipad_element.png') no-repeat left top; width: 524px; height: 563px; position: absolute; z-index: 102; right: 0; top: 106px; text-indent: -999em; }
.sun_tab .galaxy_element { background: transparent url('../images/style1/demo/galaxy_element.png') no-repeat left top; width: 502px; height: 609px; position: absolute; z-index: 102; right: 0; top: 66px; text-indent: -999em; }
.appstore_banner { background: transparent url('../images/style1/demo/demo_banner.png') no-repeat 0 0; }
.sun_tab .content { color: #797774; }
.sun_tab h1 { color: #686b6c; text-shadow: 3px 5px 0 #fff; }
.mobile_icon_iphone,
.mobile_icon_android,
.mobile_icon_blackberry,
.mobile_icon_other { background: transparent url('../images/style1/demo/mobile_icons.png') no-repeat 0 0; }
.mobile_icon_iphone { background-position: 0 0; }
.mobile_icon_android { background-position: -76px 0; }
.mobile_icon_blackberry { background-position: -152px 0; }
.mobile_icon_other { background-position: -228px 0; }


/*gk_stuff.css */
.nspBotInterface .nspPagination li,
.nspTopInterface .nspPagination li,
.nspBotInterface .nspPagination li.active,
.nspTopInterface .nspPagination li.active { background-image: url('../images/style1/nsp_interface.png'); }
.nspBotInterface .nspPrev,
.nspTopInterface .nspPrev,
.nspBotInterface .nspNext,
.nspTopInterface .nspNext { background-image: url('../images/style1/nsp_interface.png'); }
.nspArt img:hover { background: #ED7959; border-color: #d86849; }
.gkBlock { background: none repeat scroll 0 0 #E7E2D8; border-bottom: 1px solid #FBF9F4; border-radius: 3px 8px 8px 8px; border-top: 1px solid #BFBAB0; text-shadow: 1px 1px 0 #F6F3EE; }
ul.gkTabs li.active span strong { color: #fff; }
ul.gkTabs li.active span dt { color: #fff; }
ul.gkTabs li.active span dd { color: #cc3031; text-shadow: none !important	}
ul.gkTabs li span strong { color: #cc3031;}
div.gkTabsWrapper { background: transparent url('../images/style1/tabs_bg.png') repeat-x 0 0; }
ul.gkTabs li span dt { color: #C4BDAE; text-shadow: 2px 2px 0 #5A5650; }
ul.gkTabs li span dd { color: #726A5A;}
/*menu.css*/
#gkNav #gkMainNav > div > ul > li > a,
#gkNav #gkMainNav > div > ul > li > span { text-shadow: 2px 2px 0 #7e7e7e; }
#gkNav #gkMainNav > div > ul > li.active,
#gkNav #gkMainNav > div > ul > li:hover { background: transparent url('../images/style1/menu_active_left.png') no-repeat 0 center; }
#gkNav #gkMainNav > div > ul > li.active > a,
#gkNav #gkMainNav > div > ul > li.active > span,
#gkNav #gkMainNav > div > ul > li:hover > a,
#gkNav #gkMainNav > div > ul > li:hover > span { background: transparent url('../images/style1/menu_active_right.png') no-repeat right center; color:#fff; }
#gkNav #gkMainNav > div > ul div.childcontent {background: #bfbab0}
#gkNav #gkMainNav > div > ul div.childcontent-inner{ background: transparent url('../images/style1/header_bg.png') repeat 0 0}
#gkNav #gkMainNav > div > ul div.childcontent-inner-wrap { background: transparent url('../images/style1/header_bg.png') repeat 0 0; height: 100%}
div.gk-menu > ul.level0 > li > .childcontent .gkcol { background: transparent url('../images/style1/header_bg.png')}
#gkNav #gkMainNav > div > ul div.childcontent a,
#gkNav #gkMainNav > div > ul div.childcontent span { color: #75726d; }
#gkNav #gkMainNav > div > ul div.childcontent li > a,
#gkNav #gkMainNav > div > ul div.childcontent li > span { background: transparent url('../images/style1/menu_item_left.png') no-repeat 0 0; color:#75726d; text-shadow: 1px 1px 0 #f7f5f0; }
#gkNav #gkMainNav > div > ul div.childcontent li > a > span,
#gkNav #gkMainNav > div > ul div.childcontent li > span > span { background: transparent url('../images/style1/menu_item_right.png') no-repeat right 0; color: #75726d; text-shadow: 1px 1px 0 #f7f5f0; }
#gkNav #gkMainNav > div > ul div.childcontent .group-title .menu-title { text-shadow: 1px 1px 0 #f7f5f0}
#gkNav #gkMainNav > div > ul div.childcontent .group-title .menu-desc { text-shadow: 1px 1px 0 #f7f5f0;}
/* -- split menu */
#gk-submenu { background: #f1ede5; border-bottom: 1px solid #d2cec5; box-shadow:0 1px 0 #fff; -moz-box-shadow:0 1px 0 #fff; -webkit-box-shadow:0 1px 0 #fff; }
#gkSubmenu { background: #f1ede5; }
#gkSubmenu > div > ul > li > a { border-right: 1px solid #fff; color: #75726d; }
#gkSubmenu > div > ul > li > a > span:first-child { border-right: 1px solid #d2cec5; }
#gkSubmenu > div > ul > li:first-child > a { border-left: 1px solid #fff; }
#gkSubmenu > div > ul > li:first-child > a > span:first-child { border-left: 1px solid #d2cec5; }
#gkSubmenu > div > ul > li:hover>a,
#gkSubmenu > div > ul > li>a:active,
#gkSubmenu > div > ul > li>a:focus { color: #bf7233; }
/* -- Sub Nav (lv2) */
#gkSubmenuWrap  { background: #f1ede5; border-bottom: 1px solid #d2cec5; box-shadow:0 1px 0 #fff; -moz-box-shadow:0 1px 0 #fff; -webkit-box-shadow:0 1px 0 #fff; }
#gkSubmenu ul li li { border-top: 1px solid #d2cec5; color: #75726d; }
#gkSubmenu ul li li > a { color: #75726d!important; }
#gkSubmenu ul li li > a:hover,
#gkSubmenu ul li li > a:hover > span { color: #bf7233!important; }