/*
#------------------------------------------------------------------------
# game. - December Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 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 */


h1 {
	font-size: 48px;
	font-weight: 500;
}
h2,
.componentheading {
	font-size: 28px;
	color: #999999;
	font-weight: 300;
	line-height: 1.3;
	margin: 0px 0px 10px 0px;
	padding: 0;	
        text-transform: none; 
}

h1 {text-transform: none; }
h3 { font-size: 24px; }
h4 { font-size: 18px; text-transform: none; }
h6 { font-size: 10px; text-transform: none; 
font-weight: 100;
line-height: 1;
}

cite {font-style: normal; margin-top:2px; color:#666666;}


.book
{
float:left; 
max-width: 500px; 
width: 100%; 
height: auto; 
margin: 0px 70px 12px 4px;
}

div.book h4 
{ font-size: 14px; text-transform: none; margin:0;padding:12px;float:left;	 }

.book img
{
margin:0px 0px 0px 8px;float:left;

}


  @media all and (max-width: 600px) {
      .book
		{
			float:right; 
			max-width: 315px; 
			width: 100%; 
			height: auto; 
			margin: 0px 4px 12px 4px;
		}
    }

  @media all and (max-width: 800px) {
      .book
		{
			float:right; 
			max-width: 315px; 
			width: 100%; 
			height: auto; 
			margin: 0px 12px 12px 12px;
		}
    }




/* Logo overides */

#gkLogo.cssLogo {
	background: transparent url('../images/style1/cf_logo_orig.png') no-repeat 0 0;
	/* You can specify there logo size and background */
	height: 58px;
	width: 302px;
}


    @media all and (max-width: 800px) {
      #gkLogo.cssLogo {
        width: 80%;
      }
    }

    @media all and (max-width: 600px) {
      #gkLogo.cssLogo {
	background: transparent url('../images/style1/cf_mob_logo_orig.png') no-repeat 0 50%;
        width: 60%;
      }
    }


/* Menu colour override */

.gkMenu > ul > li.haschild:after {
	color: #868686;
	content: "\f107";
	display: block;
	font-family: FontAwesome, sans-serif;
	position: absolute;
	right: 16px;
	top: -1px;
}
.gkMenu > ul > li > a {
	color: #868686;
	display: block;
	height: 58px;
	line-height: 58px;
	padding: 0 18px;
}

.gkMenu > ul > li.active > a {
	color: #d82731;
}

.gkMenu a:hover,
.gkMenu a:active,
.gkMenu a:focus,
.gkMenu li.active > a {
	color: #d82731;
}


/* slideshow overides */

.gkIsWrapper-gk_game figcaption h2 {
	color: #fff;
	font-size: 70px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -12px;
	text-transform: uppercase;
	text-shadow: -1px 0px 10px rgba(0, 0, 0, 1);
}


.gkIsWrapper-gk_game figcaption > div {
	float: right;
	margin: 10% 0 0 0;
	width: 70%;
}


.gkIsWrapper-gk_game figcaption p {
	font-size: 30px;
	line-height: 30px;
	font-weight: 300;
	margin: 0;
	text-transform: uppercase;
	text-shadow: -1px 0px 10px rgba(0, 0, 0, 1);
}

/* tablet slideshow */

@media all and (max-width: 800px) {
.gkIsWrapper-gk_game figcaption h2 {
	color: #fff;
	font-size: 70px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 60px;
	margin: 0;
	padding: 0;
	text-indent: -12px;
	text-transform: uppercase;
	text-shadow: -1px 0px 10px rgba(0, 0, 0, 1);
}


.gkIsWrapper-gk_game figcaption > div {
	float: right;
	margin: 5% 0 0 0;
	width: 70%;
}

}


/* social icons fix */

#gkSocialAPI > iframe, #gkSocialAPI > #___plusone_0, #gkSocialAPI > a  {    top: 5px;}

#gkSocialAPI {
	border: 1px solid #e5e5e5;
	clear: both;
	margin: 24px 0 0;
	padding: 14px 14px 14px;
}


/* Social icons */

.gk-social {
	padding: 3px 0;
	margin: 20px 20px 20px 0;
	text-align: left;
}


.gk-social-col {
	padding: 3px 0;
	margin: 20px 0px 20px 0;
	text-align: left;
}

}
.gk-social-col a {
	color: #555;
	display: inline-block;
	font-size: 12px;
	line-height: 25px;
	margin: 0 12px;
	clear: both;
}
.gk-social-col a:active,
.gk-social-col a:focus,
.gk-social-col a:hover {
	color: #111;
}
.gk-social-col a:before {
	font-family: FontAwesome;
	font-size: 25px;
	line-height: 30px;
	margin: 0 12px 0 0;
	position: relative;
	top: 3px;

}
.gk-social-col a.gk-twitter:before {
	color: #63cdf1;
	content: "\f099";
}
.gk-social-col a.gk-facebook:before {
	color: #507cbe;
	content: "\f082";
}
.gk-social-col a.gk-youtube:before {
	color: #fe0000;
	content: "\f167";
}
.gk-social-col a.gk-gplus:before {
	color: #f16261;
	content: "\f0d4";
}


