/*
#------------------------------------------------------------------------
# Black and White -October 2011 template (for Joomla 1.6)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License:  Copyrighted Commercial Software. It is based on GavickPro's GAVERN framework.
NOTE:  It is not free or public. This theme is for members of the GavickPro club only.
# Website:  http://www.gavick.com
# Support:  support@gavick.com
 */
/* Basic elements */
body {
  line-height: 1.9;
  background: #e8e7df url('../images/style1/bg.jpg') repeat 0 0;
  min-height: 100%;
}

div.bg {
  color: #666;
}

body.fs1 {
  font-size: 10px;
}

body.fs2 {
  font-size: 11px;
}

body.fs3 {
  font-size: 13px;
}

body.fs4 {
  font-size: 14px;
}

body.fs5 {
  font-size: 15px;
}

body.fs6 {
  font-size: 16px;
}

a {
  color: #858585;
  text-decoration: none;
}

a:hover,a:active,a:focus {
  color: #858585;
  text-decoration: underline;
}

.column p,.column pre,.column blockquote,.column ol,.column ul {
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5 {
  color: #373636;
}

h1 {
  font-size: 180%;
}

h2 {
  font-size: 150%;
}

h3 {
  font-size: 80%;
}

h4 {
  font-size: 110%;
}

h5 {
  font-size: 100%;
}

ul {
  list-style: none;
  clear: both;
}

ul li {
  line-height: 1.9;
}

.gkSearch {
  display: block;
  float: right;
  margin: 45px 0 0 16px;
}

#gkButtons {
  float: right;
}

#gkTools {
  float: right;
  display: inline-block;
  margin-top: 5px;
}

.toolsButton {
  display: block;
  text-indent: -999em;
  width: 16px;
  height: 16px;
  float: left;
  background: transparent url('../images/tools.png') no-repeat 0 0;
  cursor: pointer;
}

#gkToolsReset {
  width: 14px;
  background-position: -16px 0;
}

#gkToolsDec {
  width: 12px;
  background-position: -30px 0;
}

div.breadcrumbs {
  display: inline-block;
}

#gkMainNav {
  clear: both;
  background: #fff url('../images/style1/menu_bg.png') repeat-x 0 0;
  margin-bottom: 12px;
  border: 1px solid #1c1c1c;
  border-top: none;
  border-bottom: none;
}

#gkMenu {
  height: 48px;
}

#gkHeader {
  margin-bottom: 12px !important;
}

/* Containers */
#wrapperContent {
  background: transparent;
  padding: 0;
}

#wrapperContent2 {
  background: #fff;
  border: 1px solid #e0dfd5;
  padding: 11px 11px 0;
}

#gkPageTop {
  min-height: 90px;
}

/* Logo */
h1#gkLogo {
  float: left;
}

h1#gkLogo a img {
  display: block;
  height: 125px;
  margin: 0;
  width: 250px;
  top: 5;
left: 0;
}

h1#gkLogo a.cssLogo {
  background: url('../images/logo.png') no-repeat 0 0;
  display: block;
  height: 150px;
  margin: 0;
  text-indent: -999em;
  width: 300px;
  top: 0;
left: 0;
  z-index: 1001;
}

h1.gkLogo.text {
  margin: 0;
  float: left;
}

h1.gkLogo.text a span {
  color: #fff !important;
  font-size: 27px !important;
  font-family: Georgia,serif;
  font-weight: normal;
  text-decoration: none !important;
  font-style: normal;
  line-height: 48px;
  display: block;
  margin: 0px 10px;
}

h1.gkLogo.text a,h1.gkLogo.text .gkSiteSlogan {
  display: block;
  background: none !important;
  color: #fff;
  text-align: center;
}

h1.gkLogo.text a {
  padding: 0;
  width: auto !important;
}

.gkLogo a:hover {
  text-decoration: none !important;
}

small.gkLogoSlogan {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  line-height: 12px;
  color: #a8a592;
  text-transform: uppercase;
  font-weight: normal;
}

