Need help? Check out our Support site, then


Style File Editing

  1. Ive Downloaded the ButterBelly Theme which is an amazing theme and is is a perfect style match. Though I don't like the theme color and I wish to change it.

    After reading a few articles I got to know you can change It via Style.css sheet. but I have no clue about the coding.

    Please Help

    @import url(css/reset.css);
    @import url(css/1140_24_col_responsive.css);
    body {
    font-family: 'inkfont300';
    src: url('fonts/inkfont300-regular_0.eot');
    src: url('fonts/inkfont300-regular_0.eot') format('embedded-opentype'),
    url('fonts/inkfont300-regular_0.woff') format('woff'),
    url('fonts/inkfont300-regular_0.ttf') format('truetype'),
    url('fonts/inkfont300-regular_0.svg#inkfont300') format('svg');
    font-size: 0.875em;
    line-height: 1.375em;
    color: #373636;
    }
    @font-face {
    font-family: 'inkfont300';
    src: url('fonts/inkfont300-regular_0.eot');
    src: url('fonts/inkfont300-regular_0.eot') format('embedded-opentype'),
    url('fonts/inkfont300-regular_0.woff') format('woff'),
    url('fonts/inkfont300-regular_0.ttf') format('truetype'),
    url('fonts/inkfont300-regular_0.svg#inkfont300') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    textarea, input[type="submit"]{
    font-family: 'inkfont300';
    src: url('fonts/inkfont300-regular_0.eot');
    src: url('fonts/inkfont300-regular_0.eot') format('embedded-opentype'),
    url('fonts/inkfont300-regular_0.woff') format('woff'),
    url('fonts/inkfont300-regular_0.ttf') format('truetype'),
    url('fonts/inkfont300-regular_0.svg#inkfont300') format('svg');
    }
    h1, h2, h3, h4, h5, h6 {
    font-family:"Museo 300", tahoma, 'verdana', 'Lucida Grande', HelveticaNeue, 'Helvetica Neue', Helvetica;
    font-weight: normal;
    color: #010101;
    }
    h1 {
    font-size: 24px;
    }
    h2 {
    font-size: 22px;
    }
    h3 {
    font-size: 20px;
    }
    h4 {
    font-size: 18px;
    }
    h5 {
    font-size: 16px;
    }
    h6 {
    font-size: 14px;
    }
    p {
    color: #312F2F;
    }
    hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.625em;
    margin-top: 5px;
    }
    a {
    text-decoration: none;
    color: #4d4c4c;
    }
    a img {
    border: none;
    }
    :focus {
    outline: none;
    }
    input[type="submit"] {
    cursor: pointer;
    }
    ol {
    list-style: decimal;
    }
    ul {
    list-style: disc;
    }
    li {
    margin-left: 30px;
    }
    p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
    margin-bottom: 15px;
    font-weight: normal;
    }
    td, th {
    border: 1px solid #ccc;
    padding: 3px;
    }
    th {
    background: #cccccc;
    }
    .sticky{
    }
    .gallery-caption{
    }
    .index_container {
    position: relative;
    }
    .header_container {
    background: url(images/header-bg.png) repeat;
    text-align: center;
    position: absolute;
    top: 0;
    -webkit-box-shadow: inset 0 22px 20px -23px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0 22px 20px -23px rgba(0,0,0,0.8);
    box-shadow: inset 0 22px 20px -23px rgba(0,0,0,0.8);
    width: 100%;
    z-index: 1;
    padding: 35px 0;
    }
    .header_container.not_home, .header_container.index{
    position:static;
    background:url(images/header-bg1.png) top center repeat-x;
    box-shadow:none;
    }
    .page_index_container {
    background: #303030 url(images/header-bg.png) center repeat-y;
    min-height: 195px;
    border-bottom: 1px solid #686869;
    }
    .header {
    z-index: 1;
    }
    .header_wrapper {
    margin-top: 36px;
    margin-bottom: 15px;
    }
    .header_wrapper .logo {
    margin-top: 2px;
    }
    .site-title{
    font-size: 34px;
    margin-bottom: 20px;
    }
    .site-title a{
    color:#CF590B;
    }
    .header_wrapper .logo img {
    max-width: 300px;
    max-height: 80px;
    }
    .menu-wrapper {
    background: rgba(255,255,255,0.85);
    margin-top: 0px;
    }
    .mobieMenu {
    margin: 0 auto;
    width: 70%;
    margin-top: 12px;
    text-align: center;
    margin-left: 70px;
    }
    .menu_container {
    border-top: 6px solid #1fb5ae;
    background:#fff;
    }
    .menu_bar {
    border: 1px solid #d9d9d9;
    background: #fff;
    display: block;
    padding-bottom: 20px;
    padding-top: 5px;
    padding-left: 20px;
    margin-top: 15px;
    }
    #menu {
    position: relative;
    }
    #menu ul {
    list-style-type: none;
    }
    #menu .ddsmoothmenu {
    list-style: none;
    position: relative;
    margin-top: 2px;
    margin-bottom: -2px;
    text-align: center;
    }
    #menu .ddsmoothmenu li > ul li > ul {
    margin-top: 1px;
    }
    #menu .ddsmoothmenu li {
    position: relative;
    display: inline;
    font-size: 16px;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 0px;
    }
    #menu .ddsmoothmenu li a {
    color: #000;
    text-decoration: none;
    padding: 22px 16px 17px 18px;
    font-size:17px;
    line-height:60px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    background-position: center -5px;
    }
    #menu li.current-menu-item a, #menu li.current_page_item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover {
    color: #249a95;
    background: url(images/menu-tip.png) center top no-repeat;
    }
    #menu .ddsmoothmenu li > ul {
    margin-top: 7px;
    padding-top: 10px;
    margin-left: 5px;
    }
    #menu li li a, #menu li li a.selected, #menu li li a:hover {
    border: none;
    }
    #menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu li.current_page_parent a:hover, #menu li a:hover.selected {
    text-decoration: none;
    color: #249a95;
    }
    #menu li li.current-menu-item a, #menu li li.current_page_item a, #menu li li.current-menu-parent a, #menu li li.current_page_parent a, #menu li li a.selected, #menu li li a:hover {
    color: #249a95;
    background: none;
    }
    #menu .ddsmoothmenu li li:first-child {
    padding-top: 10px;
    }
    #menu .ddsmoothmenu li li {
    background: url(images/menu-bg.png) repeat;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    }
    #menu .ddsmoothmenu li li a {
    width: 155px;
    height: auto;
    float: none;
    display: block;
    text-align: left;
    position: relative;
    margin: 0;
    padding: 10px 0;
    margin-left: 18px;
    margin-right: 18px;
    text-transform: capitalize;
    border-bottom: 1px dotted #ccc;
    padding-left: 0px;
    line-height:28px;
    text-shadow: none;
    border-right: none;
    text-shadow: 0 1.5px 1px #fff;
    }
    #menu .ddsmoothmenu li li:last-child {
    padding-bottom: 0px;
    border-bottom: 5px solid #1fb5ae;
    }
    #menu .ddsmoothmenu li li:last-child a {
    border: none;
    }
    #menu .ddsmoothmenu li li a:after {
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    }
    #menu .ddsmoothmenu li li li li:last-child a, #menu .ddsmoothmenu li li li li:last-child a:after {
    border-top: none;
    }
    #menu .ddsmoothmenu li li:last-child a:after {
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    }
    * html #menu .ddsmoothmenu li li a {
    display: inline-block;
    }
    #menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
    color: #565555;
    }
    #menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover {
    color: #249a95;
    text-shadow: none;
    }
    #menu .ddsmoothmenu li ul {
    position: absolute;
    left: 0;
    display: none;
    visibility: hidden;
    }
    #menu .ddsmoothmenu li ul li {
    display: list-item;
    float: none;
    }
    #menu .ddsmoothmenu li ul li ul {
    padding-top: 0;
    background: none;
    top: 0;
    margin-top: 0;
    margin-left: 0;
    }
    #menu .ddsmoothmenu li ul li ul li:first-child {
    padding-top: 0;
    }
    * html .ddsmoothmenu {
    height: 1%;
    }
    .downarrowclass {
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
    top: 9px;
    right: 6px;
    }
    .rightarrowclass {
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    margin-top: -3px;
    top: 50%;
    right: 0;
    }
    .ddshadow {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    }
    /* Slider
    ==========================================*/
    /* #Slider Style Flexslider
    ================================================== */
    .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;
    }
    .slides, .flex-control-nav {
    overflow: hidden;
    }
    /* FlexSlider Necessary Styles */
    .slider-container {
    overflow: hidden;
    padding-bottom: 0px;
    }
    .slider-wrapper {
    font-weight: normal;
    padding-bottom: 38px;
    margin-top: 0px;
    background: url(images/slider-shadow.png) bottom center no-repeat;
    margin-bottom: 15px;
    }
    .flexslider {
    width: 100%;
    margin: 0;
    padding: 0;/*display:none;*/
    }
    .flexslider .slides > li {
    -webkit-backface-visibility: hidden;
    }
    .flexslider .slides img {
    max-width: auto;
    width: 100%;
    height: auto;
    display: block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    }
    .flex-pauseplay span {
    text-transform: capitalize;
    }
    .slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    }
    html[xmlns] .slides {
    display: block;
    }
    * html .slides {
    height: 1%;
    }
    /* No 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 Styling */
    .flexslider {
    background: transparent;
    position: relative;
    zoom: 1;
    margin: 0 0 20px;
    }
    .flexslider .slides {
    zoom: 1;
    }
    .flexslider .slides > li {
    position: relative;
    margin-left: 0;
    }
    .flex-container {
    zoom: 1;
    position: relative;
    }
    /* Caption style */
    .flex-caption-wrapper {
    position: relative;
    z-index: 999;
    margin-top: -9.62%;
    height:143px;
    width:1140px;
    background: url(images/caption-bg.png) repeat-x;
    }
    .flex-caption {
    margin: 0;
    color: #fff;
    line-height: 18px;
    padding: 16px 22px 10px 33px;
    }
    .flex-caption a.slider-readmore {
    float:right;
    margin-right:15px;
    color: #fff;
    font-size:17px;
    padding-right:28px;
    background: url(images/slider_readmore.png) center right no-repeat;
    }
    .flex-caption h1 {
    margin-bottom: 10px;
    margin-top: 0px;
    }
    .flex-caption h1 a {
    font-size: 24px;
    color: #fff;
    line-height: 25px;
    font-weight: bold;
    }
    .flex-caption p {
    color: #fff;
    font-size: 16px;
    padding-bottom: 8px;
    line-height:24px;
    margin-bottom:0;
    }
    /* Direction Nav */
    .flex-direction-nav li a {
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 40%;
    color: #fafafa;
    text-align: center;
    font-size: 0;
    padding:5px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    z-index:9;
    }
    .flexslider .flex-direction-nav li a {
    opacity: 0;
    }
    .flexslider:hover .flex-direction-nav li a {
    opacity: 0.4;
    }
    .flex-direction-nav li a:hover {
    background: #555;
    }
    .flexslider .flex-direction-nav li .flex-next {
    background: url('images/next.png') no-repeat 0 0;
    width: 42px;
    height: 69px;
    position: absolute;
    right: 5%;
    }
    .flexslider .flex-direction-nav li .flex-next:hover {
    background: url('images/next.png') no-repeat -59px 0;
    }
    .flexslider .flex-direction-nav li .flex-prev {
    background: url('images/prev.png') no-repeat -5px 0;
    width: 45px;
    height: 69px;
    position: absolute;
    left: 5%;
    }
    .flexslider .flex-direction-nav li .flex-prev:hover {
    background: url('images/prev.png') no-repeat -67px 0;
    }
    /* Control Nav */
    .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -78px;
    text-align: center;
    }
    .flex-control-nav li {
    margin: 0 4px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    }
    .flex-control-paging li a {
    width: 11px;
    height: 12px;
    display: block;
    background: url(images/pagination.png) 0 0 no-repeat;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    }
    .flex-control-paging li a:hover {
    background: url(images/pagination.png) 0 -12px no-repeat;
    }
    .flex-control-paging li a.flex-active {
    cursor: default;
    background: url(images/pagination.png) 0 -12px no-repeat;
    }
    .home-content .page_info {
    background: url(images/shadow-index.png) bottom center no-repeat;
    margin-bottom: 50px;
    padding-bottom: 40px;
    }
    .home-content .page_info h1 {
    font-size: 46px;
    text-align: center;
    margin-bottom: 2px;
    }
    .home-content .page_info h3 {
    font-size: 22px;
    text-align: center;
    }
    .feature-content {
    overflow: hidden;
    padding-bottom: 57px;
    margin-bottom: 46px;
    background: url(images/line.png) bottom center repeat-x;
    }
    .feature-content .feature-content-inner {
    width: 354px;
    height: auto;
    margin-top: 5px;
    text-align: center;
    }
    .feature-content .feature-content-inner:hover {
    box-shadow: 0 1px 8px #abe5e1;
    -moz-box-shadow: 0 1px 8px #abe5e1;
    -webkit-box-shadow: 0 1px 8px #abe5e1;
    }
    .feature-content .feature-content-inner h3 {
    border: 1px solid #e4e4e4;
    margin-bottom: 0;
    font-size: 22px;
    padding: 25px 10px;
    line-height: 26px;
    }
    .feature-content .feature-content-inner:hover h3{
    border: 1px solid #abe5e1;
    }
    .feature-content .feature-content-inner h3 a {
    color: #222222;
    }
    .feature-content .feature-content-inner .image-box {
    width: 354px;
    height: 172px;
    overflow: hidden;
    }
    .feature-content .feature-content-inner img {
    width: 354px;
    height: 172px;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    }
    .feature-content .feature-content-inner .feature-content-text {
    border: 1px solid #e4e4e4;
    border-top: none;
    padding-top: 15px;
    padding: 20px 10px 25px 10px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    }
    .feature-content .feature-content-inner:hover .feature-content-text {
    border: 1px solid #abe5e1;
    border-top: none;
    }
    .feature-content .feature-content-inner .feature-content-text h3 {
    font-weight: bold;
    }
    .feature-content .feature-content-inner .feature-content-text h3 a {
    color: #000000;
    }
    .feature-content .feature-content-inner .feature-content-text p {
    color: #535353;
    line-height: 24px;
    font-size:16px;
    color:#161616;
    }
    .feature-content .feature-content-inner .feature-content-text .circle img {
    width: 143px;
    height: 143px;
    margin-bottom: 25px;
    border-radius: 82px;
    margin-top: -92px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 3px solid #fff;
    }
    .feature-content .feature-content-inner.first {
    margin-left: 5px;
    }
    .feature-content .feature-content-inner.second {
    margin-left: 12px;
    }
    .feature-content .feature-content-inner.third {
    margin-left: 18px;
    }
    .feature_mid_content {
    margin-bottom: 0px;
    padding-bottom: 55px;
    margin-bottom: 48px;
    overflow:hidden;
    background: url(images/line.png) bottom center repeat-x;
    }
    .feature_mid_content .featurebox h2{
    margin-bottom:8px;
    color:#111;
    }
    .feature_mid_content .featurebox p.short_desc{
    font-size:16px;
    color:#222;
    margin-bottom:24px;
    }
    /* =================================================
    #Home Page Style
    ================================================== */
    .stMain {
    display:block;
    margin:0;
    padding:0;
    color: #666666;
    font-size: 100%;
    width:747px;
    }
    .stContainer {
    display:block;
    margin:0;
    padding:0;
    border: 1px solid #d2d2d2;
    overflow:hidden;
    position: relative;
    padding-bottom:32px;
    min-height:235px;
    }
    .stMain div.tabContent {
    display:block;
    position: absolute;
    margin:0;
    text-align:left;
    padding: 28px 22px;
    padding-bottom:0;
    font-size:15px;
    }
    .stMain div.tabContent p{
    margin-bottom:15px;
    }
    .stMain ul.tabAnchor {
    display: inline-block;
    list-style-type: none;
    position:relative;
    padding:0;
    margin:0;
    clear: both;
    margin-right: -1px;
    margin-top: 0px;
    z-index: 100;
    float: left;
    }
    .stMain ul.tabAnchor li{
    position: relative;
    margin: 0;
    padding: 0;
    }
    .stMain ul.tabAnchor li a {
    display:block;
    margin:0;
    padding: 23px 12px 16px 12px;
    width:350px;
    height:27px;
    font-size: 18px;
    color:#494949;
    text-decoration: none;
    outline-style:none;
    border: 1px solid #d2d2d2;
    border-bottom:none;
    }
    .stMain ul.tabAnchor li:last-child a{
    border-bottom:1px solid #d2d2d2;
    }
    .stMain ul.tabAnchor li a small {
    font-size:15px;
    }
    .stMain ul.tabAnchor li a:hover {
    color:#0aa399;
    }
    .stMain ul.tabAnchor li a.sel {
    color:#0aa399;
    border-right-color: #FFF;
    cursor:text;
    }
    .loader{
    position: absolute;
    left:48%;
    top:40%;
    display:block;
    margin:0;
    padding:5px;
    padding-top: 35px;
    font-size: 10px;
    color:#666;
    text-decoration: none;
    outline-style:none;
    border: 1px solid #D4D4D4;
    background: #f6f6f6 url(../images/loader.gif) no-repeat 10px 10px ;
    }
    a.stLinks {
    margin:0;
    padding:5px;
    color:#666;
    text-decoration: none;
    outline-style:none;
    border: 1px solid #D4D4D4;
    background-color: #f6f6f6;
    }
    a.stLinks:hover {
    color:#FFF;
    background-color: #00A7DB;
    }
    .grid_8.omega.formget, .container_24 .grid_6.footer_sec{
    width:32.8%;
    }
    .feature_home_widget{
    margin-left: 48px;
    margin-right: -30px;
    }
    .feature_home_widget iframe.form_iframe{
    margin-right:-25px;
    margin-bottom:-80px;
    }
    .feature_blog_content{
    padding-bottom:48px;
    }
    .feature_blog_content h2 {
    font-weight: bold;
    color:#111;
    margin-bottom:8px;
    }
    .feature_blog_content p.short_desc{
    font-size: 16px;
    color:#111;
    margin-bottom:20px;
    }
    .feature_blog_content ul li.post_home{
    width:354px;
    display:inline-block;
    vertical-align:top;
    margin:0 33px 30px 0;
    border-bottom:6px solid #1dbba8;
    }
    .feature_blog_content ul li:nth-child(3n+3){
    margin-right:0;
    }
    .feature_blog_content ul li .post_image{
    position:relative;
    overflow:hidden;
    }
    .feature_blog_content ul li .post_image img{
    width:354px;
    height:284px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    }
    .feature_blog_content ul li:hover .post_image img
    {
    -moz-transform: scale(1.3) rotate(10deg) translate(0px);
    -webkit-transform: scale(1.3) rotate(10deg) translate(0px);
    -o-transform: scale(1.3) rotate(10deg) translate(0px);
    transform: scale(1.3) rotate(10deg) translate(0px);
    }
    .feature_blog_content ul li .post_image .post_comment{
    background:url(images/post_comment.png) no-repeat;
    width:30px;
    height:26px;
    position:absolute;
    top:0;
    right:0;
    text-align:center;
    }
    .feature_blog_content ul li .post_image .post_comment span{
    color: #fff;
    }
    .feature_blog_content ul li .post_image .post_comment a{
    line-height:23px;
    color: #fff;
    }
    .feature_blog_content ul li h1{
    background:url(images/post_head_bg.png) repeat;
    font-size:20px;
    line-height:25px;
    margin-bottom:0;
    font-weight:bold;
    padding: 9px 8px 9px 15px;
    border-bottom:1px solid #1a8c84;
    border-top:1px solid #1e8e84;
    width: 93.55%;
    }
    .feature_blog_content ul li .post_content{
    border:1px solid #e5e5e5;
    border-top:none;
    padding:0 10px;
    padding-bottom: 18px;
    }
    .feature_blog_content ul li .post_content p{
    font-size:15px;
    line-height:25px;
    color:#222;
    }
    .feature_blog_content ul li h1 a{
    color:#fff;
    }
    .feature_blog_content ul li .post_meta {
    list-style-type:none;
    color: #585858;
    padding: 22px 0 16px 2px;
    margin-bottom: 17px;
    border-bottom:1px solid #e2e2e2;
    }
    .feature_blog_content ul li .post_meta li {
    display:inline;
    margin-left:0;
    }
    .feature_blog_content ul li .post_meta a {
    color: #585858;
    background:url(images/meta-sep.png) right no-repeat;
    padding-right:12px;
    }
    .feature_blog_content ul li .post_meta a.last {
    background:none;
    }
    .feature_blog_content ul li .post_meta .posted_by {
    background:url(images/post_author.png) no-repeat left;
    padding-left:10px;
    margin-left: 10px;
    }
    .feature_blog_content ul li .post_meta .post_date {
    background:url(images/post_date.png) no-repeat left;
    padding-left:24px;
    }
    .feature_blog_content ul li .post_meta .post_category {
    background:url(images/post_cat.png) no-repeat left;
    padding-left:20px;
    }
    .feature_blog_content ul li .read_more{
    color:#149c8c;
    font-size:20px;
    margin-bottom:15px;
    font-weight:bold;
    }
    .footer_top_container {
    background: #055955;
    border-bottom: 1px solid #033a37;
    padding: 16px 0 13px 0;
    }
    .footer_container {
    background: #09807b;
    border-top: 1px solid #138681;
    border-bottom: 1px solid #38a29d;
    padding:45px 0 35px 0;
    }
    .footer_top_container .call_us {
    text-align: right;
    }
    .footer_top_container .call_us p {
    text-align: right;
    font-size: 16px;
    color: #acf1ee;
    background: url(images/call-img.png) left center no-repeat;
    display: inline-block;
    margin-bottom: 0;
    padding:7px 0 1px 30px;
    }
    .container_24 .grid_6.footer_sec{
    width: 24.34%;
    }
    .footer {
    color: #ffffff;
    }
    .footer p {
    color: #ffffff;
    font-size: 13px;
    line-height: 21px
    }
    .footer .footer_widget {
    padding-right: 20px;
    }
    .footer .footer_widget.last {
    padding-right: 0;
    }
    .footer .footer_widget.first {
    }
    .footer .footer_widget h4 {
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    background: url(images/footer_head_sep.png) bottom left no-repeat;
    padding-bottom: 18px;
    text-transform: uppercase;
    font-weight: bold;
    }
    .footer .footer_widget h3 {
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 0;
    text-transform: uppercase;
    }
    .footer .footer_widget p {
    color: #fff;
    font-size: 13px;
    line-height: 21px
    }
    .footer .footer_widget a {
    color: #fff;
    }
    .footer .footer_widget ul {
    margin-top: -5px;
    }
    .footer .footer_widget ul li {
    margin-left: 0;
    margin-right: 15px;
    padding: 3px 0;
    font-size: 15px;
    border-bottom:1px solid #188a85;
    color: #fff;
    list-style: none;
    margin-bottom: 4px;
    padding-bottom: 6px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    }
    .footer .footer_widget ul li:first-child {
    }
    .footer .footer_widget ul li:last-child {
    border-bottom:none;
    }
    .footer .footer_widget ul li:hover {
    margin-left: 14px;
    }
    /* Footer Blogupdates */
    .footer ul.blogupdates {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    .bottom_footer_container {
    background: #055955;
    border-top: 1px solid #144643;
    }
    .hi-icon-effect-8 .hi-icon {
    }
    .bottom_footer_container ul.social_logos {
    list-style: none;
    margin-bottom: 0;
    margin-top: 21px;
    }
    .bottom_footer_container ul.social_logos li {
    list-style: none;
    margin-left: 0;
    display: inline;
    margin-right: 10px;
    }
    ul.social_logos {
    list-style: none;
    margin: 0;
    }
    ul.social_logos li {
    display: inline;
    margin: 0;
    margin-right: 12px;
    }
    ul.social_logos li a {
    margin: 0 2px 0 0;
    width: 26px;
    height: 26px;
    }
    ul.social_logos li:hover{
    -webkit-animation: flip 1s ease-in-out;
    -moz-animation: flip 1s ease-in-out;
    -o-animation: flip 1s ease-in-out;
    animation: flip 1s ease-in-out;
    }
    ul.social_logos li a:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    }
    ul.social_logos li a:hover {
    background: rgba(255,255,255,0.05);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #fff;
    }
    ul.social_logos li a:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
    }
    ul.social_logos {
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 1px;
    }
    .social_logos li {
    display: inline;
    margin-left: 0;
    margin-right: 8px;
    float: left;
    margin-top: -2px;
    }
    @-webkit-keyframes flip {
    0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    }
    50% {
    -webkit-transform: perspective(400px) rotateY(180deg);
    -webkit-animation-timing-function: ease-out;
    }
    100% {
    -webkit-transform: perspective(400px) scale(1) rotateY(360deg);
    -webkit-animation-timing-function: ease-in;
    }
    }
    @-moz-keyframes flip {
    0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
    }
    50% {
    -moz-transform: perspective(400px) rotateY(180deg) scale(1);
    -moz-animation-timing-function: ease-in;
    }
    100% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(1);
    -moz-animation-timing-function: ease-in;
    }
    }
    @-o-keyframes flip {
    0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
    }
    50% {
    -o-transform: perspective(400px) rotateY(180deg) scale(1);
    -o-animation-timing-function: ease-in;
    }
    100% {
    -o-transform: perspective(400px) rotateY(360deg) scale(1);
    -o-animation-timing-function: ease-in;
    }
    }
    @keyframes flip {
    0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
    }
    50% {
    transform: perspective(400px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
    }
    100% {
    transform: perspective(400px) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
    }
    }
    .bottom_footer_container{
    padding: 17px 0 11px 0;
    }
    .bottom_footer_container .copyrightinfo {
    font-size: 13px;
    }
    .bottom_footer_container .copyrightinfo p {
    color: #b8e2f7;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
    text-align: left;
    }
    .bottom_footer_container .copyrightinfo a {
    color: #b8e2f7;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    }
    .bottom_footer_container .copyrightinfo a:hover {
    color: #fff;
    }
    .bottom_footer_content .footer_nav{
    list-style:none;
    margin-bottom:0;
    text-align:right;
    }
    .bottom_footer_content .footer_nav li{
    display:inline-block;
    margin-left:15px;
    }
    .bottom_footer_content .footer_nav li a{
    color:#21918c;
    font-size:15px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    background:url(images/footer_nav_sep.png) right center no-repeat;
    padding-right:20px;
    }
    .bottom_footer_content .footer_nav li:last-child a{
    padding-right:0;
    background:none;
    }
    .bottom_footer_content .footer_nav li a:hover{
    color:#fff;
    }
    .footer .footer_widget .searchform {
    position:relative;
    margin-bottom:35px;
    background:url(images/footer-search-bg.png) no-repeat;
    width:233px;
    height:33px;
    }

    .footer .footer_widget .searchform input[type="text"] {
    width:185px;
    height:30px;
    border:none;
    color:#fff;
    background:none;
    padding-left:10px;
    padding-right:30px;
    box-shadow:none;
    }
    .footer .footer_widget .searchform input[type="submit"] {
    position:absolute;
    right: 9px;
    top: 10px;
    background:url(images/footer-search11.png) no-repeat;
    border:none;
    cursor:pointer;
    height:16px;
    width:15px;
    }
    /*Search Style
    ===================================================*/
    .page-container .searchform, .sidebar.home .searchform{
    position:relative;
    margin-bottom:25px;
    width:314px;
    height:44px;
    border:2px solid #469d92;
    border-radius:5px;
    }
    .page-container .searchform input[type="text"], .sidebar.home .searchform input[type="text"]{
    width:179px;
    border:none;
    color:#afafaf;
    background:none;
    font-size:15px;
    padding: 12px 10px 13px 10px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    }
    .page-container .searchform input[type="submit"], .sidebar.home .searchform input[type="submit"] {
    position:absolute;
    right: 0px;
    top: 0px;
    background:url(images/search.png) no-repeat;
    border:none;
    cursor:pointer;
    height:44px;
    width:121px;
    color:#fff;
    }
    .footer .footer_widget .searchform {
    position: relative;
    margin-bottom: 35px;
    width: 254px;
    height: 39px;
    }
    .footer .footer_widget .searchform input[type="text"] {
    width: 197px;
    height: 39px;
    border: none;
    color: #fff;
    background:url(images/footer_searchbg.png) left no-repeat;
    padding-left: 10px;
    padding-right: 12px;
    box-shadow: none;
    }
    .footer .footer_widget .searchform input[type="text"]:focus{
    background:url(images/footer_searchbg_hover.png) left no-repeat;
    }
    .footer .footer_widget .searchform input[type="submit"] {
    position: absolute;
    right: 2px;
    top: 2px;
    background: url(images/footer_search.png) no-repeat;
    border: none;
    cursor: pointer;
    height: 37px;
    width: 35px;
    font-size:0;
    }
    /*Blog Page
    ===================================================*/
    .page_heading_container {
    background: #40b8b3;
    margin-bottom: 62px;
    border-bottom:6px solid #129d8c;
    text-align:center;
    color: #fff;
    }
    .page_heading_container .page_heading_content h1{
    font-size: 22px;
    margin-bottom: 0;
    padding: 13px 0 10px 0;
    letter-spacing: 1px;
    color: #fff;
    text-shadow: 0 1px 0 #39a4a0;
    }
    .page_heading_container .page_heading_content h1 a{
    color: #fff;
    }
    .page_heading_container .page_heading_content span.current {
    color: #fff;
    }
    .page-content {
    padding-bottom: 25px;
    width: 100%;
    overflow: hidden;
    }
    .content-bar {
    margin: 0;
    padding: 0;
    margin-right: 28px;
    }
    .content-bar h1.page_title{
    color: #000000;
    margin-bottom: 25px;
    padding-bottom: 20px;
    background: url(images/line.png) bottom center repeat-x;
    }
    .content-bar h1.page_title_wrapper{
    background: url(images/post_head_bg.png) repeat;
    color:#fff;
    display:block;
    margin-bottom:0;
    padding: 13px 12px 9px 12px;
    }
    .content-bar.single_post{
    margin-right:60px
    }
    .content-bar img {
    max-width: 100%;
    height: auto;
    background: none;
    padding: 0;
    }
    .content-bar .post {
    width: 354px;
    display: inline-block;
    margin:0 26px 30px 0;
    vertical-align: top;
    }
    .content-bar .post .post_image{
    position:relative;
    overflow:hidden;
    }
    .content-bar .post .post_image img{
    width:100%;
    height:auto;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    }
    .content-bar .post:hover .post_image img{
    -moz-transform: scale(1.3) rotate(10deg) translate(0px);
    -webkit-transform: scale(1.3) rotate(10deg) translate(0px);
    -o-transform: scale(1.3) rotate(10deg) translate(0px);
    transform: scale(1.3) rotate(10deg) translate(0px);
    }
    .content-bar .post .post_image .post_comment{
    background:url(images/post_comment.png) no-repeat;
    width:30px;
    height:26px;
    position:absolute;
    top:0;
    right:0;
    text-align:center;
    color:#fff;
    }
    .content-bar .post .post_image .post_comment a{
    color:#fff;
    }
    .content-bar .post h1{
    background:url(images/post_head_bg.png) repeat;
    font-size:20px;
    position:absolute;
    bottom:0;
    margin-bottom:0;
    font-weight:bold;
    width:94%;
    padding: 10px 8px 10px 15px;
    border-bottom:1px solid #1a8c84;
    border-top:1px solid #1e8e84;
    }
    .content-bar .post h1.without_image{
    position:static;
    width:93.6%;
    }
    .content-bar .post .post_content{
    border:1px solid #e5e5e5;
    border-bottom:6px solid #1dbba8;
    border-top:none;
    padding:0 10px;
    padding-bottom: 18px;
    }
    .content-bar .post .post_content p{
    font-size:15px;
    color:#222;
    line-height: 24px;
    }
    .content-bar .post h1 a{
    color:#fff;
    }
    .content-bar .post .post_meta {
    list-style-type:none;
    color: #585858;
    padding: 22px 0 17px 2px;
    margin-bottom: 17px;
    border-bottom:1px solid #e2e2e2;
    }
    .content-bar .post .post_meta li {
    display:inline;
    margin-left:0;
    margin-right:25px;
    }
    .content-bar .post .post_meta a {
    color: #585858;
    background:url(images/meta-sep.png) right no-repeat;
    }
    .content-bar .post .post_meta a.last {
    background:none;
    }
    .content-bar .post .post_meta .posted_by {
    background:url(images/post_author.png) no-repeat left;
    padding-left:20px;
    }
    .content-bar .post .post_meta .post_date {
    background:url(images/post_date.png) no-repeat left;
    padding-left:24px;
    }
    .content-bar .post .post_meta .post_category {
    background:url(images/post_cat.png) no-repeat left;
    padding-left:20px;
    }
    .content-bar .post .read_more{
    color:#149c8c;
    font-size:20px;
    margin-bottom:15px;
    font-weight:bolder;
    }
    .content-bar .post.single{
    width:100%;
    }
    .content-bar .post.single .post_content{
    }
    .content-bar .post.single h1.post_title{
    width:auto;
    position:static;
    font-weight:bold;
    border: 1px solid #1a8c84;
    color:#fff;
    }
    .content-bar .post.single h1.post_title a{
    font-weight:bold;
    }
    /*Sidebar style
    ===================================================*/
    .sidebar {
    padding-left: 6px;
    padding-top: 2px;
    }
    .sidebar h3 {
    margin-bottom:20px;
    }
    .sidebar ul {
    list-style: none;
    border:1px solid #e3e3e3;
    margin-bottom:20px;
    box-shadow: 0 7px 12px -6px rgb(209, 209, 209);
    -webkit-box-shadow: 0 7px 12px -6px rgb(209, 209, 209);
    -moz-box-shadow: 0 7px 12px -6px rgb(209, 209, 209);
    -o-box-shadow: 0 7px 12px -6px rgb(209, 209, 209);
    -ms-box-shadow: 0 7px 12px -6px rgb(209, 209, 209);
    }
    .sidebar ul li {
    margin-left: 0;
    margin:0 12px;
    padding:16px 0 14px 0;
    padding-left: 25px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background:url(images/plus.png) 2px 20px no-repeat;
    border-bottom:1px dotted #dadada;
    }
    .sidebar ul li:hover {
    background:url(images/plus-hover.png) 2px 20px no-repeat;
    }
    .sidebar ul li a {
    display:block;
    font-size:16px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    }
    .sidebar ul li:last-child {
    border-bottom:none;
    }
    .sidebar ul li a:hover {
    color:#1fb5ae;
    }
    .sidebar ul ul{
    border:none;
    margin-bottom:5px;
    }
    .sidebar ul li:last-child ul li a{
    border-bottom:1px dotted #dadada;
    }
    .sidebar ul li:last-child ul li:last-child a{
    border-bottom:none;
    }
    .fullwidth img {
    max-width: 100%;
    height: auto;
    }
    .sidebar.home{
    padding-left:50px;
    }
    .sidebar .ngg-widget{
    margin-bottom:20px;
    }
    .sidebar .ngg-widget img {
    border: 2px solid #A9A9A9;
    margin: 0pt 18px 20px 0px;
    padding: 2px;
    }
    /*404 page Style
    =======================================================*/
    p.error_pera{
    font-size:18px;
    margin-bottom:25px;
    }
    .error_list{
    margin-bottom:25px;
    }
    .error_list ul{
    list-style:none;
    }
    .error_list ul li {
    margin-left: 0;
    padding:9px 0 9px 0;
    padding-left: 25px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background:url(images/plus.png) 2px 12px no-repeat;
    }
    .error_list ul li:hover {
    background:url(images/plus-hover.png) 2px 12px no-repeat;
    }
    .error_list ul li a {
    font-size:16px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    }
    .error_list ul li:last-child {
    border-bottom:none;
    }
    .error_list ul li a:hover {
    color:#1fb5ae;
    }
    /* Commentlist Style
    ========================================================*/
    #commentsbox {
    margin: 0;
    margin-top: 15px;
    width: 99%;
    margin-left: 3px;
    margin-right: 17px;
    }
    ol.commentlist {
    clear: both;
    list-style: none;
    margin: 0;
    margin-top: 45px;
    }
    ol.commentlist li.comment {
    line-height: 18px;
    margin: 5px 0 15px;
    padding: 10px 0;
    margin-right: 0;
    padding-right: 0;
    }
    ol.commentlist li.comment .comment-body {
    position: relative;
    margin-bottom: 38px;
    background-color: #fff;
    border: 2px solid #6adfda;
    padding: 12px 12px 12px 12px;
    -moz-box-shadow: inset 0 0 8px #A0A0A0;
    -webkit-box-shadow: inset 0 0 8px #A0A0A0;
    -o-box-shadow: inset 0 0 8px #A0A0A0;
    -ms-box-shadow: inset 0 0 8px #A0A0A0;
    box-shadow: inset 0 0 8px #A0A0A0;
    }
    ol.commentlist li.comment li .comment-body {
    margin-bottom:16px;
    }
    ol.commentlist li.comment .comment-author a:link, ol.commentlist li.comment .comment-author a:visited {
    text-decoration: none !important;
    display: inline-block;
    color: #111;
    font-size: 16px;
    line-height: 22px;
    font-style: normal;
    margin-top: 0px;
    }
    cite.fn {
    color: #111;
    font-size: 16px;
    line-height: 22px;
    font-style: normal;
    padding-top: 5px;
    display: inline-block;
    padding-right: 10px;
    margin-bottom: 2px;
    margin-left: 125px;
    }
    ol.commentlist li .says {
    display: none;
    }
    .comment-author.vcard {
    display: block;
    }
    .comment-awaiting-moderation{
    margin-left: 123px;
    margin-bottom: -14px;
    display: block;
    }
    ol.commentlist li.comment .comment-author .avatar {
    width: 96px;
    height: 90px;
    border: 2px solid #6adfda;
    padding: 0px 7px 1px 0;
    padding: 0;
    position: absolute;
    top: -26px;
    left: 25px;
    }
    ol.commentlist li.comment .comment-meta a {
    color: #5d5d5c;
    text-decoration: none !important;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 11px;
    font-size: 12px;
    }
    ol.commentlist li.comment p {
    line-height: 22px;
    color: #666666;
    margin-left: 10px;
    margin-top: 35px;
    font-size: 13px;
    }
    ol.commentlist li.comment ul.children li.depth-2 {
    margin: 0 0 10px 60px;
    }
    ol.commentlist li.comment ul.children li.depth-3 {
    margin: 0 0 15px 40px;
    display: none;
    }
    ol.commentlist li.comment ul.children li.depth-4 {
    margin: 0 0 25px 40px;
    }
    ol.commentlist li.comment ul.children li.depth-5 {
    margin: 0 0 25px 40px;
    }
    .comment-meta.commentmetadata {
    display: inline;
    margin-left:114px;
    }
    ol.commentlist li.comment .reply {
    cursor: pointer;
    margin-bottom: 10px;
    color: #e05909;
    padding: 3px;
    position: absolute;
    right: 26px;
    top: 11%;
    }
    ol.commentlist li.comment .reply a {
    cursor: pointer;
    color: #fff;
    display: inline-block;
    text-align:center;
    background: url('images/comment_reply.png') no-repeat 0 0;
    width: 77px;
    height: 31px;
    line-height: 33px;
    text-shadow:0 1px 0 #329f92;
    }
    ol.commentlist li.comment .reply a:hover{
    background: url('images/comment_reply.png') no-repeat 0 -39px;
    }
    ol.commentlist li.comment ul.children {
    list-style: none;
    text-indent: 0;
    margin: 1em 0 0;
    }
    .commentform_wrapper{
    }
    .comment-nav {
    height: 20px;
    padding: 5px;
    margin-top: -40px;
    }
    .leave_reply{
    margin-bottom: 40px;
    padding-bottom: 20px;
    background: url(images/line.png) bottom center repeat-x;
    }
    .comment-nav a:link, .comment-nav a:visited {
    color: #f96e02;
    }
    .comment_message{
    font-size:16px;
    margin-bottom:22px !important;
    }
    #respond {
    padding: 0px 0px;
    margin: 10px 0px;
    }
    #respond h3 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    padding: 10px 10px;
    }
    #commentform {
    margin-bottom:50px;
    }
    #commentform p{
    margin-bottom:0;
    }
    #commentform p.logged-in-as{
    margin-bottom:20px;
    }
    #commentform a {
    color:#222;
    margin-top:15px;
    margin-bottom:0;
    }
    #respond label {
    display: block;
    margin-right: 15px;
    margin-bottom: 10px;
    padding-top: 0px;
    margin-left: 0px;
    color: #0d0d0d;
    font-size: 16px;
    font-weight: bolder;
    line-height: 20px;
    }
    #respond .required {
    }
    #respond label small {
    font-size:10px;
    color:#aaa;
    }
    #respond input[type='text'], #commentform textarea {
    width:65%;
    background-color: #fff;
    color: #888;
    -moz-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #f0f0f0;
    -webkit-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #f0f0f0;
    -o-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #f0f0f0;
    -ms-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #f0f0f0;
    box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #f0f0f0;
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    margin-bottom: 24px;
    padding: 10px 8px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }
    #respond input[type='text']:focus, #commentform textarea:focus{
    -moz-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #84e5e1;
    -webkit-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #84e5e1;
    -o-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #84e5e1;
    -ms-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #84e5e1;
    box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #84e5e1;
    }
    textarea#comment {
    width:98%;
    height:180px;
    }
    #respond .required {
    display:none;
    }
    #commentform input#submit {
    color:#044645;
    background: url('images/comment_submit.png') no-repeat 0 0;
    width: 184px;
    height: 43px;
    text-align:center;
    font-size:18px;
    line-height:22px;
    padding:5px;
    margin-bottom:0px;
    font-weight:bolder;
    border:none;
    margin-top:0px;
    cursor:pointer;
    text-shadow:0 1px 0 #7ee9e8;
    }
    #commentform input#submit:hover {
    background: url('images/comment_submit.png') no-repeat 0 -55px;
    }
    h3#reply-title {
    color:#1c1b1b;
    font-size:18px;
    line-height:22px;
    margin-top:20px;
    padding-bottom:20px;
    margin-left:-10px;
    font-weight:normal;
    }
    #commentform .comment-notes {
    display:none;
    }
    .comment-author .avatar {
    border: solid 1px #00FFFF;
    display:inline;
    }
    .form-allowed-tags {
    display:none;
    }
    #commentsbox h3 span {
    background:url(images/arrow.png) no-repeat;
    background-position:right 50%;
    padding-right:25px;
    text-decoration:none;
    }
    /*contact page Style
    =======================================================*/
    .contact-page {
    padding-left:6px;
    margin-right:50px;
    }
    .contact-page h1 {
    color:#000000;
    margin-bottom:40px;
    padding-bottom:20px;
    background: url(images/line.png) bottom center repeat-x;
    }
    .contact-page h2{
    color:#000;
    }
    .contact-page p {
    font-size:13px;
    line-height:22px;
    color:#1c1b1b;
    background:url(images/headingsep.png) bottom repeat-x;
    padding-bottom:15px;
    margin-top:25px;
    margin-bottom:25px;
    }
    #contactForm{
    background: url(images/line.png) bottom center repeat-x;
    padding-bottom:25px;
    margin-bottom:30px;
    }
    #contactForm .error {
    color:#993399;
    float:left;
    display:block;
    }
    #contactForm label {
    display: block;
    font-size:14px;
    color:#0d0d0d;
    line-height:20px;
    float:left;
    text-align:left;
    margin-right:0px;
    padding-top:11px;
    }
    #contactForm input[type="text"] {
    margin-bottom:0;
    }
    #contactForm input[type="text"], #contactForm input[type="email"], #contactForm textarea {
    background-color:#fff;
    color:#888;
    font-size: 14px;
    -moz-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #f0f0f0;
    -webkit-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #f0f0f0;
    -o-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #f0f0f0;
    -ms-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #f0f0f0;
    box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #f0f0f0;
    border-radius: 3px;
    border:1px solid #e3e3e3;
    margin-bottom:38px;
    padding:0 8px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }
    #contactForm input[type="text"]:focus, #contactForm input[type="email"]:focus, #contactForm textarea:focus{
    -moz-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #84e5e1;
    -webkit-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #84e5e1;
    -o-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #84e5e1;
    -ms-box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #84e5e1;
    box-shadow: inset 0 0 15px #ddd, 0px 0px 0 4px #84e5e1;
    }
    #contactForm input[type="text"], #contactForm input[type="email"]{
    height:38px;
    width:65%;
    float:left;
    margin-right:20px;
    }
    #contactForm textarea{
    height:185px;
    width:96%;
    max-width:96%;
    padding-top:10px;
    margin-bottom:32px;
    }
    #contactForm input[type="submit"] {
    clear:both;
    background: url('images/contact_submit .png') no-repeat 0 0;
    width: 158px;
    height: 43px;
    font-weight:bold;
    font-size:17px;
    line-height:25px;
    cursor:pointer;
    color:#044645;
    text-shadow:0 1px 0 #72e4e3;
    border:none;
    }
    #contactForm input[type="submit"]:hover {
    background: url('images/contact_submit .png') no-repeat 0 -55px;
    }
    .cmt_frame {
    display:none;
    }
    .contact-map {
    margin-top: 25px;
    }
    .contact-map iframe {
    border: 3px solid #31d0ce;
    width: 99.3%;
    height: 480px;
    border-radius:5px;
    }
    /* #Wordpress Core Classes
    ================================================== */
    blockquote {
    padding-left: 60px;
    min-height: 40px;
    background: url(images/blockqoute.png) no-repeat;
    }
    blockquote {
    margin-top: 40px;
    margin-bottom: 40px;
    }
    blockquote img {
    float: left;
    margin-right: 15px;
    }
    .sticky {
    }
    .gallery-caption {
    color: #666;
    font-size: 12px;
    }
    .bypostauthor {
    }
    .alignnone {
    margin: 5px 20px 20px 0;
    }
    .aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    }
    .alignright {
    float: right;
    margin: 5px 0 20px 20px;
    }
    .alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    }
    .aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    }
    a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
    }
    a img.alignnone {
    margin: 5px 20px 20px 0;
    }
    a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    }
    a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
    }
    .wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    text-align: center;
    padding: 5px 3px 10px;
    }
    .wp-caption.alignright {
    margin: 5px 0 20px 20px;
    }
    .wp-caption img {
    border: 0 none;
    height: auto;
    max-width: 98.5%;
    width: auto;
    margin: 0;
    padding: 0;
    }
    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 10px 4px 5px;
    }
    #wp-calendar caption {
    text-align: center;
    background: #999999;
    border: 1px solid #999999;
    color: #fff;
    font-weight: bold;
    padding: 3px 0;
    }
    #wp-calendar a {
    font-weight: bold;
    color: #999999;
    }
    #wp-calendar tfoot td {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    }
    .footer #calendar_wrap {
    display: block;
    margin-bottom: 30px;
    background: #000000;
    width: 176px;
    }
    #nav-single {
    overflow: hidden;
    margin-bottom: 20px;
    }
    .nav-previous {
    float: left;
    width: 50%;
    }
    .nav-next {
    float: right;
    text-align: right;
    width: 50%;
    }
    /*Blog Page Pagging
    ===========================================*/
    ul.paging {
    margin: 0px;
    padding: 0px;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    }
    ul.paging li {
    margin: 0px;
    padding: 0px;
    display: inline;
    margin-right: 10px;
    }
    ul.paging li a {
    border: 1px solid #CCC;
    color: #666;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 0 1px #fff;
    -ms-box-shadow: inset 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 1px #fff;
    box-shadow: inset 0 0 1px white;
    background: #FAFAFA;
    background-image: -moz-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%);
    background-image: -ms-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%);
    background-image: -o-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(100%, #d5d4d4));
    background-image: -webkit-linear-gradient(top, #FAFAFA 0, #d5d4d4 100%);
    background-image: linear-gradient(to bottom, #FAFAFA 0, #d5d4d4 100%);
    display: inline-block;
    line-height: 30px;
    height: 27px;
    width: 30px;
    text-decoration: none;
    margin: 0 2px 14px;
    padding: 3px;
    font-size: 14px;
    text-shadow: 0 1px 0 #fff;
    text-align: center;
    border-radius: 2px;
    }
    ul.paging a:hover {
    border: 1px solid #aeacac !important;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
    -ms-box-shadow: 0 0 3px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
    box-shadow: 0 0 3px rgba(0,0,0,.25);
    }
    ul.paging a.active, ul.paging a.current {
    background: #d5d4d4;
    background-image: -moz-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%);
    background-image: -ms-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%);
    background-image: -o-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d5d4d4), color-stop(100%, #FAFAFA));
    background-image: -webkit-linear-gradient(top, #d5d4d4 0, #FAFAFA 100%);
    background-image: linear-gradient(to bottom, #d5d4d4 0, #FAFAFA 100%);
    border: 1px solid #999;
    moz-box-shadow: inset 0 0 10px rgba(0,0,0,.35);
    -ms-box-shadow: inset 0 0 10px rgba(0,0,0,.35);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.35);
    }
    /*=======================================================*/
    /* Responsive Dropdown Menu Style */
    /*=======================================================*/
    .it_mobile_menu li {
    margin: 0;
    }
    .it_mobile_menu li a {
    font-size: 12px;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow: none;
    border-bottom: 1px solid #e2e0e0;
    margin: 0 !important;
    }
    .it_mobile_menu li:last-child a {
    border-bottom: none;
    padding-bottom: 15px;
    }
    .it_mobile_menu li a:hover {
    color: #2565ac;
    }
    .it_mobile_menu > li.current_page_item > a {
    color: #2565ac;
    }
    #mobile_menu {
    width: 318px;
    border: 1px solid #e2e0e0 !important;
    left: -1px;
    padding: 0;
    padding-bottom: 20px;
    background: #f8f8f8;
    top: 46px !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    z-index: 9999px;
    list-style: none;
    }
    #mobile_menu ul {
    list-style: none;
    }
    .it_mobile_menu {
    position: absolute;
    top: 46px !important;
    left: 3

    The blog I need help with is www.fahimayaz.com.

  2. Hi there,

    Themes can't be uploaded to blogs hosted on WordPress.com. They can only be uploaded to self-hosted blogs running on WordPress.org software. You can read more about the differences between WordPress.com and WordPress.org here: WordPress.com and WordPress.org

    On WordPress.com, you can select from all of the themes listed in our Theme Showcase. You can read more about customizing your blog (for example, with your own CSS) on WordPress.com here: Custom Design

    This support forum is specifically for blogs hosted here at WordPress.com. If you plan to set up a self-hosted WordPress blog, you can get help with that blog and your theme in the WordPress.org forums here: http://wordpress.org/support/

Topic Closed

This topic has been closed to new replies.

About this Topic