/*
#------------------------------------------------------------------------
# CloudHost - September 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 */

body {
	background: #000A33;
}
#gkContentWrap.gkSidebarLeft + #gkSidebar {
	padding-right: 30px;
}
/* @group Header */
/* Header */
#gkHeader {
	margin-bottom: 30px;
}
#gkLogo {
	margin: 0;
}
#gkHeader.gkNoMenu {
	padding-top: 100px;
}
#gkTopBar, #gkMenuWrap #gkTopBar {
	height: 40px;
	line-height: 33px;
}
#gkTopBar p {
	margin: 0;
}
/* Menu */
.gkMenu > ul > li > a, .imageBg #gkMenuWrap .gkMenu > ul > li > a {
	padding: 0 15px;
}
.gkMenu > ul > li:last-child > a {
	padding: 0 0 0 15px;
}
/* @end */

/* @group Main */
/* Body */
body {
	color: #464646;
}
section#gkMainbody {
	font-size: 85% !important;
	line-height: 1.5;
}
p {margin: 0.5em 0 1em;}
.small {
	font-size: 0.7em;
}
div.items-row {
	margin-bottom: 1.5em;
}
.column-1 {
	float: none;
}
article header h1, .category header h1, .blog header h1 {
	font-size: 28px;
}
article header h2  {
	font-size: 22px;
}
article header h1, .category header h1, .blog header h1 {
	border-bottom: 1px solid #e6e6e6;
	line-height: 1.7em;
}
article header h1 a, article header h1 span, .category header h1 span, .blog header h1 span {
	margin-bottom: 15px;
	/*padding-bottom: 5px;*/
	padding-bottom: 9px;
	border-bottom: 3px solid #0067d0;
}
:lang(fr) article header h1 a, :lang(fr) article header h1 span, :lang(fr) .category header h1 span, :lang(fr) .blog header h1 span {
	padding-bottom: 7px;
}
article h2 {
	font-size: 25px;
}
article h3 {
	font-size: 20px;
}
article header h3 {
	font-weight: 600;
}
dl.article-info {
	color: #999;
	font-size: 13px;
	text-align: right;
	margin-bottom: 0;
	margin-top: 10px;
}
.blog dl.article-info, .blog-featuredhome dl.article-info {
	text-align: left;
}
.itemBody ul {margin:0;}
.itemBody ul li {
	margin: 0;
	line-height: 1.5;
}
.itemBody ul li:before {
	top: 4px!important;
}
.itemBody ul li ul li:before {
	content: "\f10c";
}
table td {
	vertical-align: top;
}
.category table tr td {
	border-bottom: none;
	padding: 10px 0;
}
td.list-date {
	font-size: 0.8em;
	width: 120px;
}
#gkMainbody .blog-featuredhome h3 a {
	color: #444;
}
#gkMainbody .blog-featuredhome h3 a:hover {
	color: #0067d0;
}
#gkMainbody .blog-featuredhome p {
	margin-bottom: 0;
}
#gkMainbody .readmore > a {
	background: none;
	color: #0067d0 !important;
	padding: 0;
}
#gkMainbody .readmore > a:hover {
	background: none;
	color: #444 !important;
}
a.icon-globe:before {
	margin-right: 10px;
}
article header ul {
    margin: 0 0 0px;
}
.tag-category .list-date {
	float: left;
	padding: 10px 10px 10px 0;
}
/* @end */

