/*
#------------------------------------------------------------------------
# pixellove - June 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 { line-height:1.8; background: #292929 url('../images/dark/main_bg.jpg') repeat 50% 0 fixed; color: #777; min-height: 100%; font-size: 16px}
a { color: #fff; text-decoration: none; -webkit-transition:color 0.4s ease-in; -moz-transition:color 0.4s ease-in; -o-transition:color 0.4s ease-in; transition:color 0.4s ease-in;  }
a:hover,
a:active,
a:focus { color: #6b9ccf; }
.column p,
.column pre,
.column blockquote,
.column ol,
.column ul { margin:0; padding:0; }
h1,
h2,
h3,
h4,
h5 { font-weight: normal; color: #fff; }
h1 { font-size:380%; }
h2 { font-size:200%; }
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 }
strong { color: #aaa; }
p { margin: 0.8em 0 }

div.content a.digg,
div.content a.buzz,
div.content a.twitter,
div.content a.dribble,
div.content a.stumbleupon,
div.content a.lastfm,
div.content a.tuuumblr,
div.content a.youtube,
div.content a.vimeo,
div.content a.skype,
div.content a.facebook,
div.content a.ichat,
div.content a.myspace,
div.content a.dropbox { background-image: url('../images/dark/social_icons.png'); }

/* containers */
#gkLeft,
#gkRight { /*background: transparent url('../images/dark/column_bg.png') repeat-y right 0; box-shadow: 0 0 9px #000; -moz-box-shadow: 0 0 9px #000; -webkit-box-shadow: 0 0 9px #000; */}
#gkNav { position: absolute; z-index: 1; height: 56px; background: transparent url('../images/dark/top_bg.jpg') repeat-x 0 0; width: 100%; box-shadow:0 0 9px #000; -moz-box-shadow:0 0 9px #000; -webkit-box-shadow:0 0 9px #000;  }
#gkLeft,
#gkRight { margin-bottom: -22px; }

