/*
#------------------------------------------------------------------------
# Coffe - #1 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 
*/

/* Here you can include your override CSS styles */


/* Change the Background Image*/
body {
  min-height:100%;
  background: #111;
}
body > .bg { background: transparent url('http://colourcafe.tv/images/main-bg.jpg') fixed center; }

/* footer */
#gkFooter { border-top:0px dashed #aea899; margin: 0px auto 10px auto; padding: 0!important; }

/* Setup the Space for the Logo*/
#gkPageTop > span {
background:none !important;
}

#gkLogo { height: 96px; width: 1012px; margin: 35px 0 0; font-size: 180%;line-height: 100%; }

h1#gkLogo a img { display: block; height: auto; margin: 0; width: 1012px; top: 0; left:0; }

/*Link Colour for Menu bar*/
a {
  color: #CCC;
}
a:hover,
a:active,
a:focus {
  color: #fff/*rgba(187, 32, 45,.9)*/;
}
#gkMenu ul.level0 > li.active > a,
div#gkDropMain ul > li.active > a { background: rgba(187, 32, 45,.9); color: #fff; }

/* Shadow box background/shadow for Slideshow*/
#mainPage .box.shadow2 {
  box-shadow: 0px 0px 32px rgba(255,255,255,0.5);
  -moz-box-shadow: 0px 0px 32px rgba(255,255,255,0.5);
  -webkit-box-shadow: 0px 0px 32px rgba(255,255,255,0.5);
}

#gkMainbody { background: transparent url('../images/style2/dark_bg.png') repeat 0 0; }

#gkMenu {  display:inline-block; font-size: 21px; width:350px;}

ul { list-style:none; clear:both; padding: 0 53px;}

div#gkDropSub > ul > li > a > span.menu-title { display: block; padding: 0 3px;}

#gkMenu ul.level0>li>div>div.childcontent-inner { background: transparent url('../images/style2/dark_bg.png') repeat 0 0; }

/*#gkSubmenu > div { border-top: 1px dashed #fff; }
#gkSubmenu ul li a { color: #ccc; }
#gkSubmenu ul li:hover>a>span,
#gkSubmenu ul li>a:active>span,
#gkSubmenu ul li>a:focus>span { color:#fff; }
*/

#gkSubmenu > div { border-top: 1px dashed #CCC; }
#gkSubmenu ul li a { color: #ccc; }
#gkSubmenu>div>ul>li.haschild:hover>a,
#gkSubmenu>div>ul>li.haschild:hover>a span { color:#fff!important; }
#gkSubmenu>div>ul>li.active>a>span,
#gkSubmenu ul li:hover>a>span,
#gkSubmenu ul li>a:active>span,
#gkSubmenu ul li>a:focus>span { color:#fff; }
#gkSubmenu ul li.haschild:hover>a>span,
#gkSubmenu ul li.haschild>a:active>span,
#gkSubmenu ul li.haschild>a:focus>span { color:#fff; }

#gkComponent > div > h1,
#gkComponent > div > h2,
#gkComponent > div > h1 a,
#gkComponent > div > h2 a { color: #CCC;}

.dark .button,
.dark button,
.dark a.readon,
.dark input[type="submit"],
.dark input[type="button"] { color: #fff!important; background: #cfcfcf!important; }

table td,
.cat-list-row0 td,
.cat-list-row1 td { border-bottom: none; border-left: none; }
.cat-list-row1 td { background: none; }
table tr:hover { background: none; }

#gkSocialAPI { border-top: none; margin-bottom: -30px;}

#mainPage .box,
#mainPage .box_menu,
#mainPage .box_text { background: transparent url('../images/style2/dark_bg.png') repeat 0 0; }
#mainPage .box > div,
#mainPage .box_menu > div,
#mainPage .box_text > div { border: 1px dashed #c4c4c4; }

#mainPage .box li,
#mainPage .box_menu li,
#mainPage .box_text li { border-top: none; }

#mainPage .box > div > h3,
#mainPage .box_menu > div > h3,
#mainPage .box_text > div > h3 { color: #CCC; font-family: BebasNeue, Arial, sans-serif; font-size:300%; margin-bottom:-10px}