/* Author List */


.gk-social-auth {
	padding: 3px 0;
	margin: 0px 0px 10px 0;
	text-align: left;
}



.plg_al_about { 
	padding:40px 0 0 0;  
}

.plg_al_more h3 { 
	font-size:18px;
	color: #999999;
}

div.plg_al_more { 
	margin-bottom:40px;
}

/* Captcha fix for contact page */

    .contact .button {
    margin: 25px 0 0 0!important;
    }

    #contact-form dt {
       overflow:hidden;
       clear:both;
    }
    #jform_captcha-lbl {
       display: block;
       padding-top:60px!important;
    }

/* image margins override for font-awesome.css */

.pull-right {
  	float: right;
	margin:0 0 10px 12px;	
}
.pull-left {
  	float: left;
	margin:0 12px 10px 0;
}

figcaption {
	font-size: 12px;
	line-height: 14px;
	color: #999;

}

/* image caption to be same width as image */

figure {
    display: table;
    width: 260px; /* This can be any width, so long as it's narrower than any image */
}
img, figcaption {
    display: table-row;
}


/* image margins override for main image caption */


    .img-fulltext-none img, .img-fulltext-left img, .img-fulltext-right img {
        float: none !important;
    }

    p.img_caption {
	color: #999;
        background: none repeat scroll 0 0 #ffffff;
        position: relative;
        margin: 0;
        padding: 5px 0 0 0;
    }



/* disable login */
#gkLogin {display:none;}


/* CB customisation */

.cb_template h3, .cb_template .h3 {
font-family: 'Bitter', Arial,Helvetica,sans-serif;
}



/* tag title fix */
.tag-category h1 { display: none; }


/* tags styling */



div.tags a  {
   	display: block;
   	margin-top: 17px;
   	padding:10px 6px;
	height:40px;
	border: 1px solid #e5e5e5;
}

div.tags a:hover {
    background: none repeat scroll 0 0 #d82731;
    color: #fff !important;
}

/* Disqus style */

#disqus_thread {

margin-top:20px;}

/* weblinks mod */

ul.weblinks li {
list-style: none;
overflow: inherit;
padding: 2px 0 2px 24px;
position: relative
}


ul.weblinks li:before {
font-family: FontAwesome;
font-size: 13px;
position: absolute;
top: 5px;
left: 0
}


ul.weblinks li:before {
color: #D82731;
content: "\f0a9";
}

/* inset header color */


.box.color-bg4 .header { color: #000000; }


/* mobile menu colour */

#gkMobileMenu {color: #d82731;}

#gkMobileMenu i {color: #d82731;}



/* article donate  */


#donate_inc {height:50px;width:100%;margin:8px 20px 40px 0px; padding:8px; clear:both;}

/* google search box  */

.cse input.gsc-search-button, input.gsc-search-button {
    background:#d82731;
    border: none !important;
    width: 75px;
    height: 40px !important;
  	font-family: 'Bitter', Arial,Helvetica,sans-serif;
  	padding:0;
  	margin:0;
  	
}

div.gsc-control-cse {background: #eeeeee;border:none;}

input.gsc-input {
    width: 90px !important;
}
table, td, th {
    border: none;
}

td {
    padding:0;
}

table.gsc-search-box td.gsc-input {
    padding: 0 !important;
}

td.gsc-search-button {
    border-bottom: 0 solid #e5e5e5;
    padding: 10px;
}

/* Google search results */

/* Use a different font family for search results */
a.gs-title, a.gs-snippet {
	font-family: 'Bitter', Arial,Helvetica,sans-serif;
  	color: #d82731;
    text-decoration:none;
}
/* Add a border between individual search results */
.gs-webResult {
    border: 1px solid #eee;
    padding: 2px;
}

/* Do no display the count of search results */    
.gsc-result-info {
     display: none; 
}

/* Hide the Google branding in search results */
.gcsc-branding {
    display: none; 
}
/* Change the font size of the title of search results */
.gs-title a { 
    font-size: 16px;
  	text-decoration:none;
}

/* dp calendar */


#dpcal-event-container h2 {
	font-family: 'Bitter', Arial,Helvetica,sans-serif;           	
        font-weight:normal; 			
        color:#999;
	font-size: 28px;
	font-weight: 300;
	line-height: 1.3;
	margin: 0 0 20px 0;
	padding: 0;
	text-transform: none;
}

#dp-event-title h1 {
	font-family: 'Bitter', Arial,Helvetica,sans-serif; 
	font-weight:normal;
}
/* dp calendar */

