/*
#------------------------------------------------------------------------
# Black and White -October 2010 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
 */
/* fonts */
body {
  font: normal 13px/1.8 Arial, sans-serif;
}

/* main layout */
html {
  height: 100%;
  min-height: 100%;
  border-bottom: 1px solid transparent;
}

.clear {
  clear: both;
}

.gkMain {
  margin-top: 0px;
  padding: 0px;
}

#gkMain {
  margin-bottom: 12px;
}

#gkRight .gkMain:first-child,#gkLeft .gkMain:first-child,.gkMain:first-child,#gkHeader {
  margin-top: 0;
  margin-bottom: 0px;
  overflow: inherit !important;
}

#gkComponent {
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0px solid #E5E5E5;
  padding:0px;
}

#gkMainbodyBottom > .box,#gkContentBottom > .box {
  margin-bottom: 12px;
}

#gkMainBlock {
  margin-bottom: 0 !important;
}

#gkContentMainbody {
  padding: 0 !important;
}

#gkComponentWrap {
  padding: 0 !important;
}

.gkWrap {
  margin: 0 auto;
}

#gkTop1,#gkTop2,#gkUser1,#gkUser2,#gkBottom1,#gkBottom2,#gkMainBlock,#gkLeftMiddle,#gkRightMiddle,#gkHeader {
  border-collapse: collapse;
  width: 100%;
}

#gkUser1,#gkUser2 {
  margin-top: 0 !important;
  margin-bottom: 23px !important;
}

.gkWrap:after,.gkMain:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.gkCol {
  display: block;
  float: left;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

#gkTop1,#gkTop2 {
  margin-bottom: 11px !important;
  margin-top: 0 !important;
}

#gkContentTop > .box {
  margin-bottom: 12px;
}

#gkInset1 > div {
  margin-right: 12px;
}

#gkInset2 > div {
  margin-left: 12px;
}

#gkRight > div,#gkLeft > div {
  margin-bottom: 12px !important;
}

#gkLeft {
  padding-right: 12px !important;
}

/* USER/TOP/BOTTOM columns */
.gkColFull > .box,.gkColLeft > .box,.gkColCenter > .box,.gkColRight > .box {
  margin-left: 9px;
  margin-right: 9px;
}

.gkColLeft > .box {
  margin-left: 0;
}

.gkColRight > .box {
  margin-right: 0;
}

.gkColFull > .box {
  margin-left: 0;
  margin-right: 0;
}

#gkRight .gkMain:first-child,#gkLef .gkMain:first-child {
  padding-right: 12px;
}

#gkLeftRight .box {
  padding-left: 12px;
}

#gkBottom1 .gkColFull > .box,#gkBottom2 .gkColFull > .box,#gkBottom1 .gkColLeft > .box,#gkBottom2 .gkColLeft > .box,#gkBottom1 .gkColCenter > .box,#gkBottom2 .gkColCenter > .box,#gkBottom1 .gkColRight > .box,#gkBottom2 .gkColRight > .box {
  margin-left: 0;
  margin-right: 0;
}

/* TBLR */
.gkPaddingT {
  padding-top: 0 !important;
}

.gkPaddingB {
  padding-bottom: 0 !important;
}

.gkPaddingL {
  padding-left: 0 !important;
}

.gkPaddingR {
  padding-right: 0 !important;
}

.gkPaddingTB {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.gkPaddingTL {
  padding-top: 0 !important;
  padding-right: 0 !important;
}

.gkPaddingTR {
  padding-top: 0 !important;
  padding-right: 0 !important;
}

.gkPaddingBL {
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

.gkPaddingBR {
  padding-bottom: 0 !important;
  padding-right: 0 !important;
}

.gkPaddingLR {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.gkPaddingTBL {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

.gkPaddingTBR {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 0 !important;
}

.gkPaddingTLR {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.gkPaddingBLR {
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.gkPaddingTBLR {
  padding: 0 !important;
}

/* Joomla columns */
.cols-1 {
  display: block;
  float: none !important;
  margin: 0 !important;
}

.cols-2 .column-1 {
  width: 46%;
  float: left;
}

.cols-2 .column-2 {
  width: 46%;
  float: right;
  margin: 0;
}

.cols-3 .column-1 {
  float: left;
  width: 29%;
  padding: 0px 5px;
  margin-right: 4%;
}

.cols-3 .column-2 {
  float: left;
  width: 29%;
  margin-left: 0;
  padding: 0px 5px;
}

.cols-3 .column-3 {
  float: right;
  width: 29%;
  padding: 0px 5px;
}

.items-row {
  padding-bottom: 20px !important;
}

.column-1,.column-2,.column-3 {
  padding: 0;
}

.column-2 {
  width: 55%;
  margin-left: 40%;
}

.column-3 {
  width: 30%;
}

.blog-more {
  padding: 10px 5px;
}