/* top */
#gkBreadcrumb {
  border: 1px solid #e5e5e5;
  background: #f9f9f9;
  padding: 2px 11px;
}

#gkPageTop a {
  color: #858585;
  font-size: 12px;
}

#gkPageTop a:hover {
  color: #858585;
  text-decoration: underline;
}

.gk-search {
  display: block;
  float: right;
  margin: 45px 0 0 16px;
}
#gkIconsTwitter {
  background-position: -32px 0;
}

#btnLogin {
  background-position: -60px 0;
  margin-right: 10px !important;
}

#gkTopMenu {
  float: right;
  margin: 53px 0 0 0;
  width: auto;
}

/* bottom */
#bottomWrap {
  margin-bottom: 10px !important;
}

#bottomWrap > div {
  margin: 10px 20px !important;
  padding: 10px 0 !important;
  overflow: hidden;
}

#bottomWrap .gkColLeft > div {
  border-left: none;
  margin: 0 !important;
}

#bottomWrap .gkColCenter > div,#bottomWrap .gkColRight >div {
  border-left: 1px solid #d6d5cb;
  margin: 0 !important;
}

#bottomWrap .gkColLeft > div {
  margin-right: 18px !important;
}

#bottomWrap .gkColCenter > div {
  padding-left: 18px !important;
  margin-right: 18px !important;
}

#bottomWrap .gkColRight > div {
  padding-left: 18px !important;
}

#bottomWrap .box > h3 {
  text-transform: uppercase;
}

#bottomWrap h1,#bottomWrap h2,#bottomWrap h3,#bottomWrap h4,#bottomWrap h5 {
  color: #ddd;
}

#bottomWrap div.content {
  background: none;
  border: none;
  padding: 0;
  font-size: 11px;
}

#bottomWrap .box>h3,#bottomWrap .box_menu>h3,#bottomWrap .box_text>h3 {
  background: none;
  color: #53534E;
  margin-bottom: 5px;
  padding: 0;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 130%;
}

#bottomWrap .box ul li,#bottomWrap .box_text ul li,#bottomWrap .box_menu ul li {
  border: none;
  background: none !important;
  padding: 0;
}

/* footer */
#gkFooter {
  border-top: 1px solid #d6d5cb;
  color: #888;
  font-size: 11px;
  line-height: 12px;
  padding: 0 0 25px;
}

#gkFooterNav {
  float: right;
  padding: 15px 0 0 0;
}

#gkCopyrights {
  float: left;
  padding: 15px 25px 0 0;
}

#stylearea {
  float: left;
  padding: 15px 0 0 0;
}

#gkFooterNav .menu {
  list-style-type: none;
}

#gkFooterNav .menu li {
  float: left;
  line-height: 11px;
  margin-left: 20px;
  width: auto;
}

#gkFrameworkLogo {
  display: block;
  width: 130px;
  height: 42px;
  margin: -20px 870px;
  background: url('../images/framework-logo.png') no-repeat 0 0;
  text-indent: -9999em;
}

/* breadcrumb */
*/ div.breadcrumbs a {
  font-size: 11px !important;
}

div.breadcrumbs .youah {
  margin: 0 6px 0 0;
  font-weight: bold;
  font-size: 11px;
}

div.breadcrumbs a.pathway,div.breadcrumbs span.pathway {
  font-weight: normal;
  margin: 0 2px 0 0;
  font-size: 11px !important;
}

div.breadcrumbs .pathway.separator {
  padding: 0 2px;
  font-size: 11px;
}

/* top tab
#gkButtons  {
   position: static;
   }

#gkButtons a  {
   float:  right;
   margin-top:  -8px;
   background:  transparent url('../images/style1/bottom_bg.jpg') no-repeat 0 0;
   padding:  10px 4px 6px 4px;
   color:  #fff;
   font-size:  11px;
   text-transform:  uppercase;
   }

#gkButtons a:hover  {
   color:  #585048;
   }

#gkButtons a span  {
   border:  1px dashed #dad6ce;
   border-top:  none;
   background:  transparent url('../images/style1/bottom_bg.jpg') no-repeat 0 -17px;
   padding:  10px 12px 5px 12px;
   position:  relative;
   z-index:  1;
   }

#gkButtons a.activated  {
   background:  transparent url('../images/style1/menu_bg.jpg') repeat 0 0;
   }

#gkButtons a.activated span  {
   background:  transparent url('../images/style1/menu_bg.jpg') repeat 0 -26px;
   }

#gkButtons a.activated:hover span  {
   color:  #bf7233;
   }

*/
/* -clear */
.box > h3 {
  font-weight: normal;
}

.box.clear,.box.clear,.box.clear > .content {
  padding: 0 !important;
  background: none !important;
  border: none !important;
  margin: 0 !important;
}

/* default */
.box,.box_text,.box_menu {
  padding: 0;
  margin: 11px 0 0 0;
  line-height: 145%;
}

.box div.content,.box_text div.content {
  background: #fff;
  padding: 5px;
  border: 0px solid #e5e5e5;
}

.box_menu div.content {
  padding: 0px;
  border: 1px solid #e5e5e5;
}

.box:first-child,.box_text:first-child,.box_menu:first-child {
  margin-top: 0 !important;
}

.box > h3,.box_text > h3,.box_menu > h3 {
  background: transparent url('../images/style1/box_h3.png') repeat-x 0 0;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  padding: 0 18px;
}

.box ul li,.box_text ul li,.box_menu ul li {
  border-top: 1px dotted #ddd;
  line-height: 220%;
}

.box ul li:first-child,.box_text ul li:first-child,.box_menu ul li:first-child {
  border-top: none;
}

/* module latest news and popular */
ul.latestnews li,ul.mostread ul li {
  padding: 5px 18px;
  background: transparent url('../images/style1/arrow.png') no-repeat 0 17px;
}

/* module suffixes -badges */
.badge {
  position: absolute;
  background: transparent url('../images/badges.png') no-repeat 0 0;
  top: 8px;
  right: 8px;
  z-index: 999;
  text-indent: -999em;
  width: 54px;
  height: 54px;
}

.badge-hot,.badge-new,.badge-soon,.badge-top {
  position: relative;
}

.badge-hot .badge {
  background-position: 0 -54px;
}

.badge-top .badge {
  background-position: 0 -108px;
}

.badge-soon .badge {
  background-position: 0 -162px;
}

/* restrictions*/
.box.bigtitle .badge {
  top: -6px;
}

