/* Theme Name: Trustme - Responsive WordPress Blog / Magazine Theme Theme URI: http://themeforest.net/user/ZERGE/portfolio Description: Trustme - Responsive WordPress Blog / Magazine Theme Author: ZERGE Author URI: http://themeforest.net/user/ZERGE Version: 1.03 Tags: light, custom-background License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /* for HTML5 blocks */ header, footer, aside, nav, article, section { display: block; } a { outline: none !important } ::selection , ::-moz-selection { background-color: #333 !important; color: #FFF !important; } ul, ol { list-style-position:inside; margin: 0 } /* --------------------------------------------------------------------------------------------------------- Body --------------------------------------------------------------------------------------------------------- */ body, .body-class { color: #363636; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px; background-color: #e5e6e7; background:url('img/bg/bg38.jpg') left top repeat; } #wide-sidebar { padding: 30px 0 } .left-bg, .right-bg { background: #f7f8f9; display: block; padding-bottom: 30px; padding-left: 30px; border: 1px solid #CCC; } .main-wrapper { background-color: #f7f8f9; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; } #content { margin-bottom:10px; } .main-content { padding: 30px 30px 30px 30px; background: #fff; border: 1px solid #CCC; } .box-content { padding: 0 0 30px 0 } .box-content-sidebar { padding: 30px 30px 0 0 } .colored { color:#E64946; } .colored-bg { background:#2f2f2f; padding: 20px 0 20px 80px; position: relative; } a.news-title { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; color: #FFF; line-height: 10px; } .colored-bg .popular-badge { width: 99px; height: 55px; background: url(img/popular-badge.png) left top no-repeat; position: absolute; left: -8px; top: 4px } .colord-dark-bg { background:#2f2f2f; background: url(img/noise.jpg) left top repeat; position: relative; } .colored-widget-bg { background:#FFF; } .top-block { position: relative } .top-block .row-fluid [class*="span"] { min-height: 18px; } .widget.nobg { background:none; } /* --------------------------------------------------------------------------------------------------------- Social icons --------------------------------------------------------------------------------------------------------- */ ul#social-icons { list-style-type: none; float: right } ul#social-icons li { list-style-type: none; float: left; display: block; line-height: 16px; padding: 0 10px; line-height: 28px; border-right: 1px solid #5F5F5F; opacity: .7; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -transition: opacity 0.2s linear; } ul#social-icons li:hover { cursor: pointer; opacity: 1.0 } /* --------------------------------------------------------------------------------------------------------- Top Block --------------------------------------------------------------------------------------------------------- */ .no-min-height { min-height: 0 !important } #top-block-bg { display: block; background: url(img/bg/bg38.jpg) left top repeat; border-bottom: 1px solid #b3b3b3; box-shadow: 0px 10px 15px rgba(0,0,0,.1); -moz-box-shadow: 0px 10px 15px rgba(0,0,0,.1); -webkit-box-shadow: 0px 10px 15px rgba(0,0,0,.1); -o-box-shadow: 0px 10px 15px rgba(0,0,0,.1); padding-top: 30px; } #bottom-block-bg { background: #1f2123 } .logo-block { } .banner { margin: 10px 0 30px; float: right; vertical-align:middle; } .banner img { width: 100% } /* --------------------------------------------------------------------------------------------------------- Clear Floats --------------------------------------------------------------------------------------------------------- */ .clear { clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* --------------------------------------------------------------------------------------------------------- Logo --------------------------------------------------------------------------------------------------------- */ #logo { margin: 20px 0 50px; } #logo h1, #logo h2 { margin-bottom:0; text-transform: uppercase; font-family: 'Oswald', sans-serif, Helvetica; text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3); } #logo h1 a, #logo h2 a { color:#4D4D4D; } #logo h2 { font-size: 38.5px; line-height: 40px; } .logo-slogan { margin-bottom: 10px; display: block; color: #6e6e6e } /* * ===================================================================================== * Widget Title Block * ===================================================================================== */ .title-block { width: 100%; /* border-top:1px solid #ebeced; */ position:relative; margin-bottom:15px; /*padding-top: 15px */} .pages-title h1 { margin-bottom:0; font-size: 24px; } .pages-title p { margin-bottom:0; } /* --------------------------------------------------------------------------------------------------------- Typography --------------------------------------------------------------------------------------------------------- */ a.readmore_link { border-bottom: 2px solid #ddd; background: #98AB41; color: #FFF !important; display: inline-block; font-size: 14px; font-weight: bold; padding: 0px 5px 2px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } a.readmore_link:hover { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; background-color: #353535 } p { margin: 0 0 15px 0; } h1,h2,h3,h4,h5,h6 { color: #353535; margin-top: 0; margin-bottom:15px; font-weight: bold; font-family: 'Oswald', sans-serif, Helvetica; letter-spacing: 0.05em; } h4 { line-height: 24px } .colored-title { color: #cf6a04 } .widget-title, .footer-widget-title { background: url(img/widget-title.png) left 4px repeat-x; display: block; position: relative; width: 100%; margin-bottom: 5px; } .widget-title { height: 18px; margin-bottom: 15px } .footer-widget-title { background: none; } .widget-title h3, .footer-widget-title h3 { font-size: 14px; text-transform: uppercase; line-height: 14px; margin-bottom: 10px; font-weight: bold; padding: 3px 10px 3px 0; background-color: #FFF; display: inline-block; text-shadow: 0px 2px 0px #DDD; } .footer-widget-title h3 { text-shadow: 0px 2px 0px #222; } .footer-widget-title h3{ color: #FFF; background-color: #353535; border: 1px solid #444; } .copyright-block { background: #353535; border: 1px solid #444; border-bottom: none } .r-sidebar .widget-title h3, .l-sidebar .widget-title h3 { background-color: #f7f8f9; text-shadow: 0px 2px 0px #ddd } .r-sidebar img:hover, #footer img:hover { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .recent-post-widget img:hover, .popular-post-widget img:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .news-big-title { margin:0; color: #FFF; font-size: 22px; text-transform: uppercase; margin-left: 20px; line-height: 29px; padding: 0 } a, a:link, a:visited { text-decoration: none; color:#353535; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -transition: color 0.2s linear; } a:hover { color: #529ebf; } .entry-content a { color: #529ebf; } .entry-content a:hover { color: #353535; } a img { line-height:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } ul.list.underline li { background: url(img/list-divider.png) left bottom repeat-x; padding: 5px 0 } ul.unordered { list-style: none; } ul.ordered { list-style: inside decimal; } ul.square { list-style: inside square; } ul.circle { list-style: inside circle; } ul.bullets { list-style: inside disc } h1.title-error { text-align: center; margin-bottom: 45px; font-size: 40px; padding: 10px 0 0; text-shadow: 0 2px 0 #aaa } blockquote p { line-height: 20px; font-style: italic; font-size: 12px; } /* --------------------------------------------------------------------------------------------------------- Margins --------------------------------------------------------------------------------------------------------- */ .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 0 } /* paddings */ .padding-20 { padding:20px; } /* top margins */ .margin-5t { margin-top: 5px; } .margin-8t { margin-top: 8px; } .margin-10t { margin-top: 10px; } .margin-15t { margin-top: 15px; } .margin-20t { margin-top: 20px; } .margin-25t { margin-top: 25px; } .margin-30t { margin-top: 30px; } .margin-35t { margin-top: 35px; } .margin-40t { margin-top: 40px; } .margin-45t { margin-top: 45px; } .margin-50t { margin-top: 50px; } .margin-55t { margin-top: 55px; } .margin-60t { margin-top: 60px; } /* bottom margins */ .margin-5b { margin-bottom: 5px; } .margin-8b { margin-bottom: 8px; } .margin-10b { margin-bottom: 10px; } .margin-15b { margin-bottom: 15px; } .margin-20b { margin-bottom: 20px; } .margin-25b { margin-bottom: 25px; } .margin-30b { margin-bottom: 30px; } .margin-35b { margin-bottom: 35px; } .margin-40b { margin-bottom: 40px; } .margin-45b { margin-bottom: 45px; } .margin-50b { margin-bottom: 50px; } .margin-55b { margin-bottom: 55px; } .margin-60b { margin-bottom: 60px; } .no-margin-b { margin-bottom: 0; } .no-margin-t { margin-top: 0; } /*-------------------------------------------------------------------------------------------------*/ /* TOP and BOTTOM TRIANGLES */ /*-------------------------------------------------------------------------------------------------*/ .triangles:after, .triangles:before, .triangles-footer:after{ background-image: -webkit-linear-gradient(45deg, #2d2d2d 25%, transparent 25%, transparent 75%, #2d2d2d 75%, #2d2d2d ), -webkit-linear-gradient(-45deg, #2d2d2d 25%, transparent 25%, transparent 75%, #2d2d2d 75%, #2d2d2d ); background-image: -moz-linear-gradient(45deg, #2d2d2d 25%, transparent 25%, transparent 75%, #2d2d2d 75%, #2d2d2d ), -moz-linear-gradient(-45deg, #2d2d2d 25%, transparent 25%, transparent 75%, #2d2d2d 75%, #2d2d2d ); background-image: -ms-linear-gradient(45deg, #2d2d2d 25%, transparent 25%, transparent 75%, #2d2d2d 75%, #2d2d2d ), -ms-linear-gradient(-45deg, #2d2d2d 25%, transparent 25%, transparent 75%, #2d2d2d 75%, #2d2d2d ); background-image: -o-linear-gradient(45deg, #2d2d2d 25%, transparent 25%, transparent 75%, #2d2d2d 75%, #2d2d2d ), -o-linear-gradient(-45deg, #2d2d2d 25%, transparent 25%, transparent 75%, #2d2d2d 75%, #2d2d2d ); background-image: linear-gradient(45deg, #2d2d2d 25%, transparent 25%, transparent 75%, #2d2d2d 75%, #2d2d2d ), linear-gradient(-45deg, #2d2d2d 25%, transparent 25%, transparent 75%, #2d2d2d 75%, #2d2d2d ); background-repeat: repeat-x; background-size: 10px 10px; content: ''; height: 5px; left: 0; position: absolute; /* Make sure the parent element has a position set */ right: 0; } .triangles-footer:before, .triangles-footer:after { background-image: -webkit-linear-gradient(45deg, #2d2d2d 50%, transparent 50%, transparent 100%, #2d2d2d 100%, #2d2d2d ), -webkit-linear-gradient(135deg, #2d2d2d 50%, transparent 50%, transparent 100%, #2d2d2d 100%, #2d2d2d ); background-image: -moz-linear-gradient(-45deg, #2D2D2D 50%, transparent 50%, transparent 100%, #2D2D2D 100%, #2D2D2D), -moz-linear-gradient(45deg, #2D2D2D 50%, transparent 50%, transparent 100%, #2D2D2D 100%, #2D2D2D); background-image: -ms-linear-gradient(-45deg, #2D2D2D 50%, transparent 50%, transparent 100%, #2D2D2D 100%, #2D2D2D), -ms-linear-gradient(45deg, #2D2D2D 50%, transparent 50%, transparent 100%, #2D2D2D 100%, #2D2D2D); background-image: -o-linear-gradient(-45deg, #2D2D2D 50%, transparent 50%, transparent 100%, #2D2D2D 100%, #2D2D2D), -o-linear-gradient(45deg, #2D2D2D 50%, transparent 50%, transparent 100%, #2D2D2D 100%, #2D2D2D); background-image: linear-gradient(-45deg, #2D2D2D 50%, transparent 50%, transparent 100%, #2D2D2D 100%, #2D2D2D), linear-gradient(45deg, #2D2D2D 50%, transparent 50%, transparent 100%, #2D2D2D 100%, #2D2D2D); background-repeat: repeat-x; background-size: 10px 10px; content: ''; height: 5px; left: 0; position: absolute; /* Make sure the parent element has a position set */ right: 0; } .span12.min-height-span { min-height:5px; } .news-post-date { background: #111; width: 30px; height: 30px; text-align: center; padding: 20px; float: left; margin-right: 20px; } span.date-number { text-transform:uppercase; background: #3a3a3a; padding: 15px 15px; font-size: 28px; color: #FFF; line-height: 20px; text-align: center; width: 30px; margin-right: 15px; float: left; font-weight: bold } span.date-month { font-size: 14px; font-weight: bold; text-transform: uppercase } /*-------------------------------------------------------------------------------------------------*/ /* SUPERFISH MENU */ /*-------------------------------------------------------------------------------------------------*/ #bottommenu-block-bg {margin-top: 45px;} #mainmenu-block-bg { z-index:10; width: 100%; } .top-menu { display: inline-block; float:right; height: auto; padding-top:5px; } .bottom-menu { display: inline-block; height: auto; padding: 25px 0 20px; } #menu { float:left; padding: 0; font-family:'Oswald', sans-serif, Helvetica; text-transform:uppercase; } .bottom-menu .add-nav li a { font-family:'Oswald', sans-serif, Helvetica; text-transform:uppercase; font-size:14px;} .top-menu-block { border-top: 5px solid #5f5f5f; background: #2d2d2d } .add-nav li { line-height: 30px; } .add-nav li:first-child a { padding-left: 0 } .add-nav li a { text-shadow: none; padding-bottom: 0; text-transform: uppercase; font-size: 10px; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-bottom: none !important; color: #d9d9d9 !important } .top-menu .sf-menu.add-nav a { display:inline-block; padding: 0; color: #d9d9d9 !important; } .bottom-menu .sf-menu.add-nav a { display:inline-block; padding: 0; } .bottom-menu .sf-menu.add-nav li { margin-right:10px;} .sf-menu.add-nav li { margin-right: 5px; border-bottom: none; border-right: 1px solid #5f5f5f; padding: 0; background: none !important } .sf-menu.add-nav li:hover a { color: #FFF !important; cursor: pointer } .sf-menu.add-nav ul.sub-menu li a { color: #aaa !important } .sf-menu.add-nav ul.sub-menu li:hover a { color: #FFF !important } .sf-menu li:last-child { margin-right: 0 } .top-menu .add-nav li::after { content: "\0020 \002F"; color:#b8b8b8; } .sf-menu.add-nav li:last-child::after { content: none; } li.current_page_item a, .current_page_item, li.current-menu-parent,.current-menu-parent, .current-menu-ancestor > a, li .current-menu-item, .current-menu-item { border-bottom-color: #fa9303 !important; } .navigation select { display: none; width: 100%; padding: 5px 0; margin: 30px 0; border: 1px solid #E3E4E4; text-transform:uppercase; font: 10px/16px Arial, Helvetica, sans-serif; color: #999; } .navigation { padding:0;} /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; text-shadow: none; } .sf-menu { line-height: 1.0; cursor: pointer } .sf-menu ul { position: absolute; top: -999em; } .sf-menu ul li ul li:first-child { border-top: none; } .sf-menu li:hover { visibility: inherit; } .sf-menu > li { float: left; position: relative; border-right: 1px solid #807f7f; padding-top: 10px; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; } .sf-menu a { display: block; position: relative; border-bottom: 5px solid #6f6d6d; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 5px; top: 43px; z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; } .sf-menu { float: left; } .sf-menu a { text-decoration:none; font-size: 16px; padding: 0 20px; padding-bottom: 10px } .sf-menu a:hover { border-bottom: 5px solid #529ebf; } .sf-menu a, .sf-menu a:visited { color: #444; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .active a{ outline: 0; color:#353535; } .sf-menu a.sf-with-ul { min-width: 1px; } .sf-sub-indicator { position: absolute; display: block; right: -12px; width: 11px; height: 11px; text-indent: -999em; overflow: hidden; } a > .sf-sub-indicator { bottom: 1px; } ul.sub-menu, ul.sub-menu ul.sub-menu { z-index: 9999 } ul.sub-menu ul.sub-menu { margin-left: 101px } .sf-menu ul .sf-sub-indicator {top: 25px; right: 10px; } .add-nav ul, .add-nav ul li ul { background: #2D2D2D !important; } .add-nav ul.sub-menu { top: 30px !important; left: -6px !important; width: 200px; } .add-nav ul.sub-menu li { width: 200px; } .add-nav ul.sub-menu li ul.sub-menu { margin-left: 207px; margin-top: -30px; } .add-nav ul.sub-menu li { padding: 0 !important; line-height: 18px; font-size: 11px } .add-nav ul.sub-menu li a { font-size: 11px; text-transform: capitalize; padding: 7px 10px; } .add-nav ul.sub-menu li a:hover { color: #FFF } .add-nav ul li { border: none !important; padding: 0; border-bottom: 1px solid #444 !important; } /* for third menu level */ .sf-menu.add-nav ul.sub-menu li ul.sub-menu li a { color: #AAA !important } .sf-menu.add-nav ul.sub-menu li ul.sub-menu li a:hover { color: #FFF !important } .sf-menu > li > ul, .sf-menu ul li ul { background: #656565; } .sf-menu ul li { width: 230px; position:relative; border-bottom: 1px solid #555 !important } .sf-menu li li a { padding:10px 10px; font-size:13px; text-transform: uppercase; letter-spacing: 1px; color: #fff !important; } .sf-menu ul > li:hover { background:#529ebf; } .sf-menu ul > li a:hover { border-bottom: 5px solid #555 ; } .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: -1px;top: 43px} .sf-menu li ul.sub-menu li ul.sub-menu li { border-bottom: 4px solid #333 } /* --------------------------------------------------------------------------------------------------------- 404 --------------------------------------------------------------------------------------------------------- */ .oops { width: 221px; height: 96px; background: url(img/oops.png) left top no-repeat; margin-right: 15px; float: left; line-height: 96px; padding-left: 230px; font-size: 36px; color: #aaa } .page-text { font-size: 22px; line-height: 32px; margin-top: 15px; font-weight: bold; color: #777; float:left } .page-text a { color: #777 } .page-text > p { border-left: 1px dashed #333; padding-left: 10px } /* --------------------------------------------------------------------------------------------------------- Tabs --------------------------------------------------------------------------------------------------------- */ .tab-content { overflow: hidden } .tab-pane .widget-one-column-horizontal li:first-child { padding-top: 15px } .tab-pane .widget-one-column-horizontal li img:hover, .tab-pane ul.recent-comments-widget li img:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .tab-pane ul.recent-comments-widget, .tab-pane ul.recent-comments-widget li { list-style-type: none } .tab-pane ul.recent-comments-widget li { background: url("img/list-divider.png") left bottom repeat-x; padding: 15px 0 } .meta-comment-by { color: #353535; font-weight: bold; font-style: italic } .tab-pane .widget-one-column-horizontal li .post-title a { font-weight: bold } .nav-tabs > li > a { border-radius: 0; border-bottom: 3px solid #F7F8F9; font-weight: bold; text-transform: uppercase; font-family:'Oswald', sans-serif, Helvetica;} .nav-tabs > .active > a, .nav-tabs > .active > a:hover { border-bottom: 4px solid #BD883D; background-color: #f1f2f3 } .nav-tabs > li > a:hover { border-bottom: 4px solid #BD883D } /* ------------------------------------------------------------------------------------------------- Shortcode Tabs ------------------------------------------------------------------------------------------------- */ .section { background: #2a2a2a; } ul.tabs { height: 28px; line-height: 25px; list-style: none; background: #454545; } .widget .tabs li, .tabs li { float: left; display: inline; margin: 0 1px -1px 0; cursor: pointer; padding: 0 7px 2px; border: none; background: #393939; position: relative; color:#888; text-transform: uppercase; font-size: 14px; line-height: 26px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -transition: all .2s linear; } ul.tabs { border: none } ul.tabs li, ul.tabs li:hover { background: #393939; border: none } ul.tabs li { padding-left: 7px; } .tabs li:hover, .vertical .tabs li:hover { padding: 0 7px 2px; background: #921529 !important; color: #edeae2; border: none; } .tabs li.current { background: #921529; color: #edeae2; padding: 0 7px 2px; border: none } /* --------------------------------------------------------------------------------------------------------- News Ticker --------------------------------------------------------------------------------------------------------- */ .news-ticker .widget-title h2 { margin-bottom:0; color:#FFF; font-weight:normal; line-height:30px; font-weight: bold; letter-spacing: 1px} .news-ticker .widget-title { text-align:center;} /* Ticker Styling */ .ticker-wrapper.has-js { padding: 0; width: 100%; display: block; font-size: 12px; color:#FFF; } .ticker { width: 91%; height: 69px; display: block; position: relative; overflow: hidden; } .ticker-title { padding-top: 9px; color: #990000; font-weight: bold; text-transform: uppercase; } .ticker-content { margin: 0px; position: absolute; overflow: hidden; white-space: nowrap; } .ticker-content:focus { none; } .ticker-content a { text-decoration: none; line-height: 70px; color: #FFF; } .ticker-content a:hover { text-decoration: none; color: #FFF; } .ticker-swipe { padding-top: 9px; position: absolute; top: 0px; display: block; width: 800px; height: 23px; } .ticker-swipe span { margin-left: 1px; border-bottom: 1px solid #1F527B; height: 12px; width: 7px; display: block; } .ticker-controls { padding: 26px 15px 26px 0 !important; line-height: 60px; background-color: #3A3A3A; margin:0; list-style-type: none; float: left; } .ticker-controls li { padding: 0px; margin-left: 5px; float: left; cursor: pointer; height: 16px; width: 16px; display: block; } .ticker-controls li.jnt-play-pause { background-image: url('img/icons/controls.png'); background-position: 32px 16px; } .ticker-controls li.jnt-play-pause.over { background-position: 32px 32px; } .ticker-controls li.jnt-play-pause.down { background-position: 32px 0px; } .ticker-controls li.jnt-play-pause.paused { background-image: url('img/icons/controls.png'); background-position: 48px 16px; } .ticker-controls li.jnt-play-pause.paused.over { background-position: 48px 32px; } .ticker-controls li.jnt-play-pause.paused.down { background-position: 48px 0px; } .ticker-controls li.jnt-prev { background-image: url('img/icons/controls.png'); background-position: 0px 16px; } .ticker-controls li.jnt-prev.over { background-position: 0px 32px; } .ticker-controls li.jnt-prev.down { background-position: 0px 0px; } .ticker-controls li.jnt-next { background-image: url('img/icons/controls.png'); background-position: 16px 16px; } .ticker-controls li.jnt-next.over { background-position: 16px 32px; } .ticker-controls li.jnt-next.down { background-position: 16px 0px; } .js-hidden { display: none; } .no-js-news { padding: 10px 0px 0px 45px; color: #F8F0DB; } .left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker { float: left; } .left .ticker-controls { padding-left: 6px; } .right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker { float: right; } .right .ticker-controls { padding-right: 6px; } /* --------------------------------------------------------------------------------------------------------- Blog --------------------------------------------------------------------------------------------------------- */ h2.entry-post-title a { color:#353535; font-size: 18px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold } h2.entry-post-title a:hover { color: #529ebf } h2.entry-post-title { display: inline-block; margin-bottom: 0px; padding: 0; font-size: 18px; line-height: 22px; } h3.entry-title { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 22px; } h3.entry-title.full-media-title { font-size: 24px; line-height: 30px; } h2 { /* font-size: 18px*/ font-size: 30px; } h1.entry-title { font-size: 30px; line-height: 34px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .entry-title { letter-spacing: 0 } .widget-post-big-thumb { position: relative } .post-format-block { background: #fff; width: 0px; height: 0px; display: block; position: absolute; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; top: 0; right: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } .post-format-block > .format-video, .post-format-block > .format-audio, .post-format-block > .format-gallery, .post-format-block > .format-image, .post-format-block > .format-standard { background: url(img/sprite-formats-black.png); background-position: 0 0; display: block; width: 0px; height: 0px; margin: 3px 0 0 3px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } .post-format-block > .format-audio { background-position: -25px 0 } .post-format-block > .format-gallery { background-position: -50px 0 } .post-format-block > .format-image { background-position: -75px 0 } .post-format-block > .format-standard { background-position: -100px 0 } .single-media-thumb:hover .post-format-block { width: 31px; height: 31px; } .single-media-thumb:hover .post-format-block > .format-video, .single-media-thumb:hover .post-format-block > .format-audio, .single-media-thumb:hover .post-format-block > .format-gallery, .single-media-thumb:hover .post-format-block > .format-image, .single-media-thumb:hover .post-format-block > .format-standard { width: 26px; height: 25px; } .single-media-thumb { overflow: hidden } .widget .entry-post, .cr-blog .entry-post, #entry-blog .entry-post { margin-bottom: 25px; background: url(img/list-divider.png) left bottom repeat-x; padding-bottom: 15px } .widget .entry-thumb, .widget .single-media-thumb, #entry-blog .entry-thumb, #entry-blog .single-media-thumb { /*margin-top:20px;*/ } .one-column-widget .entry-thumb, .one-column-widget .single-media-thumb, .two-column-widget .entry-thumb, .two-column-widget .single-media-thumb { margin-top:0; } .widget .entry-thumb img, .widget .single-media-thumb img, #entry-blog .entry-thumb img, #entry-blog .single-media-thumb img { width:100%;} .widget .entry-content p, #entry-blog .entry-content p { display:inline; } .widget .category-title a { color:#B2B2B2; } .widget .category-title a:hover { color:#E64946; } .ct-page .category-title { border-bottom: 1px solid #EBECED; border-top: 1px solid #EBECED; padding-bottom: 10px; padding-top: 10px; margin:0 -20px 40px -20px; background:whiteSmoke; } .ct-page .category-title h1 { padding:0 20px; color: #B2B2B2;} .ct-page .category-title span > p { padding:0 20px; margin-bottom:10px;} .entry-content {} iframe { border: none !important } .single-media-thumb + p { margin-top:15px;} .single-audio-post, .single-video-post { margin-bottom:15px; position:relative; } .single-media-thumb { position:relative; } .single-media-thumb iframe { display:block; width:100%; } .single-media-blocks .single-media-thumb.video-post-widget iframe { display:block; } .video-post-widget, .embed-youtube, .embed-vimeo, .video-frame { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin-bottom: 15px; } .video-post-widget iframe, .embed-youtube iframe, .embed-vimeo iframe, .video-frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .one-column-widget .single-media-thumb iframe, .two-column-widget .single-media-thumb iframe { /*height: 160px;*/ } #wide-sidebar .single-media-thumb iframe { /*height:405px;*/ } .single-video-post iframe { width:100%; /* height:300px;*/ } #wide-sidebar .single-video-post iframe { /* height:405px;*/ } .single-media-thumb .video { position: absolute; z-index: 1; top: 50%; left: 50%; width: 32px; height: 32px; background-image: url('img/icons/video-icon.png'); margin-top: -16px; margin-left: -16px; } .single-media-thumb:hover .video.youtube { background-position:-32px 0; } .single-media-thumb:hover .video.vimeo { background-position:-64px 0; } .single-media-thumb:hover .video.dailymotion{ background-position:-96px 0; } .single-media-thumb .video a { display: block; width: 100%; height: 100%; } #entry-post .title-block { border-top: 0; margin-bottom: 15px; padding-bottom: 5px; } .single-media-blocks .title-block { border-bottom: 1px solid #EBECED; } #entry-post .entry-thumb { margin-bottom:5px; } #comments { } #comments .post-title h4 { border-bottom: 1px solid #EBECED; padding-bottom: 10px; border-top: 1px solid #EBECED; padding-top: 10px; } .entry-likes { float:right; } #entry-post .post-like { margin-top:5px; margin-left:20px;} #entry-post .entry-share { border-bottom: 1px solid #EBECED; padding-bottom: 8px;border-top: 1px solid #EBECED; padding-top: 10px; position:relative; margin-bottom:40px; } #entry-post .entry-share h4 { margin-bottom:0;} #entry-post .entry-share .post-title { float:left; margin-right:10px; } .carousel-thumb .video { position: absolute; z-index: 1; top: 42%; left: 44%; width: 32px; height: 32px; background-image: url('img/icons/video-icon.png'); } .carousel-thumb:hover .video.youtube { background-position:-32px 0; } .carousel-thumb:hover .video.vimeo { background-position:-64px 0; } .carousel-thumb:hover .video.dailymotion{ background-position:-96px 0; } .carousel-thumb .video a { display: block; width: 100%; height: 100%; } .carousel-thumb .title-mask { color:#FFF; background: #2F2F2F; background: rgba(47, 47, 47, 0.7); position: absolute; bottom: -100px; left:0; padding: 10px; width:250px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .carousel-thumb:hover .title-mask { bottom: 0; } .widget-carousel .carousel-thumb .title-mask { width:124px; } .carousel-thumb .title-mask h5 { color:#FFF; margin-bottom:0;} .carousel-thumb .entry-content { display:inline-block; } .post-entry a:hover img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .single-media-thumb .mask, .carousel-thumb .mask, .single-box-entry .mask { position:absolute; left:0; top:0; width:100%; height:100%; } .single-media-thumb .mask a, .carousel-thumb .mask a, .single-box-entry .mask a { width: 100%; height: 100%; display: block; } .single-media-thumb img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .color-meta { color:#A8A8A8; font-size:11px; } .color-meta a { color:#A8A8A8; } .color-meta a:hover { color:#4D4D4D; } .prev-left { float:left; } .next-right { float:right; } .next-arrow i { margin-right:0; margin-left:4px;} .blog-navigation { text-align:center; /*margin-bottom: 20px;*/ } [class^="ct-icon-"], [class*=" ct-icon-"] { display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: text-top; background-image: url('img/glyphicons-ct.png'); background-position: 0 0; background-repeat: no-repeat; } .ct-icon-link { background-position: 0 0; } .single-box-entry { background-color: white; border: 1px solid #E7E7E7; padding: 15px; } .single-post-meta { list-style:none; font-size:11px; margin-left: 0; margin-bottom:0; } .single-post-meta li { padding:0; margin-bottom:15px; } .single-post-meta li:last-child { margin-bottom:0; } .single-post-meta .label { margin-right:5px; } .thumb-meta { border-bottom: 1px solid #E7E7E7; margin-bottom:15px;} h1.single-title { font-size: 18px; } h2.single-title { font-size: 18px; } .single-title-meta { font-size:11px; } .related-posts-single { list-style:none; margin-bottom:0; margin-left: 0; } .related-posts-single li a img { width:110px; height: 110px; } .related-posts-single li { float:left; padding:0; margin-top: 10px; } .related-posts-single li a { display: block } .related-posts-single li:nth-child(odd) { margin-right:10px; } .related-posts-single li:first-child { margin-top:10px; text-transform:capitalize } #wide-sidebar .related-posts-single li a img { width:80px; height: 80px; } #wide-sidebar .related-posts-single li { margin-right:10px; } /* COMMENTS*/ #respond { margin-bottom: 30px; } #respond label { color:#555; } #respond textarea { width: 97%; } #respond [type=text], #respond [type=email] { width:155px; display:block;} #respond form { margin-bottom:0; } #respond i { margin-right:0; } #respond .btn { float:right; } #respond .form-submit { margin-bottom:0; float:right;} #reply-title, .comments-count-title { font-size: 18px; line-height: 20px; border-bottom: 1px solid #EBECED; padding-bottom: 10px; border-top: 1px solid #EBECED; padding-top:10px;} #reply-title { padding-left: 25px; background: url(img/reply-big.png) left 10px no-repeat; } .comments-count-title { padding-left: 25px; background: url(img/comments-big.png) left 11px no-repeat; } .margin-comments { list-style:none; margin:0; margin-bottom:40px;} .margin-comments .comment { margin-bottom:15px; } #respond::before, #respond::after { display: table; line-height: 0; content: ""; clear: both; } .depth-1 #respond { margin-top:40px;} .first-comment { padding-top: 15px; border-bottom: 1px solid #E7E7E7; } ul.children { padding-bottom: 0; margin-bottom: 0; padding-left: 75px; background: url(img/comment-list.png) left top no-repeat } ul.children li p { padding-right: 10px; } ul.children ul.children { margin-top: 15px } #respond input[type=submit] { display: inline-block; padding: 4px 14px; margin-bottom: 0; font-size: 12px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; } #respond input[type="submit"]:hover, #respond input[type="submit"]:active, { color: #333333; background-color: #e6e6e6; } #respond input[type=submit]:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } #respond input[type=submit]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .no-bottom-mp { padding-bottom:0 !important; margin-bottom: 0 !important } a.comment-reply-link { padding: 2px 5px 2px 22px; background: url(img/replay-ico.png) 5px center no-repeat; text-transform: uppercase; font-size: 10px; background-color: #F1F2F3; border: 1px solid #DDD; border-width: 1px 2px 2px 1px; color: #656565; font-weight: bold; display: inline-block; -webkit-transition: border 0.1s linear; -moz-transition: border 0.1s linear; -o-transition: border 0.1s linear; transition: border 0.1s linear; } a.comment-reply-link:hover { border: 1px solid #DDD; color: #656565 } [id^="comment-"], [id*=" comment-"] { border: 1px solid #DDD; padding:15px; background:#f7f8f9; position:relative; } .depth-1 > [id^="comment-"], .depth-1 > [id*=" comment-"] { padding-bottom: 25px; } #comments .avatar { float: left; padding: 5px; background: #f1f2f3; width: auto; display: block; margin-right: 15px; background: url("img/thumb-border.png") left top no-repeat } .replay-buttton { position:absolute; right: 0; bottom: 0; } .logged-in-as, #cancel-comment-reply-link { font-size:11px; } .logged-in-as { } .form-allowed-tags code { margin-top:5px; } .comment-form-comment label { font-size:12px; font-weight:normal; display:none;} .comment-form-author, .comment-form-email, .comment-form-url { float:left; } .comment-form-author, .comment-form-email { margin-right:10px; } .comment-form-author label, .comment-form-email label, .comment-form-url label { display:inline-block; font-weight:bold; font-size:12px; } #disqus_thread { border-top: 1px solid #DDD; padding-top: 15px; } #disqus_thread h4, #global-nav h4 { font-size: 18px; } .comment-date-link { font-size: 11px; color:#A8A8A8; display:inline-block; font-style: italic; } .comment-author-link { font-weight:bold; display:inline-block; margin-right:10px; float:left; } .first-comment p { margin-top:15px; } .first-comment p img { width:auto; } .page-desc { color: #888; text-transform: uppercase; margin-bottom: 15px; } .archives-block { background: #f7f8f9; padding: 15px; border: 1px solid #DDD; border-bottom: 4px solid #EEE; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } .archives-block:hover { border-bottom: 4px solid #DDD } .box-title { background: #f7f8f9; padding: 30px; padding-bottom: 15px; margin-top: -30px; margin-left: -30px; margin-right: -30px; border-bottom: 4px solid #eee; text-shadow: 0px 2px 0px #ddd; margin-bottom: 30px; } .box-title > h1 { font-size: 30px; line-height: 35px; } #searchsubmit { margin-top: -10px; padding: 3px 5px; } /* --------------------------------------------------------------------------------------------------------- Review Format ( Stars ) --------------------------------------------------------------------------------------------------------- */ .rating { display: block; width: 70px; height: 13px; margin-bottom: 5px; } .rating { background: url(img/stars/star-sprites.png) left top no-repeat; } .r-sidebar .rating { background: url(img/stars/star-sprites-sidebar.png) left top no-repeat; } .rating.zero { background-position: 0 0; } .rating.zero_half { background-position: 0 -13px; } .rating.one { background-position: 0 -26px; } .rating.one_half { background-position: 0 -39px; } .rating.two { background-position: 0 -52px; } .rating.two_half { background-position: 0 -65px; } .rating.three { background-position: 0 -78px; } .rating.three_half { background-position: 0 -91px; } .rating.four { background-position: 0 -104px; } .rating.four_half { background-position: 0 -117px; } .rating.five { background-position: 0 -130px; } .review-block { display: block; background: #f7f8f9; width: 200px; border: 1px solid #DDD; border-bottom: none; width: 220px; margin: 0 0 15px 15px; float: right; } .overall_score { font-size: 20px; font-weight: bold; font-family:'Oswald', sans-serif, Helvetica; } .overall_score > .score_name { line-height: 50px; padding-left: 10px; } .overall_score > .score_value { font-size: 30px; background-color: #ececec; padding: 15px 10px; float: right; margin-left: 15px; border-left: 2px solid #DDD; border-bottom: 1px solid #DDD } ul.score-list, ul.score-list li { list-style-type: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } ul.score-list li { font-size: 12px; font-weight: bold; padding: 10px 10px; background: #FFF url("img/list-divider.png") left bottom repeat-x } ul.score-list li:first-child { border-top: 1px solid #DDD; padding-top: 10px; } ul.score-list li.summary-review { background-color: #98AB41; color: #FFF; font-size: 11px } .criteria_name { float: left; margin-right: 15px; } .rating-stars { float: right; margin-top: 2px; } /* --------------------------------------------------------------------------------------------------------- TrustMe Widgets --------------------------------------------------------------------------------------------------------- */ .views-ico, .date-ico, .comments-ico, .user-ico, .comment-date-ico { background: url(img/sprite-elements.png) 0 0 no-repeat; background-position: 0 -60px; height: 20px; padding-left: 20px; display: block; overflow: hidden; float: left; line-height: 19px; font-size: 10px; text-transform: uppercase; color: #696969; font-style: normal; margin-right: 10px; margin-top: 3px } .date-ico { background-position: 0px -40px; padding-left: 16px } .comment-date-ico { background-position: 0px -140px; } .comments-ico { background-position: 0px -80px; } .user-ico { background-position: 0px -120px; } .entry-post-category > a { font-size: 12px; text-transform: uppercase; color: #529ebf; margin-bottom: 5px; display: inline-block } .big-comments-ico, .small-comments-ico { background: url(img/sprite-elements.png) 0 0 no-repeat; background-position: 0 0; height: 40px; width: 50px; display: inline-block; text-align: center; line-height: 35px; font-size: 11px; color: #8c8c8c; float: right; margin-top: -10px } .big-comments-ico a, .small-comments-ico a { color: #8c8c8c } .small-comments-ico { background-position: -60px 0px; width: 40px; height: 30px; line-height: 28px; margin-top: -10px } .small-comments-ico.icon-thumbs { width: 45px; padding-right: 0; margin-top: -8px } .big-date-ico { background: url(img/sprite-elements.png) 0 0 no-repeat; background-position: 0 -100px; height: 20px; padding-left: 22px; display: block; overflow: hidden; float: left; line-height: 22px; font-size: 12px; text-transform: uppercase; color: #8c8c8c; font-style: normal; margin-right: 10px; margin-bottom: 15px; } /* --------------------------------------------------------------------------------------------------------- Tooltip --------------------------------------------------------------------------------------------------------- */ .tooltip-inner { background: #111; border-bottom: 2px solid #529ebf; color: #fff; text-transform: capitalize; line-height: 18px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing:normal } .tooltip.top .tooltip-arrow { border-top-color: #529ebf; } /* --------------------------------------------------------------------------------------------------------- Footer --------------------------------------------------------------------------------------------------------- */ #footer .recent-post-widget img:hover, #footer .popular-post-widget img:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } #footer { color: #999; } #footer a { font-weight: normal; color: #CCC; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4); } #footer .tweet_text { color: #aaa; display: block; margin-left: 60px; } #footer a:hover { color: #FFF; } .footer-widget-title h3 { padding: 5px 10px; margin-top: -4px } #footer ul#cbox li { margin-top: 0 } #footer ul#cbox li a img { width: 75px; height: 75px; padding: 0; background: none; margin-bottom: 15px; } #footer ul.tweet_list img { max-width: 32px; max-height: 32px; } #footer ul.tweet_list Li { padding: 10px 0 } #footer a.tweet_avatar { width: 32px; height: 32px } #footer .tweet_list li span.tweet_time { margin-left: 60px } #footer .widget .tagcloud a[class|=tag-link], #footer #entry-post a[rel=tag], #footer .tagcloud a[class|=tag-link] { border-color: #353535; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } #footer .widget .tagcloud a[class|=tag-link]:hover, #footer #entry-post a[rel=tag]:hover, #footer .tagcloud a[class|=tag-link]:hover { border-bottom-color: #529ebf } #footer .widget-thumb { padding: 0; } #footer ul.recent-post-widget li, #footer ul.popular-post-widget li, #footer .left-col li, #footer .right-col li { background: url(img/list-divider-footer.png) left bottom repeat-x; } #footer .entry-info-post { margin-left: 60px; } #footer #search-block input[type=text] { border-color: #353535 } #footer #search-block input[type=text]:focus, #footer #search-block input[type=text]:active { background-color: #444 } #footer table#wp-calendar td { background-color: #444; border-color: #353535; color: #999 } #footer table#wp-calendar td#prev a, #footer table#wp-calendar td#next a { color: #FFF } #footer table#wp-calendar td#prev:hover, #footer table#wp-calendar td#next:hover, #footer table#wp-calendar td:hover { background-color: #353535; } #footer .cat-item { padding: 0 } /* Copyrights */ .copyright, .add-info { margin-right:15px; float:right; padding: 15px 30px; color:#B4B4B4 ;} .add-info { text-align: right } .copyright { float:left;} .copyright p, .add-info p { margin-bottom:0;} .copyright a, .add-info a {color:#E3E3E3;} .copyright a:hover, .add-info a:hover {color:#E64946;} .six.columns.column-right { float: right; text-align: right } /* --------------------------------------------------------------------------------------------------------- WordPress Calendar Widget --------------------------------------------------------------------------------------------------------- */ table#wp-calendar caption { color:#999; font-size:12px; } table#wp-calendar th { padding:8px; color:#AAA; } table#wp-calendar td { padding:10px; color:#555; background-color:#f7f8f9; border:1px solid #ccc; text-align:center; } table#wp-calendar td:hover { background-color:#fff; color:#555; cursor:pointer; } table#wp-calendar td:hover a { cursor:pointer; } table#wp-calendar a { text-decoration: none; font-weight: bold; } table#wp-calendar a:hover { text-decoration: none } table#wp-calendar td#today,table#wp-calendar td#today a { color:#fff; } table#wp-calendar td#prev a, table#wp-calendar td#next a { color: #333; } table#wp-calendar td#today { background-color: #529ebf; text-decoration: none; color: #fff; font-weight: bold; } table#wp-calendar td#prev a:hover, table#wp-calendar td#next a:hover{ } table#wp-calendar td#prev:hover, table#wp-calendar td#next:hover, table#wp-calendar td:hover{ background-color:#f7f8f9; } /* --------------------------------------------------------------------------------------------------------- WordPress Core --------------------------------------------------------------------------------------------------------- */ .gallery-caption { } .bypostauthor { } .sticky { } .wp-caption { } .wp-caption-text { } strong, b { font-weight: bold; margin-bottom: 15px; } em { font-style: italic; } .blockright { float: right; text-align: right; } .blockleft { float: left; text-align: left } .alignnone { margin: 5px 15px 15px 0; } .aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 15px 15px; } .alignleft { float:left; margin: 5px 15px 15px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } .divider-1px, .divider-1px-bg { height: 1px; background-color: #e5e5e5; margin: 10px 0; width: 100%; } .divider-1px-bg { background: url("img/list-divider.png") repeat-x scroll left bottom transparent; background-color: #fff } .block-symbol-divider { height: 20px; width: 100%; position: relative } .block-symbol-divider .symbol-gray { height: 20px; width: 22px; display: block; position: absolute; left: 50%; padding: 0 10px; margin-left: -11px; margin-top: -20px; background: #FFF url("img/symbol-divider.png") center center no-repeat; } .block-symbol-divider .line-1px { height: 1px; background-color: #ececec; margin: 10px 0; width: 100%; } .divider-5px, .divider-10px, .divider-15px, .divider-20px { background: url(images/vert-bg.png) left 2px repeat-x; height: 5px; width: 100% } .divider-10px { height: 10px; } .divider-15px { height: 15px; } .divider-20px { height: 20px; } .divider-1px-dashed { height: 1px; width: 100%; border-bottom: 1px dashed #e9eef4 } .image-border { border: 5px solid #e9eef4; width: auto; display: block; } .image-border img { width: 100%; padding: 0; margin: 0; line-height: 0; display: block } a img.alignright { float:right; margin: 5px 0 15px 15px; } a img.alignnone { margin: 5px 15px 15px 0; } a img.alignleft { float:left; margin: 5px 15px 15px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .img-center { display: block; margin-left: auto; margin-right: auto; text-align: center } ul.four-ads-blocks { list-style-type: none; margin-top: -20px !important; } ul.four-ads-blocks li { list-style-type: none; float: left; display: block; margin-right: 20px; margin-top: 20px; } .ads728x90 img, .ads300-thumb img { max-width: 100% } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } /* styles */ .italic { font-style:italic; } .bold { font-weight: bold; } code, pre { color:#888; display: inline-block; font-size: 12px; line-height: 20px; margin-bottom: 15px; white-space: pre-wrap; word-break:break-all; } .margin-top-10 { margin-top:10px; } .margin-15 { margin-bottom: 15px; } .margin-r15 { margin-right:15px; } .highlight { padding: 0; color:#edeae2; background-color: #2a2a2a; } .highlight.pink { background:#bd1e7b; } .highlight.green { background:#668508; } .highlight.red { background:#ef2d2d; } .highlight.orange { background:#ff6600; } .highlight.blue { background:#308aef; } .highlight.yellow { background:#cb7a0b; } .highlight.custom { background:#921529; } span.dropcap { font-size:40px; margin-right:6px; text-transform: uppercase; float: left; line-height: 1; font-weight:bold; } span.dropcap.pink { color:#bd1e7b; } span.dropcap.green { color:#668508; } span.dropcap.red { color:#ef2d2d; } span.dropcap.orange { color:#ff6600; } span.dropcap.blue { color:#308aef; } span.dropcap.yellow { color:#cb7a0b; } span.dropcap.custom { color:#921529; } /* align paragraphs */ p.text-left { text-align: left } p.text-right { text-align: right } p.text-center { text-align: center } p.text-justify { text-align: justify } /* Carousel Widget and Other widgets */ .category-item > a, .title-block .category-item > a { top:10px; color: #529EBF; left:10px; /*font-family:'Oswald', sans-serif, Helvetica;*/ text-transform:uppercase; font-size: 12px; /*letter-spacing: 0.09em;*/ margin-right: 10px; } .category-item a, .meta-share a { text-decoration:none; padding: 3px 5px; display: inline-block; } .carousel-thumb .category-item { position:absolute; } .carousel-thumb { position:relative; } .title-block .category-item { margin-right:0; /*display:inline-block; padding: 3px 5px;*/ } .title-block .category-item a { padding:0;} .meta-share a { padding:2px 5px;text-transform:uppercase; font-size: 10px; background-color:#000; position:absolute; right:0; top:0;} .meta-share { position:absolute;right:0; top:0; } .entry-share { position: absolute; right: 0; top: 0;} .entry-share .share-twitter, .entry-share .share-fb, .entry-share .share-google { width:22px; height:22px; display: block; position: absolute; top: 0; right: 23px; } #entry-blog .entry-share a { display: block; width: 22px; height: 22px; line-height:0; padding:0; background: url('img/icons/share-icons.png') 0 0 no-repeat; } #entry-blog .entry-share .share-twitter a { background-position: -44px 0; } #entry-blog .entry-share .share-fb a { background-position: -22px 0; } #entry-blog .entry-share .share-google a { background-position: 0 0; } #entry-blog .entry-share .share-twitter { background-color:#359BED; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #entry-blog .entry-share .share-fb { background-color:#3B5998; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #entry-blog .entry-share .share-google { background-color:#D44132; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .meta-share:hover > .entry-share .share-twitter, .meta-share:hover > .entry-share .share-fb, .meta-share:hover + .entry-share .share-google { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);* } .meta-share:hover > .entry-share .share-twitter { right:45px; } .meta-share:hover > .entry-share .share-fb { right:67px; } .meta-share:hover > .entry-share .share-google { right:89px; } .widget li.cat-item { list-style:square; line-height:20px; color: #717171 } .widget li.cat-item a, .left-col a, .right-col a { color:#529ebf;} .widget li.cat-item a:hover, .left-col a:hover, .right-col a:hover { color:#444;} .left-col, .right-col { margin:0;list-style: none; } .left-col li, .right-col li, .cat-item, .archives li, .archives-block .page_item { line-height:20px; background: url(img/list-divider.png) left bottom repeat-x; padding: 7px 0 } .left-col li:first-child, .right-col li:first-child { padding-top: 0 } .widget iframe { width:100%; } /* Social Counter Widget */ #social-counter { list-style:none; margin:0; } #social-counter li { float:left; text-align:center;margin-right: 25px;/*width: 55px;*/} #social-counter li:last-child { margin-right:0;} #social-counter li a { color:#2B2B2B; } #social-counter .fans { color:#B2B2B2; font-size:11px;} #social-counter .social { /* font-family:Arial, Helvetica, sans-serif;*/ font-family: 'Oswald', sans-serif, Helvetica; font-size:14px; font-weight:bold; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -transition: color 0.2s linear; } /*#social-counter li:hover .social { color:#E64946;}*/ #social-counter .c-icon { width:48px; height:48px; display: block; background-color: #E64946; margin: auto; margin-bottom:10px; } .facebook-social .c-icon { background: url('img/icons/fb-counter.png') center no-repeat; } .twitter-social .c-icon { background: url('img/icons/twitter-counter.png') center no-repeat; } .youtube-social .c-icon { background: url('img/icons/youtube-counter.png') center no-repeat; } .rss-social .c-icon { background: url('img/icons/rss-counter.png') center no-repeat; } .search-widget { font-size: 10px; line-height: 16px; } .search-widget { margin-bottom: 0 !important } textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input { } #search-block input[type=text] { margin:0;} #search-block { display: block; } #search-block input[type=text] { height:38px; webkit-box-shadow: none; color:#A8A8A8; -moz-box-shadow: none; box-shadow: none; border:none;border: 1px solid #DDD; padding:0 0 0 35px; background: transparent url(img/glyphicons-ct.png) 10px -14px no-repeat; } ::-webkit-input-placeholder { color:#A8A8A8; } input:-moz-placeholder { color:#A8A8A8; } input:-ms-placeholder { color:#A8A8A8; } ::-ms-input-placeholder { color:#A8A8A8; } :-ms-input-placeholder { color:#A8A8A8; } /* Search Form */ #search-block #searchform { } #search-block #searchform div { margin: 0; } #search-block #s { width: 77%; padding-right:15px; } #search-block #s:focus { background-color: #F7F8F9; } #search-block #searchsubmit, #search-block label { display: none; } #searchform label { display:none; } #wide-sidebar #search-block #s { width:84%; } /* Icons for Post Formats */ /* --------------------------------------------------------------------------------------------------------- WordPress Tag Cloud Widget --------------------------------------------------------------------------------------------------------- */ .widget .tagcloud a[class|=tag-link], .widget a[rel=tag], .tagcloud a[class|=tag-link], a[rel=tag] { font-size: 11px !important; padding: 3px 5px 3px; line-height: 14px; color: white; margin-top: 5px; float: left; margin-right: 5px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; -transition: background-color 0.2s linear; color:#fff; } .widget .tagcloud a[class|=tag-link]:hover, .widget a[rel=tag]:hover, #entry-post a[rel=tag]:hover, .tagcloud a[class|=tag-link]:hover { border-bottom: 3px solid #DDD; } .widget .tagcloud { /* border-top: 1px solid #EBECED; padding-top: 10px; */} /* --------------------------------------------------------------------------------------------------------- WordPress Tag Cloud Widget --------------------------------------------------------------------------------------------------------- */ .widget .tagcloud a[class|=tag-link], #entry-post a[rel=tag], .tagcloud a[class|=tag-link] { font-size: 10px !important; padding: 3px 5px 3px; line-height: 14px; color: #363636; margin-top: 5px; float: left; margin-right: 5px; -webkit-transition: border-color 0.3s linear; -moz-transition: border-color 0.3s linear; -o-transition: border-color 0.3s linear; -transition: border-color 0.3s linear; text-transform: uppercase; border: 1px solid #EBEBEB; border-bottom: 3px solid #eee; } .widget .tagcloud a[class|=tag-link]:hover, #entry-post a[rel=tag]:hover, .tagcloud a[class|=tag-link]:hover { /*background-color:#08C; color: #FFF; */} .widget .tagcloud { margin-right: -5px; } /* --------------------------------------------------------------------------------------------------------- WordPress Calendar Widget --------------------------------------------------------------------------------------------------------- */ #wp-calendar { font-size: 11px; } #wide-sidebar #wp-calendar { font-size:12px;} table#wp-calendar td { padding: 9px; } #wide-sidebar table#wp-calendar td { padding: 8px 14px; } ul.popular-posts li { padding: 15px 0; } ul.popular-posts li:first-child { padding-top: 0 } ul.popular-posts li a { font-weight: bold; color: #ebe8df; } .popular-post-thumb img { border: 5px solid #2a2a2a; float: left; margin-right: 10px; } .popular-post-thumb a:hover { background-color: #111 !important } /* Overall Score */ #overscore-block { float: left; width: 50%; margin-right: 15px; } .overall-head { background-color: #921529; padding: 15px; width: 91% } .wrapper-overall-name { width: 70%; float: left } .wrapper-overall-name img { float: left; margin-top: 5px; } span.overall-name { font-weight: bold; font-size: 18px; line-height: 25px } .wrapper-overall-score { width: 30%; float: right } span.overall-score { font-weight: bold; font-size: 44px; text-align: right; float: right; line-height: 50px } .wrapper-criteria { background-color: #2a2a2a; width: 91%; padding: 15px; margin-bottom: 5px; margin-right: 15px; } ul.criteria-list { list-style-type: none; } ul.criteria-list li { padding: 10px 0; border-bottom: 1px solid #393939; } ul.criteria-list li img { margin-top: 3px; float: right } ul.criteria-list li span { color: #999 } ul.criteria-list li:last-child { margin-bottom: 0 } /* Blog pagination */ .pagination { clear:both; position:relative; margin: 0; font-size:11px; line-height:13px; border-bottom: 4px solid #DDD; } .pagination span, .pagination a { display:block; float:left; margin: 0 2px 0 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #555; border-bottom: 4px solid #DDD; margin-bottom: -4px; } .pagination a:hover{ color:#fff; background: #333; border-bottom: 4px solid #A73E3E } .pagination .current{ padding:6px 9px 5px 9px; background: #333; color:#fff; border-bottom: 4px solid #A73E3E } .custom-with-bg { background-color: #2a2a2a; width: 620px; padding: 10px;margin-bottom: 20px; } li.custom-with-bg ul.single-post-meta { padding-left: 0; } li.custom-with-bg { position: relative; } li.custom-with-bg .single-post-format-icon { position: absolute; right: 10px; top: 10px; } .demo-class { color: #ccc } .demo-class strong { color: #fff } .single-post-navigation { padding: 5px 0; border-bottom: 4px solid #DDD; /* margin-bottom: 15px;*/ } .single-post-navigation.margin-bottom { margin-bottom: 30px; } .top-img { background: #333 url(img/to-top.png) center center no-repeat; margin-right: 30px; margin-bottom: 10px; height: 40px; width: 40px; border-bottom: 4px solid #529EBF } .next-arrow, .prev-arrow { display: block; } .arrow-prev-ico, .arrow-next-ico { background: url(img/arrows.png) left top no-repeat; background-position: 0 0; width: 20px; height: 20px; display: block; float: left; margin-right: 5px } .arrow-next-ico { float: right; background-position: -20px 0; margin-left: 5px; margin-right: 0 } .prev-arrow a, .next-arrow a { color: #999 } .prev-arrow a:hover, .next-arrow a:hover { color: #333 } /* --------------------------------------------------------------------------------------------------------- Collapse / Toggles --------------------------------------------------------------------------------------------------------- */ [class^="collapse-"] .active, [class*="collapse-"] .active { background-position: 3px -23px; padding-left:26px;} .col {float: left; width:210px; margin-right:30px;} .disclaim {margin:10px; padding:10px; background: red;} [class^="collapse-"] h6, [class*="collapse-"] h6 { cursor: pointer; background: url('img/state.png') no-repeat 3px 3px; display: block; text-decoration: none; margin: 0; margin-top: 10px; padding-left:26px; border: 1px solid #E3E4E4; font-size: 13px; color: #555; text-decoration:none; } .collapse-crumble { margin-bottom:25px; } [class^="collapse-"] h6 a, [class*="collapse-"] h6 a { text-decoration:none; height: 25px; display: block; line-height: 25px; color: #aaa; padding-left: 10px; border-left: 1px solid #E3E4E4;} .collapse-crumble h6:hover { color: #edeae2; text-decoration:none; } .toggle-content { padding:15px; border: 1px solid #E3E4E4; border-top: none; } .adsense-left { float: left; margin: 0 15px 15px 0; } .adsense-right { float: right; margin: 0 0 15px 15px; } /* li Scroller */ /* liScroll styles */ .tickercontainer { /* the outer div with the black border */ width: 100%; height: 27px; margin: 0; padding: 0; overflow: hidden; } .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 10px; top: 8px; width: 100%; overflow: hidden; } ul.newsticker { /* that's your list */ position: relative; left: 1170px; font: normal 10px Verdana; list-style-type: none; margin: 0; padding: 0; overflow-y: hidden } ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0; overflow-y: hidden } ul.newsticker a { white-space: nowrap; padding: 0; font: normal 10px Verdana; margin: 0 30px 0 0; overflow-y: hidden } ul.newsticker span { margin: 0 10px 0 0; overflow-y: hidden } /* Widgets and Images */ .widget li.cat-item { list-style-type: disc; list-style-position: inside } .widget ul { margin-bottom:0; } .widget form { margin-bottom:0; } i { margin-right: 4px; } .widget-post-big-thumb img, .single-media-thumb img, .single-media-thumb iframe, .one-column-widget .fluid-width-video-wrapper, .two-column-widget .fluid-width-video-wrapper { margin-bottom: 10px } .widget-post-small-thumb { position:relative; float: left; } .widget-post-small-thumb img { width: 50px; float:left; margin-right: 10px; margin-bottom: 15px; } .box-category { background-color: #f1f2f3; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 2px 4px; margin-right: 5px; margin-bottom: 5px; font-size: 11px; color: #A8A8A8; font-weight: normal; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } .box-category:hover { background-color: #ececec } li.with-icon { padding-bottom: 5px } .meta-time, .meta-author, .meta-comments { font-size: 10px; height: 20px; line-height: 19px; /* margin-top: 3px;*/ display: block; text-transform: uppercase; color: #696969; margin-left:10px; } .meta-author { margin-left: 0 } .meta-comments { margin-left:0; } .one-column-widget .meta-comments { margin-right:0px;} .meta-time .author-post { margin-bottom: 5px !important; } .icon-big { margin-top: 3px; } span4.margin-30b { margin-bottom: 15px } li.second-post { border-bottom: 1px solid #ececec; margin-bottom: 15px; } .small-meta { float: right; font-size: 11px } .small-meta.left { float: left; } /* ======================================================================================================================= * * Social Icons Widget * ======================================================================================================================= */ a.behance, a.delicious, a.deviantart, a.digg, a.dribbble, a.facebook, a.flickr, a.forrst, a.google, a.lastfm, a.linkedin, a.pinterest, a.rss, a.skype, a.tumblr, a.twitter, a.vimeo, a.youtube { display: block; width: 32px; height: 32px; margin-right: 5px; margin-top: 5px; line-height:0; float: left; background: url(img/social-icons.png) left top no-repeat; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } a.behance { background-position: -544px 0 } a.behance:hover { background-position: -544px -32px } a.delicious { background-position: -512px 0 } a.delicious:hover { background-position: -512px -32px } a.deviantart { background-position: -480px 0 } a.deviantart:hover { background-position: -480px -32px } a.digg { background-position: -448px 0 } a.digg:hover { background-position: -448px -32px } a.dribbble { background-position: -416px 0 } a.dribbble:hover { background-position: -416px -32px } a.facebook { background-position: -384px 0 } a.facebook:hover { background-position: -384px -32px } a.flickr { background-position: -352px 0 } a.flickr:hover { background-position: -352px -32px } a.forrst { background-position: -320px 0 } a.forrst:hover { background-position: -320px -32px } a.google { background-position: -288px 0 } a.google:hover { background-position: -288px -32px } a.lastfm { background-position: -256px 0 } a.lastfm:hover { background-position: -256px -32px } a.linkedin { background-position: -224px 0 } a.linkedin:hover { background-position: -224px -32px } a.pinterest { background-position: -192px 0 } a.pinterest:hover { background-position: -192px -32px } a.rss { background-position: -160px 0 } a.rss:hover { background-position: -160px -32px } a.skype { background-position: -128px 0 } a.skype:hover { background-position: -128px -32px } a.tumblr { background-position: -96px 0 } a.tumblr:hover { background-position: -96px -32px } a.twitter { background-position: -64px 0 } a.twitter:hover { background-position: -64px -32px } a.vimeo { background-position: -32px 0 } a.vimeo:hover { background-position: -32px -32px } a.youtube { background-position: 0 0 } a.youtube:hover { background-position: 0 -32px } .top-social-block li a { display: block; width: 28px; height: 28px; line-height:0; background: url(img/social-icons.png) 0 -64px no-repeat; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } .top-social-block { padding: 0 20px 20px} .top-social-block ul { list-style:none; margin:0 15px 0 0; } .top-social-block ul li { padding:0; float:right; } .top-social-block li a.youtube-top { background-position: 0 -64px } .top-social-block li a.youtube-top:hover { background-position: 0 -92px } .top-social-block li a.vimeo-top { background-position: -28px -64px } .top-social-block li a.vimeo-top:hover { background-position: -28px -92px } .top-social-block li a.twitter-top { background-position: -56px -64px } .top-social-block li a.twitter-top:hover { background-position: -56px -92px } .top-social-block li a.tumblr-top { background-position: -84px -64px } .top-social-block li a.tumblr-top:hover { background-position: -84px -92px } .top-social-block li a.rss-top { background-position: -112px -64px } .top-social-block li a.rss-top:hover { background-position: -112px -92px } .top-social-block li a.pinterest-top { background-position: -140px -64px } .top-social-block li a.pinterest-top:hover { background-position: -140px -92px } .top-social-block li a.google-top { background-position: -168px -64px } .top-social-block li a.google-top:hover { background-position: -168px -92px } .top-social-block li a.facebook-top { background-position: -196px -64px } .top-social-block li a.facebook-top:hover { background-position: -196px -92px } .top-social-block li a.dribbble-top { background-position: -224px -64px } .top-social-block li a.dribbble-top:hover { background-position: -224px -92px } /* ======================================================================================================================= * * Popular & Recent Posts Widget * ======================================================================================================================= */ ul.recent-post-widget, ul.popular-post-widget { list-style-type: none; margin-left:0; } ul.recent-post-widget li, ul.popular-post-widget li { list-style-type: none; /*border-bottom: 1px solid #ebeced;*/ background: url(img/list-divider.png) left bottom repeat-x; padding: 15px 0px; } ul.recent-post-widget li:first-child img, ul.popular-post-widget li:first-child img { padding-top: 0 } ul.recent-post-widget li:first-child, ul.popular-post-widget li:first-child { padding-top: 0 } .one-column-widget .post-title a, .two-column-widget .post-title a, .left-list .post-title a, .right-list .post-title a { font-size: 13px; font-weight: bold } /*ul.popular-post-widget .meta-comments a { color:#696969;}*/ ul.recent-post-widget .category-item a { color:#FFF; } ul.recent-post-widget .category-item { padding: 3px 0px;} ul.recent-post-widget .meta-time { margin-left:0; display:inline-block;} ul.recent-post-widget .meta { margin-top:5px;} .popular-post-widget .post-title a, .recent-post-widget .post-title a { display: inline-block; font-size: 13px; color:#353535; font-weight: bold } .widget-thumb { float:left; background: url(img/thumb-border.png) left top no-repeat; padding:5px; position: relative; display: block; width: 60px; height: 60px; } .widget-thumb a { display:block; } .widget-thumb img { width: 50px; float: left; margin-right: 10px; } .widget-thumb-format-video, .widget-thumb-format-audio, .widget-thumb-format-gallery, .widget-thumb-format-image, .widget-thumb-format-standard { background: #FFF url(img/format-icons-black-small.png) left top no-repeat; width: 0px; height: 0px; background-position: 0 0; position: absolute; right: 10px; top: 0px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } .widget-thumb-post .widget-thumb-format-video, .widget-thumb-post .widget-thumb-format-audio, .widget-thumb-post .widget-thumb-format-gallery, .widget-thumb-post .widget-thumb-format-image, .widget-thumb-post .widget-thumb-format-standard { right: 0 } .widget-thumb-post a { display: block; } .widget-thumb:hover { cursor: pointer } .widget-thumb:hover .widget-thumb-format-video, .widget-thumb-post:hover .widget-thumb-format-video, .widget-thumb:hover .widget-thumb-format-audio, .widget-thumb-post:hover .widget-thumb-format-audio, .widget-thumb:hover .widget-thumb-format-gallery, .widget-thumb-post:hover .widget-thumb-format-gallery, .widget-thumb:hover .widget-thumb-format-image, .widget-thumb-post:hover .widget-thumb-format-image, .widget-thumb:hover .widget-thumb-format-standard, .widget-thumb-post:hover .widget-thumb-format-standard { width: 20px; height: 20px; } .widget-thumb-format-audio { background-position: -20px 0 } .widget-thumb-format-gallery { background-position: -40px 0 } .widget-thumb-format-image { background-position: -60px 0 } .widget-thumb-format-standard { background-position: -80px 0 } .comments { color:#FFF; display:inline-block; width:40px; height:34px; text-align: center; float:left; font-size:11px; } .comments.comm { background: url('img/icons/popular-comments.png') left top no-repeat; } .comments.likes { background: url('img/icons/popular-likes.png') left top no-repeat; padding-top: 8px; margin-bottom: -8px; } .comments.views { background: url('img/icons/popular-views.png') left top no-repeat;padding-top: 6px;margin-bottom: -9px; } ul.popular-post-widget .comments a { color:#FFF; padding: 4px 0; display:block;} ul.popular-post-widget .comments a:hover { color:#E64946; } .popular-post-widget .post-title, .popular-post-widget .meta, .recent-post-widget .post-title, .recent-post-widget .meta { overflow-x: hidden; } .recent-post-widget .post-title { } .popular-post-widget .meta-comments { float:left; } .popular-post-widget .meta-time { margin-left:0; } .widget-one-column-horizontal li, .widget-two-column-horizontal li, .recent-post-widget li { list-style-type: none; background: url(img/list-divider.png) left bottom repeat-x; padding: 15px 0px; } .widget-one-column-horizontal li .entry-info-post, .widget-two-column-horizontal li .entry-info-post { margin-left: 70px; display: block } .recent-post-widget li .entry-info-post { /* margin-left: 0*/ } .entry-info-post { margin-left: 70px; display: block } .widget-one-column-horizontal li { /* float: left*/ } .widget-thumb-post { display: block; height: 87px; width: 100px; float: left; position: relative; } .widget-one-column-horizontal.post-thumbs { margin-right: -20px } .widget-one-column-horizontal.post-thumbs li { float: left; padding: 0; margin-bottom: 20px; margin-right: 20px; background: none } .span6 > .widget-one-column-horizontal.post-thumbs li:nth-child(3n+3) { /* margin-right: 0*/ } .entry-info-post.no-margin { margin-left: 0 !important } .no-margin-bottom { margin-bottom: 0 !important } .widget-one-column-horizontal li:first-child { padding-top: 0px } .widget-two-column-horizontal li:first-child { padding-top: 5px } .widget-two-column-horizontal li:last-child a img, .widget-one-column-horizontal li:last-child a img { margin-bottom:0 !important;} .left-list, .right-list { float: left; padding: 15px 0; background: url(img/list-divider.png) left bottom repeat-x; display: block } /* ======================================================================================================================= * * Recent Comments Standard Widget * ======================================================================================================================= */ /* ======================================================================================================================= * * 2 Columns List Widget * ======================================================================================================================= */ ul.columns-list li { border-bottom: 1px dashed #E9EEF4; padding: 10px 0 } /* ======================================================================================================================= * * News Type Icons * ======================================================================================================================= */ .news-type { float: left; margin-right: 10px; } .news-type.margin-top { margin-top: 3px; } .news-type.exclusive { background: url(img/news-type-w-arrows.png) 0 0 no-repeat; background-position: 0 0; width: 58px; height: 21px; } .news-type.hot { background: url(img/news-type-w-arrows.png) 0 0 no-repeat; background-position: -59px 0; width: 33px; height: 21px; } .news-type.new { background: url(img/news-type-w-arrows.png) 0 0 no-repeat; background-position: -92px 0; width: 33px; height: 21px; } .news-type.live { background: url(img/news-type-w-arrows.png) 0 0 no-repeat; background-position: -125px 0; width: 33px; height: 21px; } /* ======================================================================================================================= * * Facebook Widgets * ======================================================================================================================= */ .fbcomments,.fb_iframe_widget,.fb_iframe_widget[style],.fb_iframe_widget iframe[style],.fbcomments iframe[style],.fb_iframe_widget span { /*width: 100% !important*/ } .fb-like-box .fbConnectWidgetTopmost { border:0 !important;} .facebook-box { margin: 0 !important; } .facebook-box .uiBoxWhite { background:none !important } /* ======================================================================================================================= * * Flickr Widget * ======================================================================================================================= */ ul#cbox { list-style-type: none; margin:0; margin-right: -15px; } ul#cbox li { list-style-type: none; float: left; display: block; margin-right: 15px; margin-top: 10px; border: none; padding:0; } ul#cbox li a img { display: block; width: 50px; height: 50px; padding: 5px; background: url(img/thumb-border.png) left top no-repeat; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -transition: all 0.2s linear; } /* ======================================================================================================================= * * Twitter Widget * ======================================================================================================================= */ .tweet_list { list-style: none; overflow-y: hidden; margin:0; } .tweet_list .awesome, .tweet_list .epic { text-transform: uppercase; } .tweet_list li { overflow-y: auto; overflow-x: hidden; display: block; padding: 15px 0px; background: url(img/list-divider.png) left bottom repeat-x; } #footer .tweet_list li { background: url(img/list-divider-footer.png) left bottom repeat-x; } .tweet_text a { font-size:12px; color: #529ebf} .tweet_text a:hover { color: #444 } .tweet_list .tweet_even { } .tweet_list .tweet_odd { } .tweet_list .tweet_avatar { float: left; } .tweet_list .tweet_avatar img { vertical-align: middle; } .tweet_list .tweet_time a { color:#A8A8A8; font-size:11px; font-style: normal } .tweet_list .tweet_time a:hover { color: #999; } a.tweet_avatar { display: block; width: 48px; height: 48px; padding: 7px; background: url(img/thumb-border.png) center center no-repeat; } .tweet_list li span.tweet_time { display:block; } .tweet_list .tweet_first { } a.tweet_avatar { margin-right: 10px; } .widget .tweet { color: #444; font-size:12px; } /* ======================================================================================================================= * * Author Profile Widget * ======================================================================================================================= */ .author-inner-block { background-color: #fff !important; border:1px solid #ececec; padding:20px; } .author-name { border-right: 1px dashed #ececec; padding-right:5px; background-color: #f1f2f3; padding: 2px;border-radius: 2px } a.author { background: transparent url(img/icons/author-icons.png) 0 0 no-repeat; display: block; float: right; width: 16px; height: 16px; margin-left: 5px; margin-right: 5px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -transition: none; } a.author:hover { background-color: transparent } a.author.twitter-icon { background-position: 0 0 } a.author.twitter-icon:hover { background-position: 0 -16px } a.author.flickr-icon { background-position: -16px 0 } a.author.flickr-icon:hover { background-position: -16px -16px } a.author.facebook-icon { background-position: -32px 0 } a.author.facebook-icon:hover { background-position: -32px -16px } a.author.google-icon { background-position: -48px 0 } a.author.google-icon:hover { background-position: -48px -16px } .textwidget img { width:auto; } /* ======================================================================================================================= * * Video Widget * ======================================================================================================================= */ .video-frame iframe { width: 100% !important; line-height: 0; display: block } /* ======================================================================================================================= * * Author Profile Widget * ======================================================================================================================= */ .author-profile-block { border-bottom: 4px solid #4E99A6; background-color: #f7f8f9; border-top: 1px solid #DDD; border-right: 1px solid #DDD; border-left: 1px solid #DDD; padding: 20px; padding-top: 50px; position: relative; } .profile-title { position: absolute; right: 20px; top: 0; background: #ececec; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 10px; display: block; } .profile-avatar { position: absolute; left: 20px; top: 0; padding: 5px; background: #ececec; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; border-left: 1px solid #DDD; } .author-block { padding: 5px; background: #f1f2f3; display: inline-block; color: #aaa; font-size: 11px; border: 1px solid #DDD; } /* ======================================================================================================================= * * Post Like * ======================================================================================================================= */ .post-like{ } .like{ background:url(img/icons/heart.png) no-repeat; width: 13px; height: 14px; display: block; float:left; margin-right: 4px; -moz-transition: all 0.2s ease-out 0.1s; -webkit-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s } .voted .like, .post-like .alreadyvoted, .post-like a:hover .like { background:url(img/icons/heart-active.png) no-repeat; } .bottom-meta { border-top: 1px dashed #EDEDED; margin-top: 6px; padding-top: 5px; border-style: } .the-icons { list-style:none; margin:0; } .the-icons li { float: left; width: 25%; line-height: 25px; } /* ======================================================================================================================= * * Flex Slider * ======================================================================================================================= */ /* Browser 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 {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; padding:0;margin-right: 30px;} /* Hide the slides before the JS is loaded. Avoids image jumping */ #entry-post .flexslider .slides > li, #entry-blog .flexslider .slides > li {border-top:0;} .widget-slider .slides > li { border-top:0; } .widget-carousel .slides > li {margin-right: 5px;} .flex-main.flexslider .slides > li {margin-right: 0px;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .widget-slider .title-mask { position:relative;} .title-mask .entry-title , .title-mask > p { color:#FFF !important; position:absolute; left:0; bottom:-53px; margin-bottom:0px; padding:15px 20px 20px 20px; right:0; opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); font-family: 'Oswald', sans-serif, Helvetica; display: inline-block; font-size: 22px; text-transform: uppercase; background: #111; font-weight:normal; text-align: center; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .title-mask .entry-title a { border-bottom: 2px solid #fff; margin-bottom: 15px !important; color: #FFF } .title-mask .entry-title > p { margin-bottom: 0 } .title-mask:hover .entry-title{ bottom: 0 } .entry-title > p { font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 20px; text-transform: capitalize; display: inline-block } /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0; 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;} .widget-slider { margin:0;} .widget-carousel { margin: 5px 0 15px; } .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -15px 0 0; display: block; background: url('img/icons/bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0); -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: -30px 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next { opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); right: 0px; } .flexslider:hover .flex-prev { opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); left: 0px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); } .flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=0); cursor: default;} .flexslider:hover .flex-next.flex-disabled {opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80); right: 0px;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); 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; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);} .flex-control-thumbs .flex-active {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); left: 0;} .flex-direction-nav .flex-next {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); right: 0;} } /* --------------------------------------------------------------------------------------------------------- Ads --------------------------------------------------------------------------------------------------------- */ .rwd-google-ads { text-align: center; border-top: 5px solid white; margin: -25px -20px -20px -20px; } .entry-ads, .entry-ads-110 { list-style:none; margin:0;} .entry-ads li { margin-top:20px; } .entry-ads li:first-child { margin-top:0; } .entry-ads-110 li { margin-bottom:10px; margin-right:10px; float:left;} .entry-ads-110 li:nth-child(2n+2) { margin-right: 0px; } ul.entry-ads-110 { margin-bottom: -10px; } /* ======================================================================================================================= * * Bootstrap Override * ======================================================================================================================= */ .btn { font-size: 12px; } .btn-primary a, .btn-info a, .btn-success a, .btn-warning a, .btn-danger a, .btn-inverse a, .btn-primary:hover a, .btn-info:hover a, .btn-success:hover a, .btn-warning:hover a, .btn-danger:hover a, .btn-inverse:hover a { color: white; } li { line-height: 18px; } select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input { font-size: 12px;} .icon-gray { background-image: url('img/glyphicons-halflings-gray.png'); } [class^="icon-"], [class*=" icon-"] { margin-top:0; margin-bottom: 1px; } .comments-title h4 { border-bottom: 1px solid #EBECED; font-weight:normal; } .widget-title h2 { font-size:20px; text-transform:uppercase; color:#b2b2b2; line-height:20px; font-weight:normal;} #contacts-form input[type=text], #contacts-form input[type=password], #contacts-form input[type=email], #contacts-form input[type=url] { height:auto; } #contacts-form i { margin-right: 0px; } #contacts-form .input-prepend { margin-bottom: 15px; } #contacts-form form { margin-bottom:0;} #contacts-form .btn { float:right; font-weight:bold; } #contacts-form textarea { margin-bottom:15px; } /* addthis service */ .addthis_button_facebook_like {height: 22px; margin-bottom: 0;} .addthis_button_tweet { height:22px; } /*.margin-comments li:first-child .first-comment { padding-top:0; }*/ .textwidget .accordion { margin-bottom:0; } .accordion-heading .accordion-toggle { font-weight: bold; } /* sitemap */ .entry-sitemap h5 { margin-bottom:5px; } .entry-sitemap ul { margin-bottom:10px; } .entry-sitemap .posts-name { list-style:none; margin-bottom:40px; } .entry-sitemap .category-name {list-style:none;margin-bottom: 40px;} .entry-sitemap .categories img { width:auto; display:inline-block; } .entry-sitemap .posts-name li ul li, .entry-sitemap .category-name li ul li, .entry-sitemap .pages-name li { padding-bottom:5px; } .twitter-tweet-rendered { width:100% !important;} .twt-border { _width: 100%!important; max-width: 100%!important; min-width: 100%!important; } .category-ads ins { float:right; } .depth-2 {margin-top:15px} ul.children { list-style: none;} /* google prettify */ .com { color: #93a1a1; } .lit { color: #195f91; } .pun, .opn, .clo { color: #93a1a1; } .fun { color: #dc322f; } .str, .atv { color: #D14; } .kwd, .prettyprint .tag { color: #1e347b; } .typ, .atn, .dec, .var { color: teal; } .pln { color: #48484c; } .prettyprint { padding: 8px; background-color: #f7f7f9; border: 1px solid #e1e1e8; } .prettyprint.linenums { -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; } /* Specify class=linenums on a pre to get line numbering */ ol.linenums { margin: 0 0 0 33px; /* IE indents via margin-left */ } ol.linenums li { padding-left: 12px; color: #bebec5; line-height: 20px; text-shadow: 0 1px 0 #fff; } .google_maps_block { display: block; margin-bottom: 30px;} .google_maps_block iframe{ width: 100% } .contact-textarea { height: 165px } /* ======================================================================================================================= * * Responsive Styles * ======================================================================================================================= */ @media (max-width: 600px) { #blog-entry .post-entry { width: 232px;} #blog-entry, #post-entry, #page-entry, #blog-entry.homepage { margin-left:0; margin-right:0; } .widget-slider { display: none } .ul.widget-two-column-horizontal { margin-bottom: 30px; } } @media (max-width: 480px) { .navigation select { display: block; } #menu, .cat-posts, .banner, .single-post-sidebar, .top-menu { display:none; } .meta-time { display: block; margin: 5px 0 0 0; } .meta-author { margin-left:0; } #logo { margin-bottom: 0 } .widget-slider, .top-menu-block .span9 { display: none } .top-menu-block .span3 { text-align: center; } } @media (max-width: 320px) { #blog-entry .post-entry { width: 234px;} #blog-entry, #post-entry, #page-entry, #blog-entry.homepage { margin-left:0; margin-right:0; } .widget-two-column-horizontal li:last-child a img, .widget-one-column-horizontal li:last-child a img { margin-bottom: 20px !important;} #social-counter li { margin-bottom: 20px; } #logo { margin-bottom: 0 } .widget-slider, .top-menu-block .span9 { display: none } .top-menu-block .span3 { text-align: center; } ul#social-icons { display: inline-block; float: none;} .widget-one-column-horizontal.post-thumbs li { margin-bottom: 15px; margin-right: 15px; } #wide-sidebar #search-block #s { width: 76%; } } @media (max-width: 240px) { #blog-entry .post-entry { width: 154px;} #blog-entry, #post-entry, #page-entry, #blog-entry.homepage { margin-left:0; margin-right:0; } #logo { margin-bottom: 0 } .widget-slider { display: none } } @media (max-width: 220px) { #blog-entry .post-entry { width: 134px;} #logo { margin-bottom: 0 } .widget-slider { display: none } } @media (max-width: 176px) { #blog-entry .post-entry { width: 90px;} #logo { margin-bottom: 0 } .widget-slider { display: none } } @media (max-width: 767px) { #menu { display: none; } .navigation select { display: block; } .navigation { padding:0 15px; } .copyright, .add-info { padding-bottom:20px; padding-top:20px; margin-left: 20px; padding-left: 20px; padding-right: 20px} .add-info { float: left } .right-bg { border-left: none; } .top-menu-block, #top-block-bg, #bottom-block-bg { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px } .add-nav li:first-child a { padding-left: 20px } #logo { margin-left: 20px; } .widget-slider { display: none } .ul.widget-two-column-horizontal { margin-bottom: 30px; } .second-column { margin-top: 30px; } #wide-sidebar #search-block #s { width: 69%; } .row-fluid .pull-right[class*="span"] { float: none; } /* v 1.03 */ } @media (min-width: 768px) and (max-width: 979px) { #menu { display: none; } .navigation select { display: block; } .navigation { padding:0; } .widget-slider { display: none } #wide-sidebar #search-block #s { width: 69%; } .news-ticker .news-big-title { display: none;} .news-ticker .colored-bg { height: 69px; } } /* Portrait tablet to landscape and desktop*/ @media (min-width: 980px) and (max-width: 1200px) { .navigation { } .widget-slider { display: block } #wide-sidebar #search-block #s { width: 78%; } .news-ticker .news-big-title { display: none;} .news-ticker .colored-bg { height: 69px; } } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #author-description { margin-bottom: 0px; } #author-avatar img { float: left; padding-right:20px} /* ------------------------------------------------------ Added in the v 1.01 ------------------------------------------------------ */ .widget-slider .entry-title a { line-height: 40px} #entry-comments .pagination { margin-bottom: 40px; } .page .entry-content { margin-bottom: 40px; } #user_login, #user_pass {height: 40px;} .rsswidget img { margin-right: 7px; margin-top: -3px; } /* ------------------------------------------------------ Added in the v 1.02 ------------------------------------------------------ */ .entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ } /* Make sure videos and embeds fit their containers */ embed, iframe, object, video { max-width: 100%; } /* Responsive images */ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } /* ------------------------------------------------------ Added in the v 1.03 ------------------------------------------------------ */ .row-fluid .pull-left[class*="span"]:last-child { margin-left: 0; }