#gkMainbody table {
    overflow: visible;
}



.fc-view {
    overflow: scroll;
}

    .fc-border-separate tr.fc-last th,
    .fc-border-separate tr.fc-last td {
        width: 48px !important;
    }


/* input fields */
select, textarea, input[type="text"], input[type="password"], input[type="url"], input[type="email"] {
    background: none repeat scroll 0 0 #fff;
    border-color: #bcbcbc #dadada #e5e5e5;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: #777;
    max-width: 100% !important;
    padding: 8px 20px !important;
}

/* tags */    
div.tags {
  margin: 0;
  float:left;
}

/* articleinset for mobile */

 @media all and (max-width: 600px) {
      #gkArticleInset {
	clear:both;
    float:left;
    width:100%;
    min-width:260px;
    padding:0;
    margin:0px 4px 20px 4px;
      }
    }


 @media all and (max-width: 600px) {
      #gkArticleInset {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 4px;
	text-align: left
}
    }

 @media all and (max-width: 600px) {
      .box.color-bg4 .header { margin-top:24px; }

    }


/* custom ol */
ol li {
  	margin: 18px 0px 18px 0px;
	padding: 0px 0px 0px 10px;
    line-height: 1.8;
}

/* pop-up */

.pophead {
  font-size: 42px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: -1px;
}

.popsub {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -1px; 
}

#popbox { width: 100%; }

#popleft{
  float:left; 
  width: 50%;
}

#popright {
  padding:2% 2% 0 0;
  float:right;
  width: 42%;
  display: table;
}

#popimg {
  max-width:300px;
  max-height:372px;
  width: auto;
}
  
#pop {
    margin: 0 auto;
    width: 70%;
    padding:0 2% 0 2%;
    clear:right;
    display:table;
  }


 .buttonpop {
    font-family: 'Bitter', Arial,Helvetica,sans-serif; 
    font-size:24px;
    font-weight:500;
    background: #d82731 none repeat scroll 0 0;
    border: medium none;
    color: #fff !important;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 42px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
}
.buttonpop:hover {
  background: #000 none repeat scroll 0 0;}

.buttonpop a {
      font-size:26px;
      font-weight:500;
    }



/* pop-up mobiles */

@media screen and (max-width: 420px) {
  

.pophead {
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: -1px;
}

.popsub {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -1px; 
}

#popbox { width: 100%; }

#popleft{
  float:left; 
  width: 46%;
}

#popright {
  padding:0;
  float:right;
  width: 38%;
  display: table;
}
  
#popright ul.gkBullet3 li {font-size:70%;padding: 1px 0 1px 18px;}
#popright ul.gkBullet3 li:before {
  font-size: 11px;
  position: absolute;
	top: 2px;
	left: 0
}
#popright ul.gkBullet3 {margin:2px 0px 6px 0px;}

#popimg {
  max-width:150px;
  max-height:186px;
  width: auto;
  height: auto;
}
  
#pop {
    display: table;
    margin: 0 auto;
    width: 60%;
    padding:0;
  }


 .buttonpop {
    font-family: 'Bitter', Arial,Helvetica,sans-serif; 
    font-size:20px;
    font-weight:500;
    background: #d82731 none repeat scroll 0 0;
    border: medium none;
    color: #fff !important;
    cursor: pointer;
    display: block;
    height: 36px;
    line-height: 38px;
    margin: 0;
   	padding: 0px 8px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
}
.buttonpop:hover {
  background: #000 none repeat scroll 0 0;}

.buttonpop a {
      font-size:26px;
      font-weight:500;
    }

}

/* pop-up small tab */

@media screen and (max-width: 620px) and (min-width: 421px) {
#popimg {
  max-width:240px;
  max-height:298px;
  width: auto;
  height: auto;
}
}


/* action area front page */


#gkBanners > div > div:first-child {
    background: none;
    margin-top: 40px;
    }
    
    
    #gkBanners {
    margin-top: -120px;
      
}

#gkBannerLeft {
	background: rgba(238, 238, 238, 0) linear-gradient(to bottom, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 20%, rgba(238, 238, 238, 1) 100%) repeat scroll 0 0;

}


#actbox {box-sizing: border-box;padding:1% 0;font-size: 14px;}

#left {display: inline-block; width: 32.8%; box-sizing: inherit; margin:auto; padding:2% auto;}

#right {display: inline-block; width: 32.8%; box-sizing: inherit; margin:auto; padding:2% auto;}

#mid {display: inline-block; width:32.8%; box-sizing: inherit; margin:auto ; padding: 2% auto ;} 

.inner { width: 92%;
       
       height: 140px;
       margin: auto;
  	   padding: 8px 34px;
       text-align:center;
       box-sizing: border-box;
       background: #eeeeee;
} 
.buttonfront {
    font-size:24px;
    font-family: 'Bitter', Arial,Helvetica,sans-serif;
	background: #d82731 none repeat scroll 0 0;
    border: medium none;
    color: #fff !important;
    cursor: pointer;
    display: block;
    height: 42px;
    line-height: 44px;
    margin: 10px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease-out 0s;
}

.buttonfront:hover {
  background: #000 none repeat scroll 0 0;
  
}
.actlabel { margin:6px 20px; 
    text-align:left;
    vertical-align:top;
    min-width:110px; 
    max-width:230px; 
    display: inline-block;
}

/* ipad action area front page */

#gkBannerLeft .box {
    padding: 0 45px !important;
}


@media only screen 
  and (min-width: 540px) 
  and (max-width: 900px)  {
  
    #gkBanners > div > div:first-child {
    background: none;
    margin-top: 50px;
    }  
  
     #gkBanners {
    margin-top: -90px;
      
}
#actbox {box-sizing: border-box;padding:1% 0;font-size: 14px;}

#left {display: inline-block; width: 32.8%; box-sizing: inherit; margin:auto; padding:2% auto;}

#right {display: inline-block; width: 32.8%; box-sizing: inherit; margin:auto; padding:2% auto;}

#mid {display: inline-block; width:32.8%; box-sizing: inherit; margin:auto ; padding: 2% auto ;} 

.inner { width: 92%;
       
       height: 140px;
       margin: auto;
  	   padding: 8px 24px;
       text-align:center;
       box-sizing: border-box;
       background: #eeeeee;
} 
.buttonfront {
    font-size:16px;
	background: #d82731 none repeat scroll 0 0;
    border: medium none;
    color: #fff !important;
    cursor: pointer;
    display: block;
    height: 42px;
    line-height: 44px;
    margin: 10px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease-out 0s;
}

.buttonfront:hover {
  background: #000 none repeat scroll 0 0;
  
}
.actlabel { margin:6px 20px; 
    text-align:left;
    vertical-align:top;
    min-width:110px; 
    max-width:230px; 
    display: inline-block;
}
  }

/*  iPhone 4 */
@media screen and (max-width: 539px){
  
  
  #gkBanners > div > div:first-child {
    background: none;
    margin-top: -30px;
    }  
  
     #gkBanners {
    margin-top: 40px;
      
}  
 
  
#actbox {box-sizing: border-box;padding:1% 0;font-size: 14px;}

#left {display: inline-block; width: 100%; box-sizing: inherit; margin:auto; padding:2% auto;}

#right {display: inline-block; width: 100%; box-sizing: inherit; margin:auto; padding:2% auto;}

#mid {display: inline-block; width:100%; box-sizing: inherit; margin:auto ; padding: 2% auto ;} 

.inner { width: 70%;
       
       height: 140px;
       margin: auto;
  	   padding: 8px 4px;
       text-align:center;
       box-sizing: border-box;
       background: #eeeeee;
} 
.buttonfront {
    font-size:18px;
	background: #d82731 none repeat scroll 0 0;
    border: medium none;
    color: #fff !important;
    cursor: pointer;
    display: block;
    height: 42px;
    line-height: 44px;
    margin: 10px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease-out 0s;
}

.buttonfront:hover {
  background: #000 none repeat scroll 0 0;
  
}
.actlabel { margin:6px 20px; 
    text-align:left;
    vertical-align:top;
    min-width:110px; 
    max-width:230px; 
    display: inline-block;
}
    
}


/* mailchimp sign-up buttons */


  /* mailing list optout */

#bfElemWrap956
  {margin-bottom:20px;}
  
/* recapture */

#newrecaptcha {
margin-top:20px;  
transform:scale(0.77);
transform-origin:0;-webkit-transform:scale(0.77);
transform:scale(0.77);
-webkit-transform-origin:0 0;
transform-origin:0 0; 0
}
.preamble {font-style:italic;}

  /* print styles */

@media print {

#gkInset, #gkSidebar, #gkHeaderNav, #gkArticleInset, #disqus_thread, #disqus_identifier_js, #gkSocialAPI, #gkBottom1, #gkFooter, .dq-powered
{
    display: none;
}
article .itemBody {
    width: 320%;
  overflow:visible;
}

#gkContent {
    width: 320%;
  overflow:visible;
}
#gkContentWrap {
    width: 320%;
  overflow:visible;
}
.gkPage {
    max-width: 1200px;
  overflow:visible;
}

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