/* @group Footer */
#gkFooter {
	background: #000A33;
	background-image: -moz-linear-gradient(top,#00346A,#000A33);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#00346A),to(#000A33));
	background-image: -webkit-linear-gradient(top,#00346A,#000A33);
	background-image: -o-linear-gradient(top,#00346A,#000A33);
	background-image: linear-gradient(to bottom,#00346A,#000A33);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00346A', endColorstr='#ff000A33', GradientType=0);
	border-color: #0b172a;
}
#gkFooter a {
	color: #75b6e7;
}
#gkCopyrights {
	color: #75b6e7;
}
/* @end */

/* @group Modules */
.box.blue {
	background: #0067d0;
	padding: 24px!important;
	color: #fff;
}
.box.light {
	border: 1px solid #cccccc;
	background: rgba(225,225,225,0.6) 50% 0;
}
#gkMainbodyTop .box {
	padding: 0;
}
#gkMainbodyTop .box p {
	font-size: 80%;
}
#gkMainbodyTop .box h2 {
	margin-bottom: 10px;
}
/* Language */
#gkTopBar .mod-languages {
	float: right;
	margin-right: 10px;
}
.mod-languages ul li a img {
	-moz-transform-style: flat;
}
/* Menu */
.box.menu h3 {
	border-bottom: 1px solid #c7c7c7;
	color: #0067d0;
	text-shadow: 1px 1px 0 #fff;
	padding-bottom: 0;
	margin-bottom: 20px;

}
.box.menu li a {
	padding: 0;
	display: block;
	width: 100%;
}
.box.menu li li {
	font-size: 1.2em;
	padding-left: 10px;
}
.box.menu li:hover {
	/*padding: 8px 0;*/
	padding: 2px 0;
}
.box.menu li:hover > a {
	color: #0067d0 !important;
}
.box.menu ul li.deeper ul.nav-child li:hover {
	padding-left: 10px;
}
.box.menu ul li.deeper:hover ul.nav-child li a:hover {
	color: #0067d0;
}
.box.menu ul li:hover {
	background: none;
}
.box.menu li.active > a {

}
.box.menu.topp li > a {

}
.box.menu.topp li > a:hover {

}
.box.menu.topp li.deeper:hover > a, .box.menu.topp ul li.deeper ul.nav-child li > a {

}
.box.menu.topp li.active > a {

}
/* Breadcrumb */
#gkBreadcrumb {
	padding: 0;
}
#gkBreadcrumb .breadcrumbs > ul > li {
	font-size: 12px;
}
/* Search */
div.search {
	float: right;
}
input#mod-search-searchword.inputbox {
	background: #0067d0;
	font-size: 12px;
	color: #fff;
	border: 1px solid #3c99df;
	height: 25px !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0 !important;
}
/* Latest */
.box.latest li {
	font-size: 80%;
}
.box.latest li span {
	font-size: 75%;
	margin-right: 10px;
}
/* Title */
.box.title {
	margin-bottom: 0;
}
.box.title.light, .box.title.sans {
	margin-bottom: 0;
	padding-bottom: 0 !important;
}
.box.title h2, .box h2 {
	font-size: 25px;
	border-bottom: 1px solid #e6e6e6;
	line-height: 1.4em;
}
.box.title h2 span, .box h2 span {
	padding-bottom: 4px;
	border-bottom: 3px solid #0067d0;
}
.box.title .backnumber {
	float: right;
	font-size: 70%;
	margin-top: 15px;
}
.icon-circle-arrow-right {
	padding-right: 5px;
}
.box.title .backnumber:hover {
	color: #0067d0;
}
.box li.latestnews {font-size: .9em;}
/* @end */

@media (min-width: 900px) and (max-width: 1024px) {
   #gkContent, #gkPageContent {
    	padding: 0 0.5%;
    	width: 99%;
   }
   .gkMenu > ul > li > a, .imageBg #gkMenuWrap .gkMenu > ul > li > a {
		padding: 0 6px;
	}
	#gkLogo img {
		width: 300px;
	}
	#gkTopBar .custom {
		
	}
	#gkTopBar .custom .small {
		font-size: 0.6em;
	}
	#gkSidebar .box {
		font-size: 14px;
	}
	.box .header {
		font-size: 14px;
	}
	.ja-ss-item {
		min-height: 220px !important;
	}
	input#mod-search-searchword.inputbox {
		width: 150px !important;
	}
}