/* Theme Name: Newsroom Theme URI: http://wpbandit.com/ Version: 1.4 Description: Designed by WPBandit Author: WPBandit Author URI: http://wpbandit.com Tags: wpbandit Copyright: (c) 2009-2013 WPBandit - Alexander Agnarson & Jermaine Marée License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) /* /* ------------------------------------------------------------------------- * * Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 * ------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ------------------------------------------------------------------------- * * Base Styles /* ------------------------------------------------------------------------- */ body { background: fff; height: 100%; min-height: 100%; font-size: 14px; line-height: 1.5em; color: #444; font-family: 'Arial', serif; font-weight: normal; } a { color: #ed1a3b; text-decoration: none; outline: 0; } a:hover { color: #222; } a img { opacity: 0.99; } .advv {float: left; width: 100%} .cb {font-size: 25px; margin-left: 15px; } a { -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease; } a img { opacity: 0.99; -webkit-transition-property: opacity; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-property: opacity; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -o-transition-property: opacity; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease; } address,cite,em { font-style: italic; } strong { font-weight: 600; } li { list-style: none; } .left,.alignleft { float: left; } .right,.alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; } ::selection { background: #ed1a3b; color: #fff; } ::-moz-selection { background: #ed1a3b; color: #fff; } @font-face { font-family: 'LeagueGothicRegular'; src: url('font/League_Gothic-webfont.eot'); src: url('font/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'), url('font/League_Gothic-webfont.woff') format('woff'), url('font/League_Gothic-webfont.ttf') format('truetype'), url('font/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg'); font-weight: normal; font-style: normal; } /* base : clear /* ------------------------------------ */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .fix:before, .fix:after { content: ""; display: table; } .fix:after { clear: both; } .fix { zoom: 1; } /* base : forms /* ------------------------------------ */ input, textarea, button, select, label { font-family: 'Droid Serif', serif; font-size: 13px; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } input[type="text"], input[type="password"], input[type="email"], input[type="submit"], button, textarea { margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } input, textarea, button { -moz-appearance: none; -webkit-appearance: none; transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; } label { font-weight: bold; color: #444; } input[type="text"], input[type="password"], input[type="email"], textarea { background: #fff; border: 1px solid #ccc; color: #777; display: block; max-width: 100%; outline: none; padding: 7px 8px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border-color: #bbb; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); box-shadow: 0 0 3px rgba(0,0,0,0.2); } label .required { color: #ed1a3b; } input[type="submit"], button[type="submit"] { background: #ed1a3b; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.3); padding: 8px 14px; font-weight: bold; display: inline-block; border: none; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } input[type="submit"]:hover, button[type="submit"]:hover { background: #444; } /* base : text /* ------------------------------------ */ .text { font-size: 100%; line-height: 1.57; text-rendering: optimizeLegibility; } .text img { max-width: 100%; height: auto; } .text a:active, .text a:focus { outline: invert none medium; } .text p,.text dd { margin-bottom: 14px; } .text dt { color: #444; } .text ol,.text ul { margin: 14px 0 14px 28px; } .text ul li { list-style: square; } #a_menu { font-size: 20px; margin: 0px 0 0; line-height: 1.25em;} .sod {background: #fff} .sod a {background: url(http://infohoroscope.ru/wp-content/themes/newsroom14/img/icons-14-dark.png) no-repeat 4px 4px; padding: 3px 0px 0px 28px;} .sod ul li {list-style-type: none; margin-bottom:8px; } .text ol li { list-style: decimal; } .text dt { font-weight: 600;} .text address { margin-bottom: 1.5em; } .text blockquote { background: url(img/shortcodes/blockquote.png) no-repeat 25px 10px #eee; float:left; width:95%; border-left: 10px solid #ccc; padding:8px; box-shadow: 0 0 10px rgba(0,0,0,0.2); font-size: 15px; margin-bottom:10px; color: #111; font-style: italic; margin-left:-30px; padding-left: 60px;text-transform:uppercase; font-family:Georgia } .text blockquote p { margin-bottom: 0.75em; } .text code, .text pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 11px; } .text pre { background: url(img/pre.png) repeat top; padding: 18px 20px; margin: 14px 0 28px 0; border: 1px solid #ccc; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; } .text code { background: #ddd; padding: 0 3px; } .text sub,.text sup { font-size: 62.5%; } .text sub { vertical-align: sub; } .text sup { vertical-align: super; } .text hr, .hr { background: transparent url(img/hr.png) repeat-x top left; border: 0; height: 1px; margin: 30px 0; } .text img.size-auto, .text img.size-large,.text img.size-medium, .text attachment img { max-width: 100%; height: auto; } .text img { margin-bottom: 14px; } .text img.alignleft { margin-right: 20px; } .text img.alignright { margin-left: 20px; } .text img.aligncenter { clear: both; display: block; } .text img .size-full { width: 100%!important; } .text .gallery img, .text img.wp-smiley { margin: 0; } .text .wp-caption { background: #f1f1f1; max-width: 98%; border: 1px solid #e2e2e2; margin-bottom: 14px; padding: 1% 1% 0 1%; text-align: center; clear: both;} .text .wp-caption a { border-bottom: none; } .text .wp-caption img { margin: 0; max-width: 100%; height: auto; } .text .wp-caption.alignleft { margin-right: 20px; } .text .wp-caption.alignright { margin-left: 20px; } .text .wp-caption.alignnone { width: 100%!important; overflow: hidden; } .text .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; } .text .wp-caption-text { color: #999; font-size: 12px; margin: 0 0 8px 0; } .text .gallery { width: 100%; margin-bottom: 14px!important; } .text .gallery .gallery-item { border-color: #fff; margin-top: 0!important; } .text .gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: #fff!important; } .text .gallery-caption { text-align: center; font-size: 11px; } .text table { margin-bottom: 1.5em; width: 100%; text-align: center; } .text table tr.alt { background: #f1f1f1; } .text table td { font-size: 13px; border-bottom: 1px solid #e5e5e5; text-align: center; padding: 5px; vertical-align: middle; } .text table th { font-weight: 600; text-align: center; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 5px; } /* base : headings /* ------------------------------------ */ h1, h2, h3, h4, h5, h6 { color: #111; font-weight: 600; } .text h1 span, .text h2 span, .text h3 span, .text h4 span, .text h5 span, .text h6 span { color: #bbb; } .color { color: #ed1a3b!important; } .text h1,.text h2,.text h3,.text h4,.text h5,.text h6 { margin: 0 0 14px; } .text h1 { font-size: 24px; line-height: 28px; } .text h2 { font-size: 20px; line-height: 18px; float:left; width:100%; padding:5px; padding-left:55px; background: #eee url(http://infohoroscope.ru/wp-content/themes/newsroom14/img/icons-14-dark.png) no-repeat 30px -273px; margin-left:-31px; border:1px solid #ccc;} .text h3 { font-size: 18px; line-height: 22px; } .text h4 { font-size: 16px; line-height: 18px; } .text h5 { font-size: 14px; line-height: 18px; } .text h6 { font-size: 12px; line-height: 18px; text-transform: uppercase; } .text h1.alt,.text h2.alt,.text h3.alt,.text h4.alt,.text h5.alt,.text h6.alt { font-family: 'LeagueGothicRegular', Arial, sans-serif; text-transform: uppercase; font-weight: normal; margin: 0 0 14px; } .text h1.alt { font-size: 54px; line-height: 1em; } .text h2.alt { font-size: 42px; line-height: 1em; } .text h3.alt { font-size: 36px; line-height: 1em; } .text h4.alt { font-size: 28px; line-height: 1em; } .text h5.alt { font-size: 22px; line-height: 1em; } .text h6.alt { font-size: 18px; line-height: 1em; } .heading, #reply-title { font-family: 'LeagueGothicRegular', Arial, sans-serif; font-weight: normal; font-size: 26px; text-transform: uppercase; margin: 0 0 14px; } .miniheading { background: #f4f4f4 url(img/hr.png) repeat-x bottom; color: #999; font-family: 'LeagueGothicRegular', Arial, sans-serif; font-weight: normal; font-size: 16px; text-transform: uppercase; } .miniheading.pad { padding-top: 6px; padding-bottom: 6px; } /* ------------------------------------------------------------------------- * * Common /* ------------------------------------------------------------------------- */ #wrap { min-width: 1024px; height: 100%; } /* common : content /* ------------------------------------ */ .container, #header-inner, #nav-topbar, #nav, #nav-sub { max-width: 1024px; min-width: 1024px; width: 100%; margin: 0 auto; } .content, .content-part { width: 100%; position: relative; } .content-part { padding-bottom: 10px; } .single .content { border-bottom: 1px solid #ddd; } .single .main .content { border-bottom: 0; } .pad, .single .entry-format { padding: 10px 30px 10px; } .single .content-part .entry-format { padding-bottom: 0; } /* common : sidebar /* ------------------------------------ */ .sidebar { width: 340px; overflow: hidden; } .sidebar .pad { padding-left: 20px; padding-right: 20px; } .main.sidebar-right { background: url(img/sidebar-right.png) repeat-y right 0; padding-right: 340px; } .main.sidebar-right .sidebar { float: right; margin-right: -340px; } .main.sidebar-right .content-part { float: left; } .main.sidebar-left { background: url(img/sidebar-left.png) repeat-y left 0; padding-left: 340px; } .main.sidebar-left .sidebar { float: left; margin-left: -340px; } .main.sidebar-left .content-part { float: right; } /* common : background image /* ------------------------------------ */ #background { position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; z-index: -99; } #background.bgwidth { width: 100%; } /* common : glass /* ------------------------------------ */ .glass { background: url(img/glass.png) no-repeat 50% 50%; display: none; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; top: 0; -webkit-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -ms-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000); } /* common : icon thumb /* ------------------------------------ */ .icon-thumb { opacity: 1; z-index: 12; background: url(img/sprite-v.png) no-repeat -94px 0; display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition-property: opacity; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-property: opacity; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; -o-transition-property: opacity; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease; } .format-audio .icon-thumb { background-position: -94px -50px; } /* common : responsive videos /* ------------------------------------ */ .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container.fancybox-video { display: none; width: 700px; } .video-container.fancybox-video.fancybox1 { display: block; } /* ------------------------------------------------------------------------- * * Section: Header /* ------------------------------------------------------------------------- */ #header { background: #fff; position: relative; z-index: 99; } #header-inner { } #header-line { background: #ed1a3b; height: 6px; } #header .pad { padding-top: 0px; padding-bottom: 0px; } #header .container { max-width: 100%; } /* header : top /* ------------------------------------ */ #logo { font-family: 'LeagueGothicRegular', Arial, sans-serif; font-size: 42px; font-weight: 400; text-transform: uppercase; float: left; line-height: 50px; padding: 0px 0; } #logo a { display: block; color: #111; float: left; max-width: 100%; white-space: nowrap; } #logo a:hover, #logo a:hover img { opacity: 0.9; } #logo a:active, #logo a:active img { opacity: 1; } #logo a img { float: left; display: block; max-width: 100%; max-height: 74px; height: auto; padding: 5px 0; margin: 0 auto; } #tagline { font-size: 12px; font-style: italic; color: #999; float: left; margin-left: 20px; line-height: 50px; padding: 10px 0; } /* header : social /* ------------------------------------ */ #header-social { float: right; padding: 22px 0; position: relative; z-index: 10; } #header-social li { float: left; display: inline; margin-left: 10px; line-height: 16px; } #header-social li a { display: block; float: left; position: relative; } #header-social li a:hover { opacity: 0.9; } #header-social li a span.icon { background: #f4f4f4; display: block; float: left; height: 16px; width: 16px; padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #header-social li a span.icon img { float: left; } #header-social li a span.icon-title { display: none; } #header-social li a:hover span.icon img { opacity: 1; } #header-social li a:hover span.icon-title { background: #111; display: inline-block; text-align: center; color: #ddd; padding: 4px 8px; font-size: 11px; line-height: 16px; white-space: nowrap; position: absolute; bottom: -36px; right: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition-property: opacity; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-property: opacity; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; -o-transition-property: opacity; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease; } #header-social li a:hover span.icon-title i.icon-pike { background: url(img/sprite-v.png) no-repeat -185px 0; width: 9px; height: 5px; position: absolute; top: -5px; right: 11px; } /* header : search /* ------------------------------------ */ #header-search { float: right; width: 182px; margin-top: 20px; margin-left: 20px; } #header-search input#s { background: #f4f4f4 url(img/widgets/search.png) no-repeat 160px 8px; float: left; font-size: 12px; text-shadow: 0 1px 0 #fff; border: 1px solid #eee; width: 182px; padding: 6px 24px 6px 6px; color: #bbb; margin: 0!important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #header-search input#s:focus { border-color: #ddd; color: #444; } /* header : nav topbar /* ------------------------------------ */ #topbar-nav { background: #111; } /* level 1 */ #nav-topbar { text-align: right; font-size: 0; font-weight: normal; width: 100%; } #nav-topbar li { list-style: none; display: inline-block; position: relative; } #nav-topbar li a { font-size: 11px; color: #999; display: block; line-height: 20px; padding: 4px 10px; } #nav-topbar li a:hover, #nav-topbar li:hover a { background: #292929; color: #ddd!important; } #nav-topbar li a:hover, #nav-topbar li:hover a, #nav-topbar li.current_page_item a, #nav-topbar li.current-menu-ancestor a, #nav-topbar li.current-menu-item a { color: #ddd; } /* level 2 */ #nav-topbar li:hover > ul { display: block; } #nav-topbar ul { display: none; background: #292929; padding: 5px 10px; width: 120px; font-weight: normal; text-align: left; position: absolute; top: 28px; left: 0; z-index: 999; -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15); } #nav-topbar ul li { background: none; border: none; padding-bottom: 0; margin: 0; float: left; position: relative; } #nav-topbar ul li a, #nav-topbar li:hover ul li a { background: transparent; border: none; border-bottom: 1px solid #333; color: #888!important; font-size: 11px; line-height: 14px; font-weight: normal; float: none; padding: 7px 0; width: 120px; display: block; } #nav-topbar ul li a:hover, #nav-topbar li:hover ul li a:hover { color: #ddd!important; } #nav-topbar ul.sub-menu li:last-child a { border-bottom: 0; } #nav-topbar li.current-menu-parent ul li.current_page_item a, #nav-topbar li.current-menu-parent ul li.current-menu-item a { color: #ddd!important; } /* level 3 */ #nav-topbar ul ul { display: none; width: 120px; position: absolute; top: -2px; left: 120px; } #nav-topbar ul li:last-child ul a { border-bottom: 1px solid #333!important; } #nav-topbar ul li ul li:last-child a { border-bottom: 0!important; } /* header : nav /* ------------------------------------ */ #header-nav { background: #333333; border-top: 1px solid #eee; } /* level 1 */ #nav { font-family: 'LeagueGothicRegular', Arial, sans-serif; font-size: 20px; font-weight: normal; border-left: 1px solid #eee; } #nav li { border-right: 1px solid #535353; list-style: none; display: inline; float: left; position: relative; } #nav li a { background: #333333; color: #fff; display: block; text-transform: uppercase; line-height: 20px; padding: 12px 20px; font-size:15px;} #nav li a:hover, #nav li:hover a { background: #f4f4f4 url(img/sprite-h.png) repeat-x center 0; color: #111!important; } #nav li a:hover, #nav li:hover a, #nav li.current_page_item a, #nav li.current-menu-ancestor a, #nav li.current-menu-item a { color: #ed1a3b; } #nav li.current_page_item a, #nav li.current-menu-ancestor a, #nav li.current-menu-item a { background: #ed1a3b url(img/sprite-h.png) repeat-x center -194px; } #nav li.current_page_item a:hover, #nav li.current-menu-ancestor a:hover, #nav li.current-menu-item a:hover, #nav li.current_page_item:hover a, #nav li.current-menu-ancestor:hover a, #nav li.current-menu-item:hover a { background-position: center -120px; } /* level 2 */ #nav li:hover > ul { display: block; } #nav ul { display: none; background: #f4f4f4; padding: 10px 20px; width: 140px; font-weight: normal; position: absolute; top: 44px; left: 0; z-index: 999; -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); } #nav ul li { background: none; border: none; position: relative; padding-bottom: 0; float: left; margin: 0; } #nav ul li a, #nav li:hover ul li a { background: transparent!important; border-bottom: 1px solid #e5e5e5; color: #777!important; text-shadow: none!important; font-size: 17px; line-height: 16px; font-weight: normal; float: none; padding: 10px 0; width: 140px; display: block; } #nav ul li a:hover, #nav li:hover ul li a:hover { color: #111!important; } #nav ul.sub-menu li:last-child a { border-bottom: 0; } #nav li.current-menu-parent ul li.current_page_item a, #nav li.current-menu-parent ul li.current-menu-item a { color: #111!important; } /* level 3 */ #nav ul ul { display: none; width: 140px; position: absolute; top: -10px; left: 140px; } #nav ul li:last-child ul a { border-bottom: 1px solid #e5e5e5!important; } #nav ul li ul li:last-child a { border-bottom: 0!important; } /* nav select dropdown */ .select-nav { background: #fff; display: none; position: relative; z-index: 9; padding: 0 20px 20px; } .select-nav select.nav { background: #f6f6f6; border: 1px solid #ddd; color: #666; display: inline-block; font-size: 14px; line-height: 21px; padding: 5px; width: 100%; } /* header : nav-sub /* ------------------------------------ */ #subheader-nav { background: #eee url(img/nav-sub.png) repeat top; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4), 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4), 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(255,255,255,0.4), 0 0 10px rgba(0,0,0,0.1); } /* level 1 */ #nav-sub { background: url(img/nav-sub.png) repeat top; text-align: left; font-size: 0; font-family: 'LeagueGothicRegular', Arial, sans-serif; font-weight: normal; text-shadow: 0 1px 0 #fff; } #nav-sub li { list-style: none; display: inline-block; position: relative; } #nav-sub li a { background: url(img/nav-sub-bullet.png) repeat top left; color: #666; display: block; text-transform: uppercase; font-size: 16px; line-height: 20px; padding: 10px 12px 10px 14px; } #nav-sub li a:hover, #nav-sub li:hover a { background: url(img/nav-sub-bullet.png) repeat top left; color: #111!important; } #nav-sub li a:hover, #nav-sub li:hover a, #nav-sub li.current_page_item a, #nav-sub li.current-menu-ancestor a, #nav-sub li.current-menu-item a { color: #ed1a3b; } /* level 2 */ #nav-sub li:hover > ul { display: block; } #nav-sub ul { display: none; background: #eee; padding: 6px 14px; width: 140px; font-weight: normal; text-align: left; position: absolute; top: 40px; left: 0; z-index: 999; -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2); } #nav-sub ul li { background: none; border: none; position: relative; padding-bottom: 0; float: left; margin: 0; } #nav-sub ul li a, #nav-sub li:hover ul li a { background: transparent!important; border-bottom: 1px solid #ddd; color: #777!important; font-size: 16px; line-height: 16px; font-weight: normal; float: none; padding: 10px 0; width: 140px; display: block; } #nav-sub ul li a:hover, #nav-sub li:hover ul li a:hover { color: #111!important; } #nav-sub ul.sub-menu li:last-child a { border-bottom: 0; } #nav-sub li.current-menu-parent ul li.current_page_item a, #nav-sub li.current-menu-parent ul li.current-menu-item a { color: #111!important; } /* level 3 */ #nav-sub ul ul { display: none; width: 140px; position: absolute; top: -10px; left: 140px; } #nav-sub ul li:last-child ul a { border-bottom: 1px solid #e5e5e5!important; } #nav-sub ul li ul li:last-child a { border-bottom: 0!important; } /* ------------------------------------------------------------------------- * * Section: Subheader /* ------------------------------------------------------------------------- */ #subheader { margin-bottom: -20px; } #subheader-inner { padding: 10px 0; border-bottom: 1px solid #ddd; } .newsflash { background: #111; } .flex-newsflash .flex-direction-nav { position: absolute; left: 8px; top: 6px; right: auto; } .flex-newsflash .flex-direction-nav li { margin: 2px 0 0; float: none; } .flex-newsflash .flex-direction-nav a { width: 24px; height: 24px; opacity: 1; } .flex-newsflash .flex-direction-nav .flex-next { background-position: -70px -24px; } .flex-newsflash .flex-direction-nav .flex-prev { background-position: -70px 0; } .flex-newsflash:hover .flex-next { opacity: 1; } .flex-newsflash:hover .flex-prev { opacity: 1; } .flex-newsflash:hover .flex-next:hover, .flex-newsflash:hover .flex-prev:hover { opacity: 1; } .newsflash .grid { width: 33%; margin: 0; } .newsflash .first { background: #292929 url(img/newsflash.png) no-repeat right -37px; } .newsflash .most-popular .first { background-position: right -117px; } .newsflash .most-recent .first { background-position: right -197px; } .newsflash .recent-comments .first { background-position: right -277px; } .newsflash .first h3 { font-family: 'LeagueGothicRegular', Arial, sans-serif; color: #fff; font-size: 24px; line-height: 28px; text-transform: uppercase; font-weight: normal; } .newsflash .first p { font-family: 'LeagueGothicRegular', Arial, sans-serif; color: #777; font-size: 16px; line-height: 22px; text-transform: uppercase; font-weight: normal; } .newsflash .first .pad { padding-top: 8px; padding-bottom: 8px; padding-left: 40px!important; } .newsflash .article { color: #777; } .newsflash .article h3 { font-weight: normal; font-size: 16px; color: #777; } .newsflash .article h3 a { color: #bbb; } .newsflash .article h3 a:hover { color: #fff; } .newsflash .article .av { background: #292929; width: 34px; float: left; padding: 4px; margin-right: 8px; } .newsflash .article .av img { display: block; } .newsflash .article .pad { padding: 12px; } .newsflash li.article:last-child .pad { border-left: 1px solid #292929; } .newsflash .overflow { position: relative; } .newsflash .overflow .title, .newsflash .overflow .sub { white-space: nowrap; overflow: hidden; } .newsflash .overflow .fade { background: url(img/newsflash-fade.png) repeat-y right; width: 40px; position: absolute; top: 0; right: 0; bottom: 0; pointer-events: none; } /* ------------------------------------------------------------------------- * * Section: Page /* ------------------------------------------------------------------------- */ #page { } #page-inner { background: #fff url(img/grad-page.png) repeat-x top; margin-top: 20px; } /* ------------------------------------------------------------------------- * * Section: Page Title /* ------------------------------------------------------------------------- */ #page-title { position: relative; z-index: 2; margin-bottom: 14px; text-shadow: 0 1px 0 #fff; } #page-title h1, #page-title h2 { color: #111; font-size: 24px; font-weight: 600; line-height: 1.3em; letter-spacing: -0.3px; } #page-title h1 span, #page-title h2 span, #page-title h1 { color: #999; font-weight: normal; } #page-title .category-description { margin-top: 15px; } #page-title.pad { margin-bottom: 0; padding-bottom: 30px; border-bottom: 1px solid #ddd; } #page-title.pad h1 span, #page-title.pad h2 span { display: inline; } /* ------------------------------------------------------------------------- * * Section: Page Image /* ------------------------------------------------------------------------- */ #page-image { overflow: hidden; position: relative; z-index: 1; margin: 0 0 30px 0; } #page-image img { display: block; width: auto; height: auto; max-width: 100%; margin: 0 auto; } #page-image-text { position: absolute; top: 50%; margin-top: -35px; width: 100%; text-align: center; } #page-image-text span.caption { font-family: 'LeagueGothicRegular', Arial, sans-serif; color: #fff; font-size: 70px; line-height: 70px; text-transform: uppercase; font-weight: normal; text-shadow: 0 0 20px rgba(0,0,0,0.4), 0 1px 0 rgba(0,0,0,0.4); } #page-image-text span.description { display: block; color: #fff; font-size: 15px; line-height: 36px; letter-spacing: -0.3px; font-weight: 300; text-shadow: 0 0 20px rgba(0,0,0,0.7), 0 1px 0 rgba(0,0,0,0.4); } #page-image-text span.description i { background: rgba(0,0,0,0.7); opacity: 0.9; font-style: normal; padding: 4px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } /* ------------------------------------------------------------------------- * * Blog Entry /* ------------------------------------------------------------------------- */ .entry { position: relative; overflow: hidden; } .entry-part { float: left; } .blog .entry, .single .entry, .archive .entry, .search .entry { border-bottom: 1px solid #eee; } .sticky {} /* entry : megaspot /* ------------------------------------ */ .megaspot { border-bottom: 1px solid #eee; } .megaspot .flex-megaspot { padding-bottom: 14px; } .megaspot .flex-megaspot .flex-control-nav { bottom: -6px; } .megaspot .entry { border-bottom: 0; position: relative; } .megaspot .entry-thumbnail { width: 100%; margin-bottom: 14px; } .megaspot .entry-thumbnail a { width: 100%; color: #fff; } .megaspot .entry-thumbnail a:hover { color: #fff; } .megaspot .entry-thumbnail a:hover img { opacity: 0.99; } .megaspot .entry .entry-title { font-size: 36px; } .megaspot .entry .entry-thumbnail .entry-title { font-size: 32px; background: rgba(0,0,0,0.7); position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: 0; z-index: 9; padding: 10px 20px; text-shadow: 0 1px 0 rgba(0,0,0,0.7); box-shadow: 0 -1px 0 rgba(255,255,255,0.07), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.3), inset 0 10px 10px rgba(0,0,0,0.1); } /* entry : bigspot /* ------------------------------------ */ .bigspot { border-bottom: 1px solid #eee; } .bigspot .entry { border-bottom: 0; } .bigspot .entry-main { margin: 0!important; padding: 0!important; } .bigspot .entry .pad { padding: 0!important; } .bigspot .entry-thumbnail { width: 100%!important; margin: 0 0 14px!important; float: none!important; } .bigspot .entry-thumbnail a { width: 100%; } /* entry : excerpt /* ------------------------------------ */ .entry-excerpt { font-size: 16px; color: #111; font-weight: 700; letter-spacing: -0.3px; } /* entry : thumbnail /* ------------------------------------ */ .entry-main { padding-left: 170px; } .entry-main .entry-thumbnail { width: 150px; margin-left: -170px; } .entry-thumbnail { background: #f1f1f1; float: left; position: relative; overflow: hidden; margin-bottom: 8px; } .entry-thumbnail img { float: left; display: block; width: 100%; height: auto; } .entry-thumbnail a:hover img { opacity: 0.9; } .entry-thumbnail a:hover .glass { background-position: 40% 50%; } .entry-thumbnail a:active .icon-thumb { opacity: 0.8; } /* entry : category /* ------------------------------------ */ .entry-category { float: left; font-family: 'LeagueGothicRegular', Arial, sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px; } .single .entry-category { font-size: 16px; margin-top: -10px; letter-spacing: 0; } /* entry : comments /* ------------------------------------ */ .entry-comments { font-family: 'LeagueGothicRegular', Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; } p.entry-comments { float: right; margin-bottom: 4px; } .entry-comments a { font-size: 14px; color: #fff; display: block; float: left; } .entry-comments a:hover { color: #fff; } .entry-comments a span { background: #83ad02; padding: 0 6px 0 7px; margin-right: 2px; position: relative; text-shadow: 0 1px 0 rgba(0,0,0,0.2); } .entry-comments a span i.pike { background: #83ad02 url(img/sprite-v.png) no-repeat -194px 0; display: block; width: 5px; height: 5px; position: absolute; left: 6px; bottom: -5px; } .entry-comments a:hover span, .entry-comments a:hover span i.pike { background-color: #83ad02; } .single .entry-comments { float: left; margin-top: -10px; margin-right: 10px; } /* entry : title /* ------------------------------------ */ .entry-title { color: #111;} .entry-title a { color: #111; } .entry-title a:hover { color: #444; text-decoration: underline; } .blog .entry-title, .single .entry-title, .archive .entry-title, .search .entry-title { margin-bottom: 4px; font-size: 20px; letter-spacing: -0.5px; line-height: 1.3em; } .post-format .entry-title { font-size: 26px; } .bigspot .post-format .entry-title { font-size: 20px; } .post-format .entry-format { margin: 14px 0 28px; } .single .entry { margin-bottom: 0; } .single .entry-title { font-size: 28px; margin: 0px 0 0; line-height: 1.25em; } .single-header-small { border-bottom: 1px solid #ddd; } .single .single-header-small .entry-title { font-size: 34px; } .single .entry-category, .single .entry-meta, .single .entry-title { text-shadow: 0 1px 0 #fff; } /* entry : meta single /* ------------------------------------ */ .entry-meta li { font-style: italic; margin-bottom: 4px; float: left; display: inline; margin-right: 14px; margin-bottom: 10px; } .entry-meta li.entry-author a { color: #ed1a3b; } .entry-meta li.entry-author a:hover { color: #111; } .entry-meta li.entry-date { } .entry-meta li, .entry-meta a { color: #999; } .entry-meta a:hover { color: #222; } .entry-meta span { color: #444; font-weight: bold; display: block; } /* entry : tags single /* ------------------------------------ */ .entry-tags { padding: 20px 0; } .entry-tags span { font-size: 13px; color: #999; display: block; float: left; margin: 0 10px 8px 0; } .entry-tags a { background: #ebebeb url(img/tag.png) no-repeat 0 0; display: inline-block; line-height: 16px; white-space: nowrap; font-size: 11px; color: #999; padding: 1px 7px 1px 18px; margin: 0 5px 5px 0; } .entry-tags a:hover { background-color: #ed1a3b; color: #fff; } /* entry : links /* ------------------------------------ */ .entry-page-links { font-weight: 600; font-size: 16px; margin-bottom: 20px; } a.more-link { background: url(img/more-link.png) no-repeat 0 4px; color: #999; padding-left: 12px; font-size: 14px; } a.more-link:hover { text-decoration: underline; } /* entry : author block /* ------------------------------------ */ .entry-author-block { background: #f4f4f4; font-style: italic; padding: 15px 15px 7px 15px; margin: 10px 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .entry-author-block .entry-author-avatar { float: left; overflow: hidden; margin-bottom: 8px; } .entry-author-block .entry-author-avatar img { display: block; float: left; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .entry-author-block p { font-size: 13px; margin-left: 100px; margin-bottom: 8px; } .entry-author-block p.entry-author-name { color: #444; font-size: 14px; font-weight: 600; margin-top: 6px; margin-bottom: 6px; } .entry-author-block p.entry-author-description { color: #777; } /* entry : nav /* ------------------------------------ */ .entry-nav { margin: 0 0 0; } .entry-nav a { font-size: 18px; font-weight: bold; } /* entry : browse /* ------------------------------------ */ .entry-browse { } .entry-browse li { width: 50%; display: inline; float: left; text-align: center; } .entry-browse li a strong { display: block; font-family: 'LeagueGothicRegular', Arial, sans-serif; color: #111; letter-spacing: 0.5px; font-weight: normal; text-transform: uppercase; } .entry-browse li a span { color: #999; -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; } .entry-browse li a { min-height: 84px; display: block; padding: 16px 40px 24px; border-bottom: 1px solid #eee; } .entry-browse li a:hover { } .entry-browse li a:hover span { color: #111; } .entry-browse li.previous a { background-image: url(img/entry-browse-prev.png); background-repeat: no-repeat; background-position: 15px 50%; border-right: 1px solid #eee; } .entry-browse li.next a { background-image: url(img/entry-browse-next.png); background-repeat: no-repeat; background-position: right 50%; } .sidebar .entry-browse li { width: 100%; } .sidebar .entry-browse li a { min-height: 63px; } .sidebar .entry-browse li.previous a { border-right: none; } .sidebar .entry-browse li.previous a, .sidebar .entry-browse li.next a { margin-left: 1px; } /* entry : related posts /* ------------------------------------ */ .entry-related { font-size: 13px; } .entry-related .miniheading { background-image: none; } .entry-related a { color: #111; } .entry-related img { opacity: 0.99; } .entry-related li { width: 25%; float: left; display: inline; } .entry-related li:nth-child(5) article { border-right-color: #fff; } .entry-related article { padding: 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-top: 1px solid #eee; } .entry-related span { display: block; } .entry-related .rel-entry-title { line-height: 1.3em; min-height: 68px; } .entry-related .rel-entry-date { color: #999; font-style: italic; } .entry-related .entry-thumbnail { float: none; } .entry-related .entry-thumbnail img { max-width: 100%; } .entry-related a:hover { color: #444; } .entry-related a:hover .glass { background-position: 40% 50%; } .entry-related a:hover img { opacity: 0.9; } .entry-related a:hover .rel-entry-title { text-decoration: underline; } .entry-related a:active .icon-thumb { opacity: 0.8; } .entry-related .format-video a .icon-thumb { background-position: -94px -100px; } .entry-related .format-audio a .icon-thumb { background-position: -94px -150px; } /* entry : search /* ------------------------------------ */ .search .entry.type-page .entry-category, .search .entry.type-page .entry-comments { display: none; } /* ------------------------------------------------------------------------- * * Tumblog Formats /* ------------------------------------------------------------------------- */ .icon-32 { background: url(img/sprite-v.png) no-repeat -144px 0; width: 32px; height: 32px; float: right; } .format-quote .icon-32 { background-position: -144px 0; margin: 12px 0 14px 14px; } .format-link .icon-32 { background-position: -144px -32px; margin: -5px 0 14px 14px; } .format-chat .icon-32 { background-position: -144px -64px; margin: 12px 0 14px 14px; } .single .entry-format.quote .quote-bg, .single .entry-format.chat .chat-bg, .single .entry-format.link p a { background-image: url(img/sprite-h.png); background-repeat: repeat-x; background-position: 0 -360px; } /* entry format : common /* ------------------------------------ */ .entry-format { } .content .entry-format { padding-bottom: 30px; } .entry-format p { margin: 14px 0; } /* entry format : image /* ------------------------------------ */ .entry-format.image img { float: left; height: auto; width: 100%; } .entry-format.image .image-container { position: relative; float: left; overflow: hidden; width: 100%; } .image-container { position: relative; } /* entry format : video /* ------------------------------------ */ .entry-format.video { } /* entry format : quote /* ------------------------------------ */ .entry-format.quote { color: #444; } .entry-format.quote .quote-bg { background: #f4f4f4; padding: 10px 30px 10px; } .entry-format.quote blockquote { font-size: 22px; font-weight: 300; line-height: 1.3em; font-style: italic; } /* entry format : link /* ------------------------------------ */ .entry-format.link { } .entry-format.link p { font-size: 22px; font-style: italic; margin: 0; } .entry-format.link p a { background: #f4f4f4; display: block; padding: 24px 30px; } /* entry format : chat /* ------------------------------------ */ .entry-format.chat { } .entry-format.chat .chat-bg { background: #f4f4f4; padding: 10px 30px; } .entry-format.chat p { font-style: italic; font-size: 16px; } /* entry format : status /* ------------------------------------ */ .format-status .entry-title { display: none; } .format-status .text { font-size: 22px; line-height: 1.3em; font-weight: 300; } .single-format-status .entry-title { display: none; } /* entry format : aside /* ------------------------------------ */ .format-aside .entry-title { display: none; } .single-format-aside .entry-title { display: none; } /* entry format : gallery /* ------------------------------------ */ .entry-format.gallery { margin-bottom: 0; padding-bottom: 0; } .flexslider.flex-post { overflow: visible; padding-bottom: 30px; } .single .content-part .entry-format.gallery .flex-post { border-bottom: 1px solid #eee; } .flexslider.flex-post .slides { background: #222; overflow: hidden; position: relative; } .flexslider.flex-post .slides img { max-height: 600px; width: auto; max-width: 100%; box-shadow: 0 0 30px rgba(0,0,0,0.6); } .flexslider.flex-post .flex-control-nav { bottom: 1px; } .caption-bar { background: rgba(0,0,0,0.7); color: #ccc; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); font-size: 13px; line-height: 18px; margin: 4px; display: block; width: auto; position: absolute; bottom: 0; left: 0; } .caption-bar i { font-style: italic; font-size: 12px; padding: 7px 12px; display: block; } /* entry format : audio /* ------------------------------------ */ .entry-format.audio { } .entry-format.audio img { display: block; width: 100%; max-width: 100%; height: auto; } /* jplayer */ div.jp-play-bar, div.jp-volume-bar-value { background-color: #83ad02; } div.jp-audio, div.jp-interface, div.jp-progress, div.jp-seek-bar { width: 100%; min-width: 100%; } div.jp-progress-container, div.jp-volume-bar-container { border-left: 1px solid #333; } div.jp-interface { background: #111; position: relative; overflow: hidden; } div.jp-interface a { -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; } div.jp-interface ul.jp-controls { list-style-type: none; padding: 0; margin: 0; } div.jp-interface ul.jp-controls li { display: inline; } div.jp-interface ul.jp-controls a { position: absolute; overflow: hidden; text-indent: -9999px; } a.jp-play, a.jp-pause { width: 33px; height: 30px; z-index: 1; outline: none; margin-top: 8px; } a.jp-play, a.jp-pause { top: 0; left: 0; } a.jp-play { background: url(img/jplayer.png) 0 0 no-repeat; } a.jp-play:hover { background: url(img/jplayer.png) -33px 0 no-repeat; } a.jp-pause { background: url(img/jplayer.png) 0 -30px no-repeat; display: none; } a.jp-pause:hover { background: url(img/jplayer.png) -33px -30px no-repeat; } div.jp-progress-container { margin-left: 34px; margin-right: 84px; height: 6px; padding: 20px 10px; } div.jp-progress { overflow: hidden; } div.jp-progress { height: 5px; padding: 1px; } div.jp-seek-bar { background-image: url(img/jplayer.png); background-position: 0 -163px; background-repeat: repeat-x; width: 0px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } div.jp-play-bar { background-image: url(img/jplayer.png); background-position: 0 -133px; background-repeat: repeat-x; width: 0px; height: 5px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } div.jp-volume-bar-container { width: 40px; height: 6px; padding: 20px 10px 20px 33px; position: absolute; top: 0; right: 0; } div.jp-volume-bar { background: #3a3b3c; position: relative; overflow: hidden; width: 40px; height: 5px; margin-top: 1px; cursor: pointer; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } div.jp-volume-bar { top: 0; left: 0; } div.jp-volume-bar-value { background-image: url(img/jplayer.png); background-position: 0 -133px; background-repeat: repeat-x; width: 0px; height: 5px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } a.jp-mute, a.jp-unmute { width: 17px; height: 13px; z-index: 1; outline: none; margin-top: 15px; } a.jp-mute, a.jp-unmute { top: 2px; right: 58px; } a.jp-mute { background: url(img/jplayer.png) -10px -68px no-repeat; } a.jp-mute:hover { background: url(img/jplayer.png) -43px -68px no-repeat; } a.jp-unmute { background: url(img/jplayer.png) -10px -98px no-repeat; display: none; } a.jp-unmute:hover { background: url(img/jplayer.png) -43px -98px no-repeat; } div.jp-jplayer { width:0px; height:0px; } /* ------------------------------------------------------------------------- * * Widgets /* ------------------------------------------------------------------------- */ /* home columns /* ------------------------------------ */ .home-widgets .grid { } .home-widgets .widget { padding-bottom: 15px; } .home-widgets .widget:last-child { padding-bottom: 0; } .home-widgets .widget-title { border-bottom: 2px solid #eee; } .home-widgets .widget-title span { background: #eee; padding-left: 8px; } .home-widgets .widget_wpb_tabs li { padding-top: 10px; padding-bottom: 10px; } .home-widgets .widget_wpb_tabs li:last-child { background: none; } .home-widgets .widget_wpb_tabs li { min-height: 65px; } .home-widgets .widget_wpb_tabs li.wpb-thumb-enabled { min-height: 85px; } /* ads header /* ------------------------------------ */ .ads-header { background: #eee; text-align: center; padding: 6px 0; } .ads-header ul div, .ads-header img { margin: 0 auto; display: block; max-width: 100%; height: auto; } .ads-header .widget-title { display: none!important; } .ads-header .one-full { margin-bottom: 0!important; } /* ads footer /* ------------------------------------ */ .ads-footer { background: #333; text-align: center; padding: 6px 0; } .ads-footer ul div, .ads-footer img{ margin: 0 auto; display: block; max-width: 100%; height: auto; } .ads-footer li { padding-bottom: 0!important; } .ads-footer .widget-title { display: none!important; } .ads-footer .one-full { margin-bottom: 0!important; } /* widget /* ------------------------------------ */ .widget { color: #777; font-size: 14px; } .widget a { color: #111; } .widget a:hover { color: #444; text-decoration: underline; } .widget-title { font-family: 'LeagueGothicRegular', Arial, sans-serif; font-weight: normal; font-size: 16px; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 8px; } .widget-title span { display: block; float: left; line-height: 21px; padding: 4px 8px 2px 26px; } .widget-title span span { background: none; padding: 0; margin: 0; } .widget-title a, .widget-title a:hover { color: #fff; } .widget-title a img { display: none; float: left; margin: 3px 7px 0 0; } .sidebar .widget { padding: 20px; } .sidebar .widget-title { border-bottom: 2px solid #111; padding: 0 20px; margin-left: -20px; margin-right: -20px; } .sidebar .widget-title span { background-color: #111; color: #fff; display: block; float: left; } /* widget : title icons /* ------------------------------------ */ .widget-title span { background: url(img/icons-14.png) no-repeat 7px 7px; } .widget_archive .widget-title span { background-position: 7px -33px; } .widget_categories .widget-title span { background-position: 7px -73px; } .widget_links .widget-title span { background-position: 7px -113px; } .widget_meta .widget-title span { background-position: 7px -153px; } .widget_recent_comments .widget-title span { background-position: 7px -193px; } .widget_recent_entries .widget-title span { background-position: 7px -233px; } .widget_pages .widget-title span { background-position: 7px -273px; } .widget_nav_menu .widget-title span { background-position: 7px -313px; } .widget_rss .widget-title span { background-position: 7px -353px; } .widget_search .widget-title span { background-position: 7px -393px; } .widget_tag_cloud .widget-title span { background-position: 7px -433px; } .widget_text .widget-title span { background-position: 7px 7px; } .widget_calendar .widget-title span { background-position: 7px -513px; } .wpb_widget_recent_entries .widget-title span { background-position: 7px -233px; } /* widget : common /* ------------------------------------ */ .widget_archive ul li, .widget_categories ul li, .widget_links ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_rss ul li, .widget_pages ul li a, .widget_nav_menu ul li a{ padding: 8px 0; background: url(img/hr.png) repeat-x bottom; } .widget_search .widget-title, .widget_text .widget-title, .widget_tag_cloud .widget-title, .widget_calendar .widget-title { margin-bottom: 20px; } /* widget : archives /* ------------------------------------ */ .widget_archive ul li { color: #999; } .widget_archive ul li a { background: url(img/widgets/arrow.png) no-repeat 4px 4px; padding-left: 20px; display: inline-block; } /* widget : categories /* ------------------------------------ */ .widget_categories ul li { color: #999; } .widget_categories ul li a { background: url(img/widgets/arrow.png) no-repeat 4px 4px; padding-left: 20px; display: inline-block; } /* widget : links /* ------------------------------------ */ .widget_links ul li { color: #999; } .widget_links ul li a { background: url(img/widgets/link.png) no-repeat 4px 4px; padding-left: 20px; display: inline-block; } /* widget : meta /* ------------------------------------ */ .widget_meta ul li a { background: url(img/widgets/arrow.png) no-repeat 4px 4px; padding-left: 20px; display: inline-block; } /* widget : recent comments /* ------------------------------------ */ .widget_recent_comments ul li { } /* widget : recent entries /* ------------------------------------ */ .widget_recent_entries ul li a { background: url(img/widgets/paper.png) no-repeat 4px 4px; padding-left: 20px; display: inline-block; } /* widget : pages /* ------------------------------------ */ .widget_pages ul li a:hover { background-color: #f4f4f4; } .widget_pages ul li a { padding-left: 15px; display: block; } .widget_pages li li a { padding-left: 25px; } .widget_pages li li li a { padding-left: 35px; } .widget_pages ul ul, .widget_pages ul ul ul { border: 0; } /* widget : nav menu /* ------------------------------------ */ .widget_nav_menu ul li a:hover { background-color: #f4f4f4; } .widget_nav_menu ul li a { padding-left: 15px; display: block; } .widget_nav_menu li li a { padding-left: 25px; } .widget_nav_menu li li li a { padding-left: 35px; } .widget_nav_menu ul ul, .widget_nav_menu ul ul ul { border: 0; } /* widget : rss /* ------------------------------------ */ .widget_rss ul li { } .widget_rss ul li a { color: #ed1a3b; font-size: 13px; } .widget_rss ul li span.rss-date { color: #444; font-size: 11px; font-weight: 600; display: block; } .widget_rss ul li .rssSummary { font-size: 11px; margin-top: 2px; } /* widget : search /* ------------------------------------ */ .widget_search { } .widget_search div { background: #fff url(img/widgets/search.png) no-repeat 8px 9px; padding-left: 26px; border: 1px solid #ddd; border-top-color: #d5d5d5; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .widget_search input#s { background: transparent; width: 98%; padding: 6px 0; color: #777; border: 0; } .widget_search input#s:focus { color: #444; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget_search label.screen-reader-text { display: none; } .widget_search input#searchsubmit { display: none; } /* widget : tag cloud /* ------------------------------------ */ .widget_tag_cloud { } .widget_tag_cloud .tagcloud { } .widget_tag_cloud .tagcloud a { color: #999; } .widget_tag_cloud .tagcloud a:hover { color: #ed1a3b; text-decoration: none; } /* widget : text /* ------------------------------------ */ .sidebar .widget.widget_text { font-size: 13px; } .widget_text .textwidget p { margin-bottom: 10px; } /* widget : calendar /* ------------------------------------ */ .widget_calendar a { color: #ed1a3b ; font-weight: 600; } .widget_calendar a:hover { color: #444; } .widget_calendar #wp-calendar { width: 100%; } .widget_calendar caption { background: #ed1a3b; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); margin: 0 0 6px 0; padding: 5px 10px; font-family: 'LeagueGothicRegular', Arial, sans-serif; font-weight: normal; font-size: 18px; letter-spacing: 0.5px; text-transform: uppercase; } .widget_calendar thead { background: #ddd; text-shadow: 0 1px 0 rgba(255,255,255,1); font-family: 'LeagueGothicRegular', Arial, sans-serif; font-weight: normal!important; font-size: 16px; letter-spacing: 0.5px; text-transform: uppercase; -moz-box-shadow: 0 1px 0 #ccc; -webkit-box-shadow: 0 1px 0 #ccc; box-shadow: inset 0 -1px 0 #ccc; } .widget_calendar tbody a { color: #111; } .widget_calendar tbody, .widget_calendar tfoot { background: #f1f1f1; } .widget_calendar th { color: #111; } .widget_calendar th, .widget_calendar td { padding: 3px 0; text-align: center; border: 1px solid #ddd; } .widget_calendar tbody td, .widget_calendar tfoot td { -moz-box-shadow: inset 1px 1px 0 #fff; -webkit-box-shadow: inset 1px 1px 0 #fff; box-shadow: inset 1px 1px 0 #fff; } .widget_calendar .pad { padding-left: 0; padding-right: 0; } /* widget : wpb tabs /* ------------------------------------ */ .widget_wpb_tabs .wpb-tabs { padding-top: 10px; } .widget_wpb_tabs .wpb-tabs li { background: none; padding: 0; float: left; display: block; } .widget_wpb_tabs .wpb-tabs.tabs-2 li { width: 50%; } .widget_wpb_tabs .wpb-tabs.tabs-3 li { width: 33.3%; } .widget_wpb_tabs .wpb-tabs.tabs-4 li { width: 25%; } .widget_wpb_tabs .wpb-tabs li a { display: block; background: #ddd; border-left: 1px solid #fff; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.6); } .widget_wpb_tabs .wpb-tabs li a:hover { background: #d5d5d5; } .widget_wpb_tabs .wpb-tabs li:first-child a { border-left: 0; } .widget_wpb_tabs .wpb-tabs li a.active { background: #ed1a3b!important; color: #fff; } .widget_wpb_tabs .wpb-tabs li span { background: url(img/widgets/tabs.png) no-repeat center top; height: 32px; display: block; width: 100%; overflow: hidden; text-indent: -999px; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-recent span { background-position: center 0; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-recent .active span { background-position: center -32px; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-popular span { background-position: center -64px; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-popular .active span { background-position: center -96px; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-comments span { background-position: center -128px; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-comments .active span { background-position: center -160px; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-tags span { background-position: center -192px; } .widget_wpb_tabs .wpb-tabs li.wpb-tab-tags .active span { background-position: center -224px; } .widget_wpb_tabs { } .widget_wpb_tabs ul { padding: 0; width: 100%; } .widget_wpb_tabs ul.wpb-tab { display: none; } .widget_wpb_tabs li { background: url(img/hr.png) repeat-x bottom; padding: 15px 0; width: 100%; } .widget_wpb_tabs a { display: block; } .widget_wpb_tabs .list-tags a { display: inline; } .widget_wpb_tabs a:active .icon-thumb { opacity: 0.8; } .widget_wpb_tabs a img { display: block; width: 100%; height: auto; } .widget_wpb_tabs a:hover img { opacity: 0.9; } .widget_wpb_tabs a span { display: block; } .widget_wpb_tabs .wpb-thumb { position: relative; float: left; } .widget_wpb_tabs .wpb-thumb-enabled a { padding-left: 110px; } .widget_wpb_tabs .wpb-thumb { width: 96px; margin-left: -110px; } .widget_wpb_tabs .list-comments .wpb-thumb-enabled a { padding-left: 78px; } .widget_wpb_tabs .list-comments .wpb-thumb { width: 64px; margin-left: -78px; } .widget_wpb_tabs .format-video a .icon-thumb { background-position: -94px -100px; } .widget_wpb_tabs .format-audio a .icon-thumb { background-position: -94px -150px; } .widget_wpb_tabs .wpb-text i { font-style: normal; display: block; float: left; width: 100%; } .widget_wpb_tabs a:hover .wpb-text i.title { text-decoration: underline; } .widget_wpb_tabs .wpb-text i.meta { color: #999; font-style: italic; font-size: 12px; } /* widget : wpb video /* ------------------------------------ */ .widget_wpb_video .widget-title { margin-bottom: 18px; } .widget_wpb_video .video-container { } /* ------------------------------------------------------------------------- * * Section: Breadcrumbs /* ------------------------------------------------------------------------- */ #breadcrumb { background: #f4f4f4; border-top: 1px solid #ddd; } #breadcrumb-inner { padding: 14px 0; } #breadcrumb .pad { padding-top: 0; padding-bottom: 0; } ul#breadcrumbs { font-size: 12px; line-height: 30px; list-style: none; } ul#breadcrumbs li { float: left; } ul#breadcrumbs li a, ul#breadcrumbs li span { line-height: 32px; float: left; display: block; padding: 0 20px 0 12px; } ul#breadcrumbs li a { color: #111; background: url(img/breadcrumb.png) no-repeat right 0; } ul#breadcrumbs li.last a { background-image: none; } ul#breadcrumbs li span { color: #777; background-image: none; } ul#breadcrumbs li span i { font-style: normal; } ul#breadcrumbs li span.nolink { background: url(img/breadcrumb.png) no-repeat right 0; } ul#breadcrumbs li.first a { background: url(img/breadcrumb-first.png) no-repeat right 0; } ul#breadcrumbs li a:hover { text-decoration: underline; } ul#breadcrumbs li a.home { padding: 0; width: 27px; text-indent: -999px; overflow: hidden; } /* ------------------------------------------------------------------------- * * Section: Subfooter /* ------------------------------------------------------------------------- */ #subfooter { background: #222; border-bottom: 1px solid #292929; } #subfooter-inner { } #subfooter-inner .pad { padding-bottom: 10px; } #subfooter .widget { font-size: 13px; color: #777; padding-bottom: 30px; } #subfooter .widget a { color: #999; } #subfooter .widget a:hover { color: #ccc; text-decoration: underline; } #subfooter .widget-title { border-bottom: 2px solid #333; } #subfooter .widget-title a { color: #fff; } #subfooter .widget-title a:hover { color: #fff; } #subfooter .widget-title span { background-color: #333; color: #fff;} /* footer widget : common /* ------------------------------------ */ #subfooter .widget_archive ul li, #subfooter .widget_categories ul li, #subfooter .widget_links ul li, #subfooter .widget_meta ul li, #subfooter .widget_recent_comments ul li, #subfooter .widget_recent_entries ul li, #subfooter .widget_rss ul li, #subfooter .widget_pages ul li a, #subfooter .widget_nav_menu ul li a, #subfooter .widget_wpb_tabs li { background: url(img/hr-light.png) repeat-x bottom; } #subfooter .widget_archive ul li, #subfooter .widget_categories ul li, #subfooter .widget_links ul li, #subfooter .widget_wpb_tabs .wpb-text i.meta { color: #777; } #subfooter .widget_pages ul li a:hover, #subfooter .widget_nav_menu ul li a:hover { background-color: #161616; } /* footer widget : rss /* ------------------------------------ */ #subfooter .widget_rss ul li a { color: #ccc; } #subfooter .widget_rss ul li span.rss-date { color: #777; } #subfooter .widget_rss ul li .rssSummary { color: #777; } /* footer widget : search /* ------------------------------------ */ #subfooter .widget_search { } #subfooter .widget_search div { background-color: transparent; border-color: #292929; } #subfooter .widget_search input#s { color: #777; font-size: 13px; } #subfooter .widget_search input#s:focus { color: #999; } /* footer widget : tag cloud /* ------------------------------------ */ #subfooter .widget_tag_cloud .tagcloud a:hover { color: #ccc; text-decoration: none; } /* footer widget : calendar /* ------------------------------------ */ #subfooter .widget_calendar .pad { padding: 0; } #subfooter .widget_calendar a { color: #ed1a3b; } #subfooter .widget_calendar a:hover { color: #777; } #subfooter .widget_calendar thead { background: #161616; text-shadow: 0 1px 0 rgba(0,0,0,0.8); -moz-box-shadow: 0 1px 0 #111; -webkit-box-shadow: 0 1px 0 #111; box-shadow: inset 0 -1px 0 #111; } #subfooter .widget_calendar tbody a { color: #fff; } #subfooter .widget_calendar tbody, #subfooter .widget_calendar tfoot { background: #222; } #subfooter .widget_calendar th { color: #fff; } #subfooter .widget_calendar th, #subfooter .widget_calendar td { border: 1px solid #181818; } #subfooter .widget_calendar tbody td, #subfooter .widget_calendar tfoot td { -moz-box-shadow: inset 1px 1px 0 #262626; -webkit-box-shadow: inset 1px 1px 0 #262626; box-shadow: inset 1px 1px 0 #262626; } /* footer widget : tabs /* ------------------------------------ */ #subfooter .widget_wpb_tabs .wpb-tabs li a { background-color: #333; border-color: #222; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #subfooter .widget_wpb_tabs .wpb-tabs li a:hover { background-color: #383838; } #subfooter .widget_wpb_tabs .wpb-tabs li.wpb-tab-recent span { background-position: center -32px; } #subfooter .widget_wpb_tabs .wpb-tabs li.wpb-tab-popular span { background-position: center -96px; } #subfooter .widget_wpb_tabs .wpb-tabs li.wpb-tab-comments span { background-position: center -160px; } #subfooter .widget_wpb_tabs .wpb-tabs li.wpb-tab-tags span { background-position: center -224px; } /* footer widget : shortcodes /* ------------------------------------ */ #subfooter .toggle { border-color: #333; } #subfooter .toggle .title { color: #999; } #subfooter .toggle .title:hover { color: #ccc; background-color: #262626; } #subfooter .toggle .title.active { color: #ccc; } #subfooter .toggle .title .icon { background-color: #333; top: 22px; } #subfooter .toggle .inner { border-color: #333; } #subfooter .accordion, #subfooter .accordion .title a { border-color: #333; } #subfooter .accordion .title a:hover { color: #ccc; background: none; text-decoration: none; } #subfooter .accordion .title:hover { background: none; } #subfooter .accordion .title .icon { background-color: #333; top: 27px; } /* ------------------------------------------------------------------------- * * Section: Footer /* ------------------------------------------------------------------------- */ #footer { background: #111; color: #777; width: 100%; } #footer-inner { } #footer-inner a { color: #777; } #footer-inner a:hover { color: #ccc; text-decoration: underline; } #footer .pad { padding-top: 0; padding-bottom: 0; } /* footer : nav /* ------------------------------------ */ /* level 1 */ #nav-alt { background: #222 url(img/nav-alt.png) repeat top; font-family: 'LeagueGothicRegular', Arial, sans-serif; font-weight: normal; font-size: 0; text-align: center; border-bottom: 1px solid #292929; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } #nav-alt li { border-right: 1px solid #292929; list-style: none; display: inline-block; position: relative; } #nav-alt li:first-child { border-left: 1px solid #292929; } #nav-alt li a { font-size: 16px; color: #888; display: inline-block; text-transform: uppercase; line-height: 20px; padding: 12px 20px; } #nav-alt li a:hover, #nav-alt li:hover a { background: #333; color: #ccc!important; text-decoration: none; } #nav-alt li a:hover, #nav-alt li:hover a, #nav-alt li.current_page_item a, #nav-alt li.current-menu-ancestor a, #nav-alt li.current-menu-item a { color: #ccc; } /* level 2 */ #nav-alt li:hover > ul { display: block; } #nav-alt ul { display: none; text-align: left; background: #333; padding: 10px 20px; width: 140px; font-weight: normal; position: absolute; bottom: 44px; left: 0; z-index: 999; -moz-box-shadow: 0 -2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.15); box-shadow: 0 -2px 2px rgba(0,0,0,0.15); } #nav-alt ul li { background: none; border: none; position: relative; padding-bottom: 0; float: left; margin: 0; } #nav-alt ul li:first-child { border-left: 0; } #nav-alt ul li a, #nav-alt li:hover ul li a { background: transparent url(img/hr-light.png) repeat-x bottom!important; color: #888!important; text-shadow: none!important; font-size: 16px; line-height: 16px; font-weight: normal; float: none; padding: 10px 0; width: 140px; display: block; } #nav-alt ul li a:hover, #nav-alt li:hover ul li a:hover { color: #ccc!important; } #nav-alt ul.sub-menu li:last-child a { border-bottom: 0; } #nav-alt li.current-menu-parent ul li.current_page_item a, #nav-alt li.current-menu-parent ul li.current-menu-item a { color: #ccc!important; } /* level 3 */ #nav-alt ul ul { display: none!important; width: 140px; position: absolute; top: -10px; left: 140px; } #nav-alt ul li:last-child ul a { background: transparent url(img/hr-light.png) repeat-x bottom!important; } #nav-alt ul li ul li:last-child a { border-bottom: 0!important; } /* footer : bottom /* ------------------------------------ */ #footer #footer-bottom .pad { padding-top: 0; padding-bottom: 30px; } #footer-bottom .grid { background: url(img/hr-light.png) repeat-x bottom; padding: 20px 0; margin: 0; width: 100%; text-align: center; } #footer #footer-logo { display: block; margin: 10px auto 20px; max-height: 80px; width: auto; } #footer #copy { color: #777; font-size: 13px; line-height: 20px; padding: 4px 0; } #footer-social { } #footer-social li { display: inline-block; margin: 0 3px; line-height: 16px; position: relative; } #footer-social li a { background: #222; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } #footer-social li a { line-height: 16px; padding: 8px; display: block; } #footer-social li a:hover { background: #292929; } #footer-social li a span.icon { display: block; height: 16px; width: 16px; position: relative; } #footer-social li a span.icon img { opacity: 0.7; display: block; } #footer-social li a:hover span.icon img { opacity: 1; } #footer-social li a span.icon-title { display: none; } #footer-social li a:hover span.icon-title { background: #fff; display: inline-block; text-align: center; color: #111; padding: 4px 8px; font-size: 11px; line-height: 16px; white-space: nowrap; position: absolute; top: -36px; right: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0 0 10px rgba(0,0,0,0.7); } #footer-social li a:hover span.icon-title i.icon-pike { background: url(img/sprite-v.png) no-repeat -176px 0; width: 9px; height: 5px; position: absolute; bottom: -5px; right: 11px; } #footer a#to-top { background: #ed1a3b url(img/footer-to-top.png) repeat-x top; display: block; height: 30px; margin: -10px 0 0; float: left; width: 100%; } #footer a#to-top:hover { background-color: #777; } /* ------------------------------------------------------------------------- * * Comments /* ------------------------------------------------------------------------- */ #comments { width: 100%; position: relative; } /* parent */ .commentlist li { list-style: none; font-size: 12px; padding-left: 70px; } .commentlist li .comment-body { background: #f4f4f4; clear: both; border-bottom: 1px solid #eee; padding: 14px 20px 38px; margin: 0 0 10px 0; position: relative; } .commentlist li .comment-body .comment-author { display: block; margin-bottom: 4px; } .commentlist li .comment-body .fn { color: #444; font-size: 13px; font-style: normal; font-weight: 600; } .commentlist li .comment-body .fn a { color: #444; } .commentlist li .comment-body .fn a:hover { color: #444; } .commentlist li .comment-body .says { display: none; } .commentlist li .comment-body .avatar { position: absolute; left: -70px; top: 0; width: 60px; height: 60px; } .commentlist li .comment-body p { margin-bottom: 8px; color: #777; clear: both; line-height: 1.5em; } /* child */ .commentlist li ul { margin: 0 0 10px 0; } .commentlist li ul li { border-left: 1px solid #f4f4f4; padding: 0 0 10px 30px; margin: 0; } .commentlist li ul li .comment-body { margin: 0; padding: 12px 20px 38px 70px; } .commentlist li ul li .comment-body .fn { font-size: 13px; } .commentlist li ul li .comment-body .avatar { width: 40px; height: 40px; left: 15px; top: 15px; } .commentlist li ul li .comment-body .comment-meta { left: 70px; } .commentlist li ul ul { margin: 10px 0 0 0; } .commentlist li:last-child, .commentlist li li:last-child, .commentlist li li li:last-child, .commentlist li li li li:last-child { padding-bottom: 0!important; } /* misc */ .commentlist .comment-meta { display: block; position: absolute; bottom: 18px; left: 20px; font-size: 11px; line-height: 12px; } .commentlist .comment-meta a { color: #999; } .commentlist .comment-meta a.comment-edit-link:hover { color: #444; } .commentlist .reply { position: absolute; bottom: 0; right: 1px; } .commentlist .reply a { background: #ddd url(img/sprite-h.png) repeat-x 0 -240px; font-size: 11px; color: #444; display: block; line-height: 24px; text-align: center; padding: 0 8px; border: 1px solid; border-color: #dadada #d7d7d7 #b4b4b4 #d7d7d7; text-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(0,0,0,0.1); -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } .commentlist .reply a:hover { background-position: 0 -280px; } .commentlist .reply a:active { background-position: 0 -320px; color: #111; border-color: #b4b4b4 #d7d7d7 #b4b4b4 #d7d7d7; } .commentlist li.pingback .reply { display: none; } .commentlist li.bypostauthor .comment-body { background-image: url(img/comment-author.png); background-repeat: no-repeat; background-position: right 10px; } .commentlist li.bypostauthor li .comment-body { background-image: none; } .commentlist li.bypostauthor ul li.bypostauthor .comment-body { background-image: url(img/comment-author.png); background-position: right 10px; } .comment-awaiting-moderation { color: #ed1a3b; font-style: normal; } /* comments : nav /* ------------------------------------ */ #comment-nav { margin: 30px 0; padding: 10px; border: 1px solid #eee; } #comment-nav a { font-weight: 600; } #comment-nav .nav-previous { float: left; } #comment-nav .nav-next { float: right; } /* comments : form /* ------------------------------------ */ .logged-in-as, .comment-notes, .form-allowed-tags { display: none; } #respond { background: #f4f4f4; padding: 20px; position: relative; } li #respond { padding-top: 10px; margin-bottom: 10px; } li li #respond { margin-top: 10px; margin-bottom: 0; } #reply-title { margin: 4px 0 8px; } li #reply-title { font-size: 0; margin: 0!important; height: 0; } #cancel-comment-reply-link { color: #999; font-family: 'Droid Serif', serif; display: block; position: absolute; bottom: 26px; right: 20px; font-size: 12px; font-weight: normal; letter-spacing: 0; text-transform: none; } #cancel-comment-reply-link:hover { color: #777; } #commentform p.comment-form-author { width: 48%; float: left; } #commentform p.comment-form-email { width: 48%; float: right; } #commentform p.comment-form-url, #commentform p.comment-form-comment { clear: both; } #commentform label { padding: 7px 0; font-weight: bold; display: block; } #commentform input[type="text"], #commentform textarea { max-width: 100%; width: 100%; } #commentform textarea { height: 140px; } #commentform p.form-submit { margin-top: 10px; } .logged-in #reply-title { margin-bottom: 20px; } .logged-in #commentform p.comment-form-comment { margin-top: 10px; } .logged-in #commentform p.comment-form-comment label { display: none; } /* ------------------------------------------------------------------------- * * Template: Sitemap /* ------------------------------------------------------------------------- */ .sitemap { padding-top: 30px; font-size: 13px; color: #999; } .sitemap .heading { background: url(img/hr.png) repeat-x bottom; padding-bottom: 10px; margin-bottom: 10px; } .sitemap ul { margin-bottom: 14px; } .sitemap li { border-left: 4px solid #eee; padding-left: 20px; display: block; padding-top: 4px; padding-bottom: 4px; } .sitemap li li li { padding-top: 3px; padding-bottom: 3px; } .sitemap ul ul { margin-top: 10px; } .sitemap ul ul ul { font-size: 12px; } /* ------------------------------------------------------------------------- * * Template: Child Menu Left / Right /* ------------------------------------------------------------------------- */ #child-menu { zoom: 1; position: relative; margin: 30px; font-family: 'LeagueGothicRegular', Arial, sans-serif; letter-spacing: 0.5px; } #child-menu li a { background: #111 url(img/icons-14.png) no-repeat 7px -313px; font-size: 16px; color: #fff; font-weight: 400; text-transform: uppercase; display: block; padding: 4px 8px 4px 26px; } /* show only current page items */ #child-menu li { display: none; } #child-menu li.current_page_item, #child-menu li.current_page_parent, #child-menu li.current_page_ancestor, #child-menu li.current-menu-item, #child-menu li.current-menu-parent, #child-menu li.current-menu-ancestor { display: block; } #child-menu li.current_page_item ul li, #child-menu li.current_page_parent ul li, #child-menu li.current_page_ancestor ul li, #child-menu li.current-menu-item ul li, #child-menu li.current-menu-parent ul li, #child-menu li.current-menu-ancestor ul li { display: block; } #child-menu li.current_page_item ul li li, #child-menu li.current_page_parent ul li li, #child-menu li.current_page_ancestor ul li li, #child-menu li.current-menu-item ul li li, #child-menu li.current-menu-parent ul li li, #child-menu li.current-menu-ancestor ul li li { display: none; } #child-menu li ul li.current_page_item li, #child-menu li ul li.current_page_parent li, #child-menu li ul li.current_page_ancestor li, #child-menu li ul li.current-menu-item li, #child-menu li ul li.current-menu-parent li, #child-menu li ul li.current-menu-ancestor li { display: block; } /* on 2-depth */ #child-menu li ul { border: 1px solid #d5d5d5; } #child-menu li ul li { border-bottom: 1px solid #ddd; } #child-menu li ul li a { background: #f4f4f4; float: none; margin: 0; font-size: 18px; font-weight: 400; text-transform: uppercase; border-bottom: 0; color: #777; text-shadow: 0 1px 0 #fff; display: block; padding: 12px 20px; -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; } #child-menu li ul li:last-child { border-bottom: 0; } #child-menu li ul li a:hover { background: #ebebeb; color: #111; } #child-menu li li.current_page_item a, #child-menu li li.current-menu-item a, #child-menu li li.current_page_parent a, #child-menu li li.current_page_item a:hover, #child-menu li li.current-menu-item a:hover, #child-menu li li.current_page_parent a:hover { background: #e5e5e5; color: #000; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* on 3-depth */ #child-menu li ul li ul { font-family: 'Droid Serif', serif; background: #e5e5e5 url(img/hr.png) repeat-x top; border: none; float: none; width: 100%; } #child-menu li ul li ul li { padding: 0; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #child-menu li ul li ul li:first-child { padding-top: 5px; } #child-menu li ul li ul li:last-child { padding-bottom: 5px; } #child-menu li ul li ul li a { font-weight: normal; font-size: 13px; padding: 5px 20px; margin-top: 1px; } #child-menu li li.current_page_item li a, #child-menu li li.current-menu-item li a, #child-menu li li.current_page_parent li a { text-shadow: 0 1px 0 #fff; text-transform: none; background: none; color: #777; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #child-menu li li.current_page_item li a:hover, #child-menu li li.current-menu-item li a:hover, #child-menu li li.current_page_parent li a:hover { background: #d5d5d5; color: #111; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); } #child-menu li li li.current_page_item a, #child-menu li li li.current-menu-item a, #child-menu li li li.current_page_item a:hover, #child-menu li li li.current-menu-item a:hover { background: #d5d5d5; color: #ed1a3b; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); } /* ------------------------------------------------------------------------- * * Plugins /* ------------------------------------------------------------------------- */ /* plugin : wp-pagenavi /* ------------------------------------ */ .wp-pagenavi { text-align: right; font-weight: 600; float: right; } .wp-pagenavi a, .wp-pagenavi span { font-size: 13px; padding: 4px 8px!important; display: block; line-height: 20px; float: left; margin: 2px; text-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 0 rgba(0,0,0,0.1); -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } .wp-pagenavi span.pages, .wp-pagenavi span.extend { color: #999; border: 1px solid #eee!important; font-weight: normal; } .wp-pagenavi a { color: #444; } .wp-pagenavi a { background: #ddd url(img/sprite-h.png) repeat-x 0 -240px; display: block; font-weight: bold; text-align: center; padding: 5px 12px; border: 1px solid; border-color: #dadada #d7d7d7 #b4b4b4 #d7d7d7!important; } .wp-pagenavi a:hover { background-position: 0 -280px; border-color: #cecece #ccc #adadad #ccc!important; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15); } .wp-pagenavi a:active, .wp-pagenavi span.current { background: #ddd url(img/sprite-h.png) repeat-x 0 -320px; border-color: #b4b4b4 #c2c2c2 #b4b4b4 #c2c2c2!important; } .wp-pagenavi span.current { color: #111!important; } /* plugin : contact form 7 /* ------------------------------------ */ .wpcf7 { } .wpcf7 p { margin: 0 0 12px; width: 100%; float: left; position: relative; } .wpcf7 label { display: block; float: left; width: 20%; margin: 9px 0 0 12px; text-align: left; } .wpcf7 input[type="text"] { display: block; float: left; padding: 10px; width: 60%; } .wpcf7 textarea { display: block; float: left; padding: 10px; width: 96%; } .wpcf7 input[type="text"], .wpcf7 textarea { background: #f8f8f8; } .wpcf7 div.wpcf7-validation-errors { border: none; margin: 0; padding: 0; } .wpcf7 div.wpcf7-mail-sent-ok, .wpcf7 div.wpcf7-mail-sent-ng { border: none; } .wpcf7 div.wpcf7-response-output { margin: 0; padding: 0; } .wpcf7 span.wpcf7-form-control-wrap { display: block; position: relative; } .wpcf7 span.wpcf7-not-valid-tip { background: #f2dede; border-color: #e3bfbf; color: #b94a48; padding: 3px 6px; width: 246px; font-size: 12px; position: absolute; left: 7px; top: 6px; display: block; } /* ------------------------------------------------------------------------- * * fancyBox /* ------------------------------------------------------------------------- */ /*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; padding: 0; margin: 0; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .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 { padding: 0; margin: 0; position: relative; outline: none; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(img/fancybox/fancybox-sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8020; } #fancybox-loading div { width: 44px; height: 44px; background: url(img/fancybox/fancybox-loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background: transparent url(img/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 20px; background-position: 0 -36px; } .fancybox-next span { right: 20px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; } /* overlay helper */ #fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: #000; } #fancybox-overlay.overlay-fixed { position: fixed; bottom: 0; right: 0; } /* title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8030; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 2px #222; color: #fff; font-weight: bold; line-height: 24px; white-space: nowrap; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { margin-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0,0,0,.8);} /* ------------------------------------------------------------------------- * * Flexslider /* ------------------------------------------------------------------------- */ .flexslider { margin: 0 0 60px; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* flexslider : resets /* ------------------------------------ */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* flexslider : necessary styles /* ------------------------------------ */ .flexslider { overflow: hidden; margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; height: auto; display: block; margin: 0 auto; opacity: 0.99; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%;} .no-js .slides > li:first-child { display: block; } /* flexslider : direction nav /* ------------------------------------ */ .flex-direction-nav { *height: 0; position: absolute; top: 10px; right: 10px; } .flex-direction-nav a { width: 43px; height: 43px; margin: 0 0 0; display: block; background: url(img/sprite-v.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .flex-direction-nav li { float: left; margin-left: 4px; } .flex-direction-nav .flex-next { background-position: 0 0; } .flex-direction-nav .flex-prev { background-position: 0 -43px; } .flexslider:hover .flex-next, .flexslider:hover .flex-prev { opacity: 0.8; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; } /* flexslider : control nav /* ------------------------------------ */ .flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center; } .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(img/sprite-v.png) no-repeat -43px 0; width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none; } .flex-control-paging li a:hover { background-position: -43px -13px; } .flex-control-paging li a.flex-active { background-position: -43px -26px; cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: .7; right: 0; } .flex-direction-nav .flex-next { opacity: .7; right: 0; } } /* ------------------------------------------------------------------------- * * IE Fixes /* ------------------------------------------------------------------------- */ .ie .newsflash .article .pad { background: #111; } .ie .caption-bar, .ie #page-image-text span.description i, .ie .megaspot .entry .entry-thumbnail .entry-title { background: url(img/ie/opacity-70.png) repeat; } .ie7 #nav-topbar li, .ie7 #nav li, .ie7 #nav-sub li, .ie7 #subnav li, .ie7 #nav-alt li, .ie7 #footer-social li { display: inline; } .ie7 .flexslider:hover .flex-next, .ie7 .flexslider:hover .flex-prev { opacity: 1; } .ie7 .entry-part { width: 100%; } .ie7 #nav-topbar { position: relative; z-index: 11; } .ie7 #header-nav { position: relative; z-index: 9; } .ie7 .megaspot .flex-megaspot .flex-control-nav { bottom: 0; } /* ------------------------------------------------------------------------- * * Shortcodes /* ------------------------------------------------------------------------- */ /* shortcode : columns /* ------------------------------------ */ .grid { margin-right: 2.1%; float: left; display: inline; position: relative; } .last { clear: right; margin-right: 0!important; } .one-full { margin-right: 0; width: 100%; overflow: hidden; } .one-half { width: 48.9%; } .one-third { width: 31.9%; } .two-third { width: 65.9%; } .one-fourth { width: 23.4%; } .three-fourth { width: 74.4%; } .one-fifth { width: 18.3%; } .two-fifth { width: 38.8%; } .three-fifth { width: 59.2%; } .four-fifth { width: 79.6%; } .content-part .grid { margin-right: 3.2%; } .content-part .one-half { width: 48.4%; } .content-part .one-third { width: 31.2%; } .content-part .two-third { width: 65.6%; } .content-part .one-fourth { width: 22.6%; } .content-part .three-fourth { width: 74.2%; } .content-part .one-fifth { width: 17.4%; } .content-part .two-fifth { width: 38.1%; } .content-part .three-fifth { width: 58.7%; } .content-part .four-fifth { width: 79.4%; } /* shortcode : buttons /* ------------------------------------ */ .button-wrap { display: block; margin: 14px 0; } a.button { background: #ed1a3b; color: #fff; font-size: 13px; padding: 6px 12px; display: inline-block; text-shadow: 0 1px 0 rgba(0,0,0,0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } a.button:hover { background-color: #666; } a.button:active { background-color: #555; } a.button.small { font-size: 11px; padding: 6px 10px; } a.button.medium { font-size: 14px; padding: 6px 12px; } a.button.large { font-size: 16px; padding: 9px 16px; } a.button.light { background: #eee url(img/shortcodes/button-light.png) repeat-x top; color: #666; text-shadow: 0 1px 0 rgba(255,255,255,0.9); border: 1px solid #ccc; border-bottom-color: #bbb; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 1px 0 rgba(0,0,0,0.05); } a.button.light:hover { color: #444; border-color: #aaa; } a.button.light:active { background-image: none; } a.button.dark { background: #444 url(img/shortcodes/button-dark.png) repeat-x top; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2); } a.button.dark:hover { background-color: #555; } a.button.dark:active { background-image: none; } /* shortcode : lists /* ------------------------------------ */ ul.list { margin: 0 0 20px 0; font-size: 13px; } ul.list li { padding: 7px 0 7px 24px; list-style: none; border-bottom: 1px dotted #e5e5e5; text-align: left; } ul.list.arrow li { background: url(img/shortcodes/list-arrow.png) no-repeat 0 11px; } ul.list.check li { background: url(img/shortcodes/list-check.png) no-repeat 0 11px; } ul.list.plus li { background: url(img/shortcodes/list-plus.png) no-repeat 0 11px; } ul.list.minus li { background: url(img/shortcodes/list-minus.png) no-repeat 0 11px; } ul.list.cross li { background: url(img/shortcodes/list-cross.png) no-repeat 0 11px; } /* shortcode : alerts /* ------------------------------------ */ .alert { position: relative; padding: 12px 30px 12px 20px; text-align: center; font-size: 12px; margin: 0 0 20px 0; border: 1px solid; } .alert a { color: #444; } .alert .alert-close { opacity: 0.4; background: url(img/shortcodes/alert-close.png) no-repeat 0 0; width: 12px; height: 12px; display: block; position: absolute; top: 15px; right: 10px; overflow: hidden; text-indent: -999px; } .alert .alert-close:hover { opacity: 1; } .alert.notice { background: #fff; border-color: #e8e8e8; } .alert.warning { background: #fbeed5; border-color: #e4ddb7; color: #ad8643; } .alert.success { background: #dff0d8; border-color: #c1e1b4; color: #468847; } .alert.error { background: #f2dede; border-color: #e3bfbf; color: #b94a48; } .alert.info { background: #d9edf7; border-color: #b7dbed; color: #3a87ad; } /* shortcode : dropcap /* ------------------------------------ */ .dropcap { color: #111; display: block; float: left; font-size: 60px; font-weight: bold; line-height: 1em; margin: 0 10px 0 0; } /* shortcode : pullquotes /* ------------------------------------ */ .pullquote-left { color: #111; border-left: 6px solid #eee; float: left; margin: 18px 20px 18px 0; padding: 0 0 0 20px; font-size: 16px; font-weight: bold; line-height: 22px; width: 40%; } .pullquote-right { color: #111; border-right: 6px solid #eee; float: right; margin: 18px 0 18px 20px; padding: 0 20px 0 0; font-size: 16px; font-weight: bold; line-height: 22px; width: 40%; } /* shortcode : highlights /* ------------------------------------ */ .highlight { color: #111; border-bottom: 1px dotted #111; } /* shortcode : tabs /* ------------------------------------ */ .tabs { width: 99.4%; margin-bottom: 20px; font-size: 13px; } ul.tabs-nav { margin: 0 0 0 1px; padding: 0; width: 100%; z-index: 2; position: relative; } ul.tabs-nav li { list-style: none; } ul.tabs-nav li a { background: #f6f6f6; color: #777; border: 1px solid #e5e5e5; border-bottom: 0; display: inline-block; float: left; padding: 9px 14px 9px 14px; margin-left: -1px; } ul.tabs-nav li a:hover { color: #444; cursor: pointer; } ul.tabs-nav li a.active { border-top-color: #ed1a3b; color: #ed1a3b; background: #fff; margin-bottom: -1px; padding-bottom: 10px; } .tab { background: #fff; display: none; border: 1px solid #e5e5e5; float: left; width: ¨100%; } .tab .tab-content { padding: 20px; } /* shortcode : accordion /* ------------------------------------ */ .accordion { border-bottom: 1px solid #e8e8e8; padding-top: 14px; margin-bottom: 14px; } .accordion .title a { border-top: 1px solid #e8e8e8; font-size: 15px; color: #777; display: block; padding: 25px 20px 25px 50px; position: relative; } .accordion .title a:hover { background: #f8f8f8; color: #ed1a3b; } .accordion .title .icon { background: #111 url(img/shortcodes/toggle-plus.png) no-repeat 2px 2px; width: 18px; height: 18px; display: block; position: absolute; top: 28px; left: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); } .accordion .title.active a { color: #ed1a3b; } .accordion .title.active a:hover { background: none; } .accordion .title.active .icon { background: #ed1a3b url(img/shortcodes/toggle-minus.png) no-repeat 2px 2px; } .accordion .inner { margin-top: -15px; padding: 0 20px 20px 50px; font-size: 13px; } /* shortcode : toggle /* ------------------------------------ */ .toggle { margin-bottom: 20px; border: 1px solid #e8e8e8; font-size: 13px; } .toggle .title { font-size: 15px; color: #777; padding: 20px 20px 20px 50px; position: relative; cursor: pointer; } .toggle .title:hover { background: #f8f8f8; color: #ed1a3b; } .toggle .title.active { color: #ed1a3b; } .toggle .title .icon { background: #111 url(img/shortcodes/toggle-plus.png) no-repeat 2px 2px; width: 18px; height: 18px; display: block; position: absolute; top: 23px; left: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); box-shadow: inset 0 1px 0 rgba(0,0,0,0.15); } .toggle .title.active .icon { background: #ed1a3b url(img/shortcodes/toggle-minus.png) no-repeat 2px 2px; } .toggle .inner { display: none; border-top: 1px dotted #e8e8e8; } .toggle .inner .content { padding: 20px; width: auto; } /* shortcode : google maps /* ------------------------------------ */ .google-map { margin-bottom: 30px; } .google-map img { max-width: none; } .google-map-full { width: 100%!important; } .nolink { display:block; line-height:20px; padding:12px 20px; text-transform:uppercase; color:#fff; font-size:15px;} .help {color:#F0AE31;} .arpw-block ul{list-style:none!important;margin-left:0!important;padding-left:0!important;}.arpw-block li{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;}.arpw-block a{display:inline!important;text-decoration:none;}.arpw-block h3{background:none!important;clear:none;margin-bottom:0!important;font-weight:400;font-size:12px!important;line-height:1.5;}.arpw-alignleft{border:1px solid #eee!important;box-shadow:none!important;display:inline;float:left;margin:2px 10px 0 0;padding:3px!important;}.arpw-summary{font-size:12px;}.arpw-time{color:#bbb;font-size:11px;}.arpw-clearfix:before,.arpw-clearfix:after{content:"";display:table;}.arpw-clearfix:after{clear:both;}.arpw-clearfix{zoom:1;} .titlestate {position:absolute; width:189px; height:20px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFElEQVR42mPIzMzcQgxmGFVIX4UAtVrBXV9+FF4AAAAASUVORK5CYII="); color:#fff; margin-top:-32px; margin-left:2px; padding:5px; font: 12px/20px 'PT Sans Narrow', Arial, sans-serif;} .rubr {width:30%; float:left; margin-right:3%;} .rubr a { font-size:15px !important; font-weight:bold !important;} .rubr img {padding-top:7px;}