Title: Change Bueno Theme Width
Last modified: August 22, 2016

---

# Change Bueno Theme Width

 *  [lvpre](https://wordpress.org/support/users/lvpre/)
 * (@lvpre)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/change-bueno-theme-width/)
 * I really like this Bueno theme ( [https://wordpress.org/themes/bueno](https://wordpress.org/themes/bueno)),
   but the full page width is just too wide. I’ve tried a few Custom CSS lines, 
   but it either chops the sides off or puts the content box in a strange location.
   Is there a way to add more padding on the right and left to make it look less
   wide on larger screens? Thanks.
 * Example: [http://tonybabecka.com/wordpress/](http://tonybabecka.com/wordpress/)
 *     ```
       @import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400,400italic,600,600italic,700,700italic&subset=latin,cyrillic);
   
       @import url(//fonts.googleapis.com/css?family=Orbitron:900);
       /*
       Theme Name: Bueno
       Theme URI: http://www.cherryframework.com/free-themes/bueno-free-wordpress-theme/
       Author: Duena Studio
       Author URI: http://profiles.wordpress.org/duena_studio
       Description: Bueno is a WordPress theme designed supremely for car blogs. Daredevils crazy about automobiles, driving, speed, tuning and the like will appreciate its dark design and nice visual effects. Needless to say how many opportunities WordPress gives to developers and website owners. The flexibility of the CMS allows making changes until your website acquires its unique appearance. You can replace slider images with your own, play with colors, texts, modify backgrounds, do whatever you need to reach the perfect feel and style, rendering your ideas and personal views. The template embraces the essence of current web trends whilst maintaining functional edge. Let's make a brief overview of its major features. Blog posts are arranged in two column structure, which makes them easy for scanning and creates accurate hierarchy on the page. Search bars are placed on top and in the bottom of the web page. This way their chances to be easily found by the users are doubled and the visitors can start their search immediately without losing any precious moment. Navigation is well considered. Main menu has drop down option. The rest of navigation links are in the right sidebar. They are separated by subtitles to improve readability. Blue buttons, text and elements stand out against the black background. This technique provides clear call-to-actions and guides user's eyes through the page. Back to top arrow in the right bottom corner of the page instantaneously lifts the visitor up without any additional scrolling. Go on, this is an excellent design to use!
       Version: 1.1.0
       License: GNU General Public License v2 or later
       License URI: http://www.gnu.org/licenses/gpl-2.0.html
       Tags: black, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-menu, editor-style, featured-images, full-width-template, post-formats, theme-options, sticky-post, translation-ready
       Text Domain: bueno
   
       Bueno WordPress theme, Copyright (C) 2013 Duena Studio
       Bueno WordPress theme is licensed under the GPL.
       */
       /* =Global
       ----------------------------------------------- */
       body {
         background-image: url(images/main-bg.gif);
         background-repeat: repeat;
         background-position: center 0;
       }
       body,
       button,
       input,
       select,
       textarea {
         color: #ccc;
         font-size: 13px;
         line-height: 20px;
       }
       /* Tablet to desktop
       /* -------------------------------------------------- */
       @media (min-width: 768px) and (max-width: 979px) {
         body,
         button,
         input,
         select,
         textarea {
           font-size: 12px;
           line-height: 20px;
         }
       }
       /* Headings */
       h1,
       h2,
       h3,
       h4,
       h5,
       h6 {
         clear: both;
       }
       /* Tablet to desktop
       /* -------------------------------------------------- */
       @media (min-width: 768px) and (max-width: 979px) {
         h1 {
           font-size: 24px;
           line-height: 28px;
         }
         h2 {
           font-size: 22px;
           line-height: 26px;
         }
         h3 {
           font-size: 18px;
           line-height: 22px;
         }
       }
       /* Lists */
       ul {
         margin: 0;
       }
       #main ul {
         overflow: hidden;
         margin: 0;
       }
       #main ul ul {
         padding: 10px 0 0 0;
         margin: 0 0 -10px 0;
       }
       ul li {
         padding: 0 0 10px 16px;
         position: relative;
         list-style: none;
         margin: 0;
       }
       ul li:before {
         position: absolute;
         font-family: FontAwesome;
         content: "\f105";
         color: #0cafdc;
         font-size: 14px;
         line-height: 20px;
         left: 0;
         top: 0;
       }
       a {
         -webkit-transition: all 200ms linear;
         -moz-transition: all 200ms linear;
         -o-transition: all 200ms linear;
         transition: all 200ms linear;
       }
       .progress .bar {
         font-weight: bold;
       }
       /* Alignment */
       .alignleft {
         display: inline;
         float: left;
         margin-right: 20px;
         margin-bottom: 10px;
       }
       .alignright {
         display: inline;
         float: right;
         margin-left: 20px;
         margin-bottom: 10px;
       }
       .aligncenter {
         clear: both;
         display: block;
         margin: 0 auto 10px;
       }
       .extra-wrap {
         overflow: hidden;
       }
       /* Images */
       [class*='wp-image-'] {
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         border: 3px solid #fff;
         outline: 1px solid #D4D4D4;
         margin-bottom: 10px;
       }
       /* =PAGE WRAPPER
       ----------------------------------------------- */
       .page-wrapper {
         position: relative;
         background: url(images/main-glow.png) no-repeat center 0;
         overflow: hidden;
       }
       @media (max-width: 340px) {
         .page-wrapper {
           padding-left: 10px;
           padding-right: 10px;
         }
       }
       /* =HEADER
       ----------------------------------------------- */
       #header {
         position: relative;
         z-index: 20;
         padding: 0;
       }
       #header .logo {
         float: left;
         padding: 4px 0 10px 0;
         max-width: 100%;
       }
       #header .logo .text-logo {
         font-size: 60px;
         line-height: 60px;
         margin: 0;
         text-transform: none;
         font-weight: normal;
         font-family: 'Orbitron', sans-serif;
         overflow: visible;
         font-weight: 900;
         text-transform: uppercase;
         letter-spacing: -2px;
       }
       #header .logo .text-logo a {
         color: #ffffff;
         display: inline-block;
       }
       #header .logo .text-logo a:first-letter {
         color: #0cafdc;
       }
       #header .logo .text-logo a:hover {
         text-decoration: none;
         color: #ffffff;
       }
       #header .logo .text-logo a:focus {
         text-decoration: none;
         color: #ffffff;
       }
       #header .logo .text-logo a:active {
         text-decoration: none;
         color: #ffffff;
       }
       #header .logo .site-description {
         padding: 0 0 0 5px;
         margin: 0;
         font-size: 10px;
         text-transform: uppercase;
         letter-spacing: 2px;
         color: #949292;
         font-family: Arial, Helvetica, sans-serif;
       }
       .header_banner {
         float: right;
         max-width: 70%;
       }
       .header_banner a {
         box-shadow: 0 0 0 #0cafdc;
         display: block;
       }
       .header_banner a:hover {
         box-shadow: 0 4px 0 0 #0cafdc;
       }
       /* Large desktop and up
       /* --------------------------------------------------*/
       @media (min-width: 1200px) {
         #header .logo .text-logo {
           font-size: 72px;
           line-height: 72px;
         }
       }
       /* Tablet to desktop
       /* -------------------------------------------------- */
       @media (min-width: 768px) and (max-width: 979px) {
         #header .logo .text-logo {
           font-size: 50px;
           line-height: 50px;
         }
         #header .logo .site-description {
           letter-spacing: 0;
         }
       }
       /* Landscape phone to desktop/tablet
       /* -------------------------------------------------- */
       @media (max-width: 767px) {
         #header .logo {
           float: none;
           text-align: center;
           padding: 0 0 10px 0;
         }
         .header_banner {
           float: none;
           max-width: 100%;
           text-align: center;
         }
       }
       #header .top_page_row {
         position: relative;
         margin: 0 0 36px 0;
       }
       #header .top_page_row_inner {
         position: relative;
         z-index: 2;
         color: #fff;
         padding: 8px 0 10px;
         min-height: 20px;
       }
       #header .top_page_row_bg_holder {
         position: absolute;
         z-index: 1;
         background: #0db2de;
         left: -32px;
         right: -32px;
         top: 0;
         bottom: 0;
       }
       #header .top_page_row_border_holder {
         background: #0497d0;
         position: absolute;
         bottom: -8px;
         height: 8px;
         left: -24px;
         right: -24px;
       }
       #header .top_page_row_border_holder:after {
         position: absolute;
         content: "";
         right: -8px;
         top: 0;
         width: 0px;
         height: 0px;
         border-left: 4px solid #0497d0;
         border-top: 4px solid #0497d0;
         border-bottom: 4px solid transparent;
         border-right: 4px solid transparent;
       }
       #header .top_page_row_border_holder:before {
         position: absolute;
         content: "";
         left: -8px;
         top: 0;
         width: 0px;
         height: 0px;
         border-right: 4px solid #0497d0;
         border-top: 4px solid #0497d0;
         border-bottom: 4px solid transparent;
         border-left: 4px solid transparent;
       }
       .top_page_menu {
         padding: 0;
         margin: 0;
       }
       .top_page_menu:after {
         clear: both;
         width: 100%;
         content: "";
         display: block;
       }
       .top_page_menu > li {
         float: left;
         position: relative;
         padding: 0 15px 0 0;
         font-size: 11px;
         text-transform: uppercase;
       }
       .top_page_menu > li:before {
         display: none;
       }
       .top_page_menu > li > a {
         color: #fff;
         display: block;
         position: relative;
       }
       .top_page_menu > li > a:before {
         content: '';
         position: absolute;
         bottom: 0;
         left: 50%;
         right: 50%;
         height: 1px;
         background: #fff;
         -webkit-transition: all 100ms linear;
         -moz-transition: all 100ms linear;
         -o-transition: all 100ms linear;
         transition: all 100ms linear;
       }
       .top_page_menu > li.current-menu-item > a,
       .top_page_menu > li > a:hover {
         color: #fff;
         text-decoration: none;
       }
       .top_page_menu > li.current-menu-item > a:before,
       .top_page_menu > li > a:hover:before {
         color: #fff;
         left: 0;
         right: 0;
       }
       @media (max-width: 767px) {
         .top_page_menu > li > a:before {
           display: none;
         }
         .top_page_menu > li.current-menu-item > a,
         .top_page_menu > li > a:hover {
           color: #fff;
           text-decoration: underline;
         }
         .top_page_menu > li.current-menu-item > a:before,
         .top_page_menu > li > a:hover:before {
           display: none;
         }
       }
       .top_page_menu .sub-menu {
         display: none;
       }
       .header_slogan {
         text-align: right;
         font-size: 12px;
         font-style: italic;
       }
       /* Tablet to desktop
       /* --------------------------------------------------*/
       @media (min-width: 768px) and (max-width: 979px) {
         .top_page_row .top_page_row_item {
           float: none;
           margin: 0;
           padding: 0;
           text-align: center;
           width: 100%;
         }
         .top_page_row_inner .row {
           margin: 0;
         }
         .header_slogan {
           text-align: center;
         }
         .top_page_menu > li {
           float: none;
           display: inline-block;
           padding: 0 8px;
         }
       }
       /* Landscape phone to desktop/tablet
       /* -------------------------------------------------- */
       @media (max-width: 767px) {
         .top_page_row .top_page_row_item {
           float: none;
           margin: 0;
           padding: 0;
           text-align: center;
           width: 100%;
         }
         .top_page_row_inner .row {
           margin: 0;
         }
         .header_slogan {
           text-align: center;
         }
         .top_page_menu > li {
           float: none;
           display: inline-block;
           padding: 0 8px;
         }
       }
       .header_middle_row {
         padding: 0 0 20px 0;
       }
       .header_middle_row:after {
         content: "";
         clear: both;
         width: 100%;
         display: block;
       }
       .header_bottom_row {
         position: relative;
         margin: 0 0 14px 0;
       }
       .header_bottom_row_inner {
         padding: 0;
         position: relative;
         z-index: 2;
       }
       .header_bottom_row_inner:after {
         clear: both;
         content: "";
         width: 100%;
         display: block;
       }
       .header_bottom_row_bg_holder {
         position: absolute;
         z-index: 1;
         left: -32px;
         right: -32px;
         top: 0;
         bottom: 0;
         background-color: #dededd;
         background-image: -moz-linear-gradient(top, #d2d2d1, #f1efee);
         background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d2d2d1), to(#f1efee));
         background-image: -webkit-linear-gradient(top, #d2d2d1, #f1efee);
         background-image: -o-linear-gradient(top, #d2d2d1, #f1efee);
         background-image: linear-gradient(to bottom, #d2d2d1, #f1efee);
         background-repeat: repeat-x;
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2d2d1', endColorstr='#fff1efee', GradientType=0);
         border-top: 5px solid #f1efee;
       }
       .header_bottom_row_border_holder {
         background: #d6d5d5;
         position: absolute;
         bottom: -14px;
         height: 14px;
         left: -14px;
         right: -14px;
       }
       .header_bottom_row_border_holder:after {
         position: absolute;
         content: "";
         right: -18px;
         top: 0;
         width: 0px;
         height: 0px;
         border-left: 9px solid #d6d5d5;
         border-top: 7px solid #d6d5d5;
         border-bottom: 7px solid transparent;
         border-right: 9px solid transparent;
       }
       .header_bottom_row_border_holder:before {
         position: absolute;
         content: "";
         left: -18px;
         top: 0;
         width: 0px;
         height: 0px;
         border-right: 9px solid #d6d5d5;
         border-top: 7px solid #d6d5d5;
         border-bottom: 7px solid transparent;
         border-left: 9px solid transparent;
       }
       /* Landscape phone to desktop/tablet
       /* -------------------------------------------------- */
       @media (max-width: 767px) {
         .header_bottom_row_bg_holder {
           background: #ddd;
         }
       }
       /* = Slider
       ----------------------------------------------- */
       #slider-wrapper .flexslider {
         margin: 0 0 30px 0;
       }
       /* = Top search
       ----------------------------------------------- */
       #top-search {
         float: right;
         padding: 0;
         position: relative;
         z-index: 6;
         margin: 12px 0 0 0;
       }
       #header_search_form {
         margin: 0;
       }
       #header_search_form .input-search {
         vertical-align: top;
         margin: 0;
         padding: 8px 28px 9px 10px;
         height: 21px;
         background: #3d3b3a;
         color: #858382;
         border-radius: 16px;
         border: none;
         width: 0;
         position: absolute;
         right: 0;
         z-index: 1;
         -webkit-transition: all 300ms;
         -moz-transition: all 300ms;
         -o-transition: all 300ms;
         transition: all 300ms;
         border-radius: 0;
         border-bottom: 1px solid #262626;
         opacity: 0;
       }
       #header_search_form .input-search::-webkit-input-placeholder {
         font-style: italic;
       }
       #header_search_form .input-search:focus {
         box-shadow: none;
         border: none;
         border-bottom: 1px solid #262626;
       }
       #header_search_form .input-search:-moz-placeholder {
         font-style: italic;
       }
       #header_search_form .input-search::-moz-placeholder {
         font-style: italic;
       }
       #header_search_form .input-search:-ms-input-placeholder {
         font-style: italic;
       }
       #header_search_form.opened .input-search {
         width: 200px;
         color: #fff;
         opacity: 1;
       }
       #header_search_form .top-search-submit,
       #header_search_form .search-trigger {
         vertical-align: top;
         position: relative;
         cursor: pointer;
         z-index: 2;
         border: none;
         padding: 0;
         width: 38px;
         height: 38px;
         line-height: 38px;
         text-align: center;
         color: #fff;
         font-size: 20px;
         background: #262626;
         border-bottom: 1px solid #262626;
         display: block;
         box-shadow: none;
         -webkit-transition: all 200ms linear;
         -moz-transition: all 200ms linear;
         -o-transition: all 200ms linear;
         transition: all 200ms linear;
       }
       #header_search_form .top-search-submit .icon-search,
       #header_search_form .search-trigger .icon-search {
         display: block;
         width: 38px;
         height: 38px;
         line-height: 38px;
         text-align: center;
       }
       #header_search_form .top-search-submit:hover,
       #header_search_form .search-trigger:hover,
       #header_search_form .top-search-submit:focus,
       #header_search_form .top-search-submit:active {
         text-decoration: none !important;
         color: #0cafdc;
       }
       #header_search_form .search-trigger {
         position: absolute;
         right: 0;
         top: 0;
         z-index: 10;
       }
       #header_search_form .search-trigger:after {
         cursor: pointer;
       }
       /* = Main navigation
       ----------------------------------------------- */
       .main-nav {
         margin: 0 40px 0 0;
       }
       .nav_hover_marker {
         background: #0497d0;
         height: 4px;
         position: absolute;
         bottom: 55px;
         left: 0;
         width: 0;
         z-index: 4;
         -webkit-transition: all 400ms;
         -moz-transition: all 400ms;
         -o-transition: all 400ms;
         transition: all 400ms;
       }
       .main-nav .navbar_inner {
         background: none;
         position: relative;
       }
       .sf-menu:after {
         clear: both;
         content: "";
         width: 100%;
         display: block;
       }
       .main-nav .navbar_inner:after {
         clear: both;
         content: "";
         width: 100%;
         display: block;
       }
       /* Essential styles for dropdown menu */
       .sf-menu,
       .sf-menu * {
         margin: 0;
         padding: 0;
         list-style: none;
       }
       .sf-menu {
         line-height: 1.0;
         position: relative;
         z-index: 5;
       }
       .sf-menu li:before {
         display: none;
       }
       .navbar_inner > div > ul ul,
       .navbar_inner > ul ul {
         position: absolute;
         top: -999em;
         min-width: 210px;
         left: 0;
         background: #3d3836;
         padding: 10px 0;
         box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
       }
       .navbar_inner > div > ul li:hover,
       .navbar_inner > ul li:hover {
         visibility: inherit;
         /* fixes IE7 'sticky bug' */
   
       }
       .navbar_inner > div > ul li,
       .navbar_inner > ul li {
         position: relative;
         background: none;
         text-transform: none;
         font-weight: normal;
       }
       .navbar_inner > div > ul > li,
       .navbar_inner > ul > li {
         float: left;
         border: none;
         margin: 0 20px 0 0;
       }
       .navbar_inner > div > ul > li:first-child,
       .navbar_inner > ul > li:first-child {
         border-left: none;
       }
       .navbar_inner > div > ul a,
       .navbar_inner > ul a {
         display: block;
         position: relative;
       }
       .navbar_inner > div > ul li:hover ul,
       .navbar_inner > div > ul li.sfHover ul,
       .navbar_inner > ul li:hover ul,
       .navbar_inner > ul li.sfHover ul {
         left: 0;
         top: 60px;
         /* match top ul list item height */
   
         z-index: 99;
       }
       .navbar_inner > div > ul li:hover li ul,
       .navbar_inner > div > ul li.sfHover li ul,
       .navbar_inner > ul li:hover li ul,
       .navbar_inner > ul li.sfHover li ul {
         top: -999em;
       }
       .navbar_inner > div > ul li li:hover ul,
       .navbar_inner > div > ul li li.sfHover ul,
       .navbar_inner > ul li li:hover ul,
       .navbar_inner > ul li li.sfHover ul {
         left: 100.5%;
         /* match ul width */
   
         top: -10px;
       }
       .navbar_inner > div > ul li li:hover li ul,
       .navbar_inner > div > ul li li.sfHover li ul,
       .navbar_inner > ul li li:hover li ul,
       .navbar_inner > ul li li.sfHover li ul {
         top: -999em;
       }
       /* Our skin for dropdown menu */
       .navbar_inner > div > ul,
       .navbar_inner > ul {
         margin: 0;
         padding: 0;
       }
       .navbar_inner > div > ul > li > a,
       .navbar_inner > ul > li > a {
         color: #252322;
         font-size: 18px;
         line-height: 38px;
         height: 38px;
         text-decoration: none;
         text-transform: uppercase;
         letter-spacing: 0;
         background: none;
         font-weight: normal;
         padding: 12px 0 10px;
         display: block;
         position: relative;
       }
       .navbar_inner > div > ul > li > a .hover_mask,
       .navbar_inner > ul > li > a .hover_mask {
         position: absolute;
         top: 1px;
         left: 50%;
         right: 50%;
         height: 4px;
         background: #0cafdc;
         -webkit-transition: all 100ms linear;
         -moz-transition: all 100ms linear;
         -o-transition: all 100ms linear;
         transition: all 100ms linear;
       }
       .navbar_inner > div > ul > li > a:hover,
       .navbar_inner > div > ul > li.sfHover > a,
       .navbar_inner > div > ul > li.current-menu-item > a,
       .navbar_inner > div > ul > li.current_page_item > a,
       .navbar_inner > ul > li > a:hover,
       .navbar_inner > ul > li.sfHover > a,
       .navbar_inner > ul > li.current-menu-item > a,
       .navbar_inner > ul > li.current_page_item > a {
         color: #252322;
         outline: 0;
         text-decoration: none;
       }
       .navbar_inner > div > ul > li > a:hover .hover_mask,
       .navbar_inner > div > ul > li.sfHover > a .hover_mask,
       .navbar_inner > div > ul > li.current-menu-item > a .hover_mask,
       .navbar_inner > div > ul > li.current_page_item > a .hover_mask,
       .navbar_inner > ul > li > a:hover .hover_mask,
       .navbar_inner > ul > li.sfHover > a .hover_mask,
       .navbar_inner > ul > li.current-menu-item > a .hover_mask,
       .navbar_inner > ul > li.current_page_item > a .hover_mask {
         left: 0;
         right: 0;
       }
       .navbar_inner > div > ul li li,
       .navbar_inner > ul li li {
         margin: 0;
       }
       .navbar_inner > div > ul li li a,
       .navbar_inner > ul li li a {
         color: #fff;
         font-size: 11px;
         line-height: 16px;
         text-decoration: none;
         padding: 7px 10px;
         text-transform: none;
         position: relative;
         text-align: center;
         text-transform: uppercase;
         display: block;
         background: #3d3836;
       }
       .navbar_inner > div > ul li li > a:hover,
       .navbar_inner > div > ul li li.sfHover > a,
       .navbar_inner > div > ul li li > a:focus,
       .navbar_inner > div > ul li li.current_page_item > a,
       .navbar_inner > ul li li > a:hover,
       .navbar_inner > ul li li.sfHover > a,
       .navbar_inner > ul li li > a:focus,
       .navbar_inner > ul li li.current-menu-item > a,
       .navbar_inner > div > ul li li.current_page_parent > a {
         color: #fff;
         background: #0cafdc;
         outline: 0;
       }
       /*** arrows **/
       .sf-sub-indicator {
         position: absolute;
         bottom: 18px;
         right: -7px;
         display: inline-block;
         margin: 0;
         overflow: hidden;
         width: 0px;
         height: 0px;
         border-style: solid;
         border-width: 0 0 6px 6px;
         border-color: transparent transparent #0cafdc transparent;
         -webkit-transition: all 300ms;
         -moz-transition: all 300ms;
         -o-transition: all 300ms;
         transition: all 300ms;
       }
       .navbar_inner > div > ul li li a .sf-sub-indicator,
       .navbar_inner > ul li li a .sf-sub-indicator {
         right: 4px;
         bottom: 5px;
       }
       .navbar_inner > div > ul li li > a:hover > .sf-sub-indicator,
       .navbar_inner > div > ul li li.sfHover > a > .sf-sub-indicator,
       .navbar_inner > div > ul li li > a:focus > .sf-sub-indicator,
       .navbar_inner > div > ul li li.current_page_item > a > .sf-sub-indicator,
       .navbar_inner > ul li li > a:hover > .sf-sub-indicator,
       .navbar_inner > ul li li.sfHover > a > .sf-sub-indicator,
       .navbar_inner > ul li li > a:focus > .sf-sub-indicator,
       .navbar_inner > ul li li.current-menu-item > a > .sf-sub-indicator,
       .navbar_inner > div > ul li li.current_page_parent > a > .sf-sub-indicator {
         border-color: transparent transparent #fff transparent;
       }
       /*** shadows for all but IE6 ***/
       /* Navigation select styling */
       .select-menu {
         background-image: none;
         background-color: #ddd;
         width: 100%;
         height: 30px;
         padding: 5px;
         cursor: pointer;
         display: none !important;
         color: #222;
         border: none;
         border: 1px solid #ddd;
         margin: 0;
       }
       /* Tablet to desktop
       /* -------------------------------------------------- */
       @media (min-width: 768px) and (max-width: 979px) {
         .navbar_inner > div > ul > li,
         .navbar_inner > ul > li {
           margin: 0 15px 0 0;
         }
         .navbar_inner > div > ul > li > a,
         .navbar_inner > ul > li > a {
           padding: 5px 0;
           font-size: 17px;
         }
         .sf-sub-indicator {
           bottom: 12px;
         }
       }
       /* Landscape phone to portrait tablet */
       @media (max-width: 767px) {
         .select-menu {
           display: block !important;
         }
         ul.sf-menu,
         div.sf-menu > ul {
           display: none;
         }
         .main-nav {
           margin: 0;
         }
         .navbar_inner {
           padding: 10px 0;
         }
       }
       .select-menu option {
         padding: 5px 8px;
         cursor: pointer;
       }
       .select-menu option:first-child {
         padding-left: 5px;
         padding-right: 5px;
       }
       .select-menu option.main_item {
         font-weight: bold;
       }
       /* =CONTENT
       ----------------------------------------------- */
       .site-main {
         padding: 40px 0 0 0;
         position: relative;
       }
       .site-main:before {
         content: "";
         position: absolute;
         width: 968px;
         left: 50%;
         margin-left: -484px;
         top: 0;
         bottom: 0;
         background: #383636;
         z-index: 1;
         box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
       }
       /* Large desktop and up
       /* --------------------------------------------------*/
       @media (min-width: 1200px) {
         .site-main:before {
           width: 1200px;
           margin-left: -600px;
         }
       }
       /* Tablet to desktop
       /* -------------------------------------------------- */
       @media (min-width: 768px) and (max-width: 979px) {
         .site-main:before {
           width: 752px;
           margin-left: -376px;
         }
       }
       /* Landscape phone to desktop/tablet
       /* -------------------------------------------------- */
       @media (max-width: 767px) {
         .site-main:before {
           width: auto;
           margin-left: 0;
           left: -14px;
           right: -14px;
         }
       }
       #primary {
         position: relative;
         z-index: 2;
       }
       #secondary {
         background: #2a2827;
         padding: 10px 0 20px;
       }
       #secondary:before {
         position: absolute;
         z-index: 2;
         width: 300px;
         top: 40px;
         bottom: 0;
         background: #2a2827;
         content: "";
       }
       /* Large desktop and up
       /* --------------------------------------------------*/
       @media (min-width: 1200px) {
         #secondary:before {
           width: 370px;
         }
       }
       /* Tablet to desktop
       /* -------------------------------------------------- */
       @media (min-width: 768px) and (max-width: 979px) {
         #secondary:before {
           width: 228px;
         }
       }
       /* Landscape phone to desktop/tablet
       /* -------------------------------------------------- */
       @media (max-width: 767px) {
         #secondary {
           position: relative;
           z-index: 2;
           margin: 0 10px;
           width: auto;
           padding: 20px 0 0 0;
         }
         #secondary:before {
           display: none;
         }
       }
       #primary.left {
         float: right;
       }
       .hentry {
         padding: 0;
         margin: 0 0 15px 0;
         position: relative;
       }
       .page_wrap {
         padding: 0;
         margin: 0 0 20px 0;
         position: relative;
       }
       .page_wrap:after {
         clear: both;
         content: "";
         width: 100%;
         display: block;
         height: 0;
       }
       .page-title {
         padding: 0 0 15px 0;
         margin: 0 0 20px 0;
         border-bottom: 1px solid #555;
         position: relative;
       }
       .page-title:after {
         position: absolute;
         content: "";
         bottom: 0;
         left: 0;
         right: 0;
         height: 1px;
         background: #111;
       }
       .page-title span {
         color: #fff;
       }
       .archive.date .page-title {
         padding: 0 0 15px 40px;
       }
       .archive.date .page-title:before {
         position: absolute;
         left: 0;
         top: 0;
         margin: 0;
         font-size: 30px;
         font-family: FontAwesome;
         content: "\f073";
       }
       .archive.category .page-title {
         padding: 0 0 15px 40px;
       }
       .archive.category .page-title:before {
         position: absolute;
         left: 0;
         top: 0;
         margin: 0;
         font-size: 30px;
         font-family: FontAwesome;
         content: "\f07c";
       }
       .archive.author .page-header .page-title {
         padding: 0 0 10px 40px;
         margin: 0;
         border: none;
       }
       .archive.author .page-header .page-title:before {
         position: absolute;
         left: 0;
         top: 0;
         margin: 0;
         font-size: 30px;
         font-family: FontAwesome;
         content: "\f007";
       }
       .archive.author .page-header .page-title:after {
         display: none;
       }
       .search-results .page-title {
         padding: 0 0 15px 40px;
       }
       .search-results .page-title:before {
         position: absolute;
         left: 0;
         top: 0;
         margin: 0;
         font-size: 30px;
         font-family: FontAwesome;
         content: "\f002";
       }
       .taxonomy-description {
         padding: 15px 15px 15px 50px;
         background: #444;
         margin: 0 0 30px 0;
         box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
         position: relative;
       }
       .taxonomy-description:before {
         position: absolute;
         left: 15px;
         top: 50%;
         margin: -11px 0 0 0;
         font-size: 30px;
         font-family: FontAwesome;
         content: "\f05a";
       }
       .taxonomy-description p {
         margin: 0;
       }
       #primary .page-header {
         border: none;
         padding: 0;
         margin: 0;
       }
       .two_column_item_clear {
         clear: both;
       }
       .two_column_item,
       .one_column_item {
         margin-bottom: 30px;
         border-bottom: 1px solid #555;
       }
       .two_column_item .post__holder,
       .one_column_item .post__holder {
         border-bottom: 1px solid #111;
         margin: 0;
         padding: 0 0 30px 0;
       }
       .two_column_item.last_item,
       .one_column_item.last_item {
         border-bottom: none;
         margin-bottom: 0;
       }
       .two_column_item.last_item .post__holder,
       .one_column_item.last_item .post__holder {
         border-bottom: none;
       }
       /* Post header */
       .post-title {
         margin: 0;
         padding: 5px 0;
         overflow: hidden;
         font-weight: 300;
         word-break: normal;
         -ms-word-wrap: break-word;
         word-wrap: break-word;
       }
       .no-thumb .post-title {
         padding-right: 50px;
       }
       .post-title a {
         color: inherit;
       }
       .post-title a:hover {
         color: #fff;
       }
       .post-title a:hover,
       .post-title a:active,
       .post-title a:focus {
         text-decoration: none;
       }
       /* Post content */
       .post_content {
         padding: 5px 0 0 0;
       }
       .post_content:after {
         clear: both;
         width: 100%;
         content: "";
         display: block;
       }
       .single .post_content {
         padding: 10px 0 15px 0;
       }
       .gallery-post {
         padding: 10px 0 15px;
       }
       .post_content p,
       .page_wrap p {
         word-break: normal;
         -ms-word-wrap: break-word;
         word-wrap: break-word;
       }
       .excerpt {
         word-break: normal;
         -ms-word-wrap: break-word;
         word-wrap: break-word;
       }
       .post_content.pholio {
         min-height: 0;
       }
       .post_content:after {
         clear: both;
         content: "";
         width: 100%;
         display: block;
       }
       .post_content .post_permalink {
         float: right;
         margin: 0 10px 0 0;
       }
       .post_permalink a {
         font-size: 12px;
         font-style: normal;
         text-decoration: none !important;
       }
       .post_permalink a:active,
       .post_permalink a:focus {
         text-decoration: none;
       }
       .post_permalink a i {
         font-size: 14px;
         margin: 0 3px 0 0;
         text-decoration: none !important;
       }
       .excerpt {
         padding: 0 0 10px 0;
         color: #a0a0a0;
         font-weight: 300;
       }
       .byline {
         display: none;
       }
       .single .byline,
       .group-blog .byline {
         display: inline;
       }
       .entry-content,
       .entry-summary {
         margin: 10px 0 0 0;
       }
       .page-links {
         clear: both;
         margin: 0;
         padding: 10px 0;
       }
       .page-links a {
         display: inline-block;
         line-height: 20px;
         padding: 5px 11px;
         font-size: 13px;
         color: #fff;
         background: #222;
         margin: 0;
         min-width: 10px;
         text-align: center;
         box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
       }
       .page-links a:hover {
         text-decoration: none;
         padding: 10px 11px;
         background: #0cafdc;
         color: #fff;
         font-size: 16px;
       }
       .page-links > span {
         display: inline-block;
         line-height: 20px;
         padding: 10px;
         font-size: 16px;
         background: #0cafdc;
         color: #fff;
         margin: 0;
         min-width: 10px;
         text-align: center;
         box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
       }
       /* featured thumbnail */
       .featured-thumbnail {
         margin: 0 0 5px 0;
         overflow: hidden;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
       }
       .featured-thumbnail img {
         max-width: 100%;
         width: 100%;
         height: auto;
       }
       .blog .featured-thumbnail {
         width: 100%;
         max-width: 100%;
         overflow: hidden;
       }
       .thumb-link .thumbnail {
         position: relative;
       }
       .thumb-link .thumbnail:before {
         content: "";
         display: block;
         position: absolute;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
         background: #000;
         z-index: 2;
         opacity: 0;
         filter: alpha(opacity=0);
         visibility: hidden;
         -webkit-transition: all 200ms linear;
         -moz-transition: all 200ms linear;
         -o-transition: all 200ms linear;
         transition: all 200ms linear;
       }
       .thumb-link .thumbnail:after {
         content: "\f0c1";
         font-family: FontAwesome;
         background: #fff;
         color: #000;
         width: 36px;
         height: 34px;
         line-height: 34px;
         padding: 2px 0 0 0;
         border-radius: 18px;
         font-size: 22px;
         text-align: center;
         vertical-align: middle;
         position: absolute;
         left: 50%;
         top: -5%;
         margin: -18px 0 0 -18px;
         display: inline-block;
         opacity: 0;
         filter: alpha(opacity=0);
         text-shadow: 0 0 0 #fff;
         -webkit-transition: all 200ms linear;
         -moz-transition: all 200ms linear;
         -o-transition: all 200ms linear;
         transition: all 200ms linear;
         z-index: 3;
         visibility: hidden;
       }
       .thumb-link:hover .thumbnail:before {
         opacity: 0.7;
         filter: alpha(opacity=70);
         visibility: visible;
       }
       .thumb-link:hover .thumbnail:after {
         top: 50%;
         opacity: 0.6;
         filter: alpha(opacity=60);
         visibility: visible;
       }
       .single .featured-thumbnail {
         margin: 0 0 10px 0;
       }
       .featured-thumbnail.large {
         float: none;
         margin: 0 0 10px 0;
       }
       .post-footer {
         margin: 0;
         padding: 15px;
         background: #444;
         box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
       }
       .post-footer i {
         font-size: 14px;
       }
       /* post tags */
       .post-footer a {
         display: inline-block;
         margin: 0 1px 2px 7px;
         font-size: 11px !important;
         line-height: 18px;
         height: 18px;
         padding: 0 10px;
         background: #0cafdc;
         border: 1px solid #087593;
         color: #ffffff;
       }
       .post-footer a + a {
         margin: 0 1px 2px 0;
       }
       .post-footer a:hover {
         color: #ffffff;
         background: #111;
         border: 1px solid #000;
         text-decoration: none;
       }
       .post-footer a:active {
         color: #ffffff;
         background: #111;
         border: 1px solid #000;
         text-decoration: none;
       }
       .post-footer a:focus {
         color: #ffffff;
         background: #111;
         border: 1px solid #000;
         text-decoration: none;
       }
       .tagcloud a {
         display: inline-block;
         margin: 0 1px 2px 0;
         font-size: 11px !important;
         line-height: 18px;
         height: 18px;
         padding: 0 10px;
         background: #0cafdc;
         border: 1px solid #087593;
         color: #ffffff;
       }
       .tagcloud a:hover {
         color: #ffffff;
         background: #111;
         border: 1px solid #000;
         text-decoration: none;
       }
       /* post foramt label */
       .post_type_label {
         position: absolute;
         top: -11px;
         right: 16px;
         width: 38px;
         line-height: 40px;
         text-align: center;
         height: 40px;
         background-color: #09a6d8;
         background-image: -moz-linear-gradient(top, #0caedc, #059bd2);
         background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0caedc), to(#059bd2));
         background-image: -webkit-linear-gradient(top, #0caedc, #059bd2);
         background-image: -o-linear-gradient(top, #0caedc, #059bd2);
         background-image: linear-gradient(to bottom, #0caedc, #059bd2);
         background-repeat: repeat-x;
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0caedc', endColorstr='#ff059bd2', GradientType=0);
         border: 1px solid #059bd2;
         border-bottom: none;
         box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
         z-index: 999;
       }
       .post_type_label:after {
         font-family: FontAwesome;
         font-size: 20px;
         color: #fff;
         text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.1);
         content: "\f0f6";
         cursor: default;
       }
       .post_type_label_inner {
         position: absolute;
         left: -11px;
         top: -1px;
         width: 0px;
         height: 0px;
         border-right: 5px solid #1182ab;
         border-top: 5px solid transparent;
         border-bottom: 5px solid #1182ab;
         border-left: 5px solid transparent;
       }
       .post_type_label_inner:after,
       .post_type_label_inner:before {
         position: absolute;
         width: 0;
         height: 0;
         content: "";
       }
       .post_type_label_inner:after {
         border-right: 10px solid #059bd2;
         border-top: 5px solid #059bd2;
         border-bottom: 5px solid transparent;
         border-left: 10px solid transparent;
         bottom: -46px;
         right: -45px;
       }
       .post_type_label_inner:before {
         border-right: 10px solid transparent;
         border-top: 5px solid #059bd2;
         border-bottom: 5px solid transparent;
         border-left: 10px solid #059bd2;
         bottom: -46px;
         right: -25px;
       }
       .no-thumb .post_type_label,
       .single-format-gallery .post_type_label {
         right: 1px;
       }
       .no-thumb .post_type_label_inner,
       .single-format-gallery .post_type_label_inner {
         border-color: transparent;
       }
       .post_type_label.gallery:after {
         content: "\f03e";
       }
       .post_type_label.quote:after {
         content: "\f10e";
       }
       .post_type_label.image:after {
         content: "\f03e";
       }
       .post_type_label.video:after {
         content: "\f008";
       }
       .post_type_label.audio:after {
         content: "\f001";
       }
       .post_type_label.aside:after {
         content: "\f041";
       }
       .post_type_label.link:after {
         content: "\f08e";
       }
       .post_type_label.chat:after {
         content: "\f0e6";
       }
       .post_type_label.status:after {
         content: "\f0e5";
       }
       .sticky .post_type_label:after {
         content: "\f006";
         font-size: 24px;
       }
       /* post meta */
       .post_meta {
         margin: 0;
         padding: 5px 0 0 0;
       }
       .post_meta_row_1:after {
         clear: both;
         width: 100%;
         content: "";
         display: block;
       }
       .post_meta_row_2:after {
         clear: both;
         width: 100%;
         content: "";
         display: block;
       }
       .post_meta i {
         font-size: 15px;
         color: #c4c4c4;
       }
       .post_meta span {
         display: inline-block;
         margin: 0 15px 0 0;
       }
       .post_meta span i {
         margin-right: 8px !important;
       }
       .post_meta span.post_permalink a:hover {
         text-decoration: none;
       }
       .post_meta span.post_permalink i:before {
         font-size: 14px;
       }
       .post_meta .post_category {
         margin: 0 40px 0 0;
       }
       .post_meta .post_author {
         font-size: 12px;
       }
       .post_meta .post_author a {
         text-transform: uppercase;
         font-weight: bold;
       }
       .post_meta .post_author a:hover,
       .post_meta .post_author a:focus,
       .post_meta .post_author a:active {
         color: #fff;
         text-decoration: none;
       }
       .post_meta .post_date {
         font-size: 12px;
         text-transform: uppercase;
         margin: 0;
       }
       .post_meta .post_permalink {
         float: right;
       }
       .post_meta .post_comment {
         margin: 0;
         float: right;
         position: relative;
         height: 20px;
       }
       .post_meta .post_comment i[class^='icon-'] {
         font-size: 17px;
         margin: 0 !important;
         vertical-align: top;
         display: block;
       }
       .post_meta .post_comment span.comments-link i[class^='icon-'] {
         cursor: default;
       }
       .post_meta .post_comment a.comments-link i[class^='icon-'] {
         cursor: pointer;
       }
       .post_meta .post_comment a.comments-link:hover,
       .post_meta .post_comment a.comments-link:active,
       .post_meta .post_comment a.comments-link:focus {
         color: #fff;
         text-decoration: none;
       }
       .post_meta .post_comment a.comments-link:hover i,
       .post_meta .post_comment a.comments-link:active i,
       .post_meta .post_comment a.comments-link:focus i {
         color: #fff;
       }
       .post_meta .post_comment a.comments-link:hover b,
       .post_meta .post_comment a.comments-link:active b,
       .post_meta .post_comment a.comments-link:focus b {
         color: #ccc;
       }
       .post_meta .post_comment a.comments-link:hover b:hover,
       .post_meta .post_comment a.comments-link:active b:hover,
       .post_meta .post_comment a.comments-link:focus b:hover {
         color: #fff;
       }
       .post_meta .post_comment .comments-link {
         margin: 0 12px 0 0;
         display: inline-block;
       }
       .post_meta .post_comment .comments-link b {
         margin: 0 !important;
         white-space: nowrap;
         width: auto;
         position: absolute;
         right: 0;
         top: -50px;
         opacity: 0;
         visibility: hidden;
         font-weight: normal;
         background: #111;
         color: #ccc;
         border-radius: 3px;
         padding: 5px 10px;
         z-index: 999;
         -webkit-transition: all 200ms linear;
         -moz-transition: all 200ms linear;
         -o-transition: all 200ms linear;
         transition: all 200ms linear;
       }
       .post_meta .post_comment .comments-link b:after {
         position: absolute;
         content: "";
         bottom: -6px;
         right: 15px;
         border-top: 7px solid #111;
         border-left: 7px solid transparent;
         border-right: 7px solid transparent;
         border-bottom: 0 solid transparent;
       }
       .post_meta .post_comment .comments-link b:before {
         position: absolute;
         content: "";
         right: 0;
         bottom: -20px;
         width: 60px;
         height: 20px;
       }
       .post_meta .post_comment .comments-link:hover b {
         opacity: 1;
         visibility: visible;
         top: -37px;
       }
       /* related-posts */
       .related-posts {
         margin: 0 0 20px 0;
       }
       .related-posts_list {
         font-size: 0;
         line-height: 0;
         margin: 0;
         padding: 0;
       }
       .related-posts_item {
         font-size: 13px;
         line-height: 20px;
         width: 23%;
         margin: 0 0 0 2.5%;
         list-style: none;
         padding: 0;
         display: inline-block;
         vertical-align: top;
       }
       .related-posts_item:before {
         display: none;
       }
       .related-posts_item .featured-thumbnail {
         float: none;
         margin: 0 0 10px 0;
         width: 100%;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         text-align: center;
       }
       .related-posts_item .featured-thumbnail a {
         display: block;
         vertical-align: middle;
         font-weight: bold;
       }
       .related-posts_item .featured-thumbnail a:hover {
         text-decoration: none;
       }
       .related-posts_item .featured-thumbnail img {
         width: 100%;
         height: auto;
       }
       .related-posts_item:first-child {
         margin: 0;
       }
       .entry-attachment {
         text-align: center;
       }
       .entry-attachment .attachment {
         padding: 0 0 15px 0;
       }
       /* Author bio */
       .author-info {
         padding: 15px;
         margin: 0 0 20px 0;
         background: #444;
         border-bottom: 4px solid #0cafdc;
         box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
       }
       .author-info.author-page .author-description {
         padding: 10px 0 0 0;
       }
       .author-info .thumbnail {
         float: left;
         margin: 15px 20px 0 0;
         border-radius: 50%;
         outline: none;
         border: 3px solid #2A2827;
         box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
         position: relative;
       }
       .author-info .thumbnail img {
         border-radius: 50%;
       }
       .author-info .thumbnail:after {
         position: absolute;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
         content: "";
         box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) inset;
         border-radius: 50%;
       }
       .author-page .thumbnail {
         width: 120px;
       }
       .author-info:after {
         width: 100%;
         height: 0;
         clear: both;
         display: block;
         content: "";
       }
       .author-description {
         overflow: hidden;
       }
       .author-description h2 {
         margin: 0 0 5px 0;
       }
       .author-description h2 a:hover {
         text-decoration: none;
       }
       .author-description h2 a:focus {
         text-decoration: none;
       }
       .author-description h2 a:active {
         text-decoration: none;
       }
       /* UP TO LANDSCAPE PHONE
       /* -------------------------------------------------- */
       @media (max-width: 480px) {
         .author-info .thumbnail {
           width: 80px;
           margin: 0 auto 10px auto;
           float: none;
         }
         .author-info h2 {
           text-align: center;
         }
       }
       /* Page Nav */
       .no-results + .page_nav_wrap {
         display: none;
       }
       .page_nav_wrap {
         padding: 0 0 30px 0;
         margin: 0;
       }
       .page_nav_wrap .post_nav ul {
         padding: 0;
         margin: 0 5px;
         display: inline-block;
         vertical-align: top;
       }
       .page_nav_wrap .post_nav ul li {
         display: inline-block;
         vertical-align: top;
         padding: 0;
         margin: 0 4px 0 0;
         background: none;
         font-size: 20px;
         list-style: 20px;
       }
       .page_nav_wrap .post_nav ul li:before {
         display: none;
       }
       .page_nav_wrap .post_nav ul li .page-numbers,
       .post_nav .more_link a {
         box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
         color: #ffffff;
         background-color: #0ba0c9;
         background-image: -moz-linear-gradient(top, #0cafdc, #0989ac);
         background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0cafdc), to(#0989ac));
         background-image: -webkit-linear-gradient(top, #0cafdc, #0989ac);
         background-image: -o-linear-gradient(top, #0cafdc, #0989ac);
         background-image: linear-gradient(to bottom, #0cafdc, #0989ac);
         background-repeat: repeat-x;
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0cafdc', endColorstr='#ff0989ac', GradientType=0);
         border-color: #0989ac #0989ac #054f63;
         border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
         *background-color: #0989ac;
         /* Darken IE7 buttons by default so they stand out more given they won't have borders */
   
         filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
         border: 1px solid #0989ac;
         display: inline-block;
         font-size: 14px;
         font-weight: bold;
         line-height: 22px;
         margin-bottom: 0;
         padding: 5px 10px;
         text-align: center;
         text-shadow: none;
         text-transform: uppercase;
         vertical-align: middle;
         border-radius: 3px;
         text-decoration: none;
         -webkit-transition: none;
         -moz-transition: none;
         -o-transition: none;
         transition: none;
       }
       .page_nav_wrap .post_nav ul li .page-numbers:hover,
       .post_nav .more_link a:hover,
       .page_nav_wrap .post_nav ul li .page-numbers:focus,
       .post_nav .more_link a:focus,
       .page_nav_wrap .post_nav ul li .page-numbers:active,
       .post_nav .more_link a:active,
       .page_nav_wrap .post_nav ul li .page-numbers.active,
       .post_nav .more_link a.active,
       .page_nav_wrap .post_nav ul li .page-numbers.disabled,
       .post_nav .more_link a.disabled,
       .page_nav_wrap .post_nav ul li .page-numbers[disabled],
       .post_nav .more_link a[disabled] {
         color: #ffffff;
         background-color: #0989ac;
         *background-color: #087593;
       }
       .page_nav_wrap .post_nav ul li .page-numbers:active,
       .post_nav .more_link a:active,
       .page_nav_wrap .post_nav ul li .page-numbers.active,
       .post_nav .more_link a.active {
         background-color: #07627b \9;
       }
       .page_nav_wrap .post_nav ul li a:hover,
       .page_nav_wrap .post_nav ul li a:focus,
       .page_nav_wrap .post_nav ul li a:active,
       .post_nav .more_link a:hover,
       .post_nav .more_link a:active,
       .post_nav .more_link a:focus {
         color: #0cafdc;
         text-shadow: none;
         background-color: #ebebeb;
         background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
         background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc));
         background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
         background-image: -o-linear-gradient(top, #ffffff, #cccccc);
         background-image: linear-gradient(to bottom, #ffffff, #cccccc);
         background-repeat: repeat-x;
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
         border-color: #cccccc #cccccc #a6a6a6;
         border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
         *background-color: #cccccc;
         /* Darken IE7 buttons by default so they stand out more given they won't have borders */
   
         filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
         border: 1px solid #cccccc;
         text-decoration: none;
       }
       .page_nav_wrap .post_nav ul li a:hover:hover,
       .page_nav_wrap .post_nav ul li a:focus:hover,
       .page_nav_wrap .post_nav ul li a:active:hover,
       .post_nav .more_link a:hover:hover,
       .post_nav .more_link a:active:hover,
       .post_nav .more_link a:focus:hover,
       .page_nav_wrap .post_nav ul li a:hover:focus,
       .page_nav_wrap .post_nav ul li a:focus:focus,
       .page_nav_wrap .post_nav ul li a:active:focus,
       .post_nav .more_link a:hover:focus,
       .post_nav .more_link a:active:focus,
       .post_nav .more_link a:focus:focus,
       .page_nav_wrap .post_nav ul li a:hover:active,
       .page_nav_wrap .post_nav ul li a:focus:active,
       .page_nav_wrap .post_nav ul li a:active:active,
       .post_nav .more_link a:hover:active,
       .post_nav .more_link a:active:active,
       .post_nav .more_link a:focus:active,
       .page_nav_wrap .post_nav ul li a:hover.active,
       .page_nav_wrap .post_nav ul li a:focus.active,
       .page_nav_wrap .post_nav ul li a:active.active,
       .post_nav .more_link a:hover.active,
       .post_nav .more_link a:active.active,
       .post_nav .more_link a:focus.active,
       .page_nav_wrap .post_nav ul li a:hover.disabled,
       .page_nav_wrap .post_nav ul li a:focus.disabled,
       .page_nav_wrap .post_nav ul li a:active.disabled,
       .post_nav .more_link a:hover.disabled,
       .post_nav .more_link a:active.disabled,
       .post_nav .more_link a:focus.disabled,
       .page_nav_wrap .post_nav ul li a:hover[disabled],
       .page_nav_wrap .post_nav ul li a:focus[disabled],
       .page_nav_wrap .post_nav ul li a:active[disabled],
       .post_nav .more_link a:hover[disabled],
       .post_nav .more_link a:active[disabled],
       .post_nav .more_link a:focus[disabled] {
         color: #0cafdc;
         background-color: #cccccc;
         *background-color: #bfbfbf;
       }
       .page_nav_wrap .post_nav ul li a:hover:active,
       .page_nav_wrap .post_nav ul li a:focus:active,
       .page_nav_wrap .post_nav ul li a:active:active,
       .post_nav .more_link a:hover:active,
       .post_nav .more_link a:active:active,
       .post_nav .more_link a:focus:active,
       .page_nav_wrap .post_nav ul li a:hover.active,
       .page_nav_wrap .post_nav ul li a:focus.active,
       .page_nav_wrap .post_nav ul li a:active.active,
       .post_nav .more_link a:hover.active,
       .post_nav .more_link a:active.active,
       .post_nav .more_link a:focus.active {
         background-color: #b3b3b3 \9;
       }
       .post_nav ul li .page-numbers.dots {
         background: none !important;
         border: none;
         box-shadow: none;
       }
       .page_nav_wrap .post_nav ul li .current {
         color: #0cafdc;
         text-shadow: none;
         background-color: #ebebeb;
         background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
         background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc));
         background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
         background-image: -o-linear-gradient(top, #ffffff, #cccccc);
         background-image: linear-gradient(to bottom, #ffffff, #cccccc);
         background-repeat: repeat-x;
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
         border-color: #cccccc #cccccc #a6a6a6;
         border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
         *background-color: #cccccc;
         /* Darken IE7 buttons by default so they stand out more given they won't have borders */
   
         filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
         border: 1px solid #cccccc;
       }
       .page_nav_wrap .post_nav ul li .current:hover,
       .page_nav_wrap .post_nav ul li .current:focus,
       .page_nav_wrap .post_nav ul li .current:active,
       .page_nav_wrap .post_nav ul li .current.active,
       .page_nav_wrap .post_nav ul li .current.disabled,
       .page_nav_wrap .post_nav ul li .current[disabled] {
         color: #0cafdc;
         background-color: #cccccc;
         *background-color: #bfbfbf;
       }
       .page_nav_wrap .post_nav ul li .current:active,
       .page_nav_wrap .post_nav ul li .current.active {
         background-color: #b3b3b3 \9;
       }
       .single-post-nav {
         padding: 0;
         margin: 0 0 15px 0;
         width: 100%;
       }
       .single-post-nav:after {
         content: "";
         width: 100%;
         display: block;
         clear: both;
         height: 0;
         overflow: hidden;
       }
       .single-post-nav a {
         float: left;
         width: 50px;
         height: 50px;
         border: 3px solid #ccc;
         border-radius: 27px;
         position: relative;
       }
       .single-post-nav a:before {
         -webkit-transition: all 200ms linear;
         -moz-transition: all 200ms linear;
         -o-transition: all 200ms linear;
         transition: all 200ms linear;
         color: #ccc;
         font-family: FontAwesome;
         position: absolute;
         left: 0;
         top: 0;
         right: 4px;
         bottom: 0;
         overflow: hidden;
         cursor: pointer;
         line-height: 50px;
         text-align: center;
         content: "\f104";
         font-size: 44px;
       }
       .single-post-nav a span {
         visibility: hidden;
         position: absolute;
         width: 300px;
         padding: 20px;
         background: #111;
         color: #fff;
         opacity: 0;
         -webkit-transition: all 200ms linear;
         -moz-transition: all 200ms linear;
         -o-transition: all 200ms linear;
         transition: all 200ms linear;
         left: -10px;
         bottom: 50px;
       }
       .single-post-nav a span:after {
         position: absolute;
         content: "";
         bottom: -6px;
         left: 29px;
         border-top: 7px solid #111;
         border-left: 7px solid transparent;
         border-right: 7px solid transparent;
         border-bottom: 0 solid transparent;
       }
       .single-post-nav a span:before {
         position: absolute;
         content: "";
         left: 0;
         bottom: -20px;
         width: 110px;
         height: 20px;
       }
       .single-post-nav a[rel="next"] {
         float: right;
       }
       .single-post-nav a[rel="next"]:before {
         content: "\f105";
         left: 4px;
         right: 0;
       }
       .single-post-nav a[rel="next"] span {
         right: -10px;
         left: auto;
         text-align: right;
       }
       .single-post-nav a[rel="next"] span:after {
         right: 29px;
         left: auto;
       }
       .single-post-nav a[rel="next"] span:before {
         right: 0;
         left: auto;
       }
       .single-post-nav a:hover {
         text-decoration: none;
         color: #fff;
         border: 3px solid #fff;
       }
       .single-post-nav a:hover:before {
         color: #fff;
       }
       .single-post-nav a:hover span {
         opacity: 1;
         visibility: visible;
         bottom: 65px;
       }
       /* UP TO LANDSCAPE PHONE
       /* -------------------------------------------------- */
       @media (max-width: 480px) {
         .single-post-nav a span {
           width: 250px;
         }
       }
       /* =Portfolio Page
       ----------------------------------------------- */
       .portfolio-page {
         padding: 0 0 10px 0;
       }
       .portf_item {
         box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
         margin: 0 0 25px 0;
         position: relative;
         -webkit-transition: all 300ms linear;
         -moz-transition: all 300ms linear;
         -o-transition: all 300ms linear;
         transition: all 300ms linear;
       }
       .portf_item h5 {
         font-size: 13px;
         line-height: 20px;
         margin: 0;
         padding: 0;
         background: #222;
         position: absolute;
         left: 0;
         right: 0;
         top: 20px;
         opacity: 0;
         z-index: 10;
         -webkit-transition: all 300ms linear;
         -moz-transition: all 300ms linear;
         -o-transition: all 300ms linear;
         transition: all 300ms linear;
       }
       .portf_item h5 span {
         display: block;
         padding: 15px 10px;
       }
       .portf_item h5:after {
         position: absolute;
         content: "";
         bottom: -10px;
         right: 15px;
         border-top: 10px solid #222;
         border-left: 10px solid transparent;
         border-right: 10px solid transparent;
         border-bottom: 0 solid transparent;
       }
       .portf_item .portfolio-thumbnail {
         margin: 0;
         padding: 0;
         position: relative;
         -webkit-transition: all 300ms linear;
         -moz-transition: all 300ms linear;
         -o-transition: all 300ms linear;
         transition: all 300ms linear;
       }
       .portf_item .portfolio-thumbnail:after {
         position: absolute;
         left: 0;
         right: 0;
         bottom: 0;
         height: 0;
         content: "";
         background: #0cafdc;
         -webkit-transition: all 300ms linear;
         -moz-transition: all 300ms linear;
         -o-transition: all 300ms linear;
         transition: all 300ms linear;
       }
       .portf_item .view_link_wrapper {
         position: absolute;
         top: 50%;
         bottom: 50%;
         left: 0;
         right: 0;
         text-align: center;
       }
       .portf_item .view_link_wrapper .view_link {
         background: #202020;
         color: #ccc;
         vertical-align: middle;
         display: inline-block;
         padding: 10px 20px;
         font-size: 16px;
         opacity: 0;
         margin: 10px 0 0 0;
         -webkit-transition: all 300ms linear;
         -moz-transition: all 300ms linear;
         -o-transition: all 300ms linear;
         transition: all 300ms linear;
       }
       .portf_item .view_link_wrapper .view_link:before {
         font-family: FontAwesome;
         content: "\f06e";
         display: inline-block;
         margin: 0 5px 0 0;
       }
       .portf_item .preview_link {
         position: absolute;
         bottom: 0;
         right: 0;
         left: 0;
         text-decoration: none;
         color: #fff;
         background: #0cafdc;
         text-align: center;
         padding: 5px;
         height: 0;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         overflow: hidden;
         opacity: 0;
         filter: alpha(opacity=0);
         -webkit-transition: all 300ms linear;
         -moz-transition: all 300ms linear;
         -o-transition: all 300ms linear;
         transition: all 300ms linear;
       }
       .portf_item:hover {
         margin-bottom: 10px;
       }
       .portf_item:hover h5 {
         top: 0;
         opacity: 1;
       }
       .portf_item:hover .portfolio-thumbnail {
         padding: 15px 0 0 0;
       }
       .portf_item:hover .portfolio-thumbnail:after {
         height: 6px;
       }
       .portf_item:hover .view_link_wrapper .view_link {
         opacity: 1;
         margin: -10px 0 0 0;
       }
       .portf_item:hover .view_link_wrapper .view_link:hover {
         color: #0cafdc;
       }
       .portf_item:hover .preview_link {
         height: 30px;
         opacity: 1;
         filter: alpha(opacity=100);
       }
       .portf_item:hover .preview_link:hover {
         background: #fff;
         color: #0cafdc;
       }
       /* Landscape phone to desktop/tablet
       /* -------------------------------------------------- */
       @media (max-width: 767px) {
         .portf_item {
           width: 270px;
           margin: 0 auto 25px auto;
         }
       }
       /* =Asides
       ----------------------------------------------- */
       .blog .format-aside .entry-title,
       .archive .format-aside .entry-title {
         display: none;
       }
       /* =Page 404
       ----------------------------------------------- */
       .page404 {
         text-align: center;
       }
       .page404 .hentry {
         padding: 20px 35px 20px;
       }
       .page404 .hentry .searchform {
         margin: 0 50px;
       }
       .error404-num {
         font-size: 200px;
         line-height: 150px;
         color: #0cafdc;
         padding: 10px 0 30px 0;
       }
       .page404 .searchform #searchsubmit {
         float: none;
       }
       .page404 h1:before {
         font-family: FontAwesome;
         content: "\f119";
         display: inline-block;
         margin: 0 10px 0 0;
       }
       /* =Media
       ----------------------------------------------- */
       .entry-content img.wp-smiley,
       .comment-content img.wp-smiley {
         border: none;
         margin-bottom: 0;
         margin-top: 0;
         padding: 0;
       }
       .wp-caption {
         margin-bottom: 10px;
         max-width: 100%;
       }
       .wp-caption.alignnone {
         overflow: hidden;
       }
       .wp-caption img[class*="wp-image-"] {
         display: block;
         margin: 10px auto 0;
         max-width: 100%;
       }
       .wp-caption-text {
         text-align: center;
         background: #222;
         margin: 0 5px;
         padding: 10px;
         border: 1px solid #111;
         border-top: none;
         box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
       }
       .wp-caption.alignnone .wp-caption-text {
         margin: 0;
       }
       .entry-meta {
         padding: 0 0 10px 0;
       }
       .entry-meta + .pager {
         margin: 0;
       }
       /* = Post Formats
       ----------------------------------------------- */
       .format-status .post_permalink,
       .format-quote .post_permalink,
       .format-aside .post_permalink,
       .no-title .post_permalink {
         float: none;
         margin: 0 50px 0 0;
       }
       .format-status .post_comment,
       .format-quote .post_comment,
       .format-aside .post_comment,
       .no-title .post_comment {
         margin: 0 40px 0 0;
       }
       .format-status .post_category,
       .format-quote .post_category,
       .format-aside .post_category,
       .post_meta.link .post_category {
         margin-right: 15px;
       }
       .format-status .post_permalink,
       .format-quote .post_permalink,
       .format-aside .post_permalink,
       .post_meta.link .post_permalink {
         float: none;
         margin: 0 50px 0 0;
       }
       .format-link .post_content a:before {
         font-family: FontAwesome;
         content: "\f08e";
         display: inline-block;
         margin: 0 5px 0 0;
         font-size: 13px;
         vertical-align: sub;
       }
       .single .format-quote .post_comment {
         margin: 0;
       }
       .single .no-title .post_comment {
         margin: 0 40px 0 0;
       }
       .format-chat .post_content p {
         padding: 8px 15px;
         margin: 0;
       }
       .format-chat .post_content p:nth-child(odd) {
         background: #222;
       }
       /* = Image
       ----------------------------------------------- */
       .post_format_image {
         text-align: center;
         position: relative;
       }
       .post_format_image a:hover {
         text-decoration: none;
       }
       .attachment-770x295 {
         width: 100%;
         height: auto;
       }
       .format-image .lightbox_img.single {
         overflow: hidden;
         margin: 0;
       }
       .format_image_wrap {
         margin: 0;
         text-align: center;
       }
       /* = Zoom Icon
       ----------------------------------------------- */
       a.lightbox_img {
         -webkit-transition: none;
         -moz-transition: none;
         -o-transition: none;
         transition: none;
       }
       a .hover_overlay {
         content: "";
         display: block;
         position: absolute;
         left: 0;
         right: 0;
         top: 0;
         bottom: 0;
         background: #000;
         opacity: 0;
         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
       }
       a:hover .hover_overlay {
         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
       }
       a .hover_overlay .icon-plus-sign {
         color: #fff;
         font-size: 40px;
         text-align: center;
         vertical-align: middle;
         position: absolute;
         left: 0;
         right: 0;
         top: -5%;
         margin: -24px 0 0 0;
         display: inline-block;
         opacity: 0;
         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
         text-shadow: 0 0 0 #fff;
         width: auto !important;
       }
       a:hover .hover_overlay .icon-zoom-in {
         filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
       }
       /* = Gallery
       ----------------------------------------------- */
       .gallery:after {
         clear: both;
       }
       .gallery-item {
         display: block;
         float: left;
         vertical-align: top;
         font-size: 12px;
         line-height: 20px;
         margin: 0 4px 4px 0;
         overflow: hidden;
         position: relative;
       }
       .single .gallery-columns-1.gallery-size-medium,
       .single .gallery-columns-1.gallery-size-thumbnail,
       .single .gallery-columns-2.gallery-size-thumbnail,
       .single .gallery-columns-3.gallery-size-thumbnail {
         display: table;
         margin: 0 auto 20px;
         text-align: center;
         font-size: 0;
         line-height: 0;
       }
       .single [class*='gallery-columns-'] {
         margin-bottom: 20px;
       }
       .gallery-columns-1 .gallery-item {
         max-width: 100%;
       }
       .gallery-columns-2 .gallery-item {
         max-width: 48%;
         text-align: center;
       }
       .gallery-columns-3 .gallery-item {
         max-width: 31%;
         text-align: center;
       }
       .gallery-columns-4 .gallery-item {
         max-width: 23%;
       }
       .gallery-columns-5 .gallery-item {
         max-width: 19%;
       }
       .gallery-columns-6 .gallery-item {
         max-width: 15%;
       }
       .gallery-columns-7 .gallery-item {
         max-width: 13%;
       }
       .gallery-columns-8 .gallery-item {
         max-width: 11%;
       }
       .gallery-columns-9 .gallery-item {
         max-width: 9%;
       }
       .gallery-columns-1 .gallery-item:nth-of-type(1n),
       .gallery-columns-2 .gallery-item:nth-of-type(2n),
       .gallery-columns-3 .gallery-item:nth-of-type(3n),
       .gallery-columns-4 .gallery-item:nth-of-type(4n),
       .gallery-columns-5 .gallery-item:nth-of-type(5n),
       .gallery-columns-6 .gallery-item:nth-of-type(6n),
       .gallery-columns-7 .gallery-item:nth-of-type(7n),
       .gallery-columns-8 .gallery-item:nth-of-type(8n),
       .gallery-columns-9 .gallery-item:nth-of-type(9n) {
         margin-right: 0;
       }
       .gallery-caption {
         background: url(images/opacity-bg.png);
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         color: #ffffff;
         font-size: 12px;
         line-height: 15px;
         margin: 0;
         max-height: 50%;
         opacity: 0;
         padding: 8px 5px;
         position: absolute;
         bottom: -100px;
         left: 0;
         text-align: left;
         -webkit-transition: all 400ms ease;
         -moz-transition: all 400ms ease;
         -ms-transition: all 400ms ease;
         transition: all 400ms ease;
         width: 100%;
         border: none;
       }
       .gallery-caption:before {
         box-shadow: 0 -10px 15px #000000 inset;
         content: "";
         height: 100%;
         min-height: 49px;
         position: absolute;
         left: 0;
         top: 0;
         width: 100%;
       }
       .gallery-item:hover .gallery-caption {
         opacity: 1;
         bottom: 0;
       }
       .gallery-columns-7 .gallery-caption,
       .gallery-columns-8 .gallery-caption,
       .gallery-columns-9 .gallery-caption,
       .gallery-columns-10 .gallery-caption {
         display: none;
       }
       .gallery br {
         display: block;
         width: 100%;
         height: 0;
         font-size: 0;
         line-height: 0;
       }
       /* Landscape phone to portrait tablet */
       @media (max-width: 767px) {
         .gallery-columns-1.gallery-size-thumbnail .gallery-caption,
         .gallery-columns-2 .gallery-caption,
         .gallery-columns-3 .gallery-caption,
         .gallery-columns-4 .gallery-caption,
         .gallery-columns-5 .gallery-caption,
         .gallery-columns-6 .gallery-caption,
         .gallery-columns-7 .gallery-caption,
         .gallery-columns-8 .gallery-caption,
         .gallery-columns-9 .gallery-caption,
         .gallery-columns-10 .gallery-caption {
           display: none;
         }
       }
       /* = Gallery Preview
       ----------------------------------------------- */
       .lightbox_img {
         display: block;
       }
       .lightbox_img.single {
         position: relative;
       }
       /* = Chat
       ----------------------------------------------- */
       .chat {
         margin: 0 0 10px 0;
       }
       .chat .chat-author {
         display: block;
         font-weight: bold;
         font-style: italic;
       }
       .chat .chat-author cite {
         font-style: italic;
       }
       .chat .chat-text {
         padding: 0 0 15px 0;
         margin: 0;
       }
       /* = Link
       ----------------------------------------------- */
       .format-link .post_meta {
         padding-right: 45px;
       }
       /* = Aside
       ----------------------------------------------- */
       .single .format-aside .post_content {
         padding-top: 10px;
       }
       /* = Qoute
       ----------------------------------------------- */
       .format-quote blockquote p {
         padding: 5px 0;
         font-size: 18px;
         line-height: 22px;
         font-weight: 300;
         font-style: italic;
       }
       .format-quote blockquote p cite {
         display: block;
         font-style: italic;
         font-size: 14px;
         line-height: 24px;
         font-weight: bold;
       }
       figure.quote {
         margin: 0;
       }
       figcaption.quote-caption {
         display: block;
         margin: -10px 0 0 0;
         color: #8b8686;
       }
       figcaption.quote-caption a {
         color: #8b8686;
       }
       /* = Video
       ----------------------------------------------- */
       .video_wrap {
         margin: 0 0 10px 0;
       }
       .single .video_wrap {
         margin: 0 0 10px;
       }
       /* = Status
       ----------------------------------------------- */
       .format-status .post_content {
         font-size: 18px;
         line-height: 22px;
         font-style: italic;
         color: #999999;
         min-height: none;
         padding: 10px 0;
       }
       /* Make sure embeds and iframes fit their containers */
       embed,
       iframe,
       object {
         max-width: 100%;
       }
       .wp-audio-shortcode {
         margin: 0 0 20px 0;
       }
       /* Landscape phones and down */
       @media (max-width: 480px) {
         .wp-audio-shortcode.mejs-container {
           width: 100% !important;
         }
       }
       /* =Comments
       ----------------------------------------------- */
       .comments-area {
         margin: 0 0 30px 0;
       }
       .comment-list {
         margin: 0;
         list-style: none;
       }
       .comment-list > li {
         padding: 0;
         list-style: none;
         margin: 0 0 20px 0;
       }
       .comment-list li:before {
         display: none;
       }
       .comment-list .comment-body {
         border-bottom: 4px solid #2A2827;
         border-radius: 0;
         padding: 15px;
         background: #444;
         box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
       }
       .comment-list .children {
         padding: 0;
         margin: 0;
       }
       .comment-list .children li {
         margin: 10px 0 0 30px;
         list-style: none;
         padding: 0;
       }
       .comment-list .comment-author {
         float: left;
         margin: 0 15px 0 0;
         text-align: center;
         max-width: 110px;
       }
       .comment-list .pingback .comment-author {
         max-width: 100%;
         float: none;
       }
       .comment-list .comment-author img {
         border-radius: 36px;
       }
       .comment-list .comment-author .author {
         display: block;
         padding: 5px 0 0 0;
         text-align: center;
         text-transform: capitalize;
         font-weight: bold;
       }
       .comment-list .reply {
         float: right;
       }
       .comment-list .comment-meta {
         float: right;
         margin: 0 20px 0 0;
       }
       .comment-list .comment-meta.commentmetadata:before {
         font-family: FontAwesome;
         content: "\f073";
         font-size: 14px;
         display: inline-block;
         margin: 0 8px 0 0;
       }
       .comment-list .comment-footer {
         padding: 10px 0 5px;
       }
       .comment-list li.pingback .comment-author {
         margin: 0 0 10px 0;
         float: none;
         display: block;
       }
       .comment-list li.pingback .comment-author img {
         display: none;
       }
       .comment-list li.pingback .comment-author .author {
         text-align: left;
         padding: 0 0 5px 0;
       }
       .comment-list .bypostauthor .comment-body {
         border-bottom: 4px solid #0cafdc;
         background: #4a4a4a;
       }
       .comment-reply-title {
         padding: 15px 0 0 0;
       }
       #reply-title small {
         display: block;
       }
       #cancel-comment-reply-link {
         letter-spacing: 0;
         display: inline-block;
         font-size: 14px;
         line-height: 20px;
       }
       #cancel-comment-reply-link:before {
         content: "\f00d";
         font-family: FontAwesome;
         font-size: 14px;
         display: inline-block;
         margin: 0 5px 0 0;
       }
       .comment-reply-link {
         display: inline-block;
       }
       .comment-reply-link:before {
         font-family: FontAwesome;
         content: "\f112";
         font-size: 12px;
         display: inline-block;
         margin: 0 5px 0 0;
       }
       /* UP TO LANDSCAPE PHONE
       /* -------------------------------------------------- */
       @media (max-width: 480px) {
         .comment-list .comment-author {
           float: none;
           margin: 0 auto 10px auto;
         }
       }
       #commentform label {
         margin: 0;
       }
       #commentform textarea,
       #commentform input[type='text'] {
         width: 100%;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
         height: auto;
       }
       #main ul.children {
         o
       ```
   

Viewing 1 replies (of 1 total)

 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/change-bueno-theme-width/#post-5710940)
 * Please ask on the Bueno theme forum here:
 * [https://wordpress.org/support/theme/bueno#postform](https://wordpress.org/support/theme/bueno#postform)
 * And please don’t post huge files of CSS code here – you need to post a link to
   your site for CSS help.

Viewing 1 replies (of 1 total)

The topic ‘Change Bueno Theme Width’ is closed to new replies.

 * 1 reply
 * 2 participants
 * Last reply from: [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * Last activity: [11 years, 4 months ago](https://wordpress.org/support/topic/change-bueno-theme-width/#post-5710940)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics