body {
line-height : 1.8;
min-height : 100%;
background : #000;
color : #555;
}
body > #bg {
border-top : 5px solid #353639;
}
a {
color : #bc3726;
text-decoration : none;
}
a:hover, a:active, a:focus {
color : #222;
}
h1, h2, h3, h4, h5 {
font-weight : normal;
}
h1 {
font-size : 360%;
}
h2 {
font-size : 200%;
}
h3 {
font-size : 135%;
}
h4 {
font-size : 105%;
}
h5 {
font-size : 100%;
}
ul {
list-style : none;
}
ul li {
line-height : 1.9;
}
p {
margin : 0.5em 0;
}
#gkTop a {
color : #fff;
}
#gkTop a:hover, #gkTop a:active, #gkTop a:focus {
color : #bc3726;
}
#gkTopInterface {
overflow : hidden;
}
#gkButtons {
height : 30px;
margin-left : 715px;
margin-top : -3px;
position : absolute;
}
#gkButtons a {
font-size : 20px;
}
#gkButtons a:first-child {
margin-left : 0;
color : #bc3726;
}
#gkButtons a:first-child:hover {
color : #fff;
}
#gkSocialIcons {
float : right;
margin-left : 520px;
position : absolute;
}
#gkSocialIcons a {
background : url('../images/social_icons.png') 0 0 no-repeat transparent;
display : block;
float : left;
width : 30px;
height : 30px;
opacity : 0.5;
text-indent : -999em;
}
#gkSocialIcons a:hover {
opacity : 1;
}
#gkIconsFacebook {
background-position : 0 0 !important ;
}
#gkIconsVimeo {
background-position : -30px 0 !important ;
}
#gkIconsTwitter {
background-position : -60px 0 !important ;
}
#gkIconsDelicious {
background-position : -90px 0 !important ;
}
#gkIconsBuzz {
background-position : -120px 0 !important ;
}
#gkIconsDigg {
background-position : -150px 0 !important ;
}
#gkIconsYoutube {
background-position : -180px 0 !important ;
}
#gkIconsMyspace {
background-position : -210px 0 !important ;
}
#gkSearch {
float : right;
margin : 3px -418px 0 0;
}
#mod-search-searchword {
height : 13px;
width : 122px;
padding : 5px;
border : none !important ;
background : url('../images/search_icon.png') 114px center no-repeat #fff;
color : #888;
margin : 7px 18px 0 0;
}
#gkInfo {
float : left;
}
h1#gkLogo a img {
display : block;
float : left;
left : 0;
margin-bottom : 10px;
margin-top : 10px;
}
h1#gkLogo a.cssLogo {
background : url('../images/style1/logo.png') 0 0 no-repeat;
display : block;
height : 88px;
margin : 0;
text-indent : -999em;
width : 250px;
top : 0;
left : 0;
z-index : 1001;
float : left;
}
h1.gkLogo.text {
width : auto;
margin : 0;
}
h1.gkLogo.text a, h1.gkLogo.text .gkSiteSlogan {
display : block;
background : none !important ;
color : #fff;
font : normal normal 40px/50px Georgia, serif;
text-indent : 0;
text-align : center;
}
h1.gkLogo.text a {
padding : 0 16px;
width : auto !important ;
}
h1.gkLogo.text .gkSiteSlogan {
font-size : 22px;
line-height : 10px;
margin : -32px 0 18px 0;
}
#gkHeaderModule1 {
float : left;
}
#gkHeaderModule2 {
float : right;
}
#gkMain #gkContent, #gkRight, #gkLeft {
padding-bottom : 18px !important ;
}
#gkMainbodyWrap {
background : #fff;
padding : 18px;
}
#gkBottomWrap {
width : 100%;
background : url('../images/footer.jpg') 50% 0 no-repeat #000;
overflow : hidden;
position: relative;
z-index: 1 !important;
}
#gkBottom1, #gkBottom2, #gkFooter {
padding : 18px 0;
}
#gkBottomWrap .box div > h3 {
text-transform : uppercase;
color : #9F9F9F;
margin-bottom : 9px;
}
#gkBottomWrap a {
color : #555;
}
#gkBottomWrap a:hover {
color : #BC3726;
}
#gkBottomWrap .box div > h3 a {
color : #9F9F9F;
}
#gkBottomWrap .box ul li {
background : url('../images/style1/bul_li.png') 0 9px no-repeat transparent;
padding-left : 22px;
}
#gkBottomWrap .box ul li:hover {
background : url('../images/bul_li_menuWhite.png') 0 9px no-repeat transparent;
}
#gkFooter {
background-color : transparent;
background-image : url("../images/footer.png");
background-origin : padding-box;
background-position : center top;
background-repeat : no-repeat;
margin : 0 auto 20px;
padding : 48px 0;
}
#gkFooter li {
float : left;
font-size : 11px;
border-top : none !important ;
margin-right : 10px;
}
#gkStyleArea {
margin-left : 20px !important ;
margin-top : 0;
}
#gkStyleArea, span.mobileSwitcher {
    float: left;
    font-size: 11px;
    line-height: 28px;
    margin-top: -105px;
    padding: 0 0 0 190px;
}
#gkCopyrights, span.mobileSwitcher {
float : right;
font-size : 11px;
line-height : 28px;
margin-bottom : 0;
margin-right : 210px;
margin-top : -105px;
}
span.mobileSwitcher {
margin-right : 10px !important ;
font-weight : bold;
}
#gkFrameworkLogo {
display : block;
width : 130px;
height : 42px;
background : url('../images/framework-logo.png') 0 0 no-repeat;
text-indent : -9999em;
margin : 20px auto 40px auto;
}
#mainPage .box, #mainPage .box_menu, #mainPage .box_text {
overflow : hidden;
margin-top : 18px !important ;
background : #fff;
}
#mainPage .box:first-child, #mainPage .box_menu:first-child, #mainPage .box_text:first-child {
margin-top : 0 !important ;
}
#mainPage .box > div, #mainPage .box_menu > div, #mainPage .box_text > div {
margin : 12px;
}
#mainPage .content {
padding : 0 4px;
overflow : hidden;
}
#mainPage .box > div > h3, #mainPage .box_menu > div > h3, #mainPage .box_text > div > h3 {
overflow : hidden;
height : 41px;
line-height : 41px;
margin : 0 0 15px;
padding : 0 18px;
background : url('../images/style1/moduleH3.png') 0 0 repeat-x;
color : #295022;
}
#mainPage .box > div > h3 a, #mainPage .box_menu > div > h3 a, #mainPage .box_text > div > h3 a {
color : #295022;
}
#mainPage .box.color1 > div > h3, #mainPage .box.color1 > div > h3 a {
background-position : 0 -41px;
color : #295022;
}
#mainPage .box.color2 {
background : #000;
color : #6c6c6c;
}
#mainPage .box.moduletable.color2 {
background : #000 !important ;
}
#mainPage .box.color2 > div {
border : #414141 dashed 1px;
padding : 12px;
}
#mainPage .box.color2 > div > h3 {
margin : 0 0 19px;
padding : 0;
height : 23px;
line-height : 17px;
background : none;
color : #fff;
border-bottom : 1px dashed #414141;
}
#mainPage .box.color2 a, #mainPage .box.color2 > div > h3 a {
color : #fff;
}
#mainPage .box.color2 a:hover {
color : #BC3726;
}
#mainPage .box.color3 {
background : #bc3726;
color : #f1cecb;
}
#mainPage .box.moduletable.color3 {
background : #bc3726 !important ;
}
#mainPage .box.color3 > div {
border : #ce6c5d dashed 1px;
padding : 12px;
}
#mainPage .box.color3 > div > h3 {
margin : 0 0 19px;
padding : 0;
height : 23px;
line-height : 17px;
background : none;
color : #fff;
border-bottom : 1px dashed #ce6c5d;
}
#mainPage .box.color3 a, #mainPage .box.color3 > div > h3 {
color : #fff;
}
#mainPage .box.color3 a:hover {
color : #f1cecb;
}
#mainPage .box.border1 > div {
border : #ccc dashed 1px;
padding : 12px;
}
#mainPage .box.border1 > div > h3 {
margin : 0 0 19px;
padding : 0;
height : 23px;
line-height : 17px;
background : none;
color : #333;
border-bottom : 1px dashed #ccc;
}
#mainPage .box.border1 > div > h3 a {
color : #333;
}
#mainPage .box.border2 > div {
border : #ce6c5d dashed 1px;
padding : 12px;
}
#mainPage .box.border2 > div > h3 {
margin : 0 0 19px;
padding : 0;
height : 23px;
line-height : 17px;
background : none;
color : #bc3726;
border-bottom : 1px dashed #ce6c5d;
}
#mainPage .box.border2 > div > h3 a {
color : #bc3726;
}
#mainPage .box.noborder1 {
background : #000;
color : #6c6c6c;
}
#mainPage .box.moduletable.noborder1 {
background : #000 !important ;
}
#mainPage .box.noborder1 > div > h3 {
margin : 0 0 5px;
padding : 0;
height : 23px;
line-height : 17px;
background : none;
color : #fff;
}
#mainPage .box.noborder1 .content {
padding : 0 !important ;
}
#mainPage .box.noborder1 a {
color : #fff;
}
#mainPage .box.noborder1 a:hover {
color : #BC3726;
}
#mainPage .box.noborder1 > div > h3 a {
color : #fff;
}
#mainPage .box.noborder2 {
background : #bc3726;
color : #f1cecb;
}
#mainPage .box.moduletable.noborder2 {
background : #bc3726 !important ;
}
#mainPage .box.noborder2 > div > h3 {
margin : 0 0 5px;
padding : 0;
height : 23px;
line-height : 17px;
background : none;
color : #fff;
}
#mainPage .box.noborder2 .content {
padding : 0 !important ;
}
#mainPage .box.noborder2 a, #mainPage .box.noborder2 > div > h3 a {
color : #fff;
}
#mainPage .box.noborder2 a:hover {
color : #f1cecb;
}
#mainPage .box.grunge1, #mainPage .box.grunge2, #mainPage .box.grunge3 {
background : url('../images/modules/module_bg2_1.jpg') 100% 0 no-repeat #fff;
}
#mainPage .box.grunge4, #mainPage .box.grunge5, #mainPage .box.grunge6 {
background : url('../images/modules/module_bg1.jpg') right top no-repeat #fff;
}
#mainPage .box.moduletable.grunge1, #mainPage .box.moduletable.grunge2, #mainPage .box.moduletable.grunge3 {
background : url('../images/modules/module_bg2_1.jpg') 100% 0 no-repeat #fff !important ;
}
#mainPage .box.moduletable.grunge4, #mainPage .box.moduletable.grunge5, #mainPage .moduletable.box.grunge6 {
background : url('../images/modules/module_bg1.jpg') right top no-repeat #fff !important ;
}
#mainPage .box.grunge1 > div, #mainPage .box.grunge2 > div, #mainPage .box.grunge3 > div {
background : url('../images/modules/module_bg2_2.jpg') 0 100% no-repeat #fff;
padding : 12px;
margin : 12px 12px 0 0;
}
#mainPage .box.grunge1 .content, #mainPage .box.grunge2 .content, #mainPage .box.grunge3 .content {
background : #fff;
padding : 0 12px 12px;
}
#mainPage .box.grunge4 .content, #mainPage .box.grunge5 .content, #mainPage .box.grunge6 .content {
padding : 0;
}
#mainPage .box.grunge2 > div > h3, #mainPage .box.grunge5 > div > h3 {
background : url('../images/style1/module_header_color.png') 0 0 repeat-x transparent;
color : #fff;
}
#mainPage .box.grunge2 > div > h3 a, #mainPage .box.grunge5 > div > h3 a {
color : #fff;
}
#mainPage .box.grunge3 > div > h3, #mainPage .box.grunge6 > div > h3 {
margin : 0 0 19px 12px;
padding : 0;
height : 23px;
line-height : 17px;
background : none;
color : #333;
border-bottom : 1px dashed #ccc;
}
#mainPage .box.grunge3 > div > h3 a, #mainPage .box.grunge6 > div > h3 a {
color : #333;
}
#mainPage .box.grunge6 > div > h3 {
margin-left : 0;
}
#mainPage .box.noPad .content {
padding : 0;
}
#mainPage .box.noPad > div {
padding : 0 0 12px 12px;
}
#mainPage .box_text .group > h3 {
font-weight : normal;
font-size : 115%;
}
#mainPage .box_text .bannerfooter {
font-size : 85%;
text-align : right;
font-style : italic;
}
#mainPage .box_text .banneritem {
border-bottom : 1px dashed #ccc;
margin-top : 10px;
padding-bottom : 10px;
}
.box.clear, .box.clear > div, .box.clear > div > .content {
padding : 0 !important ;
background : none !important ;
border : none !important ;
margin : 0 !important ;
}
#gkBreadcrumb {
height : 41px;
line-height : 41px;
margin : -18px -18px 20px !important ;
padding : 0 18px;
}
#gkBreadcrumb .breadcrumbs {
float : left;
width : 80%;
font-size : 12px;
}
#gkBreadcrumb a {
color : #9F9F9F;
}
#gkBreadcrumb a:hover {
color : #fff;
}
#gkBreadcrumb .separator {
margin : 0 6px;
}
#gkTools {
float : right;
width : auto;
margin-top : 13px;
}
#gkTools a {
background : url("../images/tools.png") 0 0 no-repeat scroll transparent;
cursor : pointer;
display : block;
float : left;
height : 16px;
text-indent : -999em;
width : 16px;
opacity : 0.5;
}
#gkTools a:hover {
opacity : 1;
}
#gkToolsReset {
background-position : -16px 0 !important ;
}
#gkToolsDec {
background-position : -32px 0 !important ;
}
#gkButtons, div.pagination ul li a, div.pagination ul li span, .k2Pagination ul li a, .k2Pagination ul li span, .k2TagCloudBlock a .latestItemTagsBlock ul.latestItemTags li a, .userItemTagsBlock ul.userItemTags li a, .catItemTagsBlock ul.catItemTags li a, .itemTagsBlock ul.itemTags li a, .k2TagCloudBlock a {
border-radius : 3px;
}
#mod-search-searchword {
border-radius : 1px;
}
#gkTopShadow {
box-shadow : 0 0 5px #000;
}
#gkTopNav:after {
background : url("../images/style1/topmenu_bg.png") 0 -36px no-repeat scroll transparent;
content : "";
display : block;
float : right;
height : 36px;
margin : 0 -54px 0 0;
width : 54px;
}
#gkTopNav:before {
background : url("../images/style1/topmenu_bg.png") 0 0 no-repeat scroll transparent;
content : "";
display : block;
float : left;
height : 36px;
margin : 0 0 0 -54px;
width : 54px;
}
#gkTopNav {
background : none 0 0 repeat scroll #353639;
float : right;
margin : 0 -142px 0 0;
width : 400px;
}