/* #------------------------------------------------------------------------ # The World News II - July 2011 template (for Joomla 1.6/1.7) # # Copyright (C) 2007-2011 Gavick.com. All Rights Reserved. # License: Copyrighted Commercial Software # Website: http://www.gavick.com # Support: support@gavick.com */ /* Basic elements */ html { background: #d9d9d9 url('../images/style1/bg1.jpg') no-repeat center top; } body { line-height:1.8; min-height:100%; color: #444;} /* background: transparent url('../images/style1/bg2.png') no-repeat center top; */ a { text-decoration: none; color: #00447D; } .menu li { border-bottom: 1px solid #f1f1f1; } ul.menu{ list-style: none ouside none;} a:hover, a:active, a:focus { color: #a5240e; } h1, h2, h3, h4, h5 { font-weight: normal; } h1 { font-size:150%; color:#888888; } h2 {/*font-size:190%*/ color: #004F89; font-size: 14px; font-weight: bold;} h3 { font-size:135% } h4 { font-size:110% } h5 { font-size:100% } ul { list-style:none; } ul li { line-height:2.6; } p { margin: 0.5em 0 } /* Logo */ h1#gkLogo {top: 44px; margin: 0 auto; position: relative} h1#gkLogo a img { display: block; height: 50px; max-width:450px; margin: 0 auto; } h1#gkLogo a.cssLogo { background: url('../images/style1/logo.png') no-repeat 0 0; display: block; height: 50px; text-indent: -999em; width:390px; margin: 0 auto; z-index: 1001; } h1.gkLogo1.text { width: auto; margin: 0; padding-top: 30px; } h1.gkLogo1.text a { display: block; background:none!important; font-size: 18px; line-height: 64px; font-weight:normal; text-indent: 0; text-align: center } h1.gkLogo1.text a { padding: 0; width: auto!important; } h1#gkLogo a > span, h1#gkLogo a > small {display: block; line-height: 80%; margin: 0 auto !important; text-align: center} h1#gkLogo a > small {font-size: 22px !important} h1.gkLogo.text .gkLogoSlogan { display: block; font-size: 12px!important; line-height: 10px; color: #666!important; margin: 32px 0 18px 0; } /* menu block */ #gkLogoWrap { min-height: 105px; position:relative; margin-top:9px; } #gkTopMenu { height: 37px; line-height: 37px; background: #cb260a; border-bottom: 1px solid #f93d1c; border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; } #gkTopMenu1 .menu { float: left; font-size: 10px; color: #fff; text-shadow: -1px -1px 0 #a92009; text-transform: uppercase; font-weight: bold; line-height: 37px; } #gkTopMenu1 .menu li { float: left; padding: 0 10px 0 14px; background: transparent url('../images/style1/separator_color.png') no-repeat left center; } #gkTopMenu1 .menu li a { line-height:37px; color: #fff; display: block; } #gkTopMenu1 .menu li a:hover, #gkTopMenu1 .menu li a:focus, #gkTopMenu1 .menu li a:active { color: #fff; text-decoration: underline; } #gkTopMenu1 .menu li:first-child { padding-left: 17px; background:none; } #gkSearch { float: right; padding: 7px; } #gkSearch #mod-search-searchword { height: 23px; line-height: 23px; width: 180px; padding: 0; border: none; font-size: 10px; text-transform: uppercase; color: #4d4d4d; text-indent:10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow:inset 0 0 9px #d0d0d0; -webkit-box-shadow: inset 0 0 9px #d0d0d0; -moz-box-shadow: inset 0 0 9px #d0d0d0; font-family: Arial, Verdana, sans-serif; } #gkMenuWrap { margin-bottom: 12px; } #gkMainMenu { height: 40px; overflow: hidden; margin-top:0px; background: transparent url('../images/style1/menu_item.png') repeat-x 0 0; border-bottom: 3px solid #dc2a0b; } #gkMainMenu > div { border-bottom: 1px solid #ff583b; height: 39px; } #gkBottomMenu { height: 31px; background: #fafafa url('../images/breadcrumbs_bg.png') repeat-x left bottom; border-bottom: 1px solid #c3c3c3; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; position: relative; } #gkBreadcrumb { float: left; } #gkBreadcrumb + #gkTopMenu2 { margin-left: 35px; } #gkTopMenu2 { float: left; margin-left: 0; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; opacity: 1; } #gkTopMenu2 .menu { float: left; font-size: 10px; color: #686868; text-shadow: 1px 0 0 #fff; text-transform: uppercase; font-weight: bold; line-height: 30px!important; } #gkTopMenu2 .menu li { float: left; padding: 0 10px 0 14px; background: transparent url('../images/separator_white.png') no-repeat left center; } #gkTopMenu2 .menu li a { line-height:30px!important; color: #686868; display: block; } #gkTopMenu2 .menu li a:hover { color: #686868; text-decoration: underline; } #gkTopMenu2 .menu li:first-child { padding-left: 17px; background:none; } /* middle menu */ #gkMiddleMenu { height: 31px; background: #3b3b3b url('../images/dropline_bg.jpg') repeat-x left bottom; border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; } #gkMiddleMenu .menu { float: left; font-size: 10px; color: #fff; text-shadow: 0 1px 0 #000; text-transform: uppercase; font-weight: bold; line-height: 30px!important; } #gkMiddleMenu .menu li { float: left; padding: 0 10px 0 14px; background: transparent url('../images/separator_dark.png') no-repeat left center; } #gkMiddleMenu .menu li a { line-height:30px!important; color: #fff; display: block; } #gkMiddleMenu .menu li a:hover { color: #fff; text-decoration: underline; } #gkMiddleMenu .menu li:first-child { padding-left: 17px; background:none; } /* ajax search */ .gk_ajax_search_results .search-results dt.result-title { font-size: 12px; } /* breadcrumbs at top */ #gkBreadcrumb { position: absolute; top: 4px; left:11px; width: 21px; height: 21px; background: transparent url('../images/breadcrumbs_icon.png') no-repeat left top; cursor: pointer; z-index:1; overflow: hidden; } #gkBreadcrumb .breadcrumbs { background: transparent url('../images/breadcrumbs_icon.png') no-repeat left -21px; margin-left: -9999px; width: auto; float: left; opacity: 0; font-size: 11px; } #gkBreadcrumb .breadcrumbs li.separator { display: block; float: left; width: 4px; margin: 0 10px; height: 21px; background: transparent url('../images/separator_white.png') no-repeat left 9px; text-indent:-999em; } #gkBreadcrumb .breadcrumbs li a { color: #666; } #gkBreadcrumb .breadcrumbs li.pathway { color: #cb260a; } #gkBreadcrumb .breadcrumbs li a:hover { color: #000; } #gkBreadcrumb .breadcrumbs > ul { margin-left: 21px; background: transparent url('../images/breadcrumbs_icon.png') no-repeat right bottom; height: 21px; line-height: 21px; padding: 0 15px 0 8px; } #gkBreadcrumb .breadcrumbs > ul > li { float: left; width: auto; clear: none; line-height: 21px; } #gkBreadcrumb:hover { width: 80%; } #gkBreadcrumb .breadcrumbs { -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } #gkBreadcrumb:hover .breadcrumbs { margin-left: 0; opacity: 1; } #gkBreadcrumb:hover + #gkTopMenu2 { opacity: 0; filter: alpha(opacity=0); } /* standard breadcrumb */ #gkBreadcrumbMainbody { height: 40px; cursor: pointer; z-index:1; margin-bottom: 12px; background: url('../images/bread_bg.png') repeat-x 0 0; border-radius: 3px; } #gkBreadcrumbMainbody > div { height: 32px; border-bottom: 1px solid #f0f0f0; padding: 8px 12px 0; } #gkBreadcrumbMainbody .breadcrumbs { width: auto; float: left; font-size: 12px; } #gkBreadcrumbMainbody .breadcrumbs li.separator { display: block; float: left; width: 4px; margin: 0 10px; height: 21px; background: transparent url('../images/separator_white.png') no-repeat left 12px; text-indent:-999em; } #gkBreadcrumbMainbody .breadcrumbs li a { color: #888; } #gkBreadcrumbMainbody .breadcrumbs li.pathway { color: #cb260a; } #gkBreadcrumbMainbody .breadcrumbs li a:hover { color: #000; } #gkBreadcrumbMainbody .breadcrumbs > ul { margin-left: 0; height: 26px; padding: 0 15px 0 0; } #gkBreadcrumbMainbody .breadcrumbs > ul > li { float: left; width: auto; clear: none; line-height: 26px; } /* tools */ #gkTools { float: right; } #gkTools a { display: block; float: right; width: 11px; height: 9px; margin: 7px 0 0 3px; text-indent: -99999em; background: transparent url('../images/font_size.png') no-repeat -44px 0; } a#gkToolsReset { background-position: -24px 0; margin-left: 6px } a#gkToolsDec { background-position: 0 0 } /* top highlighter */ #gkHighlighter { left: 0; bottom: 8px; width: 100%; } /* userarea */ #gkButtons { background: transparent url('../images/style1/top_btn_left.png') no-repeat left top; height: 21px; line-height: 21px; padding-left: 14px; float: right; width: auto; position: absolute; top: 55px; right: 0; } #gkButtons > div { background: transparent url('../images/style1/top_btn_right.png') no-repeat right top; height: 21px; } #gkButtons a { font-size: 9px; font-weight: bold; color: #545454; text-transform: uppercase; } #gkButtons a:active, #gkButtons a:focus, #gkButtons a:hover { color: #cb260a; } #gkButtons a:first-child { margin-left: -14px; } #gkButtons #btnLogin { display: block; float: left; height: 21px; padding: 0 0 0 14px; background: transparent url('../images/style1/top_btn_left.png') no-repeat left bottom; } #gkButtons #btnLogin span { display: block; float: left; height: 21px; padding: 0 10px 0 0; background: transparent url('../images/style1/top_btn_right.png') no-repeat right bottom; } #gkButtons #btnRegister { display: block; float: left; height: 21px; padding: 0 0 0 14px; } #gkButtons #btnRegister span { display: block; float: left; height: 21px; padding: 0 14px 0 0; } /* Containers*/ #gkContentMainbody { background: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #gkComponent { margin: 0 12px; } /* middlenavs */ #gkMiddleNav1, #gkMiddleNav2 { background: #fafafa url("../images/breadcrumbs_bg.png") repeat-x left bottom; height: 31px; border-bottom: 1px solid #C3C3C3; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: 8px; } #gkMiddleNav1 .menu, #gkMiddleNav2 .menu { float: left; font-size: 10px; color: #686868; text-shadow: 1px 0 0 #fff; text-transform: uppercase; font-weight: bold; line-height: 30px!important; } #gkMiddleNav1 .menu li, #gkMiddleNav2 .menu li { float: left; padding: 0 10px 0 14px; background: transparent url('../images/separator_white.png') no-repeat left center; } #gkMiddleNav1 .menu li a, #gkMiddleNav2 .menu li a { line-height:30px!important; color: #686868; display: block; } #gkMiddleNav1 .menu li a:hover, #gkMiddleNav2 .menu li a:hover { color: #686868; text-decoration: underline; } #gkMiddleNav1 .menu li:first-child, #gkMiddleNav2 .menu li:first-child { padding-left: 17px; background:none; } /* footer */ #gkFooterWrap { width: 96%; overflow: hidden; center; font-size: 11px; color: #333; /*text-shadow: 0 1px #fff;*/ } #gkFooterWrap a { color: #444; } #gkFooterWrap a:hover { color: #000; } #gkCopyrights span { font-size: 13px; /*line-height: 15px;*/ color: #999999; margin-left:10px; } #gkFooterNav li { display: inline; font-weight: bold; margin-left: 16px; padding-left: 16px; background: url('../images/footer_bullet.png') no-repeat 0 4px; } #gkFooterNav li:first-child { margin: 0; padding: 0; background: none; } #gkStyleArea { margin: 24px auto 0; width: 76px; } #gkStyleArea a { display: inline; float: left; margin: 0 6px 0 0; width: 6px; height: 7px; text-indent: -99999em; background: url('../images/color_switcher.png') no-repeat; } a#gkStyle2 { background-position: 0 -9px; } a#gkStyle3 { background-position: 0 -18px; } a#gkStyle4 { background-position: 0 -27px; } a#gkStyle5 { background-position: 0 -36px; } a#gkStyle6 { background-position: 0 -45px; } #gkFrameworkLogo { display: block; width: 140px; height: 42px; background: url('../images/framework-logo.png') no-repeat 0 0; text-indent: -9999em; margin: 36px auto 0; padding-bottom: 40px; opacity: 0.3; } /* Suffixes */ #gkPage .box, #gkPage .box_menu, #gkPage .box_text { overflow: hidden; margin-top:8px; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #gkPage .box:first-child, #gkPage .box_menu:first-child, #gkPage .box_text:first-child { margin-top: 0!important; } #gkPage .box > div, #gkPage .box_menu > div, #gkPage .box_text > div { margin: 12px; } #gkPage .box_content { padding: 0; overflow: hidden; color:#444; font-size:13px; line-height:1.2; } #gkPage .box li, #gkPage .box_text li { /*background: transparent url('../images/style1/bullet_color.png') no-repeat left 10px;*/line-height: 24px;/* padding-left: 13px;*/ } #gkPage .box li:first-child, #gkPage .box_menu li:first-child, #gkPage .box_text li:first-child { } /*--- default */ #gkPage .box > div > h3.header, #gkPage .box_text > div > h3.header { height: 15px; font-size: 18px; font-weight: normal; /*text-transform: uppercase;*/ margin: 20px 0 11px 0; padding: 0; border-bottom: 1px solid #e0e0e0; /*border-top: 3px solid #ea1c1c;*/ color: #333; } #gkPage .box > div > h3.header > span, #gkPage .box_text > div > h3.header > span { margin-top: -18px; display: block; padding-right: 12px; background: #fff; float: left; } /* dotted */ #gkPage .box.dotted > div > h3.header, #gkPage .box_text.dotted > div > h3.header { border-top: none!important; border-bottom: none!important; height: 19px!important; margin: 18px 0 14px 0!important; background: transparent url('../images/dotted_bg.png') repeat-x 0 0; } #gkPage .box.dotted > div > h3.header > span, #gkPage .box_text.dotted > div > h3.header > span { margin-top: -14px!important; } /* advert */ #gkPage .box.advert h3.advert { border-bottom:1px solid #e0e0e0; color:#a5a4a4; font-size: 9px; text-transform: uppercase; line-height: 9px; padding-bottom: 6px; margin-bottom: 6px; text-align: right; font-weight: normal; } /* colors */ #gkPage .box.red > div > h3.header, #gkPage .box_text.red > div > h3.header { border-top-color: #ea1c1c; } #gkPage .box.blue > div > h3.header, #gkPage .box_text.blue > div > h3.header { border-top-color: #0e67a5; } #gkPage .box.green > div > h3.header, #gkPage .box_text.green > div > h3.header { border-top-color: #92c62d; } #gkPage .box.grey > div > h3.header, #gkPage .box_text.grey > div > h3.header { border-top-color: #b2b2b2; } #gkPage .box.black > div > h3.header, #gkPage .box_text.black > div > h3.header { border-top-color: #333; } #gkPage .box.orange > div > h3.header, #gkPage .box_text.orange > div > h3.header { border-top-color: #e2831d; } #gkPage .box.bronze > div > h3.header, #gkPage .box_text.bronze > div > h3.header { border-top-color: #88371b; } #gkPage .box.pink > div > h3.header, #gkPage .box_text.pink > div > h3.header { border-top-color: #c62d75; } #gkPage .box.gold > div > h3.header, #gkPage .box_text.gold > div > h3.header { border-top-color: #c6952d; } #gkPage .box.violet > div > h3.header, #gkPage .box_text.violet > div > h3.header { border-top-color: #992dc6; } #gkPage .box.yellow > div > h3.header, #gkPage .box_text.yellow > div > h3.header { border-top-color: #ebed38; } /* - _menu */ #gkPage .box_menu { } #gkPage .box_menu > div { margin: 0; } #gkPage .box_menu div.content { margin: 12px; } #gkPage .box_menu > div > h3.header { background: #fff; border-bottom: 1px solid #e3e3e3; margin: 0; width: 100%; float: none; border-top: none; height: auto; } #gkPage .box_menu > div > h3.header > span { font-size: 20px; text-transform: uppercase; line-height: 42px; height: 38px; margin: 1px; color: #333; text-indent: 12px; display: block; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; background: #eee; float: none; text-shadow: 0 1px 0 #fff; } /* - big */ #gkPage .box.big > div, #gkPage .box_text.big > div { margin: 0; } #gkPage .box.big div.content, #gkPage .box_text.big div.content { margin: 12px; } #gkPage .box.big > div > h3.header, #gkPage .box_text.big > div > h3.header { background: #fff; border-bottom: 1px solid #e3e3e3; margin: 0; width: 100%; float: none; border-top: none; height: auto; } #gkPage .box.big > div > h3.header > span, #gkPage .box_text.big > div > h3.header > span { /*font-size:13px;*/ /*text-transform: uppercase;*/ line-height: 42px; height: 38px; margin: 1px; color: #888; text-indent: 12px; display: block; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; background: #eee; float: none; text-shadow: 0 1px 0 #fff; } /* - dark */ #gkPage .box.dark, #gkPage .box_text.dark { background: #333; color: #b1b1b1; } #gkPage .box.dark h3, #gkPage .box_text.dark h3 { color: #fff; } #gkPage .box.dark > div, #gkPage .box_text.dark > div { margin: 0; } #gkPage .box.dark div.content, #gkPage .box_text.dark div.content { margin: 12px; } #gkPage .box.dark > div > h3.header, #gkPage .box_text.dark > div > h3.header { background: #333; border-bottom: 1px solid #3e3e3e; margin: 0; width: 100%; float: none; border-top: none; height: auto; } #gkPage .box.dark > div > h3.header > span, #gkPage .box_text.dark > div > h3.header > span { text-transform: uppercase; line-height: 38px; min-height: 38px; margin: 1px; color: #fff; text-indent: 12px; display: block; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; background: #444; float: none; text-shadow: 0 1px 0 #222; } #gkPage .box.dark a, #gkPage .box_text.dark a { color: #fff; } #gkPage .box.dark a:hover, #gkPage .box_text.dark a:hover { color: #cb260a; } #gkPage .box.dark li, #gkPage .box_text.dark li { background: transparent url('../images/separator_white.png') no-repeat left 10px; line-height: 24px; padding-left: 13px; } /* - color */ #gkPage .box.color, #gkPage .box_text.color { background: #dc2f10; color: #f9b2a6; } #gkPage .box.color > div, #gkPage .box_text.color > div { margin: 0; } #gkPage .box.color div.content, #gkPage .box_text.color div.content { margin: 12px; } #gkPage .box.color > div > h3.header, #gkPage .box_text.color > div > h3.header { background: #c6250a url('../images/style1/color_header_bg.png') repeat-x left top; border-bottom: 1px solid #ee4d30; margin: 0; width: 100%; float: none; border-top: none; height: auto; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; } #gkPage .box.color > div > h3.header > span, #gkPage .box_text.color > div > h3.header > span { text-transform: uppercase; line-height: 38px; min-height: 38px; margin: 0; padding: 1px; color: #fff; text-indent: 12px; display: block; border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; background: #c6250a url('../images/style1/color_header_bg.png') repeat-x left top; float: none; text-shadow: 0 1px 0 #bd2309; } #gkPage .box.color a, #gkPage .box_text.color a { color: #fff; } #gkPage .box.color a:hover, #gkPage .box_text.color a:hover { color: #f9b2a6; } #gkPage .box.color li, #gkPage .box_text.color li { background: transparent url('../images/separator_white.png') no-repeat left 10px; line-height: 24px; padding-left: 13px; } .dark p.readmore a, .dark a.readon, .color p.readmore a, .color a.readon { color: #fff!important; } /* - small */ #gkPage .box.small > div > h3.header, #gkPage .box_text.small > div > h3.header { color: #333; font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #d1d1d1; line-height: 37px; margin-bottom: 12px; margin-top: -8px; border-top: none; height:auto!important; font-weight:bold; } #gkPage .box.small > div > h3.header > span, #gkPage .box_text.small > div > h3.header > span { margin: auto; background: transparent; float: none; } /* - clean */ .box.clean, .box.clean > div, .box.clean > div > .box_content { padding: 0 !important; border: none !important; margin: 0!important; } .box.clean > div > h3.header, .box_menu.clean > div > h3.header, .box_text.clean > div > h3.header { margin: 22px 12px 0 12px; } /* - clear */ .box.clear, .box.clear > div, .box.clear > div > .box_content { padding: 0 !important; background: none !important; border: none !important; margin: 0!important; } .box.clear > div > h3 { display: none; } /* - no_vmargin */ .box.no_vmargin > div, .box_menu.no_vmargin > div, .box_text.no_vmargin > div { margin-top: 0!important; margin-bottom: 0!important; } /* bottom modules */ #gkBottom1, #gkBottom2 {/* background: #fff;*/ background:url(../images/bottom_wrap_bkgd.jpg) repeat-x scroll 0 0 #004f89; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #gkBottom1 > div, #gkBottom2 > div { padding: 6px 0 12px 0; } #gkBottomWrap ul { padding: 0; margin: 0; } #gkBottomWrap div.k2ItemsBlock ul li { padding: 0 0 0 15px!important; background: transparent url('../images/style1/bullet_color.png') no-repeat left 10px!important; line-height: 24px!important; font-size: 10px!important; font-weight:bold; text-transform: uppercase; margin: 0!important; } #gkBottomWrap div.k2ItemsBlock ul li a {font-size: 10px} #gkBottomWrap li { padding-left: 15px; background: transparent url('../images/style1/bullet_color.png') no-repeat left 10px; line-height: 24px; font-size: 10px; font-weight:bold; text-transform: uppercase; } #gkBottom1 > .gkColLeft, #gkBottom2 > .gkColLeft { padding-left: 12px; padding-right: 6px; } #gkBottom1 > .gkColCenter, #gkBottom2 > .gkColCenter { padding-left: 6px; padding-right: 6px; } #gkBottom1 > .gkColRight, #gkBottom2 > .gkColRight { padding-right: 12px; padding-left: 6px; } #gkBottom1 > .gkColFull, #gkBottom2 > .gkColFull { padding-left: 12px; padding-right: 12px; } #gkBottomWrap .box { } #gkBottomWrap .box > div > h3.header { color: #ffffff; font: bold 12px Arial, Helvetica, sans-serif; /*font-size: 10px;*/ text-transform: uppercase; border-bottom: 1px solid #d1d1d1; line-height: 37px; margin-bottom: 12px; /*font-weight: bold;*/} /* popup */ #gkPopupOverlay, #gkPopupLogin, #gkPopupRegister { display: none; overflow: hidden; width: 500px; margin-left: -250px; position: fixed; z-index: 1000002; left: 50%; top: 50%; background: #fff; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 1px #bbb; -webkit-box-shadow: 0 1px 1px #bbb; -moz-box-shadow: 0 1px 1px #bbb; } #gkPopupLogin { width: 600px; margin-left: -300px; } .gkPopupWrap { padding: 25px; margin: 4px; } #gkPopupOverlay { width: 100%; height: 100%; position: fixed; z-index:1000001; top:0; left:0; background:#000; opacity:0.3; filter:alpha(opacity=33); margin-left:0; } .gkPopupWrap h3 { font-size: 26px; border-bottom: 1px solid #e7e7e7; margin: 0 0 20px; } .gkPopupWrap h3 small { font: normal 12px Arial, Helvetica, sans-serif !important; } .gkPopupWrap h3 small a { text-decoration: underline } .gkPopupWrap h4 { font-size: 18px; margin: 0 0 12px; } .gkPopupWrap ul li { } #gkPopupLogin fieldset { padding: 0!important; } #gkFBLogin { float: left; width: 45%; } #gkFBLogin p { line-height: 18px; margin: 14px 0 20px } #gkFBLogin + #login-form, #gkFBLogin + #com-login-form { float: left; width: 45%; margin-left: 4%; padding-left: 30px; border-left: 1px solid #e7e7e7 } #form-login-remember { margin: 30px 0 4px; } #form-login-remember label { color: #777; font-size: 11px; font-weight: normal; vertical-align: top; } #login-form ul { border-top: 1px solid #E7E7E7; margin: 42px 0 0; padding: 2px 0 0; } #login-form ul li { float: left; font-size: 11px; } #login-form ul li:first-child { margin-right: 10px; } #login-form ul li a { text-decoration: underline } label#jform_spacer-lbl { font-size: 11px; font-weight: normal; color: #666 } .logout-button .login-greeting { float: left; margin-right: 32px; font-size: 14px; } #gkPopupRegister dl dt:first-child { font-size: 10px; display:block; width:100%; } #gkPopupRegister dt { float: left; width: 35%; clear: both; } #gkPopupRegister dt, #gkPopupRegister dd { line-height: 41px; height: 41px; } #gkPopupRegister legend { display: none; } #member-registration fieldset { padding: 0 0 24px } #member-registration label { padding: 0 0 0 2px; } #member-registration > div { line-height: 31px; } #member-registration > div a { text-decoration: underline } #gkPopupLogin input[type="text"], #gkPopupLogin input[type="password"] { clear: both; display:block; width: 220px; } #gkPopupRegister input[type="text"], #gkPopupRegister input[type="password"] { width: 250px; } /* Content wrap */ #logo_block { border-top: 1px solid #fff; height: 110px; padding-top: 7px; padding-bottom: 7px; float: left; width: 750px; } #logo_block p{ margin: 5px 0px 0px; color: #004F89; font: 13px/1.5 Arial, Helvetica, sans-serif; } a#logo { width: 300px; height: 110px; float: left; display: block; } #copyright #infoo-right { margin: 0 0 0 0px; float: right; width: 15%; font-size:13px; text-align:right; } #copyright #infoo-right a{ color: #999999; } #copyright #infoo-right a:hover{ color: #666666; } #fron_end_col_0{ float:right; width:47%; } #fron_end_col_1{ float:left; width:47%; } /* FOLLOW US ON TWITTER */ #twitter a {color: #00447d;text-decoration: none;} #twitter a:hover {color: #7e5c5b;text-decoration: none;} /* END */ .custom p a{ color:#999999; } .custom p a:hover{ color:#ffffff; text-decoration:underline; } #gkFooter{ background: url('../images/footer_bg1.png') no-repeat 50% 0; width: 1043px; clear: both; height: 104px; line-height: 46px; font-size: 11px; margin: 0 auto; color: #999; } .search{margin: 10px 0;} .search input[type="submit"] {margin-top:7px; font: 12px tahoma !important; height: 29px !important;} #gklogoright .custom p{margin: 0px; padding: 0px; clear: both; text-transform: uppercase;} #gklogoright .custom p a{color: #004F89;} #gklogoright .custom p a:hover{color: #999; text-decoration: none;} .gkIsSlides{ margin-bottom:9px;} .jcalpro_calendar_month a{color: #fff;} .jcalpro_calendar_month a:hover{color: #fff;} ol.nav.nav-tabs.nav-stacked{padding-left: 0px;} ol.nav.nav-tabs.nav-stacked h3{font-size: 180% !important; margin: 0 0 10px !important;} #gkComponent .blog .joomla_add_this{display: none;} /* Custom */ table.jd_cat_subheader { display: table !important;} #gkTopMenu { display: none; } .pagination-start span, .pagination-prev span,.pagenav{ margin: 0px 2px !important; margin-left: 2px !important; padding: 3px 7px !important; background: #eee !important; border: 1px solid #ddd !important; text-align: center !important; font-size: 12px !important; color: #333 !important; opacity: 1 !important; } img { max-width: 100%; } /* -- Responsive -- */ @media only screen and (max-width:1200px){} @media only screen and (max-width:979px){ .gkWrap, #gkMainBlock #gkContent, #gkMainBlock #gkRight { display: block; width: 100%; max-width: 100%;} #gklogoright, #logo_block{ width: 100%; clear: both; padding: 0px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gkContent img { max-width: 100%; height: auto !important;} .nspArts, .nspLinksWrap { padding: 0px 10px !important; } } @media only screen and (max-width:768px){ #gkMenuWrap #gkMainMenu { display: none;} #gkMenuWrap #gkTopMenu { height: 45px !important; line-height: 45px !important; } #navigation-toggle { width: 100%; top: 0 !important; left: 0 !important; right: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gkMainBlock #gkContent, #gkMainBlock #gkRight { padding: 0px 10px; } #navigation-toggle span.nav-line{ float: right; clear: both; } .sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active, .sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active, .sidr, a.sidr-class-toggle-sidr-close:before{ background: #192f4d !important; } .sidr-class-current > a {background: #122135 !important; } .sidr ul li { border-top: 1px solid #FFF !important; border-bottom: none !important; } div.mobileSwitch { position: absolute; margin: 0; } #gkTopMenu { display: block; } } @media only screen and (max-width:760px){ a#logo { width: 100%; text-align: center; } #gklogoright .search { text-align: center; } #gklogoright .search input{ display: inline-block; float: none; } #gklogoright .search br { display: none; } #gklogoright .custom p { text-align: center; } .nspArtPage .nspCol2 { display: block; width: 100%; padding-top: 0 !important; padding-right: 0 !important; } .nspArt h4.nspHeader { width: 100% !important; clear: both; padding-right: 100% !important; } .blog-featured #fron_end_col_0.item.column-1, .blog-featured #fron_end_col_1.item.column-1 { display: block; width: 100%; } .box.big .content iframe { margin: 0px auto; float: none; display: block; } .newsletter_side h1 { margin: 0px auto; } .newsletter_side p { text-align: center !important; } .newsletter_side input { margin: 5px auto; } .newsletter_side input.text { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .custom.big > p{ text-align: center; } .custom.big > p img { display: block; width: auto; height: auto; margin-left: auto !important; margin-right: auto !important; clear: both; float: none !important; } #gkContent img { display: block; } .jd-item-page table { border-collapse: collapse !important; float: none; display: table !important; } .articleContent p { clear: both; } form#userForm .bf_form_area .bf_form_row.bf_submit, form#userForm .bf_form_area label, form#userForm .bf_form_area input[type="text"], form#userForm .bf_form_area textarea { width: 100% !important; float: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gkuseruser1, #gkuseruser2 { width: 100% !important; margin-bottom: 10px;} #gkuseruser1 .box, #gkuseruser2 > .box { margin-left: 0 !important; margin-right: 0 !important; } #gkFooterWrap { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px; } /* Slider */ .gkIsWrapper-gk_black_and_white { width: 100% !important; } .gkIsSlides { width: 100% !important; height: 219px !important; } .gkIsText { width: 50% !important; } #gkContent img{ width: auto;} .gkIsWrapper-gk_black_and_white .gkIsText p, .gkIsWrapper-gk_black_and_white .gkIsText h4 { padding: 0px 5px !important; } .gkIsWrapper-gk_black_and_white .gkIsText p { font-size: 15px !important; line-height: 28px !important; } #avs_video{ max-width: 100%; } #avs_video > div, #avs_video > div iframe { width: 100% !important; } #gkComponent table { table-layout: fixed; width: 100% !important;} #gkComponent table tr{ border: 1px solid #e0e0e0;} #gkComponent table tr td, #gkComponent table tr td:first-child { width: auto; display: block; border:none;} tr, td { height: auto !important; text-align: left !important; } td p { text-align: left !important; } .MsoNormalTable td { border: none !important; } #copyright #infoo-right{ width: 100% !important; text-align: center; float: none; } .avs_clear { display: none; } #avs_gallery .avs_thumb{ width: 46% !important; min-height: 200px; } form#userForm fieldset{ margin:0px !important; } } @media only screen and (max-width:479px){ #gkContent img { width: 100%; } #logo_block p{ display: block; clear: both; padding: 5px 10px; } #avs_gallery .avs_thumb { margin-left: auto !important; margin-right: auto !important ; width: 100% !important; } #avs_gallery .avs_thumb .avs_img_container img.image { width: 100% !important; height: auto !important; } #gkContent img { width: auto !important; height: auto !important; margin-left: 0 !important; margin-right: 15px !important; } #gkContent td img { width: auto !important; } #copyright #infoo-right { width: 50%; } .gkIsSlides{ height: 138px !important; } .gkIsWrapper-gk_black_and_white .gkIsText p { font-size: 12px !important; line-height: 16px!important; } #avs_video > div, #avs_video > div iframe { height: auto !important; } .fb_iframe_widget span, .fb_iframe_widget{ width: 100% !important; } iframe{ max-width: 100% !important; } #gkComponent table{ margin-left: 0px !important; margin-right: 0px !important; } #gkPage .box > div > h3.header{ font: 18px Arial,Helvetica,sans-serif !important; } }