/*
#------------------------------------------------------------------------
# postnote - February 2011 (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:#ddd url('../images/style1/bg.png') no-repeat center 0;}
a { text-decoration: none }
a:hover,
a:active,
a:focus { color: #444; text-decoration: underline }
:focus { outline: 0; }
h1, h2, h3, h4, h5 { color:#202020; }
h1 { font-size:180% }
h2 { font-size:150% }
h3 {  font-size: 125%}
h4 { font-size:110% }
h5 { font-size: 100% }
.box h1 { font-size:180%; }
h4 a {font-weight: bold}
ul { list-style:none; clear:both; }
ul li { line-height:1.9; }
ul:hover {background: transparent}
ul li:hover {background: transparent}
p { margin: 0.8em 0 0em }
/* Containers */
#gkPageTop {padding: 10px 0 24px 0; margin: 0}
#gkMenu {float: right; width: auto; height: 60px; padding-left: 4px}
#gkSearch {float: right; width: auto; padding: 0 10px 0 0; }
#gkButtonLogin, #gkButtonSearch {float: right;height: 24px;font-weight: normal; color: #999;line-height: 24px}
#gkButtonLogin span, #gkButtonSearch span {border-right: 1px solid #999; padding: 0 9px}
#gkButtonLogin:first-child span, #gkButtonSearch:first-child span { border-right: none; } 
#gkButtonLogin:hover,
#gkButtonSearch:hover,
#gkButtonLogin:focus,
#gkButtonSearch:focus { text-decoration: none; color: #444}
#gkSearchHide { float:right; height:32px; overflow:hidden; z-index:100; width: 0; }
#gkContentMainbody { width: auto; background:transparent; overflow:hidden; }
.front-item { padding: 20px;}
/* Logo */
#gkLogo {float: left; height: 161px;font-weight: normal; color: #999;line-height: 100%;text-align: right}
h1#gkLogo a img { display: block; height: 161px; margin: 0; max-width:485px; top: 0; left:0; }
h1#gkLogo a.cssLogo { display: block; height: 68px; margin: 0; text-indent: -999em; max-width:320px; top: 0; left:0; z-index: 1001; }
#gkLogo.text a,
#gkLogo.text .gkLogoSlogan {margin-top: 15px; font-size:64px; font-family:Georgia; line-height:15px; height:50px; color:#555; font-weight:normal; display: block }
#gkLogo.text .gkLogoSlogan {font-size: 11px;font-family: Arial, Helvetica, Verdana; font-style: italic; color: #999; margin-top: 20px}
.gkLogoText:hover {text-decoration: none}
#gkLogo a {display: block; height: 68px; margin: 0; width: 262px;}
#gkLogo a:hover {text-decoration: none}
#gkLogo.text a { text-indent:0!important; background:none!important; color:#555; }
#gkToolbarWrap, #gkPageTop {width: 100%; display: block; clear:both}
#gkToolbarWrap {overflow:hidden; height:30px;padding:60px 0 0 0; }
#gkBanner1 .text p {margin: 0.6em 0;font: normal 30px/40px Georiga, "Times New Roman", Times, serif; color:#666;}