#gkContent { float: left; }
#gkContentWrap { padding: 0 20px 20px 20px; overflow: hidden; }
#gkCurrentContent { float: right; }
#gkNavWrap {margin: 0 auto !important}
/* equal columns */
#mainPage { height:100%; min-height: 100%; }
#gkMainbodyWrap { display: table; height: 100%; min-height: 100%; margin: 0 auto }
#gkLeft,
#gkRight,
#gkMain { display: table-cell; vertical-align: top; /*height: 100%; min-height:100%;*/ }
#gkLeft > .inner-wrap {
  /*box-shadow: -3px 3px 9px #000;
  -moz-box-shadow: -3px 3px 9px #000;
  -webkit-box-shadow: -3px 3px 9px #000;*/
  padding-top: 225px;
}
#gkRight > .inner-wrap,
#gkMain > .inner { margin-left: 18px; box-shadow: 0 0 9px #000; -moz-box-shadow: 0 0 9px #000; -webkit-box-shadow: 0 0 9px #000; padding-top: 76px; }
/* top */
#gkMainnav { float: right; }
#gkFooter {width: 100%; clear: both; display: block}
/* logo */
#gkLogo { margin: 0; padding: 0; float: left; }
#gkLogo a { background: url('../images/dark/logo.png') no-repeat 0 0; display: block; height: 198px; margin: 0; text-indent: -999em; width:360px; margin-left: -120px;}
#gkLogo.text { width: auto; margin: 0; }
#gkLogo.text a,
#gkLogo.text .gkLogoSlogan { display: block; background:none!important; color: #777; font: normal 26px/56px Arial, serif; text-indent: 0; text-align: center; float:left; margin-right: 5px; }
#gkLogo.text a { padding: 0; width: auto!important; }
#gkLogo.text .gkLogoSlogan { font-size: 10px; }
.gkLogoText {margin-right: 15px; padding-right: 15px; border-right: 1px solid #333}
.gkLogoSlogan {text-transform: uppercase; letter-spacing: 1px }
#gkFrameworkLogo { display: block; width: 130px; height: 42px; margin: 50px auto 46px; background: url('../images/framework-logo.png') no-repeat 0 0; text-indent: -9999em; }
#gkHeader .nsp {padding-bottom: 20px}
#gkHeader .nsp .nspTopInterface {margin: 15px 0}

/* Bottom  section */
#gkBottom1,
#gkBottom2 { overflow:hidden; font-size: 12px}
#gkBottom1 .box > div > h3,
#gkBottom2 .box > div > h3 { color: #b9b9b9;border-bottom: 1px solid #333; font-size: 24px; line-height:34px;}
#gkBottom1 .box > div,
#gkBottom2 .box > div { padding: 20px 0; }
#gkBottom1 a,
#gkBottom2 a { color: #555}
#gkBottom1 a:hover,
#gkBottom2 a:hover { color: #b9b9b9}
#gkBottom1 .box ul li,
#gkBottom2 .box ul li { list-style: disc inside; border-top: none; }
/* Footer */
#gkStyle7, #gkStyle8 { display: block; float: right; height: 17px; width: 17px; margin: 12px 0 0 6px; text-indent: -99999em; background: transparent url('../images/theme_schwitcher.png') no-repeat 100% 0;}
#gkStyle8 { background-position: 0 0;}
#gkFooter { margin: 36px 0 0 0; width: auto; border-top: 1px solid #292929; line-height: 40px; color: #5e5e5e; font-family: Verdana, sans-serif; }
#gkFooter a{ color: #5e5e5e; }
#gkFooter a:hover { color: #888; }
#gkFooter li { float: left; font-size: 11px; border-top: none!important; margin-right: 10px; line-height:40px; }
#gkStyleArea { margin-left: 20px; }
#theme_switcher1, #theme_switcher2 { display: block; float: right; height: 17px; width: 17px; margin: 12px 0 0 6px; text-indent: -99999em; background: transparent url('../images/theme_schwitcher.png') no-repeat 100% 0;}
#theme_switcher2 { background-position: 0 0;}
#gkStyleArea a { float: left; background: transparent url('../images/styleswitcher.png') no-repeat 0 0; width:8px; height: 8px; cursor: pointer; display: block; margin-left: 6px; text-indent:-999em; margin-top: 17px; }
#gkStyleArea #gkStyle2 { background-position: -8px 0; }
#gkStyleArea #gkStyle3 { background-position: -16px 0; }
#gkStyleArea #gkStyle4 { background-position: -24px 0; }
#gkStyleArea #gkStyle5 { background-position: -32px 0; }
#gkStyleArea #gkStyle6 { background-position: -40px 0; }
#gkStyleArea,
#gkStyleAreaExt,
#gkCopyrights { float:right; font-size: 11px; line-height: 40px; margin: 0 }
#gkContent {width: 100% !important; background: #000;}
#gkCopyrights {margin-right: 20px}
/* breadcrumb */
#gkTopNav { width: 100%; font-size: 12px; color: #aaa; background: transparent; height: 32px; line-height: 32px; border-bottom: 1px solid #252525}
#gkBreadcrumb {float: left}
#gkBreadcrumb a { color: #777; }
#gkBreadcrumb a:hover { color: #6b9ccf; }
#gkBreadcrumb .separator { margin: 0 6px; }
#gkTools { float: right; width: auto; margin-top:8px; }
#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; }
/* Module styles */
.box,
.box_menu,
.box_text { overflow: hidden; margin-top: 20px !important; color: #777; font-size: 11px; }
.box:first-child,
.box_menu:first-child,
.box_text:first-child { margin-top: 0!important; }
.box > div,
.box_menu > div,
.box_text > div { margin: 0px; }
.box div.content { padding: 0; padding-center: 1px;
}
.box li,
.box_menu li,
.box_text li { }
.box li:first-child,
.box_menu li:first-child,
.box_text li:first-child { }
/* suffixes -------------*/

/*--- default */
.box > div,
.box_menu > div,
.box_text > div { padding: 20px; }
#gkContentWrap .box > div,
#gkContentWrap .box_menu > div,
#gkContentWrap .box_text > div { padding: 0; } 
.box > div > h3,
.box_menu > div > h3,
.box_text > div > h3 { color: #fffefe; font-size: 30px; line-height: 34px; margin-bottom: 18px; }
.box ul { }
.box ul li { border-top: 1px solid #252525; }
.box ul li:first-child { border-top: none; }
/* _text */
#mainPage .box_text .group > h3 { font-weight: normal; font-size:115%; }
#mainPage .box_text .footer { font-size: 85%; text-align: right; font-style: italic; }
#mainPage .box_text .item { border-bottom: 1px solid #252525; margin-top:10px; padding-bottom: 10px; }
/* - clear */
.box.clear,
.box.clear > div,
.box.clear > div > .box div.content { padding: 0 !important; background: none !important; border: none !important; margin: 0!important; }
/* - small */
.box.small > div > h3 {  color: #777; font-size: 18px; line-height: 19px; }
ul.latestnews.small {font-size: 100%}
/* - color */
.box.color > div > h3 {  color: #6b9ccf; }
/* - subtitle */
.box.subtitle > div > h3 > span { color: #777; display: block; font-size: 30px; line-height: 32px; }
.box.subtitle > div > h3 { color: #fff; font-size: 48px; line-height: 40px; }
/* - subtitle + color */
.box.subtitle.color > div > h3 > span { color: #fff; }
.box.subtitle.color > div > h3 {  color: #6b9ccf; font-size: 72px; line-height: 64px; margin-bottom: 5px; }
/* - big */
.box.big > div > h3 {  color: #fff; font-size: 72px; line-height: 64px; }
/* - lines */
.box.lines > div > h3 { display: table; height: 1px; line-height: 1px; }
.box.lines > div > h3 > span,
.box.lines > div > h3 > strong { display: table-cell; line-height:1px; height:1px; }
.box.lines > div > h3 > span { width: 50%; border-top: 1px solid #777; border-right: 1px solid #777; text-indent: -999em; font-size: 1px; line-height: 1px; }
.box.lines > div > h3 > span:first-child { border-left: 1px solid #777; border-right: none; }
.box.lines > div > h3 > strong { padding: 0 15px; font-size: 18px; font-weight: normal; line-height: 1px; white-space: pre; }
.box.lines.color > div > h3 > span { border-top: 1px solid #6b9ccf; border-right: 1px solid #6b9ccf; }
.box.lines.color > div > h3 > span:first-child { border-left: 1px solid #6b9ccf; border-right: none; }
.box.lines.color > div > h3 > strong { color: #fff; }
/* - nopad */
.box.nopad > div { padding: 0!important; }
/* - menu */
.box.menu li:first-child { border-top: 1px solid #252525; }
.box.menu li { border-bottom: 1px solid #252525; border-top: none; }
.box.menu li > a,
.box.menu li > span { display: block; color: #fff!important; line-height: 38px; padding-left: 24px; font-size: 18px; -webkit-transition:color,background-color 0.6s ease-in; -moz-transition:color,background-color 0.6s ease-in; -o-transition:color,background-color 0.6s ease-in; transition:color,background-color 0.6s ease-in; }
.box.menu li.active > a,
.box.menu li > a:hover,
.box.menu li.active > span,
.box.menu li > span:hover { color: #fff !important; background-color: #000; text-shadow:0 0 27px #d95c00 , 1px 1px 1px #d95c00;}
.box.menu li ul { display: none; }


/* skills */
.skill { color: #3f3f3f; font-size:11px; padding:3px 0; line-height:11px; cursor: default; }
.skill > .bar{ float: left; display: block; margin-right: 10px; height: 11px; text-indent: -999em; }
.skill,
.skill > .bar { -webkit-transition:color 1s linear; -moz-transition:color 1s linear; -o-transition:color 1s linear; transition:color 1s linear; }
.skill > .bar.w5 { width: 5%; }
.skill > .bar.w10 { width: 10%; }
.skill > .bar.w15 { width: 15%; }
.skill > .bar.w20 { width: 20%; }
.skill > .bar.w25 { width: 25%; }
.skill > .bar.w30 { width: 30%; }
.skill > .bar.w35 { width: 35%; }
.skill > .bar.w40 { width: 40%; }
.skill > .bar.w45 { width: 45%; }
.skill > .bar.w50 { width: 50%; }
.skill > .bar.color1 { background: #6b9ccf; }
.skill > .bar.color2 { background: #777;  }
.skill > .bar.color3 { background: #fff;  }
.skill > .bar.color4 { background: #333;  }
.skill:hover { color: #fff; }
/* social icons */
.box div.content a.digg,
.box div.content a.buzz,
.box div.content a.twitter,
.box div.content a.dribble,
.box div.content a.stumbleupon,
.box div.content a.lastfm,
.box div.content a.tuuumblr,
.box div.content a.youtube,
.box div.content a.vimeo,
.box div.content a.skype,
.box div.content a.facebook,
.box div.content a.ichat,
.box div.content a.myspace,
.box div.content a.dropbox { width: 50px; height: 50px; display: block; float: left; text-indent: -999em; opacity: 0.4; -webkit-transition:opacity 0.4s ease-in; -moz-transition:opacity 0.4s ease-in; -o-transition:opacity 0.4s ease-in; transition:opacity 0.4s ease-in; filter:alpha(opacity=40)}
.box div.content a.digg:hover,
.box div.content a.buzz:hover,
.box div.content a.twitter:hover,
.box div.content a.dribble:hover,
.box div.content a.stumbleupon:hover,
.box div.content a.lastfm:hover,
.box div.content a.tuuumblr:hover,
.box div.content a.youtube:hover,
.box div.content a.vimeo:hover,
.box div.content a.skype:hover,
.box div.content a.facebook:hover,
.box div.content a.ichat:hover,
.box div.content a.myspace:hover,
.box div.content a.dropbox:hover { opacity: 1.0; filter:alpha(opacity=100)}

.box div.content a.buzz { background-position: -50px 0; }
.box div.content a.twitter { background-position: -100px 0; }
.box div.content a.dribble { background-position: -150px 0; }
.box div.content a.stumbleupon { background-position: 0 -50px; }
.box div.content a.lastfm { background-position: -50px -50px; }
.box div.content a.tuuumblr { background-position: -100px -50px; }
.box div.content a.youtube { background-position: -150px -50px; }
.box div.content a.vimeo { background-position: 0 -100px; }
.box div.content a.skype { background-position: -50px -100px; }
.box div.content a.facebook { background-position: -100px -100px; }
.box div.content a.ichat { background-position: -150px -100px; }
.box div.content a.myspace { background-position: 0 -150px; }
.box div.content a.dropbox { background-position: -50px -150px; }

.fancybox-wrap {position: absolute; top: 0; left: 0; z-index: 8020;}
.fancybox-skin { position: relative; background: #212121; color: #000; text-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font-size:16px; line-height:17px; margin: 0; padding: 15px; white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%; height: 100%;}
.fancybox-image {max-width: 100%; max-height: 100%;}
#fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px;    width:60px; height:60px; cursor: pointer;z-index: 8060; background-color:#FFF; background-color: rgba(255,255,255,.8);}
#fancybox-loading div {width: 60px; height: 60px; background: url(http://rusmoto.su/bitrix/templates/rusmoto/images/loader.gif) no-repeat 50% 50%;}
.fancybox-lock {overflow: hidden !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;    background: rgba(255,255,255,.4);}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
.fancybox-title {visibility: hidden; position: relative;  text-shadow: none; z-index: 8050; font-size: 16px; line-height: 18px; color:#FFF; font-weight:normal;}
.fancybox-opened .fancybox-title {visibility: visible; padding-top: 10px;}
.fancybox-nav {position: absolute; top: 0; width: 50%; height: 100%; cursor: pointer;text-decoration: none;  -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; transition:all .3s; outline: none;}
.fancybox-close {display: block; cursor: pointer; border:0 none; text-decoration: none; width: 34px; height: 34px; position: absolute; top: 0; right:-45px; background:url(http://rusmoto.su/bitrix/templates/rusmoto/images/sprite.png) no-repeat -436px -260px;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute; top: 50%; width: 27px; height: 64px; margin-top: -32px; cursor: pointer; z-index: 8040; background-image: url(http://rusmoto.su/bitrix/templates/rusmoto/images/sprite.png); background-repeat: no-repeat; display: block; outline: 0 none;}
.fancybox-prev span {left: 17px; background-position: -470px -260px;}
.fancybox-next span {right: 17px; background-position: -497px -260px;}