/*
#------------------------------------------------------------------------
# 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: #e5e5e3; 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: 120px; margin: 20px 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: 150px; margin: 0; width: 400px; }
#gkLogo.text a { text-indent:0!important; background:none!important; }
h1#gkLogo a img { display: block; height: 150px; 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: 350px; margin: 0; text-indent: -999em; max-width:400px; 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; }
#gk-fp {position: absolute; top: 0px; left: -5000px;}
#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 { -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; }
#gkMenu ul.level0 > li > div.childcontent { -moz-border-radius: 0 0 3px 3px; -webkit-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 { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
#gkWrap2,
#gkWrap2 .box,
#gkWrap2 .box_menu,
#gkWrap2 .box_text,
#gkContentMainbody { -moz-border-radius: 6px; -webkit-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  { -moz-border-radius: 3px; -webkit-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"] { -moz-border-radius: 26px; -webkit-border-radius: 26px; border-radius: 26px; }
.itemAuthorBlock .itemAuthorDetails,
.latestItemsUser,
.userBlock,
.itemAuthorLatest,
.itemRelated,
.latestItemsCategory,
.itemListCategory,
.itemComments {-moz-border-radius: 6px;-webkit-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 {-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;}
.k2Pagination ul li { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }