/*
#------------------------------------------------------------------------
# penguinMail -December 2010 (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 {
  min-height: 100%;
  background: #fff;
  color: #444;
}

a {
  text-decoration: none;
}

a:hover,a:active,a:focus {
  color: #222;
}

h1 {
  font-size: 250%;
}

h2 {
  font-size: 250%;
}

h3 {
  font-size: 125%;
}

h4 {
  font-size: 110%;
}

h5 {
  font-size: 100%;
}

.box h1 {
  font-size: 180%;
}

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

ul li {
  line-height: 1.9;
}

p {
  margin: 0.8em 0;
}

/* Containers */
#gkPageTop {
  height: 52px;
  margin: 0;
  padding: 0;
}

#gkMenu {
  float: left;
  width: auto;
}

#gkSearch {
  float: right;
  width: auto;
  padding: 13px 23px 6px 0;
}

#gkButtonLogin,#mobileSwitch {
  float: right;
  margin: 13px 23px 0 -6px;
  padding: 0 9px;
  height: 25px;
  text-decoration: none;
  text-transform: uppercase;
  background: #000 url('../images/menu_sprite.png') repeat-x 0 -125px;
  color: #fff;
}

#gkButtonLogin:hover,#mobileSwitch:hover {
  background-position: 0 -150px;
}

#gkContentMainbody {
  width: auto;
  border: 1px solid #f0f0f0;
  background: #fff;
}

/* Logo */
#gkLogo {
  height: 95px;
  margin: 35px 0 0;
  line-height: 100%;
}

#gkLogo.text a,#gkLogo.text .gkLogoSlogan {
  color: #fff;
  font: normal 30px "Comic Sans MS", cursive;
  font-style: italic;
  display: block;
}

#gkLogo.text .gkLogoSlogan {
  font-size: 12px;
}

#gkLogo a {
  display: block;
  height: 60px;
  margin: 0;
  width: 261px;
}

#gkLogo.text a {
  text-indent: 0 !important;
  background: none !important;
}

h1#gkLogo a img {
  display: block;
  height: 60px;
  margin: 0;
  max-width: 350px;
  top: 0;
  left: 0;
}

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

/* Article breadcrumb */
#gkBreadcrumb {
  border-bottom: 1px solid #f0f0f0;
  padding: 0 0 10px;
  overflow: hidden;
  font: bold 10px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #777;
}

#gkBreadcrumb a {
  cursor: pointer;
}

#gkBreadcrumb a:hover {
  color: #222;
}

.breadcrumbs {
  float: left;
  width: 80%;
}

.breadcrumbs .separator {
  padding: 0 4px;
  color: #afafaf;
}

#gkTools {
  float: right;
  width: auto;
}

#gkTools a {
  display: block;
  float: left;
  width: 14px;
  height: 14px;
  margin-left: 5px;
  background: url('../images/toolsFont.png') no-repeat 100% 100%;
  text-indent: -9999em;
}

a#gkToolsReset {
  background-position: -21px 100%;
}

a#gkToolsDec {
  background-position: 0 100%;
}

#gkTools a:hover {
  background-position: 100% 0;
}

a:hover#gkToolsReset {
  background-position: -21px 0;
}

a:hover#gkToolsDec {
  background-position: 0 0;
}

/* Bottom  section */
#gkBottom1 .box,#gkBottom1 .box a,#gkBottom2 .box,#gkBottom2 .box a {
  font-size: 11px;
  color: #656565;
}

#gkBottom1 .box a:hover,#gkBottom2 .box a:hover {
  color: #222;
}

#gkBottom1 .box h3,#gkBottom2 .box h3 {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: normal;
  color: #222;
}

#gkBottom1 .box li,#gkBottom2 .box li {
  background: url("../images/bullet.png") no-repeat 2px 12px;
  padding: 3px 0 3px 18px;
}

/* Footer */
#gkFooter {
  border-top: 1px solid #f0f0f0;
  padding: 12px 0;
  margin: 32px auto 0 auto;
  font-size: 11px;
  color: #656565;
}

#gkFooterNav {
  float: left;
}

#gkFooterNav ul li {
  float: left;
  margin: 0 12px 0 0;
}

#gkFooter a {
  color: #222;
}

#gkCopyrights {
  float: right;
  margin-top: 0;
}

#gkStyleArea {
  float: right;

  margin: 0 0 0 20px;
}

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

/* Module styles */
#gkWrap2 .box,#gkWrap2 .box_menu,#gkWrap2 .box_text {
  border: 1px solid #f0f0f0;
  margin-top: 10px;
  padding: 18px;
  overflow: hidden;
  background: #fff;
}

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

#gkWrap2 .box_menu h3,#gkWrap2 .box_text h3,#gkWrap2 .box h3 {
  margin: 0 0 16px;
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  color: #333;
}

#gkWrap2 .box li {
  border-bottom: 1px dotted #d7d7d7;
  padding: 5px 0 5px 18px;
  background: transparent url('../images/bullet.png') no-repeat 2px 16px;
}

/* restrictions */
.box h1 {
  font-size: 180%;
}

#gkWrap2 .box_menu {
  padding: 0 !important;
}

#gkWrap2 .box_menu h3 {
  margin: 18px 18px 16px;
}

.box .nsp {
  position: relative;
}

.nsp .nsp_top_interface {
  position: absolute;
  right: 18px;
  top: 20px;
}

/* suffixes*/
/* light1 */
#gkWrap2 .box.light1 h3 {
  border-bottom: 1px solid #f0f0f0;
  margin: 0 -18px 16px;
  padding: 0 18px 12px;
}

/* light2 */
#gkWrap2 .box.light2 {
  background-color: #F7F7F7;
}

#gkWrap2 .box.light3 a {
  color: #666;
}

#gkWrap2 .box.light3 a:hover {
  color: #222;
}

/* light3 */
#gkWrap2 .box.light3 a {
  color: #444;
}

#gkWrap2 .box.light3 a:hover {
  color: #222;
}

/* smalltitle */
#gkWrap2 .box.smalltitle h3 {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

/* bigtitle */
#gkWrap2 .box.bigtitle h3 {
  font-size: 36px;
  line-height: 32px;
  font-weight: bold;
  text-transform: uppercase;
}

/* color1 */
#gkWrap2 .color1 {
  background: #222;
  border-color: #222;
  color: #ccc;
}

#gkWrap2 .color1 h3,#gkWrap2 .color1 a,#gkWrap2 .color1 li.active a:hover {
  color: #fff;
}

#gkWrap2 .color1 ul li {
  border-color: #333;
}

/* clear */
.box.clear {
  border: none !important;
  padding: 0 !important;
  background: none !important;
}

/* badges */
.badge {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 20px;
  height: 32px;
  text-indent: -999em;
}

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

/* Login + Register */
#gkLogin,#gkRegister {
  width: 48%;
}

#gkLogin {
  float: left;
}

#gkRegister {
  float: right;
}

/* CSS3 */
#gkPageTop,#gkSubmenu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}

#gkMenu ul.level0 > li > div.childcontent {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

div#gkDropSub > ul > li.haschild:hover > a,div#gkDropSub > ul > li.haschild > a:active,div#gkDropSub > ul > li.haschild > a:focus {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

#gkWrap2,#gkWrap2 .box,#gkWrap2 .box_menu,#gkWrap2 .box_text,#gkContentMainbody {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

#gkMenu ul.level0 > li li div.childcontent,#gkMenu li.group .group-title,#mod-search-searchword,#gkButtonLogin,.adminform button,#adminForm button,.button,a.readon,input[type="submit"],input[type="button"],.search_params,ul.pagination li,#mobileSwitch {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.adminform button,#adminForm button,.button,button,a.readon,.pagenav-next a,.pagenav-prev a,input[type="submit"],input[type="button"] {
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
}

.itemAuthorBlock .itemAuthorDetails,.latestItemsUser,.userBlock,.itemAuthorLatest,.itemRelated,.latestItemsCategory,.itemListCategory,.itemComments {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.k2TagCloudBlock a,.latestItemTagsBlock ul.latestItemTags li a,.userItemTagsBlock ul.userItemTags li a,.catItemTagsBlock ul.catItemTags li a,.itemTagsBlock ul.itemTags li a {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.k2Pagination ul li {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

h1#gkLogo a.cssLogo {
height: 165px !important;
width: 176px !important;
background-size: 176px !important;
}