/*
#------------------------------------------------------------------------
# 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:125%; }
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 { width: 312px; float: left}
h1.gkLogo {width: auto; height: 69px; width: 190px}
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}
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; }
#btnLogin,
#gkIconsFacebook,
#gkIconsTwitter { cursor:pointer; display:block; float:right; width:21px; height:21px; border:none; text-indent:-10000px; text-align:left; background:transparent url('../images/style1/social_icons.png') no-repeat -4px 0; margin: 55px 0 0 6px!important; }
#gkIconsTwitter { background-position: -32px 0; }
#btnLogin { background-position: -60px 0; margin-right: 10px!important; }
#gkTopMenu { float: right; margin: 33px 40px 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: 23px auto 46px; 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: 18px; border: 1px solid #e5e5e5; margin-right: 10px; }
.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: 48px; line-height: 48px; 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 */
#j-o-o-m-f-a-n-s h1 {position: absolute; top: 0px; left: -6000px;}
.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; }
#gkTools a { background:url("../images/tools.png") no-repeat scroll 0 0 transparent; cursor:pointer; display:block; float:left; height:16px; text-indent:-999em; width:16px; opacity:0.5; }
#gkTools a:hover { 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 {opacity: 0.6}
#btnLogin:hover,
#gkIconsFacebook:hover,
#gkTools a:hover,
#gkIconsTwitter:hover  { opacity: 1.0; }
#gkFrameworkLogo {opacity: 0.5}
#gkFrameworkLogo:hover {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}