/* Article breadcrumb */
.pathway {margin: 0px 4px}
#gkBreadcrumb { background:transparent url('../images/shadow_left.png') no-repeat left bottom; margin-bottom: 0px}
#gkBreadcrumb > div {background:transparent url('../images/shadow_right.png') no-repeat right bottom; padding-bottom: 12px; margin-bottom: 4px }
.breadcrumbs { float: left; width: 80%; font-size: 90%}
.breadcrumbs .separator { padding: 0 4px; color: #afafaf }

/* Article tools*/
#gkTools { float: right; width: auto; }
#gkTools a { display: block; float: left; width: 16px; height: 16px; margin-left: 5px; background: url('../images/toolsFont.png') no-repeat 100% 100%; text-indent: -9999em; }
a#gkToolsReset { background-position: -14px 100% }
a#gkToolsDec { background-position: 0 100% }
#gkTools a:hover { background-position: 100% 0 }
a:hover#gkToolsReset { background-position: -14px 0 }
a:hover#gkToolsDec { background-position: 0 0 }
/* Footer */
#gkFooter {padding: 12px 0 12px; margin:0px auto 0 auto; font-size: 90%; color: #656565;color: #888 }
#gkFooterNav { float: right; }
#gkFooterNav ul li { float: left; margin: 0 8px 0 0 }
#gkFooter a { color: #888; }
#gkFooter a:active {text-decoration: underline}
#gkCopyrights { float: left; margin: 0 0 0 10px; }
#gkStyleArea { float: right; margin: 1px 8px 0 20px; }
#gkFrameworkLogo { display: block; width: 130px; height: 42px; margin: 5px auto 15px; background: url('../images/framework-logo.png') no-repeat 0 0; text-indent: -9999em; }
#gkStyle1 {margin-right: 10px}
#gkStyleArea a {margin:0;padding:0}
#gkStyleArea a:first-child{margin-right: 5px}
/* Module styles */
#gkWrap2 .box,
#gkWrap2 .box_menu,
#gkWrap2 .box_text {overflow: hidden;}
#gkWrap2 .box_menu h3,
#gkWrap2 .box_text h3,
#gkWrap2 .box h3 {  height: 12px; line-height: 14px; font-size: 12px; padding: 20px 20px 0 20px; color:#222; font-weight:bold; }
#gkComponent { background:transparent url('../images/shadow_left.png') no-repeat left bottom;/* margin-bottom: 12px*/}
#gkComponent > div {background:transparent url('../images/shadow_right.png') no-repeat right bottom; padding-bottom: 12px }

/* clear */
.clear {padding: 0px !important}
.box.clear { border: none !important;}
div.box.clear > div > div >div.content {padding: 0px !important}

.box ul,
.box ul,
.box ul { padding:0; margin:0; }
.box ul li:first-child { border-top:none!important; }

.box ul li { border-top:1px solid #eee; min-height:30px; line-height:30px; padding:0; }

/*module suffiexes*/
.box_text{ padding:0; }
.box_text {background: none}
.box_text > div > div {background: none}
.box_text > div {background: none; padding-bottom: 15px}
.box_text p{ font-size:30px; line-height:40px; font-family: Georgia, "Times New Roman", Times, serif; padding: 0px; margin: 0px }
.box_text > div > div > div.content {padding: 0px} 

.box,
.box_menu,
.box_text { background:transparent url('../images/shadow_left.png') no-repeat left bottom}
.box>div,
.box_menu>div,
.box_text>div { padding:0 0 12px 0;background:transparent url('../images/shadow_right.png') no-repeat right bottom; }
.box>div>div,
.box_menu>div>div,
.box_text>div>div { background:#fff; padding-bottom: 5px }

.box.blue>div>div{ background:transparent url('../images/blue_bg.png') repeat right top; }
.box.black>div>div{ background:transparent url('../images/grey_bg.png') repeat right top; }
.box.red>div>div{ background:transparent url('../images/red_bg.png') repeat right top; }
.box.orange>div>div{ background:transparent url('../images/orange_bg.png') repeat right top; }
.box.green>div>div{ background:transparent url('../images/green_bg.png') repeat right top; }
.box { clear:both; overflow:hidden; }
.box.clear {padding-left:0!important; padding-top: 0!important; padding-bottom: 0!important}

.box>div>div>h3,
.box_menu>div>div>h3,
.box_text>div>div>h3 { height: 12px; line-height: 14px; font-size: 12px; padding: 20px 20px 0 20px; color:#222; font-weight:bold; }
.box.red>div>div>h3,
.box.blue>div>div>h3,
.box.black>div>div>h3,
.box.orange>div>div>h3,
.box.green>div>div>h3{color:#fff;}
/* text suffix */
.box.text{ background:none!important;}
.box.text>div{padding:0;background:none!important;}
.box.text>div>div{background:none!important;}
.box.text .moduletable_content{padding:0!important;}
.box.text{ padding:0; }
.box.text p{ font-size:30px; color:#666; line-height:40px; font-family: Georgia, "Times New Roman", Times, serif; padding:0!important;margin:0 0 10px 0!important;}
/* color suffixes */
.box.red h3,
.box.blue h3,
.box.green h3,
.box.black h3,
.box.orange h3{color:#fff!important;}

.box.red a,
.box.blue a,
.box.green a,
.box.orange a{ color:#fff; }
.box.black a{ color:#bbb; }
.box.red a:hover,
.box.blue a:hover,
.box.green a:hover,
.box.black a:hover,
.box.orange a:hover{ color:#fff; text-decoration:underline; }

.box.red ul li { border-top:1px solid #d5555c; }
.box.blue ul li { border-top:1px solid #38a1d5; }
.box.orange ul li { border-top:1px solid #ffaf04; }
.box.green>div>div ul li { border-top:1px solid #8dc200; }
.box.black ul li { border-top:1px solid #555; }

.box.red{ color:#f29494; }
.box.blue{ color:#77cdf7; }
.box.green{ color:#bbf030; }
.box.black {color:#888;}
.box.orange{ color:#ffda8a; }

.box.clean{ background:transparent!important; color:#888; }
.box.clean>div{ background:transparent!important; }
.box.clean>div>div{ background:transparent!important; }
.box.clean .moduletable_content { clear:both; padding: 10px 0!important; overflow:hidden; }
.box.clean>div>div>h3 {height: 24px !important; line-height: 26px !important; font-size: 24px !important; padding: 0 !important;font-family:Georgia,sans-serif !important; font-weight:normal !important; color:#222; }
.box.clean>div>div>h3{color:#888!important;}
.box.clean>div>div>h3 span.first-word{color:#555!important;}
.box.clean ul li:first-child { background:none!important; }
.box.clean ul li{background:transparent url('../images/style1/border.png') repeat-x 0 top!important;padding:10px 0 0 0!important;margin:0 0 10px 0!important;border:none!important;}
.box.clean ul ul { border-left:none!important; padding: 0 0 0 12px; margin:0 0 6px 10px; }
.box.clean > div > div > div.content {padding: 15px 0}

/* fix for problem with the About Me module */
 .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
 .box.clear > div > div { padding:0!important; }

/* typo */
div.aboutMe {padding: 20px 20px 30px 20px}
div.aboutMe h5 strong {font-weight: bold}
img.aboutMeImg {float: left; padding:0; margin-right: 20px}
/* CSS3 */
.box.clean{text-shadow:0 1px 1px #fff;}
#gkLogo.text a,
#gkLogo a {text-shadow:0 1px 1px #fff;}
.fake-shadows{margin-left:0;margin-right:-20px;background:#ddd url('../images/shadow_left.png') no-repeat left top; height: 28px;  }
.fake-shadows div{background:transparent url('../images/shadow_right.png') no-repeat right top; height:28px;}