/* module suffixes -clear & bigtitle & smalltitle */
.box.clear,.box.bigtitle,.box.smalltitle {
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

.box.clear .box_content,.box.bigtitle .box_content,.box.smalltitle .box_content {
  padding: 0;
  border: none;
  background: none;
}

.box.bigtitle h3,.box.smalltitle h3 {
  font-family: Georgia, "Times New Roman", Times, serif !important;
  background: none;
  padding: 0;
  margin: 12px 0 22px;
  font-size: 30px;
  line-height: 30px;
  font-weight: normal;
  color: #999;
  font-style: italic;
  height: auto;
}

.box.smalltitle h3 {
  font-size: 28px;
  line-height: 28px;
}

.box.bigtitle h3 span,.box.smalltitle h3 span {
  font-weight: normal;
  font-style: normal;
  color: #373636;
}

/* module suffixes -light1 & light2 & light3 */
.box.light1 h3,.box.light2 h3,.box.light3 h3 {
  background: none;
  color: #999;
  border-bottom: 1px solid #ddd;
}

.box.light2 h3 {
  border-bottom: 3px solid #ddd;
}

.box.light3 h3 {
  border-bottom: 1px solid #ddd;
  border-top: 3px solid #ddd;
}

.box.light1 .box_content,.box.light2 .box_content,.box.light3 .box_content {
  border: none !important;
  background: none !important;
}

/* module suffixes -color1 & color2 */
.box.color1 .box_content {
  background: #474646;
  color: #a2a197;
  border-color: #313131;
}

.box.color1 a {
  color: #dedccf;
}

.box.color1 a:hover {
  color: #fff;
}

.box.color1 ul li,.box_text.color1 ul li,.box_menu.color1 ul li {
  border-color: #5d5d5d;
}

.box.color2 > div > h3 {
  background: #b7b7ae;
  border-bottom: 1px solid #b7b6a9;
  color: #53534e;
}

.box.color2 .box_content {
  background: #e9e9e1;
  color: #7b7b7b;
  border-color: #e0dfd5;
}

.box.color2 a {
  color: #53534e;
}

.box.color2 a:hover {
  color: #7b7b7b;
}

.box.color2 ul li,.box_text.color2 ul li,.box_menu.color2 ul li {
  border-color: #c1c1bb;
}

/* module suffixes -border1 & border2 & border3 & border4 */
.border1.box {
  border: 1px solid #e5e5e5;
}

.border1.box div.content {
  border: none !important;
  background: none;
}

.border1 > h3 {
  background: none;
  color: #2d2d2d;
  border-bottom: 1px solid #e5e5e5;
}

.border2.box {
  border: 3px solid #9b998b;
}

.border2.box div.content,.border3.box div.content,.border4.box div.content {
  border: none !important;
  background: none;
}

.border2 > h3,.border3 > h3,.border4 > h3 {
  background: none;
  border: none;
  color: #757364;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: -12px;
}

.border3.box {
  border: 1px solid #eae9e4;
  background: #efefe7 url('../images/style1/mod_border3.png') repeat-x 0 0;
  color: #9b998b;
}

.border3 > h3,.border4 > h3 {
  color: #757364;
}

.border4.box {
  border: 2px dashed #eae9e4;
}

/* modalbox fix */
/* Article breadcrumb and tools
#gkBreadcrumb  {
   border-bottom:  1px dashed #d3cbb9;
   margin-bottom:  10px!important;
   padding:  0 0 5px 0;
   overflow:  hidden;
   }

.breadcrumbs  {
   float:  left;
   width:  80%;
   font-size:  11px;
   }

#gkTools  {
   float:  right;
   width:  auto;
   margin-top: 1px;
   }

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter:  alpha(opacity=50);
  opacity: 0.5;
  
 }

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:  alpha(opacity=100);
  opacity:  1.0;
  
 }

#gkToolsReset  {
   background-position:  -16px 0!important;
   }

#gkToolsDec  {
   background-position:  -32px 0!important;
   }

*/
/* top menu */
#gkTopMenu {
  float: right;
  padding: 0;
  width: auto;
}

#gkTopMenu .menu {
  list-style-type: none;
}

#gkTopMenu .menu li {
  float: left;
  margin-right: 10px;
  width: auto;
}

#gkTopMenu .menu li a {
  padding-left: 10px;
}

#gkTopMenu .menu li:before {
  content: "/";
}

#gkTopMenu .menu li:first-child:before {
  content: "";
}

/* CSS3 */
#btnLogin,#gkIconsFacebook,#gkTools a,#gkIconsTwitter {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: 0.6;
}

#btnLogin:hover,#gkIconsFacebook:hover,#gkTools a:hover,#gkIconsTwitter:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1.0;
}

#gkFrameworkLogo {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}

#gkFrameworkLogo:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1.0;
}

.border1 > h3,.border2 > h3,.border3 > h3,.border4 > h3,.color2 > h3,#bottomWrap .box>h3,#bottomWrap .box_menu>h3,#bottomWrap .box_text>h3 {
  text-shadow: 0 0 3px #999;
}

#gkMenu .level0>li>a,#gkMenu .level0>li>span {
  text-shadow: 0 0 3px #000;
}

#gkMenu ul.level0 div.childcontent a {
  text-shadow: 1px 1px 1px #78735d;
}

.box.bigtitle h3,.box.smalltitle h3,.box.light1 h3,.box.light2 h3,.box.light3 h3 {
  text-shadow: none;
}