/* #Site Styles ================================================== */ html, body {height:100%;} a img, img {border:none; vertical-align:top;} .notice-wrap {position:fixed; top:20px; right:20px; width:250px; z-index:9999;} * html .notice-wrap {position:absolute;} .notice-item {min-height:60px; background:#333; color:#eee; padding:0; font-size:12px; border:0; display:block; position:relative; margin:0 0 12px 0;} .notice-item > p {margin:0;} .notice-item #system-message {margin:0;} .notice-item #system-message ul {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .notice-item-close {position:absolute; font-family:Arial; font-size:12px; font-weight:bold; left:-23px; top:8px; cursor:pointer; width:10px; height:10px; background:url(../images/close_icon_white.png) no-repeat center center black; text-indent:-9999px; padding:6px; border:1px solid #333; border-right:0; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px;} .notice-item-close:hover {background-color:#333} .system-messages {display:none;} body.light .notice-item-close {background:url(../images/icon-close-black.png) no-repeat center center white; border:1px solid #ccc;} body.light .notice-item-close:hover {background-color:#ccc} img.shadow {padding:4px; margin-left:6px; border:1px solid #444;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; background-color:#fff;} body.dark img.shadow {border:1px solid #444; background-color:#000;} img.shadow:hover {-moz-box-shadow:0 0 8px #222;-webkit-box-shadow:0 0 8px #222; box-shadow:0 0 8px #222; border:1px solid #999;} body.dark img.shadow:hover {-moz-box-shadow:0 0 18px #000;-webkit-box-shadow:0 0 18px #000; box-shadow:0 0 18px #000; border:1px solid #666666;} .separator {background:url(../images/transparent_png/black10.png); height:2px; margin:0 0 35px;} body.dark .separator {background:url(../images/transparent_png/white10.png);} #gradient {z-index:-999999; position:fixed; top:0; left:0; bottom:0; right:0;} #header {position:fixed; top:0; left:0; z-index:3; bottom:0;} #header.navbar {height:auto !important; left:auto !important; bottom:auto !important;} #header.vertical {height:100% !important; bottom:0 !important; left:0 !important;} #header.animatedfull {height:auto !important;} #logo {display:block; -webkit-box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; box-shadow:0 0 3px #000;} #header.animatedfull #logo {background-color:transparent;} #menu .jt-menu a {color:#c9c9c9; background:url(../images/transparent_png/black90.png);} #menu .jt-menu a:hover, #menu .jt-menu li.active > a {background:#000; color:#fff;} #menu .jt-menu a > .sf-sub-indicator {background:url(../images/vertical_submenu_arrow.png) no-repeat 0 0 !important;} #menu .jt-menu a > .sf-sub-indicator {width:6px; height:6px; top:auto; left:auto; right:0; bottom:0;} body.light #menu .jt-menu a {color:#333; background:url(../images/transparent_png/white90.png); -webkit-box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; box-shadow:0 0 3px #000;} body.light #menu .jt-menu a:hover, body.light #menu .jt-menu li.active > a {background:#fff; color:#111;} body.light #menu .jt-menu a > .sf-sub-indicator {background:url(../images/vertical_submenu_arrow_light.png) no-repeat 0 0 !important;} /* Navigation - vertical style */ #header.vertical #menu .jt-menu, #header.vertical #menu .jt-menu li {width:12em;} #header.vertical #menu .jt-menu li:hover ul, #header.vertical #menu .jt-menu li.sfHover ul {left:12em; top:0;} #header.vertical #menu .jt-menu .sf-sub-indicator {background-position:-10px 0;} #header.vertical #menu .jt-menu a > .sf-sub-indicator {background-position:0 0;} #header.vertical #menu .jt-menu a:focus > .sf-sub-indicator, #header.vertical #menu .jt-menu a:hover > .sf-sub-indicator, #header.vertical #menu .jt-menu a:active > .sf-sub-indicator, #header.vertical #menu .jt-menu li:hover > a > .sf-sub-indicator, #header.vertical #menu .jt-menu li.sfHover > a > .sf-sub-indicator {background-position:-10px 0;} #header.vertical #menu .jt-menu a {position:relative; text-decoration:none;} #header.vertical #menu .jt-menu a .mitem_spf {padding:7px 20px; display:block; -webkit-transition:padding 0.1s ease-out; -moz-transition:padding 0.1s ease-out; -ms-transition:padding 0.1s ease-out; transition:padding 0.1s ease-out;} #header.vertical #menu .jt-menu > li > a:hover .mitem_spf, #header.vertical #menu .jt-menu > li.sfHover > a .mitem_spf {padding-left:25px;} #header.vertical #menu .jt-menu > li > a {margin-bottom:5px; display:inline-block;} #header.vertical #menu .jt-menu > li.sfHover > a {width:12em !important;} #header.vertical #menu .jt-menu a.sf-with-ul {padding:0;} #header.vertical #menu li li {margin-bottom:1px; margin-left:1px;} #header.vertical #menu .jt-menu ul a {font-size:11px;} /* Navigation - vertical style */ #header.animatedfull {background:url("../lib/rgba.php/rgba(0, 0, 0, 0.7)"); background:rgba(0,0,0,0.7); height:auto; bottom:60px; width:225px;} body.light #header.animatedfull {background:url("../lib/rgba.php/rgba(255, 255, 255, 0.7)"); background:rgba(255,255,255,0.7);} #header.animatedfull #menu .jt-menu {width:180px; margin:0 20px;} #header.animatedfull #menu .jt-menu li {width:180px;} #header.animatedfull #menu .jt-menu > li > a {background:none; border-bottom:1px solid #222; border-bottom:1px solid rgba(0, 0, 0, 0.2); margin-bottom:0; display:block; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; width:100% !important;} #header.animatedfull #menu .jt-menu li:hover ul, #header.animatedfull #menu .jt-menu li.sfHover ul {left:205px; top:0;} #header.animatedfull #menu .jt-menu .sf-sub-indicator {background-position:-10px 0;} #header.animatedfull #menu .jt-menu a > .sf-sub-indicator {background-position:0 0;} #header.animatedfull #menu .jt-menu a:focus > .sf-sub-indicator, #header.animatedfull #menu .jt-menu a:hover > .sf-sub-indicator, #header.animatedfull #menu .jt-menu a:active > .sf-sub-indicator, #header.animatedfull #menu .jt-menu li:hover > a > .sf-sub-indicator, #header.animatedfull #menu .jt-menu li.sfHover > a > .sf-sub-indicator {background-position:-10px 0;} #header.animatedfull #menu .jt-menu a {position:relative; text-decoration:none;} #header.animatedfull #menu .jt-menu a .mitem_spf {padding:7px 0; display:block; -webkit-transition:padding 0.1s ease-out; -moz-transition:padding 0.1s ease-out; -ms-transition:padding 0.1s ease-out; transition:padding 0.1s ease-out;} #header.animatedfull #menu .jt-menu > li > a:hover .mitem_spf, #header.animatedfull #menu .jt-menu > li.sfHover > a .mitem_spf {padding-left:10px;} #header.animatedfull #menu .jt-menu > li > a:hover, #header.animatedfull #menu .jt-menu > li.sfHover > a {width:180px !important} #header.animatedfull #menu .jt-menu a.sf-with-ul {padding:0;} #header.animatedfull #menu .jt-menu a > .sf-sub-indicator {width:6px; height:6px; top:50%; left:auto; right:4px; bottom:auto; margin-top:-3px; background:url(../images/verticalfull_submenu_arrow.png) no-repeat 0 0 !important;} body.light #header.animatedfull #menu .jt-menu a > .sf-sub-indicator {background:url(../images/verticalfull_submenu_arrow_light.png) no-repeat 0 0 !important;} #header.animatedfull #menu li li {margin-bottom:1px; margin-left:1px;} #header.animatedfull #menu .jt-menu ul a {font-size:11px;} #header.animatedfull #menu .jt-menu ul a .mitem_spf {padding:7px 10px;} /* Navigation - horizontal style */ #header.navbar #menu .jt-menu {padding-bottom:0; position:relative;} #header.navbar #menu .jt-menu a {border-top:none;} #header.navbar #menu .jt-menu li ul {width:44em;} #header.navbar #menu .jt-menu > li {margin-left:5px;} #header.navbar #menu .jt-menu > li:first-child {margin-left:0;} #header.navbar #menu .jt-menu li li {position:relative;} #header.navbar #menu .jt-menu li li li {margin-left:1px;} #header.navbar #menu .jt-menu li li ul {width:13em;} #header.navbar #menu .jt-menu li li li {width:100%;} #header.navbar #menu .jt-menu ul li {width:auto; float:left;} #header.navbar #menu .jt-menu > li > a > ul {margin-top:20px;} #header.navbar #menu .jt-menu a, .jt-menu a:visited {border:none;} #header.navbar #menu .jt-menu .current ul, #header.navbar #menu .jt-menu ul li:hover ul, #header.navbar #menu .jt-menu ul li.sfHover ul {left:0; top:0;} #header.navbar #menu .jt-menu li:hover ul, #header.navbar #menu .jt-menu li.sfHover ul {top:3.35em;} #header.navbar #menu ul.jt-menu .current ul ul {top:-999em;} #header.navbar #menu .jt-menu ul .sf-sub-indicator {background-position:-10px -100px;} #header.navbar #menu .jt-menu ul a > .sf-sub-indicator {background-position:0 -100px;} #header.navbar #menu .jt-menu ul a:focus > .sf-sub-indicator, #header.navbar #menu .jt-menu ul a:hover > .sf-sub-indicator, #header.navbar #menu .jt-menu ul a:active > .sf-sub-indicator, #header.navbar #menu .jt-menu ul li:hover > a > .sf-sub-indicator, #header.navbar #menu .jt-menu ul li.sfHover > a > .sf-sub-indicator {background-position:-10px -100px;} #header.navbar #menu .jt-menu a {position:relative; display:block; text-decoration:none;} #header.navbar #menu .jt-menu a .mitem_spf {padding:12px 20px; display:block;} #header.navbar #menu .jt-menu ul a .mitem_spf {padding:7px 20px;} #header.navbar #menu .jt-menu > li > a {display:inline-block; width:auto !important;} #header.navbar #menu .jt-menu a.sf-with-ul {padding-right:5px;} #header.navbar #menu .jt-menu ul a {font-size:11px; border-bottom:1px solid #222;} #menu {margin-top:40px;} #search {background:#000; padding:5px; width:150px; margin-top:20px; /*position:absolute; bottom:130px; left:0;*/} #search form {margin:0;} #search .search .inputbox {margin:0; padding:0; border:0; background:none; color:#fff; display:inline-block; width:110px; height:28px; vertical-align:top; padding-left:10px;} #search .search .button {margin:0; padding:0; border:0; filter:none; background:url(../images/icon-search.png) no-repeat center center transparent; text-indent:-9999px; font-size:0; line-height:0; width:30px; height:28px; display:inline-block; vertical-align:top; opacity:.8;} #search .search .button:hover {opacity:1;} body.light #search {background:#fff;} body.light #search .search .inputbox {color:#111;} body.light #search .search .button {background:url(../images/icon-search-light.png) no-repeat center center transparent;} #social_icons {position:absolute; left:0; bottom:85px;} #header.animatedfull #search {bottom:70px;} #header.animatedfull #social_icons {bottom:25px;} body.light .livesocial ul.triggers li {background-color:#969696;} #footer {width:100%; background:#000; position:fixed; left:0; bottom:0; z-index:3; border-top:2px solid #222; font-size:11px;} body.light #footer {border-top:2px solid #eee; background:#D7D7D7 !important;} #footer > div {height:100%; position:relative;} #footer > div[data-align=left] {padding-right:20px;} #footer > div[data-align=right] {padding-left:20px;} #footer .inner {padding-top:20px;} #footer2 .inner {padding-top:3px;} body.fr-FR #footer2 {width:630px !important;} body.fr-FR #ty2udate176 {text-transform:none;} #footer .mod-languages {text-align:center;} #footer .mod-languages ul {display:inline-block; margin:0; list-style:none; padding:0;} #footer .mod-languages ul li {margin:0 3px; display:inline;} #footer .mod-languages ul li a {line-height:1; font-size:1em; display:inline-block;width:18px;padding:0;} #footer .mod-languages ul li a img {vertical-align:top; border:1px solid #6c6c6c;} #footer .mod-languages ul li a:hover img, #footer .mod-languages ul li.lang-active a img {border:1px solid #999; box-shadow:0 0 3px #aaa;} #social_sharing {position:fixed; right:0; bottom:75px; z-index:2;} /* HIDDEN POP-UPS */ .iconWidget {padding:0 10px 0 20px; border-left:1px dotted #444; position:relative;} .iconWidgetIcon {background-repeat:no-repeat; background-position:left center; margin-top:0px; cursor:pointer; display:block; padding-left:30px; height:20px; line-height:20px;} .iconWidget.visible .iconWidgetIcon {background-image:url(../images/close_icon_white.png) !important;} .iconWidgetContainer {bottom:0; position:absolute; text-align:left; right:15px; background:#000; padding:15px; border:7px solid #222; z-index:999; -webkit-box-shadow:0px 3px 4px rgba(0,0,0,0.5); -moz-box-shadow:0px 3px 4px rgba(0,0,0,0.5); box-shadow:0px 3px 4px rgba(0,0,0,0.5); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; opacity:0; display:none} .iconWidgetContainer h4.title {margin-top:0; color:#ddd; line-height:1.2; font-size:16px; margin-bottom:15px; border-bottom:4px solid #111; padding-bottom:10px;} .iconWidgetContainer:before {content:""; position:absolute; bottom:-15px; right:10px; width:26px; height:14px; background:url(../images/popup_arrow.png) no-repeat center center;} body.light .iconWidgetContainer {background:#fff; border:7px solid #ddd; -webkit-box-shadow:0px 3px 4px rgba(255,255,255,0.5); -moz-box-shadow:0px 3px 4px rgba(255,255,255,0.5); box-shadow:0px 3px 4px rgba(255,255,255,0.5);} body.light .iconWidgetContainer h4.title {color:#333; border-bottom:4px solid #eee;} body.light .iconWidgetContainer:before {background:url(../images/popup_arrow_light.png) no-repeat center center;} .closeIconWidget {position:absolute; display:block; right:-15px; top:-15px; cursor:pointer; width:10px; height:10px; background:url(../images/close_icon_white.png) no-repeat center center black; text-indent:-9999px; padding:6px; border:2px solid #222; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} .closeIconWidget:hover {background-color:#333} body.light .closeIconWidget {background:url(../images/icon-close-black.png) no-repeat center center white; border:2px solid #ccc;} body.light .closeIconWidget:hover {background-color:#ccc} /* LIVE COMMENTS */ #live_comments {width:39px; height:67px; position:fixed; right:0; top:100px; z-index:2;} body .jinc_mod_frm_subscription {margin:0; padding:0; text-align:left; font-weight:normal;} body .jinc_mod_frm_subscription table, body .jinc_mod_frm_subscription td {width:100%; text-align:left} body .jinc_notice {padding:20px 0px 0px; line-height:1.4;} body .jinc_notice input[type=checkbox] {vertical-align:middle;} .jinc_mod_frm_subscription input[type=text] {margin:0 0 10px; background:#222; border:0; padding:0; width:100%; height:30px; color:#CCC; text-indent:10px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} .jinc_mod_frm_subscription input[type=text]:hover {background:#292929;} .jinc_mod_frm_subscription input[type=text]:focus {background:#333;} body .jinc_mod_frm_subscription input.btn {background:#333; padding:5px 14px; color:#eee; border:0; margin:-20px 0 0; font-size:10px; text-transform:uppercase; text-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; float:right;} body .jinc_mod_frm_subscription input.btn:hover {background:#444;} body.light .jinc_mod_frm_subscription input[type=text] {background:#ddd;color:#333;} body.light .jinc_mod_frm_subscription input[type=text]:hover {background:#D6D6D6;} body.light .jinc_mod_frm_subscription input[type=text]:focus {background:#ccc;} body.light .jinc_mod_frm_subscription input.btn {background:#ccc; color:#111;} body.light .jinc_mod_frm_subscription input.btn:hover {background:#bbb;} /* #Page Styles ================================================== */ /* Light styles */ body.light {color:#181818; background-color:#f5f5f5;} body.light h1, body.light h2, body.light h3, body.light h4, body.light h5, body.light h6 {color:#181818; font-weight:bold;} body.light a {color:#333;} body.light a:hover, body.light a:focus {color:#000;} .home h5 {font-weight:bold; line-height:18px;} .home span.moduleItemExtraFieldsValue {margin-bottom:5px; display:block; font-weight:bold;} .read-more-container {text-align:right;} .moduleCustomLink {font-weight:bold;} .home .moduleItemReadMore {font-weight:bold;} .home ul li {margin-bottom:0;} .home .separator {margin:16px;} #mainbottom {padding-bottom:40px;} .featured_boxes .boxes.lay1 img {display:none;} /* Dark styles */ body.dark {color:#b5b5b5; background-color:#181818;} body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6 {color:#f5f5f5;} #background {position:fixed; left:0; top:0; right:0; bottom:0; z-index:-1; overflow:hidden;} /* MAINBOXES */ #front_centered {position:absolute; bottom:120px; left:50%; margin-left:-480px; z-index:1;} #front_centered.noMainboxes {top:50%; bottom:auto;} .darkbg.moduletable {background:url(../images/transparent_png/black90.png); min-height:190px;} .lightbg.moduletable {background:url(../images/transparent_png/white90.png); min-height:190px;} #mainboxes .moduletable .bghelper {padding:15px;} .border_effect {-webkit-box-shadow:0 0 0 0 #000; -moz-box-shadow:0 0 0 0 #000; box-shadow:0 0 0 0 #000; -webkit-transition:all 0.15s ease-in; -moz-transition:all 0.15s ease-in; -ms-transition:all 0.15s ease-in; transition:all 0.15s ease-in;} .border_effect:hover {-webkit-box-shadow:0 0 0 10px #000; -moz-box-shadow:0 0 0 10px #000; box-shadow:0 0 0 10px #000;} /* thumbs hover effect */ .hover_effect {display:block; opacity:.7; overflow:hidden; position:relative; -webkit-transition:opacity 0.15s ease-in; -moz-transition:opacity 0.15s ease-in; -ms-transition:opacity 0.15s ease-in; transition:opacity 0.15s ease-in; text-align:center;} .hover_effect span.title {position:absolute; height:30px; bottom:30px; display:inline-block; z-index:1; background:#000; background:rgba(0, 0, 0, 0.8); text-align:center; line-height:30px; opacity:0; padding:0 10px; -webkit-transition:all 0.15s ease-in; -moz-transition:all 0.15s ease-in; -ms-transition:all 0.15s ease-in; transition:all 0.15s ease-in;} .hover_effect img {position:relative; z-index:1;} .hover_effect:hover {opacity:1;} .hover_effect:hover span.title {bottom:5px; opacity:1;} body.light .hover_effect span.title {background:#fff; background:rgba(255, 255, 255, 0.8);} /* big text */ .big_text {text-align:center; color:#fff !important; text-shadow:0 2px 1px #000; font-size:58px; line-height:1.4; margin-bottom:70px;} .header-navbar .big_text {font-size:38px; margin-bottom:30px;} .black_border {border:10px solid black; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 4px 10px rgba(0,0,0,0.5); -moz-box-shadow:0 4px 10px rgba(0,0,0,0.5); box-shadow:0 4px 10px rgba(0,0,0,0.5);} .white_border {border:10px solid white; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 4px 10px rgba(0,0,0,0.5); -moz-box-shadow:0 4px 10px rgba(0,0,0,0.5); box-shadow:0 4px 10px rgba(0,0,0,0.5);} /* Async styles */ body .async_list li {line-height:45px; background-position:left center; font-size:16px; margin:0; border-top:1px dotted rgba(255, 255, 255, 0.2); color:#fff;} body .async_list li:first-child {border-top:0;} body.light .asyncslider_container {color:#fff;} body.light .asyncslider_container h4 {color:#fff;} .async_gallery > p {margin:0;} .async_gallery > ul {margin:40px 0 0 0 !important; padding:0 !important; overflow:visible !important;} .async_gallery ul li {background:none !important; margin:5px 0 !important;} .async_gallery li.sig-block a.sig-link, .async_gallery li.sig-block a.sig-link:hover {width:270px !important;} .async_gallery li.sig-block a.sig-link img {border:1px solid #353535; padding:4px; background:#000; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-transition:all 150ms ease-in; -moz-transition:all 150ms ease-in; -o-transition:all 150ms ease-in; transition:all 150ms ease-in; } .async_gallery li.sig-block a.sig-link img:hover {border:1px solid #555; padding:4px; background:#222; -webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.7); box-shadow:0 0 8px rgba(0, 0, 0, 0.7);} .async_gallery li.sig-block a.sig-link img.sig-image, .async_gallery li.sig-block a.sig-link:hover img.sig-image {width:250px !important; height:auto !important;} span.or {display:inline-block; height:25px; background:url(../images/or.png) no-repeat center center; margin:0 5px; margin-top:0; vertical-align:top;} /* MAIN COMPONENT */ .footerFix {height:1px;} #main {margin-top:20px;} #main .inner-container {} #mainClose {width:11px; height:11px; position:absolute; top:-21px; right:0; background-image:url(../images/mainClose2.png); background-repeat:no-repeat; cursor:pointer; display:block; -webkit-transition:background-position 0.15s ease-in; -moz-transition:background-position 0.15s ease-in; -ms-transition:background-position 0.15s ease-in; transition:background-position 0.15s ease-in;} #mainClose.minimized, body.light #mainClose.minimized:hover {background-position:-11px 0;} #mainClose.maximized, body.light #mainClose.maximized:hover {background-position:0 0;} body.light #mainClose.minimized, #mainClose.minimized:hover {background-position:-11px -11px;} body.light #mainClose.maximized, #mainClose.maximized:hover {background-position:0 -11px;} .article-details {border-top:1px solid #232323; border-bottom:1px solid #232323; font-size:10px; margin-bottom:25px; text-transform:uppercase; padding:10px 0 10px; font-weight:bold; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity:.6; -webkit-transition:opacity 150ms ease-in; -moz-transition:opacity 150ms ease-in; -o-transition:opacity 150ms ease-in; transition:opacity 150ms ease-in;} .article-details:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;} dl.article-info {} dl.article-info dd {float:left; margin-left:10px; padding-left:10px; border-left:1px solid #222; border-left:1px solid rgba(255,255,255,0.1); line-height:1;} dl.article-info dd:first-child {margin-left:0; padding-left:0; border-left:0;} dl.article-info dd a {font-size:10px; line-height:1;} .article-details .actions {margin:0; padding:0; float:right;list-style:none;} .article-details .actions li {margin:0 0 0 5px; padding:0; float:left;} .article-details .actions li a {display:block; width:10px; height:10px; background-image:url(../images/article_icons.png); background-repeat:no-repeat; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:.7;} .article-details .actions li a:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;} body.light .article-details .actions li.print-icon a {background-position:-10px 0;} body.dark .article-details .actions li.print-icon a {background-position:-10px -10px;} body.light .article-details .actions li.email-icon a {background-position:0 0;} body.dark .article-details .actions li.email-icon a {background-position:0 -10px;} body.light .article-details .actions li.edit-icon a {background-position:-20px 0;} body.dark .article-details .actions li.edit-icon a {background-position:-20px -10px;} .article-details .actions li a img {display:none;} ul.pagenav {margin:10px 0; padding:0;} ul.pagenav li {display:inline-block; margin:0; line-height:1; width:49.5%;} ul.pagenav li:only-child {width:100%;} ul.pagenav li.pagenav-next {text-align:right;} ul.pagenav li.pagenav-prev {text-align:left;} ul.pagenav li a {display:inline-block; margin:0 5px; font-size:10px; font-weight:bold; text-transform:uppercase;} #breadcrumbs {font-size:10px; text-transform:uppercase; font-weight:bold; border-bottom:1px dotted #444; border-bottom:1px dotted rgba(255,255,255,0.1); line-height:1; padding:20px 0 15px; margin:0px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity:.6; -webkit-transition:opacity 150ms ease-in; -moz-transition:opacity 150ms ease-in; -o-transition:opacity 150ms ease-in; transition:opacity 150ms ease-in;} #breadcrumbs:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;} .thedate {text-align:right;} body.light #breadcrumbs {border-bottom:1px dotted #444; border-bottom:1px dotted rgba(0,0,0,0.3);} #sidebar_left {padding:15px; background:#111;} body.light #sidebar_left {background:#f5f5f5;} #main .sidebar {margin-top:40px;} #main .sidebar .column, #main .sidebar .columns {float:none; display:block;} #mainbody {padding-top:20px; padding-bottom:20px;} .noSidebars #mainbody {} .sidebarRight #mainbody {} #main .sidebar > .moduletable {margin-bottom:20px; margin-left:0; float:none; display:block;} #main .sidebar .moduletable.xtra {margin-top:80px;} #mainbody h1.title {font-weight:bold;} #main .sidebar h4.moduletitle {font-weight:bold;} #main .sidebar .menu li {margin-bottom:0;} #main .sidebar .menu li a {display:block; padding:10px 10px 10px 20px; border-top:1px dotted #333; background:url(../images/sidebar_menu_arrow.png) no-repeat left center; -webkit-transition:opacity 0.10s ease-in; -moz-transition:opacity 0.10s ease-in; -o-transition:opacity 0.10s ease-in; transition:opacity 0.10s ease-in; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:.7;} body.light #main .sidebar .menu li a {background:url(../images/sidebar_menu_arrow_light.png) no-repeat left center;} #main .sidebar .menu li a:hover, #main .sidebar .menu li.active > a {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;} #main .sidebar .menu li ul {margin-left:20px;} #main .sidebar .menu li a #main .sidebar .menu li:first-child a {border:0} /* hack to display the main component as an intro article, aligned to bottom */ .main-to-bottom #main {position:absolute; left:50%; margin-left:-490px; bottom:0;} .main-to-bottom #main #mainClose {display:none;} #maintop {padding-top:20px;} /* FLICKR FEED MODULE */ .flickr_container {position:relative;} .flickr_feeds {margin:0; padding:0 0 6px;} .flickr_feeds li {float:left; margin:0 14px 18px 0;list-style:none outside none;} .flickr_feeds li.last {margin-right:0;} .flickr_feeds a img {width:60px; height:60px; border:2px solid #fff; opacity:0.8; filter:alpha(opacity=80); -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; -ms-transition:all .25s ease-in-out; transition:all .25s ease-in-out} .flickr_feeds a img:hover {border:2px solid #888; -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4); -moz-box-shadow:0 0 4px rgba(0,0,0,0.4); box-shadow:0 0 4px rgba(0,0,0,0.4); opacity:1; filter:alpha(opacity=100);} .flickr_container .followUs {display:inline-block; float:right; font-size:11px; line-height:1.3;} /* HISTORIC YEARS */ .years .year {position:relative; padding-bottom:0; margin-bottom:40px; background:url(../images/transparent_png/white10.png); background:rgba(255, 255, 255, 0.1); border-radius:3px;} body.light .years .year {background:url(../images/transparent_png/black10.png); background:rgba(0, 0, 0, 0.1);} .years .year:after {content:""; position:absolute; right:45px; bottom:-20px; width:0; height:0; border-color:transparent; border-style:solid; border-width:10px; border-top-color:rgba(255, 255, 255, 0.1);} .years .year.fromright:after {left:45px; right:auto;} .years .year.last:after {display:none;} .years .year.fromleft {padding:10px 10px 10px 130px;} .years .year.fromright {padding:10px 130px 10px 10px;} .years .year .date {position:absolute; top:0; padding:0; text-align:center; width:100px; font-size:16px; font-weight:bold; background:rgba(255, 255, 255, 0.1); color:#EEE; text-shadow:0 1px 0 black; border-bottom:1px solid rgba(255, 255, 255, 0.3); height:100%;} body.light .years .year .date {background:rgba(0, 0, 0, 0.1); color:#222; text-shadow:0 1px 0 #fff; border-bottom:1px solid rgba(0, 0, 0, 0.3);} .years .year h4.htitle {margin-top:0;} .years .year .date span {position:absolute; bottom:10px; display:block; width:100%;} .browserIe.ie7 .years .year .date span {left:0; right:0;} .years .year.fromleft .date {left:0;} .years .year.fromright .date {right:0;} /* photo gallery */ ul.sig-container {clear:both; list-style:none outside none; margin:8px auto; overflow:hidden; padding:8px 0;} ul.sig-container li {background:none !important; float:left; margin:5px; padding:0; list-style:none;} ul.sig-container li a img {padding:4px; border:1px solid #444;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;} body.dark ul.sig-container li a img {background-color:#000;} body.dark ul.sig-container li a img:hover {-moz-box-shadow:0 0 8px #222;-webkit-box-shadow:0 0 8px #222; box-shadow:0 0 8px #222; border:1px solid #999;} /* CLIENTS GALLERY */ .clients .sig-container {margin-bottom:30px; padding:0; list-style:none;} .clients .sig-container li a {width:120px;} .clients .sig-container li img {border:1px solid #333; -webkit-box-shadow:0 0 2px #000; -moz-box-shadow:0 0 2px #000; box-shadow:0 0 2px #000; padding:4px; width:auto !important; height:auto !important; max-width:110px; background:#222;} body.light .clients .sig-container li img {border:1px solid #ddd; background:#e7e7e7;} .clients .sig-container li img:hover {-webkit-box-shadow:0 0 7px #000; -moz-box-shadow:0 0 7px #000; box-shadow:0 0 7px #000; border:1px solid #444;} .clients .sig-container span.sig-caption, .clients .sig-container span.sig-pseudo-caption, .clients .sig-container span.sig-caption {bottom:5px; left:5px; right:5px; text-shadow:none;} .preset_form legend {padding-bottom:20px; display:block; font-weight:bold} .preset_form dl {margin-top:40px;} .preset_form dt .spacer label {font-size:10px;} #member-profile dt, #users-profile-core dt, #users-profile-custom dt, .preset_form dt, .preset_form .login-fields label {float:left; width:160px;} .preset_form dt label {margin-top:6px; } #member-profile dd, #users-profile-core dd, #users-profile-custom dd, .preset_form dd, .preset_form .login-fields input {float:left; width:300px;} .preset_form .login-description, .preset_form logout-description {margin-bottom:20px;} .users_links {margin:20px 0; padding:0; list-style:none;} .users_links li {float:left; margin:0; margin-left:10px; padding-left:10px; border-left:1px solid #999; line-height:1.1;} .users_links li:first-child {margin-left:0; padding-left:0; border-left:0;} .users_links li a {font-size:12px;} #users-profile-core legend, #users-profile-custom legend, #member-profile legend {font-size:16px; font-weight:bold;} #modlgn-username, #modlgn-passwd {margin-bottom:0;} /* tips */ .tip-wrap .tip {background:black; padding:10px; border:1px solid #333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .tip-wrap .tip .tip-title {font-weight:bold;} body.light .tip-wrap .tip {background:white; border:1px solid #eee;} /*contact form */ #contact_form input[type=text] {width:250px;} #contact_form textarea {width:350px; height:100px;} #contact_form input[type=submit] {color:#444;} .browserIe #contact_form input[type=submit] {color:#fff;} /* TEAM */ .core_team {margin-bottom:35px; margin-right:20px; float:right; width:200px} .core_team.last {margin-right:0;} .core_team span {display:block;} .core_team .name {padding:5px 0 10px; text-transform:uppercase;} .core_team .function {padding-bottom:15px; color:#999; font-size:10px; font-weight:bold; line-height:1.4;} .core_team .social-profiles > a {display:inline-block; width:16px; height:16px; float:left; margin-left:5px;} .core_team .social-profiles > a:first-child {margin-left:0;} /* quotes */ .quotes {position:relative; margin-bottom:30px;} .quotes blockquote {position:relative; min-height:75px; background:url(../images/quotes.png) no-repeat left top; line-height:28px; font-size:20px; font-weight:300; font-style:normal; padding-top:20px;border-left:0; padding-left:0;} body.dark .quotes blockquote {background:url(../images/quotes_dark.png) no-repeat left top;} .quotes blockquote small {font-size:16px; font-style:normal; font-weight:400; display:inline-block; margin-top:5px;} /* TESTIMONIAL */ .testimonial {position:relative;} .testimonial span {display:block;} .testimonial span.text {background:#ebebeb; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:11px; padding:10px; margin-bottom:4px; -webkit-box-shadow:0 1px 0 #fff; -moz-box-shadow:0 1px 0 #fff; box-shadow:0 1px 0 #fff;} .testimonial span.text:after {position:absolute; bottom:10px; right:40px; width:0; height:0; border-style:solid; border-color:transparent; border-width:6px; content:""; border-top-color:#ebebeb !important;} body.dark .testimonial span.text {background:#191919; -webkit-box-shadow:0 1px 0 #555; -moz-box-shadow:0 1px 0 #555; box-shadow:0 1px 0 #555;} body.dark .testimonial span.text:after {border-style:solid; border-color:transparent; border-width:6px; border-top-color:#555 !important;} body.dark .testimonial:hover span.text {-webkit-box-shadow:0 1px 0 #888; -moz-box-shadow:0 1px 0 #888; box-shadow:0 1px 0 #888;} body.dark .testimonial:hover span.text:after {border-top-color:#888 !important;} .testimonial span.author {text-align:right; margin:6px 0 10px; font-weight:bold; font-size:10px;} /* PARTNERS/CLIENTS LIST */ .partnersList {margin-top:20px;} .partnersList ul {margin:0; padding:0; list-style:none;} .partnersList ul li {display:inline-block;} .partnersList ul li:first-child {margin-left:0 !important;} .partnersList ul li a {display:inline-block; overflow:hidden; position:relative;} .partnersList ul li a img {position:relative;} /* PORTFOLIO */ .hg-portfolio h1.title {font-weight:bold;} .hg-portfolio .items-row .separator {margin-top:20px;} .hg-portfolio .img-intro img {max-width:100%;} .hg-portfolio .items-row.cols-2 > .item, .hg-portfolio .items-row.cols-3 > .item, .hg-portfolio .items-row.cols-4 > .item {float:left;} .hg-portfolio .items-row.cols-1 > .item {width:100%;} .hg-portfolio .items-row.cols-2 > .item {width:50%;} .hg-portfolio .items-row.cols-3 > .item {width:33.33%;} .hg-portfolio .items-row.cols-4 > .item {width:25%;} /* cols 1*/ .hg-portfolio .items-row.cols-1 {margin-bottom:20px;} .hg-portfolio .items-row.cols-1 .img-intro {float:left; width:50%;} .hg-portfolio .items-row.cols-1 > .item .img-intro {margin-right:25px;} /* cols 2*/ .hg-portfolio .items-row.cols-2 {margin-bottom:20px;} .hg-portfolio .items-row.cols-2 .img-intro {margin-bottom:20px;} .hg-portfolio .items-row.cols-2 .inner-item {margin-right:30px;} /* cols 3*/ .hg-portfolio .items-row.cols-3 {margin-bottom:20px;} .hg-portfolio .items-row.cols-3 .img-intro {margin-bottom:17px;} .hg-portfolio .items-row.cols-3 .inner-item {margin-right:30px;} .hg-portfolio .items-row.cols-3 h4.title {font-size:16px; line-height:1.5;} /* cols 4*/ .hg-portfolio .items-row.cols-4 {margin-bottom:20px;} .hg-portfolio .items-row.cols-4 .img-intro {margin-bottom:14px;} .hg-portfolio .items-row.cols-4 .inner-item {margin-right:25px;} .hg-portfolio .items-row.cols-4 h4.title {font-size:14px; line-height:1.3;} .hg-portfolio-item .img-full {margin-bottom:20px;} .hg-portfolio-item .other-images {margin:20px 0 0 -20px; padding:0; list-style:none;} .hg-portfolio-item .other-images li {float:left; margin:0 0 20px 20px; list-style:none;} .hg-portfolio-item .other-images li iframe {padding:4px; border:1px solid #444; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .hg-portfolio-item .itemLinks {margin-top:15px;} .hg-portfolio-item .itemSocialSharing > div {float:left; margin-right:30px;} .hg-portfolio-item ul.cols-2 li, .hg-portfolio-item ul.cols-3 li, .hg-portfolio-item ul.cols-4 li {float:none; padding-left:25px; width:auto;} .hg-portfolio-item .text ul.clearfix:after {clear:none; zoom:0;} .hoverLink {position:relative; display:block;} .hoverLink img {position:relative;} .hoverLink > span {position:absolute; top:0; left:0; bottom:0; right:0; display:block; background:url(../images/transparent_png/black20.png); filter:alpha(opacity=0); opacity:0;} .hoverLink:hover > span{} .hoverLink > span .icon {position:absolute; width:24px; height:24px; top:50%; left:50%; margin:-12px 0 0 -12px; display:block; background-image:url(../images/hoverLinkSprite.png); background-repeat:no-repeat;} .hoverLink > span .icon.image {background-position:-72px -24px;} .hoverLink > span .icon.video {background-position:-48px -24px;} .hoverLink > span .icon.link {background-position:-24px -24px;} .hoverLink > span .icon.extlink {background-position:0 -24px;} body.light .hoverLink > span {background:url(../images/transparent_png/white20.png);} body.light .hoverLink > span .icon.image {background-position:-72px 0;} body.light .hoverLink > span .icon.video {background-position:-48px 0;} body.light .hoverLink > span .icon.link {background-position:-24px 0;} body.light .hoverLink > span .icon.extlink {background-position:0 0;} /* PORTFOLIO CAROUSELS */ .hg-portfolio-carousel h1.title, .hg-portfolio-carousel h4.title {font-weight:bold;} .hg-portfolio-carousel .items-row .separator {margin-top:20px;} .hg-portfolio-carousel .items-row .item .ptcarousel {} .lastRow.items-row .separator {display:none;} .lastRow.items-row {margin-bottom:20px;} .hg-portfolio-carousel .rhino-container {margin:0 !important;} .itemLinks span a {background:url(../images/transparent_png/white10.png); padding:6px 10px; line-height:1; font-size:10px; font-weight:bold; text-transform:uppercase; color:#EEE; -webkit-border-radius:2px; -moz-border-radius:2px;border-radius:2px; display:inline-block; margin-right:15px;} .itemLinks span a:hover {background:url(../images/transparent_png/white20.png);} /* SORTABLE PORTFOLIO */ .hg-portfolio-sortable h1.title, .hg-portfolio-sortable h4.title {font-weight:bold;} .hg-portfolio-sortable #sorting {float:right; margin:0; font-size:10px; font-weight:bold; text-transform:uppercase; padding:8px 10px; background:url(../images/transparent_png/white10.png); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;} .hg-portfolio-sortable #sorting ul {display:inline-block; margin:0 25px 0 0; padding:0; list-style:none;} .hg-portfolio-sortable #sort-direction {margin-right:0 !important;} .hg-portfolio-sortable #sorting ul li {float:left; margin-left:10px; line-height:1; margin-bottom:0;} .hg-portfolio-sortable #sorting ul li a {color:#FFF; line-height:1;} .hg-portfolio-sortable #sorting ul li a.selected {text-decoration:underline;} .hg-portfolio-sortable #sorting .sortTitle {line-height:1;} .hg-portfolio-sortable #portfolio-nav {margin:0 0 20px; padding:0; list-style:none; float:left;} .hg-portfolio-sortable #portfolio-nav li {float:left; margin-left:15px;} .hg-portfolio-sortable #portfolio-nav li:first-child {margin-left:0;} .hg-portfolio-sortable #portfolio-nav li a {background:url(../images/transparent_png/white10.png); padding:8px 10px; line-height:1; font-size:10px; font-weight:bold; text-transform:uppercase; color:#EEE; -webkit-border-radius:2px; -moz-border-radius:2px;border-radius:2px; display:inline-block; margin-right:0;} .hg-portfolio-sortable #portfolio-nav li a:hover, .hg-portfolio-sortable #portfolio-nav li.current a {background:url(../images/transparent_png/white20.png);} .hg-portfolio-sortable ul#thumbs {margin:0 0 0 -20px; padding:0; list-style:none; left:5px;} .hg-portfolio-sortable ul#thumbs li {float:left; width:220px; margin:5px 5px 15px 15px; position:relative;} .hg-portfolio-sortable ul#thumbs li .inner-item {padding:4px ; border:1px solid #222; background:#000; -webkit-transition:all .3s ease;-moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; opacity:0.9;} .hg-portfolio-sortable ul#thumbs li .inner-item:hover {-webkit-box-shadow:0 0 20px #000;-moz-box-shadow:0 0 20px #000;box-shadow:0 0 20px #000; opacity:1;} .hg-portfolio-sortable ul#thumbs li .inner-item h4{margin-top:10px; display:block; line-height:1; border-bottom:1px dotted #333; font-size:14px; margin-bottom:10px; font-weight:bold; padding:0 6px 10px;} .hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc {font-size:12px; color:#777; padding:0 6px; display:block;} .hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc p {margin-bottom:10px;} .hg-portfolio-sortable ul#thumbs li.isotope-item {z-index:2;} .hg-portfolio-sortable ul#thumbs li.isotope-hidden {z-index:1;} body.light .hg-portfolio-sortable ul#thumbs li .inner-item {border:1px solid #ddd; background:#fff;} body.light .hg-portfolio-sortable #portfolio-nav li a {background:url(../images/transparent_png/black10.png); color:#111;} body.light .hg-portfolio-sortable #portfolio-nav li a:hover, body.light .hg-portfolio-sortable #portfolio-nav li.current a {background:url(../images/transparent_png/black20.png);} body.light .hg-portfolio-sortable #sorting {background:url(../images/transparent_png/black10.png); ;} body.light .hg-portfolio-sortable #sorting ul li a {color:#000;} /* XMAP */ #xmap h1.title {font-weight:bold;} #xmap ul {padding:8px 25px; list-style:none; -webkit-box-shadow:2px 2px 5px black; -moz-box-shadow:2px 2px 5px black; box-shadow:2px 2px 5px black; background:#282828;} body.light #xmap ul a {color:#fff;} #xmap ul.level_0 > li > a {font-weight:bold; margin:5px 0; display:inline-block;} #xmap ul ul {background:#393939;} #xmap ul ul ul {background:#4b4b4b;} #xmap ul ul ul ul {background:#5a5a5a;} /* Pagination */ .pagination {margin:10px 0;padding:10px 0 10px 0px;} .pagination ul {list-style-type:none;margin:0;padding:0;text-align:left;} .pagination li {display:inline; padding:2px 5px; text-align:left; border:solid 1px #bbb; margin:0 2px; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;} .pagination li, .pagination li a, .pagination li span, .pagination p.counter {font-size:10px; text-transform:uppercase; font-weight:bold;} .pagination li.pagination-start, .pagination li.pagination-next, .pagination li.pagination-end, .pagination li.pagination-prev {border:0;} .pagination li.pagination-start, .pagination li.pagination-start span {padding:0;} .pagination p.counter {float:right; color:#999;} /* -------- K2 STUFF -------- */ /* K2 BLOG */ div.k2FeedIcon {padding:4px 0;} div.k2FeedIcon a, div.k2FeedIcon a:hover {display:block;float:right;margin:0;padding:0 25px 0 0;height:16px;background:url(../images/k2/feed.png) no-repeat 100% 50%;} .eBlog .itemListView {margin-bottom:25px;} .eBlog .catItemView {background:url(../images/transparent_png/white10.png); margin-bottom:35px; padding:15px; -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.7); -moz-box-shadow:0 1px 0 rgba(255,255,255,0.7); box-shadow:0 1px 0 rgba(255,255,255,0.7); position:relative;} .eBlog .catItemView:after {position:absolute; bottom:0px; left:50%; margin-left:-3px; width:0; height:0; border-style:solid; border-color:transparent; border-width:5px; content:""; border-bottom-color:rgba(255,255,255,0.7) !important;} body.light .eBlog .catItemView {background:url(../images/transparent_png/black10.png);} .eBlog .post_details {border-top:1px solid #232323; border-bottom:1px solid #232323; font-size:10px; margin-bottom:25px; text-transform:uppercase; padding:10px 0 10px; font-weight:bold; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity:.6; -webkit-transition:opacity 150ms ease-in; -moz-transition:opacity 150ms ease-in; -o-transition:opacity 150ms ease-in; transition:opacity 150ms ease-in;} .eBlog .post_details:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1;} .eBlog .catItemReadMore {margin-bottom:15px; border-bottom:1px solid #888; border-bottom:1px solid rgba(0,0,0,0.2); padding-bottom:25px;} .eBlog .k2ReadMore {font-size:14px; font-weight:bold;} .eBlog .catItemLinks {padding:0 !important; list-style:none !important; font-size:10px; color:#AAA; text-transform:uppercase; font-weight:bold; margin-bottom:10px;} .eBlog .catItemLinks li {float:left; margin-left:20px; padding-left:25px;} .eBlog .catItemLinks li:first-child {margin-left:0;} .eBlog .catItemCommentsLink {background:url(../images/icon-comment.png) no-repeat left center; padding-left:25px;} .eBlog .catItemCategory {background:url(../images/icon-cat.png) no-repeat left center; padding-left:25px;} .eBlog .catItemDateCreated {background:url(../images/icon-calendar1.png) no-repeat left center; padding-left:20px;} .eBlog .catItemTagsBlock, .eBlog .itemTagsBlock, .eBlog .userItemTagsBlock {background:url(../images/icon-tags.png) no-repeat left center; padding-left:25px;color:#777; font-size:10px; font-weight:bold; text-transform:uppercase; } body.dark .eBlog .catItemCommentsLink {background:url(../images/icon-comment-light.png) no-repeat left center;} body.dark .eBlog .catItemCategory {background:url(../images/icon-cat-light.png) no-repeat left center;} body.dark .eBlog .catItemDateCreated {background:url(../images/icon-calendar1-light.png) no-repeat left center;} body.dark .eBlog .catItemTagsBlock, body.dark .eBlog .itemTagsBlock, body.dark .eBlog .userItemTagsBlock {background:url(../images/icon-tags-light.png) no-repeat left center;color:#bbb;} .eBlog .catItemTagsBlock > span, .eBlog .itemTagsBlock > span, .eBlog .userItemTagsBlock > span {font-weight:bold; padding-right:10px;} .eBlog .catItemTagsBlock ul, .eBlog .itemTagsBlock ul, .eBlog .userItemTagsBlock ul {margin:0 !important; padding:0 !important; list-style:none !important; display:inline;} .eBlog .catItemTagsBlock ul li, .eBlog .itemTagsBlock ul li, .eBlog .userItemTagsBlock ul li {display:inline;} .eBlog .catItemTagsBlock ul li a, .eBlog .itemTagsBlock ul li a, .eBlog .userItemTagsBlock ul li a {color:#777;} .eBlog .catItemLinks li.catItemHitsBlock, .eBlog .itemTagsBlock li.catItemHitsBlock, .eBlog .userItemTagsBlock li.catItemHitsBlock {float:right; color:#999;} .eBlog .catItemTitle {font-weight:bold;} .k2LatestCommentsBlock ul {margin:0; padding:0; list-style:none;} .k2LatestCommentsBlock ul li {margin-bottom:15px;} .k2LatestCommentsBlock ul li.lastItem {margin-bottom:0;} .k2LatestCommentsBlock .lcUsername, .k2LatestCommentsBlock .lcCommentDate {font-size:11px; color:#777;} .k2LatestCommentsBlock .lcItemTitle {font-size:11px;} div.catItemImageBlock, div.itemImageBlock {float:right;} /* --- Calendar --- */ div.k2CalendarBlock {height:190px;margin-bottom:8px;} /* use this height value so that the calendar height won't change on Month change via ajax */ div.k2CalendarLoader {background:#fff url(../images/system/k2CalendarLoader.gif) no-repeat 50% 50%;} table.calendar {margin:0 auto;background:#fff;border-collapse:collapse;width:100%;} table.calendar tr td {text-align:center;vertical-align:middle;padding:2px;border:1px solid #f4f4f4;background:#fff;} table.calendar tr td.calendarNavMonthPrev {background:#f3f3f3;text-align:left;} table.calendar tr td.calendarNavMonthPrev a {font-size:20px;text-decoration:none; line-height:5px;} table.calendar tr td.calendarNavMonthPrev a:hover {font-size:20px;text-decoration:none; line-height:5px;} table.calendar tr td.calendarCurrentMonth {background:#f3f3f3;} table.calendar tr td.calendarNavMonthNext {background:#f3f3f3;text-align:right;} table.calendar tr td.calendarNavMonthNext a {font-size:20px;text-decoration:none;line-height:5px;} table.calendar tr td.calendarNavMonthNext a:hover {font-size:20px;text-decoration:none;} table.calendar tr td.calendarDayName {background:#e9e9e9;font-size:11px;width:14.2%;} table.calendar tr td.calendarDateEmpty {background:#fbfbfb;} table.calendar tr td.calendarDate {} table.calendar tr td.calendarDateLinked {padding:0;} table.calendar tr td.calendarDateLinked a {display:block;padding:2px;text-decoration:none;background:#eee;} table.calendar tr td.calendarDateLinked a:hover {display:block;background:#135cae;color:#fff;padding:2px;text-decoration:none;} table.calendar tr td.calendarToday {background:#135cae;color:#fff;} table.calendar tr td.calendarTodayLinked {background:#135cae;color:#fff;padding:0;} table.calendar tr td.calendarTodayLinked a {display:block;padding:2px;color:#fff;text-decoration:none;} table.calendar tr td.calendarTodayLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;} body.dark table.calendar {background:#000;} body.dark table.calendar tr td {border:1px solid #222;background:#000;} body.dark table.calendar tr td.calendarNavMonthPrev {background:#111;} body.dark table.calendar tr td.calendarCurrentMonth {background:#111;} body.dark table.calendar tr td.calendarNavMonthNext {background:#111;} body.dark table.calendar tr td.calendarDayName {background:#252525;} body.dark table.calendar tr td.calendarDateEmpty {background:#181818;} body.dark table.calendar tr td.calendarDateLinked a {background:#333;} body.dark table.calendar tr td.calendarDateLinked a:hover {background:#135cae;color:#000;} body.dark table.calendar tr td.calendarToday {background:#ccc;color:#000;} body.dark table.calendar tr td.calendarTodayLinked {background:#ccc;color:#000;} body.dark table.calendar tr td.calendarTodayLinked a {color:#000;} body.dark table.calendar tr td.calendarTodayLinked a:hover {background:#fff;} .k2Pagination {text-align:center;text-transform:uppercase; font-size:10px;line-height:1.6; color:#888; margin:20px 0;} .k2Pagination ul {display:inline; margin:0; padding:0; list-style:none;} .k2Pagination ul li {display:inline; padding:0 10px;} .itemDateAuthor {font-size:11px;} .userItemView {margin-bottom:25px;} .eBlog .itemLinks {margin-top:10px; padding-bottom:15px;margin-bottom:20px; border-bottom:1px solid #888; border-bottom:1px solid rgba(0,0,0,0.2);} /* Author block */ div.itemAuthorBlock {background:#f7fafe;border:1px solid #ddd;margin:0 0 16px 0;padding:8px;} div.itemAuthorBlock img.itemAuthorAvatar {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;} div.itemAuthorBlock div.itemAuthorDetails {margin:0;padding:4px 0 0 0;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName {margin:0 0 4px 0;padding:0;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName a {font-size:16px;} div.itemAuthorBlock div.itemAuthorDetails h3.authorName a:hover {} div.itemAuthorBlock div.itemAuthorDetails p {} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {font-weight:bold;color:#555;border-right:1px solid #ccc;padding:0 8px 0 0;margin:0 4px 0 0;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail {font-weight:bold;color:#555;} div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl a, div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorEmail a {font-weight:normal;} .infSep {padding:0 5px;} /* Comments */ div.itemComments {background:url(../images/transparent_png/white20.png); border:1px solid #ddd; border:1px solid rgba(0,0,0,0.1); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:16px;} body.dark div.itemComments {background:url(../images/transparent_png/black20.png); border:1px solid #333; border:1px solid rgba(255,255,255,0.1);} div.itemComments ul.itemCommentsList {margin:0 0 16px;padding:0;list-style:none;} div.itemComments ul.itemCommentsList li {padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px dotted #ddd;} body.dark div.itemComments ul.itemCommentsList li {border-bottom:1px dotted #444;} div.itemComments ul.itemCommentsList li.authorResponse {background:url(../images/k2/images/system/stripes.png) repeat;} div.itemComments ul.itemCommentsList li.unpublishedComment {background:#ffeaea;} div.itemComments ul.itemCommentsList li img {float:left;margin:4px 4px 4px 0;padding:4px;background:#fff;border-bottom:1px solid #d7d7d7;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;} div.itemComments ul.itemCommentsList li span.commentDate {padding:0 4px 0 0;margin:0 8px 0 0;border-right:1px solid #ccc;font-weight:normal;font-size:11px; color:#888;} div.itemComments ul.itemCommentsList li span.commentAuthorName {font-weight:normal;font-size:11px; color:#888;} div.itemComments ul.itemCommentsList li p {padding:4px 0;} div.itemComments ul.itemCommentsList li span.commentAuthorEmail {display:none;} div.itemComments ul.itemCommentsList li span.commentLink {float:right;margin-left:8px;} div.itemComments ul.itemCommentsList li span.commentLink a {font-size:11px;color:#999;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentLink a:hover {font-size:11px;color:#555;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentToolbar {display:block;clear:both;} div.itemComments ul.itemCommentsList li span.commentToolbar a {font-size:11px;color:#999;text-decoration:underline;margin-right:4px;} div.itemComments ul.itemCommentsList li span.commentToolbar a:hover {font-size:11px;color:#555;text-decoration:underline;} div.itemComments ul.itemCommentsList li span.commentToolbarLoading {background:url(../images/k2/images/system/searchLoader.gif) no-repeat 100% 50%;} h3.itemCommentsCounter {margin-top:0; background:url(../images/icon-comments-big.png) no-repeat left center; padding-left:30px; line-height:1.3;} body.dark h3.itemCommentsCounter {margin-top:0; background:url(../images/icon-comments-big-light.png) no-repeat left center; padding-left:30px; line-height:1.3;} .itemCommentsFormNotes {font-size:11px; color:#888;} .itemNavigation {margin-bottom:20px;} .itemCommentsForm textarea {width:500px; height:130px;} /* User items */ div.userItemView {} /* this is the item container for this view */ div.userItemIsFeatured {} /* Attach a class for each featured item */ div.userItemViewUnpublished {opacity:0.9;border:4px dashed #ccc;background:#fffff2;padding:8px;margin:8px 0;} span.userItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;} span.userItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;} span.userItemEditLink a:hover {background:#ffffcc;} div.userItemHeader {} div.userItemHeader span.userItemDateCreated {color:#999;font-size:11px;} div.userItemHeader h3.userItemTitle {font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;} div.userItemHeader h3.userItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Unpublished" presented in superscript */ div.userItemBody {padding:8px 0;margin:0;} div.userItemImageBlock {padding:0;margin:0;float:left;} span.userItemImage {display:block;text-align:center;margin:0 8px 8px 0;} span.userItemImage img {border:1px solid #ccc;padding:8px;} div.userItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;} div.userItemIntroText img {} div.userItemLinks {margin:0 0 16px 0;padding:0;} div.userItemCategory {padding:4px;border-bottom:1px dotted #ccc;} div.userItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.userItemCategory a {} div.userItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;} div.userItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;} div.userItemTagsBlock ul.userItemTags {list-style:none;padding:0;margin:0;display:inline;} div.userItemTagsBlock ul.userItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;} div.userItemTagsBlock ul.userItemTags li a {} div.userItemTagsBlock ul.userItemTags li a:hover {} /* Anchor link to comments */ div.userItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;} div.userItemCommentsLink a {} div.userItemCommentsLink a:hover {} /* Read more link */ div.userItemReadMore {display:inline;} div.userItemReadMore a {} div.userItemReadMore a:hover {} div.itemRelated h3 {text-transform:uppercase;} div.itemToolbar ul {margin:0;} div.itemCommentsForm p.itemCommentsFormNotes {padding-top:5px;} body.dark div.itemCommentsForm p.itemCommentsFormNotes {border-top:2px solid #333;} /* settings for header horizontally */ #header.navbar {position:static; width:980px; margin:0 auto; padding-bottom:20px; position:relative; top:auto; left:auto;} body #header.navbar #logo {float:left; margin-top:10px !important;position:absolute;} #header.navbar #menu {float:right; margin-top:10px;} #header.navbar #search {margin-top:30px; padding:0; margin-right:0; position:absolute; top:0; right:0;} #header.navbar #social_icons {position:static; float:right; margin-right:20px; margin-top:30px;} #header.navbar ul.social_icons li a {font-size:28px !important; width:28px !important; height:28px !important; line-height:28px !important;} /* search page */ .search-results .result-created {margin-bottom:20px;} .search-results .result-title {font-weight:bold; font-size:14px;} /* Resets, stylers & helpers */ .alignleft {float:left; margin-right:15px;} .alignright {float:right; margin-left:15px;} .noMarginRight {margin-right:0 !important;} .noMarginLeft {margin-left:0 !important;} .noMarginTop {margin-top:0 !important;} .noMarginBottom {margin-bottom:0 !important;} .marginBottom20 {margin-bottom:20px !important;} body.light #main, body.light #footer {background:url(../images/transparent_png/white80.png); -webkit-box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; box-shadow:0 0 3px #000;} body.light #logo {background-color:rgba(255,255,255,0.8); margin-top:20px;} #header h2 {width:220px; height:75px;} body.light ul.social_icons li a {background:#fff; color:#000;} body.light ul.social_icons li a:hover {color:#fff;} .featured_boxes_carousel .boxes h5.title {color:#fff;} .featured_boxes_carousel .boxes a {color:#fff;} body.light .border_effect:hover {-webkit-box-shadow:0 0 0 10px #fff; -moz-box-shadow:0 0 0 10px #fff; box-shadow:0 0 0 10px #fff;} body.light .darkbg.moduletable {background:url(../images/transparent_png/white90.png);} #contact_form .simple-label {display:block;} #footer4 {padding-right:20px;} #footer4 .inner {padding-top:8px;} #footer2 {padding-left:20px;} /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (min-width:1280px) and (max-width:1500px) { .header-vertical #front_centered, .header-animatedfull #front_centered {left:250px; margin-left:0px;} .header-vertical #main, .header-animatedfull #main {left:250px; margin-left:0px;} .social-connect {width:94px; margin-right:10px !important;} .social-connect li {margin:10px 10px 0 0 !important;} } @media only screen and (min-width:1024px) and (max-width:1280px) { .header-vertical #front_centered, .header-animatedfull #front_centered {left:250px; margin-left:0px;} .header-vertical #main, .header-animatedfull #main {left:250px; margin-left:0px;} #header.navbar #menu .jt-menu > li {margin-left:8px;} } @media only screen and (min-width:480px) and (max-width:1024px) { #live_comments {top:70px;} .big_text {font-size:38px; margin-bottom:30px;} .playerControls {right:auto !important; left:15px; top:100px !important;} .mb_YTVPBar .buttonBar {float:left !important; margin-top:100px !important;} .audioPlayer {top:100px !important;} #titles h2 {font-size:30px !important;} #titles h3 {font-size:20px !important;} #front_centered.noMainboxes {top:55%;} /*#header.navbar #search {margin-right:50px;}*/ #header.navbar #menu .jt-menu > li {margin:0 8px 8px 0 !important; height:42px !important;} } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width:959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width:768px) and (max-width:959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px) {} /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) {}