/* Legend
    Dark Gray   #515151
    Blue        #2484b0
    Bg Color    #eeeeee
    Light Gray  #d7d7d7
    Light Blue  #3399cc

Contents:
    1 - Normalize
    2 - Basic Strucure (columns)
    3 - Base styles ( links, basic typography )
    4 - Header ( Includes the modules and the menus )
    5 - Footer ( Also includes all the modules )
    6 - Sidebar (aside) ( the modules are on the k2.css eg. mod_k2_tools
    except for the specific sidebar modules (category lists) )
    7 - Component Index Page ( the K2 modules are on k2.css )
    8 - Component Item Lists view ( categories and catalogue views,
    all the template specific styles )
    9 - non semantic and print styles
    Note:the item styles, the generic, the latest and all K2 styles in general,
    are all included on the k2.css
    Note 2:The modules that are included in this stylesheet are the ones bound with
    their positions ( eg. the footer Tag cloud or the footer category list. )
*/

/*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline}html{font-size:100%}html,button,input,select,textarea{font-family:sans-serif}a:hover,a:active,a:focus{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}pre,code,kbd,samp{font-family:monospace, serif;font-size:1em}pre,code{white-space:pre-wrap;white-space:pre-wrap;white-space:0 !important;white-space:0;white-space:0;word-wrap:break-word;}q{quotes:none}q:before,q:after{content:none}small{font-size:83%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;white-space:normal;margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;overflow:visible}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{height:13px;width:13px;padding:0}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}audio:not([controls]),[hidden]{display:none}body,figure,form{margin:0}p,pre,dl,menu,ol,ul{margin:1em 0}

/*----------------------------------------------------------------------
    Basic grid and base styles
----------------------------------------------------------------------*/

    /*Grid && Basic Structure*/
    body {background:#eeeeee;color:#515151;font-family:'Droid Serif', serif;font-size:13px;line-height:17px;}
    header {clear:both;}
    footer {clear:both;}
    aside {float:right;}
    #page {width:990px;margin:0 auto;}
    .wrap {width:990px;margin:0 auto;}
    section#content {width:689px;overflow:hidden;border-right:1px solid #d7d7d7; float:left;}
        /*index Columns*/
        section#content .indexLeft {float:left;width:499px;border-right:1px solid #d7d7d7;padding:10px 0;}
        /*inner Right Column*/
        section#content .innerRight {float:left;width:189px; padding:20px 0;}
        /* Layout column */
        section#content .layoutGrid {padding:20px 0;}
        /*
        section#content .threeColLayout {float:left;width:499px;border-right:1px solid #d7d7d7; }
        section#content .twoColLayout {float:left;width:689px;padding:20px 0;}*/

    .clr {clear:both;}
    input:focus {outline:none;}

    /*links*/
    a,
    a:link,
    a:visited {text-decoration:none;color:#2484b0;}
    a:hover {color:#000;}

    /*Typography*/
    h1 {line-height:150%;}
    h2 {line-height:140%;}
    h3 {line-height:130%;}
    h4 {line-height:120%;}
    h5 {line-height:115%;margin:5px 0;font-size:100%;}
    h6 {line-height:115%;margin:5px 0;font-size:100%;}
    h1 sub, h1 sup, h2 sub, h2 sup {font-size:45%;top:-10px;}
    .Istok,
    .isFontIstok {font-family:'Istok Web', Helvetica, Arial, sans-serif;} /* use this class to trigger the secondary font family */
    a , a:visited , a:hover , a:visited:hover { -webkit-transition:color .5s linear;-o-transition:color .5s linear; -moz-transition:color .5s linear; }
    ::-moz-selection{background:#515151;color:#fff;text-shadow:none;}
    ::selection {background:#515151;color:#fff;text-shadow:none;}
    p {margin:0 0 10px 0;}
    .lazy {display:none }
    /*Module styling*/
    .module { }
        .module h3 {font-size:14px;font-family:'Istok Web', Helvetica, Arial, sans-serif;text-transform:uppercase;}
        .module ul {list-style:none outside none;padding:0;margin:0;}

/*----------------------------------------------------------------------
    Header Modules:Includes the menu
----------------------------------------------------------------------*/

header {border-top:3px solid #3399cc;position:relative;z-index:2;}
    header .wrap {position:relative;}
    /*Logo*/
    header .LogoArea {float:left; margin:64px 0 42px 0;}
    header h1#Logo {width:220px;height:88px;overflow:hidden;margin:0;padding:0;margin:10px 0;}
    header h1#Logo a {text-indent:-9999em;display:block;background:url(../images/template/Logo220_88.png) no-repeat 0 0;line-height:111px;}
    header h1#Logo span {display:none;}
    /*Leaderboard*/
    header .Leaderboard {padding:15px 0;border-bottom:1px solid #d7d7d7;text-align:center;}
    /*Menus*/
    .MenuArea {margin:64px 0 10px;float:right;}
    .MenuArea .module {font-family:'Istok Web', Helvetica, Arial, sans-serif;width:187px;float:right;margin-left:30px;}
    .MenuArea .module h3 {margin:0 0 5px;padding:0 0 5px;border-bottom:1px solid #d7d7d7;}
    .MenuArea ul.menu {list-style:none outside none;margin:0;padding:0;line-height:16px;text-transform:uppercase;}
    .MenuArea ul.menu li {font-size:13px;padding:3px 0; }
    .MenuArea ul.menu li a,
    .MenuArea ul.menu li a:visited {color:#2484b0;}
    .MenuArea ul.menu li a:hover {color:#000;}

    /*Tagline*/
    header .TagLine {border-bottom:9px solid #515151;padding:20px 0; overflow:hidden;border-top:1px solid #d7d7d7;}
    header .TagLine h2 {font-weight:400;color:#777777;font-size:34px;line-height:42px;margin:0;padding:0;float:left;}
    header .downloadNow {float:right;margin:0 3px 0 10px;}
    header a.downloadNowLink,
    header a.downloadNowLink:visited {color:#fff; padding:0 7px 0 21px;cursor:pointer;display:inline-block;
        font:700 18px/42px 'Istok Web', Helvetica, Arial, sans-serif;text-transform:uppercase;
        background-image:-webkit-gradient(linear, left top, left bottom, from(#fe8f3e), to(#fa6900));
        background-image:-webkit-linear-gradient(top, #fe8f3e, #fa6900);
        background-image:   -moz-linear-gradient(top, #fe8f3e, #fa6900);
        background-image:    -ms-linear-gradient(top, #fe8f3e, #fa6900);
        background-image:     -o-linear-gradient(top, #fe8f3e, #fa6900);
        background-image:        linear-gradient(top, #fe8f3e, #fa6900);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8f3e', endColorstr='#fa6900');
        border-radius:21px;-moz-border-radius:21px; -webkit-border-radius:21px;
        box-shadow:2px 2px 2px rgba(190,189,189,0.75);-moz-box-shadow:2px 2px 2px rgba(190,189,189,0.75);
        -webkit-box-shadow:2px 2px 2px rgba(190,189,189,0.75);
        -moz-transition:background 0.7s linear;
        -webkit-transition:background 0.7s linear;
        -o-transition:background 0.7s linear;
        -ms-transition:background 0.7s linear;
        transition:background 0.7s linear;
    }
    header a.downloadNowLink:hover {
        background-image:-webkit-gradient(linear, left top, left bottom, from(#fa6900), to(#fe8f3e));
        background-image:-webkit-linear-gradient(top, #fa6900, #fe8f3e);
        background-image:   -moz-linear-gradient(top, #fa6900, #fe8f3e);
        background-image:    -ms-linear-gradient(top, #fa6900, #fe8f3e);
        background-image:     -o-linear-gradient(top, #fa6900, #fe8f3e);
        background-image:        linear-gradient(top, #fa6900, #fe8f3e);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa6900', endColorstr='#fe8f3e');
    }
    header a.downloadNowLink:active {
        background-image:-webkit-gradient(linear, left top, left bottom, from(#fa6900), to(#fe8f3e));
        background-image:-webkit-linear-gradient(top, #fa6900, #fe8f3e);
        background-image:   -moz-linear-gradient(top, #fa6900, #fe8f3e);
        background-image:    -ms-linear-gradient(top, #fa6900, #fe8f3e);
        background-image:     -o-linear-gradient(top, #fa6900, #fe8f3e);
        background-image:        linear-gradient(top, #fa6900, #fe8f3e);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa6900', endColorstr='#fe8f3e');
        box-shadow:inset 0 0 7px  rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 7px  rgba(0,0,0,0.3);
        -webkit-box-shadow:inset 0 0 7px  rgba(0,0,0,0.3);
        text-shadow:-1px -1px #fa6900;
    }
    header a.downloadNowLink span {padding:2px 15px;background:url(../images/icons/dl.png) no-repeat 0 0;}
    /*Network Bar*/
    #menu-wrapper-top {height:24px;background:#31373c url(../images/networkBg.gif) repeat-x 0 100%;margin:0;padding:0;position:relative;z-index:3;width:100%;}
    #menu-top {margin:0 auto;padding:0;text-align:right;font-family:Arial, Helvetica, sans-serif;width:990px;background:#31373c url(../images/networkBg.gif) repeat-x 0 100%;}
    #menu-top ul {padding:0;margin:0;text-align:right;}
    #menu-top ul li {padding:2px 0;margin:0;display:inline;font-size:11px;color:#999;}
    #menu-top ul li a {padding:2px 6px;margin:0;line-height:22px;font-size:11px;color:#eee;}
    #menu-top ul li a:hover {padding:2px 6px;margin:0;line-height:22px;font-size:11px;color:#eee;background:#0096DB;text-decoration:none;}
    /*Login*/
    header .k2LoginMod  {position:absolute;top:-210px;right:0; }
    header .k2UserBlock.k2LoginMod {top:-243px;}

/*----------------------------------------------------------------------
    Footer Modules:Site wide
----------------------------------------------------------------------*/

footer { }
    footer .Footerwrap {background:#d7d7d7;border-top:14px solid #515151;padding:17px 0 0;width:990px;margin:0 auto 5px;overflow:hidden;position:relative;}
    footer .Footerwrap .dlSite,
    footer .Footerwrap .dlSite:visited {display:none;right:10px;top:0px;border-radius:0 0 5px 5px;font-weight:700;color:#ff9900;padding:4px 7px;box-shadow:0 2px 3px #888;background:#515151;position:absolute;}
    footer .Footerwrap .dlSite:hover {color:#3399cc;top:-2px;}
    footer .Footerwrap .dlSite:active {top:-4px;}
    footer .Footerwrap .module { }
    footer .Footerwrap .module h3 {text-transform:uppercase;font-size:16px;margin:3px 0 0;color:#000;}
    footer .Footerwrap .FooterTop {border-bottom:1px solid #eee;padding:16px 10px;overflow:hidden;}
    footer .Footerwrap .FooterTop .module ul {list-style:none; }
    footer .Footerwrap .FooterTop .module ul.level0 {padding:0;margin:10px 0;overflow:hidden;}
    footer .Footerwrap .FooterTop .module ul.level0 li {float:left;width:141px;padding:0 20px 0 0;}
    footer .Footerwrap .FooterTop .module ul li {font-weight:700;font-size:14px;line-height:18px;}
    footer .Footerwrap .FooterTop .module ul li a,
    footer .Footerwrap .FooterTop .module ul li a:visited {color:#2484b0;}
    footer .Footerwrap .FooterTop .module ul li a:hover {color:#515151;}
    footer .Footerwrap .FooterTop .module ul li.activeCategory a {font-weight:700;}
    footer .Footerwrap .FooterTop .module ul ul.level1 {border-top:1px solid #eee;padding:10px 0;margin:10px 0;overflow:hidden;}
    footer .Footerwrap .FooterTop .module ul ul.level1 li {font-weight:400;}
    footer .Footerwrap .FooterTop .module ul ul.level1 li a,
    footer .Footerwrap .FooterTop .module ul ul.level1 li a:visited {color:#515151;padding:0 0 0 10px;background:url(../images/template/listArrow.png) no-repeat 0 5px;}
    footer .Footerwrap .FooterTop .module ul ul.level1 li a:hover {color:#2484b0;}
    footer .Footerwrap .FooterLeft,
    footer .Footerwrap .FooterMiddle,
    footer .Footerwrap .FooterRight {float:left;padding:26px 0;font-size:14px;}
    footer .Footerwrap .FooterLeft {border-right:1px solid #eee;width:369px;padding:26px 10px;}
    footer .Footerwrap .FooterMiddle {border-right:1px solid #eee;width:376px;padding:26px 10px;}
    footer .Footerwrap .FooterRight {width:203px;}
    /*About Us*/
    footer .Footerwrap .FooterLogo h2 {width:119px;height:43px;float:left;margin:10px 10px 10px 0;overflow:hidden;}
    footer .Footerwrap .FooterLogo h2 a {display:block;line-height:43px;text-indent:-9999em;background:url(../images/template/FooterLogo.png) no-repeat 0 0;min-height:60px;}
    footer .Footerwrap .FooterLeft p {margin:0 0 5px;padding:0;}
    footer .Footerwrap .disclaimer {float:right;width:225px;margin:0;font-size:12px;}
    footer .Footerwrap .disclaimer a {font-weight:700;}
    /*Archives*/
    footer .Footerwrap .FooterRight h3 {padding:0 10px;}
    footer .Footerwrap .k2ArchivesBlock { }
    footer .Footerwrap .k2ArchivesBlock ul {margin:10px 0;padding:0;list-style:none outside none;}
    footer .Footerwrap .k2ArchivesBlock ul li {padding:5px 10px;border-bottom:1px solid #eee;}
    footer .Footerwrap .k2ArchivesBlock ul li a {font-weight:700;color:#2484b0;}
    footer .Footerwrap .k2ArchivesBlock ul li a span {color:#515151;float:right;}
    footer .Footerwrap .k2ArchivesBlock ul li a:hover {color:#515151;}
    /*Copyrights*/
    footer .cwrap {border-top:3px solid #515151;padding:2px 0 0;margin:0 auto 10px;overflow:hidden;}
    footer .cwrap a,
    footer .cwrap a:visited {color:#515151;font-weight:700;}
    footer .cwrap .copyrights {float:left;}
    footer .cwrap .credits {float:right;}

/*----------------------------------------------------------------------
    SideBar Modules:site wide modules
----------------------------------------------------------------------*/

aside#sidebar {width:300px;padding:10px 0 20px 0;}
    aside#sidebar .module {clear:both;padding:10px 0 10px 10px;border-bottom:3px solid #515151;}
    aside#sidebar .banner {padding:10px 0 10px;/*use this class to disable all left padding e.g. on a standard 300 px wide banner*/ }
    aside .module h3 {font-size:16px;color: #000;}
    /*Categories Lists (vertical list , the horizontal is on the footer . if you want to include somewhere else just replace the aside element) */
    aside .k2CategoriesListBlock  ul {list-style:none;font-family:'Istok',Helvetica,Arial,sans-serif;}
    aside .k2CategoriesListBlock  ul.level0 {padding:0;margin:10px 0;overflow:hidden;}
    aside .k2CategoriesListBlock  ul.level0 li {padding:0; }
    aside .k2CategoriesListBlock  ul li {font-weight:700;font-size:14px;line-height:18px;}
    aside .k2CategoriesListBlock  ul li a,
    aside .k2CategoriesListBlock  ul li a:visited {color:#2484b0;}
    aside .k2CategoriesListBlock  ul li a:hover {color:#515151;}
    /*right floating only on top level*/
    aside .k2CategoriesListBlock  ul.level0 .catCounter {float:right;}
    aside .k2CategoriesListBlock  ul.level0 ul .catCounter {float:none;}
    /*borders only on top level*/
    aside .k2CategoriesListBlock  ul.level0 a {display:block;width:100%;border-bottom:1px solid #d7d7d7;padding:0 0 10px;}
    aside .k2CategoriesListBlock  ul.level1 a {border:0;width:auto;}
    /**/
    aside .k2CategoriesListBlock  ul li.activeCategory a {font-weight:700;}
    aside .k2CategoriesListBlock  ul ul.level1 {border-top:1px solid #eee;padding:0 0 10px 0;margin:10px 0;overflow:hidden;}
    aside .k2CategoriesListBlock  ul ul.level1 li {font-weight:400;}
    aside .k2CategoriesListBlock  ul ul.level1 li a,
    aside .k2CategoriesListBlock  ul ul.level1 li a:visited {color:#000;padding:0 0 0 10px;background:url(../images/template/listArrowLight.png) no-repeat 0 5px;}
    aside .k2CategoriesListBlock  ul ul.level1 li a:hover {color:#2484b0;}
    /*tabbed modules*/
    aside ul.moduleTabs {list-style:none outside none;padding:0;margin:10px 0 0;padding:0;position:relative;z-index:98;}
    aside ul.moduleTabs li { padding:6px 4px;cursor:pointer;font-weight:700;font-family:'Istok', Helvetica, Arial, sans-serif;font-size:12px;   margin:15px 0 0 2px;display:inline-block;color:#515151;border:1px solid #d7d7d7;cursor:pointer;}
    aside ul.moduleTabs li:hover {color:#2484b0;background:#ccc;}
    aside ul.moduleTabs li.current {color:#d7d7d7;background:#515151;border-bottom:1px solid #515151;}
    aside .tabbedModules {border-top:2px solid #515151;margin-top:-1px;position:relative;z-index:99;}
    aside .Moduletab {display:none;/* hidden is the initial state of the tab */ max-width:300px;}

    /*twitter*/
    aside .twtr-bd {padding:0 0 10px 0;border-bottom:1px solid #d7d7d7;margin:0 0 10px 0;}
    /*hide the twitter footer*/
    aside .twtr-ft {display:none;}

/*----------------------------------------------------------------------
    Modules:Index Page ( Component styles on K2.css )
----------------------------------------------------------------------*/
.isFrontpage { }

    /*Right Area (most popular and Authors)*/
    section#content .innerRight .module {}
    section#content .innerRight .IndexPopular {padding:0 0 10px;}
    section#content .innerRight .IndexPopular article {padding:15px 10px;border-bottom:1px solid #d7d7d7;}
    section#content .innerRight .IndexPopular h3  {margin:0 10px 20px;}
    section#content .innerRight .IndexPopular p.modulePretext {line-height:20px;margin:0;padding:0 10px;font-size:12px;}
    section#content .innerRight .IndexPopular h2 {font-size:16px;margin:8px 0 3px;}
    section#content .innerRight .IndexPopular h2 a,
    section#content .innerRight .IndexPopular h2 a:visited {color:#000;}
    section#content .innerRight .IndexPopular h2 a:hover {color:#2484b0;}
    section#content .innerRight .IndexPopular .moduleItemCategory a,
    section#content .innerRight .IndexPopular .moduleItemCategory a:visited {color:#2484b0;}
    section#content .innerRight .IndexPopular .moduleItemCategory a:hover {color:#000;}
    section#content .innerRight .IndexPopular img {border:4px solid #fff;max-width:160px;height:auto;}
    /*K2 Authors ( the default styles are on k2.css) */
    .IndexAuthors {}
    .IndexAuthors h3 {padding:0 10px;margin:5px 0;}

    /*Lower Area (mod k2 Users)*/
    section#content .indexLower {padding:20px 0;border-top:3px solid #515151;}
    section#content .IndexUsers h3 {margin:6px 0;}

/*----------------------------------------------------------------------
----------------------------------------------------------------------*/
/*Pagination*/
.k2Pagination {margin:20px 0; line-height:36px; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7 }
    .k2Pagination strong a,
    .k2Pagination span.inactive {padding:0 9px 0 9px;display:inline-block; opacity:0.7;border-right:1px solid #d7d7d7;}
    .k2Pagination a {border-right:1px solid #d7d7d7;display:inline-block;}
    .k2Pagination .PaginationStart {padding:0 12px 0 24px;background:url(../images/pagination/start.png) no-repeat 8px 11px; }
    .k2Pagination .PaginationPrev {padding:0 12px 0 20px;background:url(../images/pagination/previous.png) no-repeat 8px 11px;}
    .k2Pagination .PaginationNext {padding:0 20px 0 12px;background:url(../images/pagination/next.png) no-repeat 85% 11px;}
    .k2Pagination .PaginationEnd {padding:0 24px 0 15px;background:url(../images/pagination/end.png) no-repeat 85% 11px;border:0;}

/* Error Page*/
.errorPage {padding:30px 0 20px; border-top:5px solid #515151; text-align:center;}
    .errorPage .errorNumber {font-size:45px;line-height:50px;color:#2484b0; }

/* ==|== non-semantic helper classes ( no need to edit these ) ==|== */
    .ir {display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;*line-height:0;}
    .ir br {display:none;}
    .hidden {display:none !important;visibility:hidden;}
    .visuallyhidden {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
    .invisible {visibility:hidden;}

/*print styles*/
@media print {
    * {background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important;} /* Black prints faster:h5bp.com/s */
    a, a:visited {text-decoration:underline;}
    a[href]:after {content:" (" attr(href) ")";}
    abbr[title]:after {content:" (" attr(title) ")";}
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:"";}  /* Don't show links for images, or javascript/internal links */
    pre, blockquote {border:1px solid #999;page-break-inside:avoid;}
    thead {display:table-header-group;} /* h5bp.com/t */
    tr, img {page-break-inside:avoid;}
    img {max-width:100% !important;}
    @page {margin:0.5cm;}
    p, h2, h3 {orphans:3;widows:3;}
    h2, h3 {page-break-after:avoid;}
}

/* iphone vertical hack */
@media only screen and (max-width:480px) {
    header {width:990px;}
    header .wrap {border-top:3px solid #2484b0;}
}