/* Custom Responsive CSS */

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (max-width : 480px) {
    #header {
        height: 80px;
    }
    #profile_image_area, #myCustomTrigger {
        display: none;
    }
    #globalContainer {
        margin: auto;
        float: none;
        width: 100%;
    }
    .publicBlog {
        margin: auto;
        width: 100%;
        float: none;
    }
    #contentContainer .content {
        width: 100%;
        margin: auto;
        float: none;
    }
    #header {
        width: 100%;
    }
    #header .header {
        width: 100%;
    }
    #header .header h1.logo {
        /*float: left;*/
        width: 85%;
        margin-left: 0;
    }
    #header .header h1.logo a {
        background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/empowerNetwork_logo.png) no-repeat 0 0;
        width: 300px;
        margin: auto;
        /*height: 38px;*/
    }
    .publicBlog .blogHeader {
        width: 100%;
        margin: auto;
    }
    .publicBlog .blogHeader .resizeMenu {
        display: block;
        width: 96%;
        margin: auto;
        padding-top: 20px;
    }
    .publicBlog .archiesList {
        width: 100%;
    }
    .publicBlog .blogHeader .blogBanner .progileImg {
        left: 12px;
        bottom: -13px;
    }
    .publicBlog .blogHeader ul.blogNav {
        width: 100%;
    }
    .publicBlog .blogList {
        width: 99%;
        margin: auto;
        float: none;
    }
    .publicBlog .blogContent {
        width: 99%;
        margin: auto;
        float: none;
    }
    .publicBlog .proveitNow {
        display: none;
    }
    .publicBlog .blogList .poweredVerisign {
        display: none;
    }
    #footer {
        width: 100%;
    }
    .footer .footerContents {
        width: 100% !important;
        text-align: center;
        margin: 0;
        padding: 5% 0;
    }
    .footer .footerContents .supportTxt{
        margin-bottom: 20px;
        width: auto !important;
    }
    .footerNavWrap {
        width: 100%;
        text-align: center;
    }
    .footer .footerContents .supportTxt {
        float: none;
    }
    .footer .footerContents .footerNav {
        float: left;
    }
    .footer .footerContents .coprights {
        float: none;
    }
    .pagination {
        margin-bottom: 5%;
        float: left;
    }
    #contentContainer .content .commentList{
        margin-bottom: 8.5%;
    }
    #contentContainer .content .commentList .comment {
        width: 210px;
    }
    #contentContainer .content .commentList .comments.replyFirstDegree .comment {
        width: 180px;
    }
    #contentContainer .content .commentList .comments.replySecondDegree .comment {
        width: 145px;
    }
    #contentContainer .content .commentList .comments.replySecondDegree {
        background-position: 35px 10px;
        padding: 19px 15px 15px 60px;
    }
    #contentContainer .content .commentList .comments.replySecondDegree .comment {
        width: 160px;
    }
    #contentContainer .content .commentList .comments.replyThirdDegree {
        background-position: 60px 10px;
        padding: 19px 15px 15px 87px;
    }
    #contentContainer .content .commentList .comments.replyThirdDegree .comment {
        width: 140px;
    }
    #contentContainer .content .commentList li .blogInput {
        width: 210px;
    }
    #contentContainer .content .commentList li .blogInput .blogInputInner {
        width: 200px;
    }
    .publicBlog .blogList .blogSearch {
        width: 57%;
    }
    .publicBlog .blogList .searchBtn {
        height: 36px;
        display: block;
        float: right;
        margin-right:5%
    }
    .mobileNavButtonRight {
        display: table;
        background-color: transparent;
        border: 0;
        position: fixed;
        right: 15px;
        top: 5px;
        color: #FFF;
        text-align: center;
    }
}

@media only screen
and (min-width : 480px)
and (max-width : 640px) {
    #profile_image_area, #myCustomTrigger {
        display: none;
    }

    #globalContainer {
        margin: auto;
        float: none;
        width: 480px;
    }
    .publicBlog {
        margin: auto;
        width: 480px;
        float: none;
    }
    #contentContainer .content {
        width: 100%;
        margin: auto;
        float: none;
    }
    #header {
        width: 480px;
    }
    #header .header {
        width: 480px;
    }
    #header .header h1.logo {
        float: none;
        width: 85%;
        margin-left: 0;
        /*width: 480px;*/
    }
    #header .header h1.logo a {
        background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/empowerNetwork_logo.png) no-repeat 0 0;
        width: 300px;
        float: left;
        /*height: 38px;*/
    }
    .publicBlog .blogHeader {
        width: 480px;
        margin: auto;
    }
    .publicBlog .blogHeader .resizeMenu {
        display: block;
        width: 470px;
        margin: auto;
        padding-top: 20px;
    }
    .publicBlog .blogHeader ul.blogNav {
        width: 100%;
    }
    .publicBlog .blogList {
        width: 99%;
        margin: auto;
        float: none;
    }
    .publicBlog .blogContent {
        width: 99%;
        margin: auto;
        float: none;
    }
    .publicBlog .proveitNow {
        display: none;
    }
    .publicBlog .blogList .poweredVerisign {
        display: none;
    }
    #footer {
        width: 480px;
    }
    .footer .footerContents {
        width: 480px !important;
        text-align: center;
        margin: 0;
        padding: 5% 0;
    }
    .footer .footerContents .supportTxt{
        margin-bottom: 20px;
        width: auto !important;
    }
    .footerNavWrap {
        width: 480px;
        text-align: center;
    }
    .footer .footerContents .supportTxt {
        float: none;
    }
    .footer .footerContents .footerNav {
        float: none;
    }
    .footer .footerContents .footerNav ul a{
        color: #FFF;
        font-weight: 400;
    }
    .footer .footerContents .coprights {
        display: block;
        float: none;
        text-align: center;
    }
    #contentContainer .content .commentList{
        margin-bottom: 8.5%;
    }
    #contentContainer .content .commentList .comment {
        width: 370px;
    }
    #contentContainer .content .commentList .comments.replyFirstDegree .comment {
        width: 340px;
    }
    #contentContainer .content .commentList .comments.replySecondDegree .comment {
        width: 325px;
    }
    #contentContainer .content .commentList .comments.replySecondDegree {
        background-position: 35px 10px;
        padding: 19px 15px 15px 60px;
    }
    #contentContainer .content .commentList .comments.replySecondDegree .comment {
        width: 160px;
    }
    #contentContainer .content .commentList .comments.replyThirdDegree {
        background-position: 60px 10px;
        padding: 19px 15px 15px 87px;
    }
    #contentContainer .content .commentList .comments.replyThirdDegree .comment {
        width: 295px;
    }
    #contentContainer .content .commentList li .blogInput {
        width: 370px;
    }
    #contentContainer .content .commentList li .blogInput .blogInputInner {
        width: 360px;
    }
    nav.navSm {
		margin-top: -4px;
	}
}
@media only screen
and (min-width : 640px)
and (max-width : 768px) {
    #header .header {
        width: 100%;
    }
    #profile_image_area {
        display: none;
    }
    #globalContainer {
        margin: auto;
        float: none;
        width: 640px;
    }
    .publicBlog {
        margin: auto;
        width: 640px;
        float: none;
    }
    #contentContainer .content {
        width: 100%;
        margin: auto;
        float: none;
    }
    #header {
        /*width: 640px;*/
    }
    #header .header {
        /*width: 640px;*/
    }
    #header .header h1.logo {
        float: left;
        width: 90%;
        margin-left: 0;
    }
    #header .header h1.logo a {
        background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/empowerNetwork_logo.png) no-repeat 0 0;
        /*width: 100%;*/
        /*float: left;*/
        /*height: 38px;*/
    }
    .publicBlog .blogHeader {
        width: 640px;
        margin: auto;
    }
    .publicBlog .blogHeader .resizeMenu {
        display: block;
        width: 630px;
        margin: auto;
        padding-top: 20px;
    }
    .publicBlog .blogHeader ul.blogNav {
        width: 100%;
    }
    .publicBlog .blogList {
        width: 99%;
        margin: auto;
        float: none;
    }
    .publicBlog .blogContent {
        width: 99%;
        margin: auto;
        float: none;
    }
    .publicBlog .proveitNow {
        display: none;
    }
    .publicBlog .blogList .poweredVerisign {
        display: none;
    }
    #footer {
        width: 640px;
    }
    .footer .footerContents {
        width: 640px !important;
        text-align: center;
        margin: 0;
        padding: 5% 0;
    }
    .footer .footerContents .supportTxt{
        margin-bottom: 20px;
        width: auto !important;
    }
    .footerNavWrap {
        float: none;
        text-align: center;
        width: auto;
    }
    .footer .footerContents .supportTxt {
        float: none;
    }
    .footer .footerContents .footerNav {
        float: none;
    }
    .footer .footerContents .coprights {
        display: block;
        float: none;
        text-align: center;
    }
    #contentContainer .content .commentList{
        margin-bottom: 8.5%;
    }
    #contentContainer .content .commentList .comment {
        width: 370px;
    }
    #contentContainer .content .commentList .comments.replyFirstDegree .comment {
        width: 340px;
    }
    #contentContainer .content .commentList .comments.replySecondDegree .comment {
        width: 325px;
    }
    #contentContainer .content .commentList .comments.replySecondDegree {
        background-position: 35px 10px;
        padding: 19px 15px 15px 60px;
    }
    #contentContainer .content .commentList .comments.replySecondDegree .comment {
        width: 160px;
    }
    #contentContainer .content .commentList .comments.replyThirdDegree {
        background-position: 60px 10px;
        padding: 19px 15px 15px 87px;
    }
    #contentContainer .content .commentList .comments.replyThirdDegree .comment {
        width: 295px;
    }
    #contentContainer .content .commentList li .blogInput {
        width: 370px;
    }
    #contentContainer .content .commentList li .blogInput .blogInputInner {
        width: 360px;
    }
}

@media only screen
and (max-width : 1024px) {
    .smc-long .smc-name {
        display: none;
    }
    #customBlog #globalContainer{
        width: auto;
    }
    #customBlog #contentContainer .content{
        width: 768px;
    }
    .publicBlog {
        margin: auto;
        width: 768px;
        float: none;
    }
    #header {
        width: 768px;
        margin: auto;
    }
    .publicBlog .blogHeader ul.blogNav li a {
        padding: 24px 17px 20px;
    }
    .publicBlog .blogList .poweredVerisign {
        display: none;
    }
    #footer {
        width: 768px;
        margin: auto;
    }
    #footer .footer {
        width: 768px;
        margin: auto;
    }
    .footer .footerContents {
        width: 768px !important;
        text-align: center;
        margin: auto;
        padding: 5% 0;
    }
    .footerNavWrap {
        width: 100%;
        text-align: center;
    }
    .footer .footerContents .supportTxt {
        float: none;
        padding-bottom: 3%;
        width: 100%;
    }
    .footer .footerContents .footerNav {
        float: none;
    }
    .footer .footerContents .coprights {
        float: none;
    }
    #contentContainer .content .commentList{
        margin-bottom: 8.5%;
    }
    #contentContainer .content .commentList .comment {
        width: 355px;
    }
    #contentContainer .content .commentList .comments.replyFirstDegree .comment {
        width: 325px;
    }
    #contentContainer .content .commentList .comments.replySecondDegree .comment {
        width: 325px;
    }
    #contentContainer .content .commentList .comments.replySecondDegree {
        background-position: 35px 10px;
        padding: 19px 15px 15px 60px;
    }
    #contentContainer .content .commentList .comments.replySecondDegree .comment {
        width: 305px;
    }
    #contentContainer .content .commentList .comments.replyThirdDegree {
        background-position: 60px 10px;
        padding: 19px 15px 15px 87px;
    }
    #contentContainer .content .commentList .comments.replyThirdDegree .comment {
        width: 280px;
    }
    #contentContainer .content .commentList li .blogInput {
        width: 355px;
    }
    #contentContainer .content .commentList li .blogInput .blogInputInner {
        width: 345px;
    }
    div.blogInner section.blogList .categoriesList.searchFormParent form div{
        display: inline-block;
        text-align: center;
    }
    div.blogInner section.blogList .categoriesList.searchFormParent form div label{
        margin-left: 20px;
        padding-right: 5px;
    }
    div.blogInner section.blogList .categoriesList.searchFormParent form#searchform input#searchsubmit{
        display: inline-block;
        float: none;
        margin-bottom: 5px;
    }
}
@media only screen and (max-width : 1024px){
    #header{
        width: 100%;
        float: left;
        text-align: center;
        /*height: 80px;*/
    }
    .logo{
        padding-left: 30px;
    }
    #header .header h1.logo{
        /*width: 270px;*/
    }
    #customerBlog, #contentContainer, .content, #customerBlog #globalContainer, #publicBlog {
        width: 100%;
        margin: 0;
        float: none;
        max-width: 1024px;
    }
    #publicBlog .blogHeader{
        width: 100%;
    }
    header.blogHeader{
        width: 100%;
       	max-width: 100%;
        max-height: 100%;
    }
    .blogPostHead :first-child{
        width: 100%;
    }
    /*.blogPostHead :first-child :  before {
        content :    ‘\a’ ;
        white-space :    pre ;
    }*/
    #customBlog #contentContainer .content {
        width: 100%;
    }
    #footer, #footer .footer, .footer .footerContents {
        width: 100% !important;
    }
    .navLg {
        display: none;
    }
}
@media only screen and (min-width : 400px) {
    .mobileMenuButton {
        display: none;
    }
    .clearfix #header .header > h1.logo{
        /*margin-left: 50px;*/
    }
}
@media only screen and (max-width : 400px) {
    .mobileNavButton :before{
        background-color: transparent;
        border: 0;
        position: static;
        /*margin-right: 30px;*/
    }
    /*#header .header h1.logo > a{
        max-width: 200px;
    }*/
    /*.mobileNavButton {
        display: none;
    }*/
}
@media only screen and (min-width : 1025px){
    .navSm, .mobileNavButton {
        display: none;
    }
    .publicBlog .blogHeader .blogBanner .progileImg {
        background: #fff;
        bottom: -3%;
        box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);
        left: 2.1%;
        padding: 0;
        position: absolute;
        z-index: 2;
        width: 23.9%;
    }
}


/*=============================================================================
    The Blog Customizer Block css classes
=============================================================================*/
.blogEditorWrap{
    background:#FFF url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/customizerBlockBg.png) repeat-x;
}
#blogEditor{
    font-size: 1em;
    margin: 0 auto;
    width: 960px;
}
#domainListBlock{
    float: left;
    width: 100%;
}
#domainListBlock .domainList{
    float: left;
    font-size: .75em;
    margin: 0;
    padding: 0 0 11px 0;
    width: 775px;
}
#domainListBlock .domainList li{
    float: left;
    margin: 0;
    padding: 11px 40px 0 0;
    position: relative;
    z-index: 9999;
}
#domainListBlock .domainList li.hasSubnav{
    background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/submenuPointer.png) no-repeat  right 7px;
}
#domainListBlock .domainList li.hasSubnav.subnavActive{
    background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/submenuPointer.png) no-repeat  right -14px;
}
#domainListBlock .domainList li a{
    color: #4a4a4a;
    text-decoration: none;
    position: relative;
}
#domainListBlock .domainList li .activeLink{
    background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/navSelected.png) no-repeat;
    bottom: -20px;
    display: block;
    height: 9px;
    left: 50%;
    position: absolute;
    width: 10px;
}
#domainListBlock .domainList li .subNav{
    background: #fff;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
}
#domainListBlock .domainList li .subNav li{
    background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/subnavListBg.png) repeat-y;
    padding: 0;
    position: relative;
    width: 179px;
}
#domainListBlock .domainList li .subNav li.corners{
    background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/subnavCorners.png) no-repeat !important;
    border:0 !important;
    height: 4px;
    overflow: hidden;
}
#domainListBlock .domainList li .subNav li.corners.btmCorner{
    background-position: 0 -4px !important;
}
#domainListBlock .domainList li .subNav li a{
    float: left;
    padding: 12px 10px 0 15px;
}
#domainListBlock .domainList li .subNav li a.last{
    padding-bottom: 10px;
}
#domainListBlock .addDomain{
    background:#c8c8c8 url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/iconAdd.png) no-repeat 14px 14px;
    color: #6e6e6e;
    float: right;
    font-size: .75em;
    height:28px;
    padding: 10px 0 0 35px;
    text-decoration: none;
    width: 150px;
}
#blogCustomizerBlock{
    float: left;
    width: 960px;
}
#blogCustomizerBlock .customizerControlBlock ul{
    font-size: .75em;
    margin: 0;
    padding: 0;
}
#blogCustomizerBlock .customizerControlBlock ul li{
    float: left;
    margin: 0 25px;
    padding: 0;
}
#blogCustomizerBlock .customizerControlBlock ul li a{
    color: #4a4a4a;
    float: left;
    padding: 13px 0;
    text-decoration: none;
}
#blogCustomizerBlock .customizerControlBlock ul li a:hover{
    color: #3a759f;
}
#blogCustomizerBlock .customizerControlBlock ul li a.active{
    color: #3a759f;
    outline: none;
}
#blogCustomizerBlock .customizerContentBlock{
    float: left;
    width: 960px;
}
#blogCustomizerBlock .pageCustomizerBlock{
    margin:20px 0 10px 0;
    overflow: hidden;
}
.domainInfo {
    background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/tick.png) no-repeat 2% center #e9f5ff;
    border: 1px solid #c4e4fe;
    border-radius: 3px 3px 3px 3px;
    padding: 1% 1% 1% 6%;
}
.wrapBox {
    background: #f9f8f8;
    border: 1px solid #e1e2e2;
    border-radius: 3px 3px 3px 3px;
    padding: 1% 1.5% 1% 1.5%;
    position: relative;
}
.wrapBoxLft {
    background: #f9f8f8;
    border: 1px solid #e1e2e2;
    border-radius: 3px 0px 0px 3px;
    padding: 5px;
    position: relative;
    width: 470px;
    border-right: 0;
}
.lnk-url label.error{
    position: absolute;
    top:65px;
    left: 60px;
}
.lnk-ttl label.error{
    position: absolute;
    top:65px;
    left:68px;
}
.wrapBoxRgt {
    background: #f9f8f8;
    border: 1px solid #e1e2e2;
    border-radius: 0 3px 3px 0;
    padding: 5px;
    position: relative;
    width: 469px;
    border-left: 0;
}
.wrapBoxRgt label.error{
    margin-left: 55px;
}
.domainDetailsTable th {
    background: #4a4a4a;
    padding: 3px 25px 3px 15px;
    font-weight: normal;
    color: #fff;
}
.domainDetailsTable tr td {
    background: #fff !important;
    padding: 3px 25px 3px 15px;
    border-bottom: 1px solid #6e6e6e;
}
.wrapBox.redAlert {
    padding: 1.2% 1.5% 1% 4%;
    background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/alert.png) no-repeat 2% center #f9f8f8;
    color: #e50000;
    font-size: 1.2em;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}
.topOptionsPanel #filterForm li.formList {
    width: 960px !important;
}
#menucheck_cntnr .cboxContainer label.list{
    line-height:1.5 !important;
}
.ddTitleText#article_title_font_title .ddlabel,
.ddTitleText#article_body_font_title .ddlabel,
.ddTitleText#sidebar_title_font_title .ddlabel,
.ddTitleText#sidebar_subtext_font_title .ddlabel{
    display: block;
    height: 18px;
    overflow: hidden;
}
.countDisplay {
    background: #fff;
    border: 1px solid #c9c9c9;
    padding: 2px 4px;
    margin: 4px 10px 0 20px;
    border-radius: 3px 3px 3px 3px;
}
.pageCustomizerBlock .wrapBox a{
    text-decoration: underline;
    color: #37779b;
}
.pageCustomizerBlock .wrapBox a.delete{
    color: #ee0000;
}
.navCustomizerBlock .btnSaveChanges{
    float: right;
    font-size: 1em;
}
.seoCustomizerBlock #meta_title_error,
.seoCustomizerBlock #meta_keyword_error,
.seoCustomizerBlock #google_analytics_error{
    float: left;
    width: 100%;
}
.subdomainCustomizerBlock .cboxContainer{
    float: left;
    margin: 5px 0 0 0 !important;
    width: 110px;
}
.subdomainCustomizerBlock .message{
    float: right;
    background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/iconSuccess_fail.png) no-repeat;
    margin: 8px 0 0 0;
    padding: 0 20px 0 0;
}
.subdomainCustomizerBlock .message.available{
    background-position: 100% -39px;
    color: #569900;
}
.subdomainCustomizerBlock .message.taken{
    background-position: 100% 2px;
    color: #fe0000;
}
.photoBlock {
    background: #f6f6f6 url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/uploadImageHolder.jpg) center center no-repeat;
    border: 1px solid #d9d9d9;
    float: left;
    height: 235px;
    width: 278px;
}
.photoBlockWrap .sliderBlock {
    float: left;
    padding: 10px 0 10px 0;
    width: 280px;
}
.photoBlockWrap .sliderBlock .scale {
    background: url(http://www.gillmathias.com/wp-content/images/profile/iconScale.jpg) no-repeat;
    float: left;
    height: 24px;
    text-indent: -999em;
}

.photoBlockWrap .sliderBlock .scale.scaleDown {
    width: 20px;
}
.photoBlockWrap .sliderBlock .scale.scaleUp {
    background-position: -20px 0;
    width: 32px;
}
.photoBlockWrap .sliderBlock .scale a {
    display: block;
    text-indent: -999em;
}
.photoBlockWrap .btnSaveImage,
.photoBlockWrap .btnBrowseImage{
    font-size: .85em;
    margin-bottom: 20px;
    width: 100%;
}
.photoBlockWrap .browse{
    cursor: pointer;
    height:30px;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
    position: absolute;
    top:0;
    width: 100%;
}
.slider {
    float: left;
    width: 210px;
    height: 25px;
    margin: 0 9px;
}
.uploadImageHolder {
    background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/uploadImageHolder.jpg) no-repeat center center #f7f6f6;
    padding: 12px;
    min-height: 183px;
    display: block;
    width: 960px;
    border: 1px solid #d8d9da;
}
.uploadImageHolderVertical {
    background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/uploadImageHolder.jpg) no-repeat center center #f7f6f6;
    padding: 12px;
    min-height: 340px;
    display: block;
    width: 174px;
    border: 1px solid #d8d9da;
}
.uploadImageHolderVertical:hover .bannerEditBg a {
    padding-left: 11.5%;
}
.imageUploadLandscape .footerImageUpload{
    margin: 20px auto;
    overflow: hidden;
    width:400px;
}
.imageHeader #bannerImageContainer.landscapeImageHoder{
    height:265px;
}
.imageFooter #bannerImageContainer.landscapeImageHoder{
    height:188px;
}
.imageUploadPortrait  #bannerImageContainer.potraitImageHoder {
    height:555px;
    width: 312px;
}
#filterForm{
    float: left;
    font-size: .75em;
    list-style-type: none;
    margin:0;
    padding: 0;
}
#filterForm li.formList {
    border-bottom: 1px solid #e0e1e1;
    clear: both;
    float: left;
    padding: 12px 0;
    width: 898px;
}
#filterForm li.noBorder{
    border: 0px;
}
#filterForm li label.labelTxt{
    float: left;
    padding-bottom: 8px;
}
#filterForm li .btnSubmit{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #366c8b;
    float: right;
    font-size: 1em;
    margin:25px 0 0 0;
    padding: 5px 20px;
    width: 100px;
}
#filterForm li .cboxContainer{
    float: left;
    margin-right: 15px;
}
#filterForm li  label.list{
    line-height: 1.7;
    margin:0;
}
#filterForm li .dd{
    font-size: 1em;
}
#filterForm li .dd .ddTitle .ddTitleText{
    padding:8px 20px 6px 6px
}
#filterForm li.nobottomPadding{
    padding-bottom: 0 !important;
}

#filterForm li .btnSaveChanges,
#filterForm li .btnNext,
#filterForm li .btnVerifyDomain {
    float: right;
    font-size: 1em;
    margin-bottom: 20px;
    min-width: 100px;
}
#filterForm li .btnSeoChanges{
    float: right;
    font-size: 1em;
    margin-top: 24px;
    margin-bottom: 25px;
}
#filterForm li .btnAddPages,
#filterForm li .btnCancelCustomization,
#filterForm li .btnpublishPage,
#filterForm li .btnRemoveDomain {
    float: right;
    font-size: 1em;
    min-width: 100px;
}
.optionsTab {
    list-style-type: none;
    margin: 0;
    padding: 20px 0 0 0;
    width: 100%;
    float: left;
    border-bottom: 1px solid #e0e1e1;
}
.optionsTab li {
    float: left;
    width: 185px;
    position: relative;
    bottom: -1px;
    z-index: 1000;
}
.optionsTab li a {
    padding: 10px 15px;
    display: block;
    text-decoration: none;
}
.optionsTab li.active {
    background: #fff;
    border-left: 1px solid #e0e1e1;
    border-top: 1px solid #e0e1e1;
    border-right: 1px solid #e0e1e1;
}
.optionsTab li.active strong {
    color: #3a759f;
}
.photoBlock .currentImage {
    margin: 6.5% 14.025%;
}
.popupContent .photouploadBlock .btnBrowseImage.browsed{
    width:100px !important;
}
.popupContent .photouploadBlock .btnCropImage{
    float:right !important;
    width:100px !important;
    margin-left: 10px !important;
}
#bannerImageFormContainer #uploadError{
    font-size:.8em;
}
#updateBannerImageContainer.imageUploadLandscape .photouploadBlock{
    width:212px;
}
#updateBannerImageContainer.imageUploadLandscape .photouploadBlock.cropActive{
    width:622px;
}
#updateBannerImageContainer.imageUploadLandscape .btnSave,
#updateBannerImageContainer.imageUploadPortrait .btnSave{
    width:100px;
    float: left;
}
#updateBannerImageContainer .photouploadBlock .btnReset{
    margin-left: 10px !important;
}
#updateBannerImageContainer .photouploadBlock.cropActive .btnSave{
    margin: 10px 0 0 20px;
}
#updateBannerImageContainer .photouploadBlock.cropActive .btnReset{
    margin: 10px 0 0 10px;
}
#updateBannerImageContainer .photouploadBlock.cropActive .btnCropImage{
    margin: 10px 0 0 0;
}
#updateBannerImageContainer.imageUploadPortrait .photouploadBlock.cropActive .btnSave{
    float:left;
    margin: 0;
}
#updateBannerImageContainer.imageUploadPortrait .photouploadBlock.cropActive .btnCropImage{
    margin: 0;
}
#updateBannerImageContainer .photouploadBlock .photoBlockWrap .sliderBlock{
    float: left;
    min-height: 25px;
    padding: 15px 0 20px 0;
    width: 280px;
}
#updateBannerImageContainer .photouploadBlock .photoBlockWrap .sliderBlock .scale{
    background: url(http://www.gillmathias.com/wp-content/images/profile/iconScale.jpg) no-repeat;
    height: 24px;
    float: left;
    text-indent: -999em;
}
#updateBannerImageContainer .photouploadBlock .photoBlockWrap .sliderBlock .scale.scaleDown{
    width:20px;
}
#updateBannerImageContainer .photouploadBlock .photoBlockWrap .sliderBlock .scale.scaleUp{
    width:32px;
    background-position: -20px 0;
}
#updateBannerImageContainer .photouploadBlock .photoBlockWrap .sliderBlock .scale a{
    display: block;
    text-indent: -999em;
}
#updateBannerImageContainer.imageUploadPortrait  #bannerImageFormContainer,
#updateBannerImageContainer.imageUploadPortrait  #bannerImageFormContainer .formList,
#updateBannerImageContainer.imageUploadPortrait  #bannerImageFormContainer .formList .inputContainer{
    width:280px;
}
#updateBannerImageContainer.imageUploadPortrait  #bannerImageFormContainer .formList .txtInput {
    width:270px;
}
#updateBannerImageContainer.imageUploadPortrait  #bannerImageFormContainer .formList .destUrl{
    margin-top:10px;
    padding: 0;
    width:280px;
}
.slider{
    float: left;
    width: 210px;
    height: 15px;
    margin: 10px 9px 0 9px;
}
#zoomSlider{
    height:4px;
}
#zoomSlider .ui-slider-handle{
    background: url(http://www.gillmathias.com/wp-content/images/profile/sliderKnobe.png) no-repeat;
    border:0;
    height: 18px;
    width: 18px;
    top:-0.4em;
    outline: none;
    cursor: pointer;
}

/*============================================================================
    The responsive slides css( same copy used in the stream page also)
=============================================================================*/
.rslides {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
 }
.rslides li {
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
 }
.rslides li:first-child {
  display: block;
  float: left;
  position: relative;
 }
.rslides img {
  border: 0;
  display: block;
  float: left;
  height: auto;
  width: 100%;
 }
.imagePostBlock .large-btns_nav {
  position: absolute;
  z-index: 3;
  background: #000 url("http://www.gillmathias.com/wp-content/images/stream/slideControl.gif") no-repeat left 50%;
  bottom: 0;
  left: 0;
  opacity: 0.3;
  overflow: hidden;
  text-indent: -9999px;
  top: 0;
  width: 55px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
.imagePostBlock .large-btns_nav:active {
  opacity: 1.0;
 }
.imagePostBlock .large-btns_nav.next {
  background-position: right 50%;
  left: auto;
  right: 0;
 }
 .imagePostBlock .pager,
 .previewPostBlock .pager{
 	float: right;
 }
.imagePostBlock .rslides_nav,
.previewPostBlock .rslides_nav{
    background: url(http://www.gillmathias.com/wp-content/images/stream/slideNxtPrev.png);
    float: left;
    height: 17px;
    margin: 15px 0 0 10px;
    text-indent: -999em;
    width: 17px;
}
.imagePostBlock .rslides_nav.prev,
.previewPostBlock .rslides_nav.prev{
    background-position: 0 -17px;
}
.imagePostBlock .rslides_nav.prev:hover,
.previewPostBlock .rslides_nav.prev:hover{
    background-position: 0 0;
}
.imagePostBlock .rslides_nav.next,
.previewPostBlock .rslides_nav.next{
    background-position: -18px -17px;
}
.imagePostBlock .rslides_nav.next:hover,
.previewPostBlock .rslides_nav.next:hover{
    background-position: -18px 0;
}
.imagePostBlock .rslides li,
.previewPostBlock .rslides li{
    padding-bottom:0 !important;
    font-size: .85em !important;
}
.previewPostBlock .rslides li{
    left: 1px;
    width: 540px;
}
.previewPostBlock h3.title{
    float: left;
    margin: 0 0 5px 0;
    width:400px;
}
.previewPostBlock a.removeMedia{
    color: #d90808;
    float: right;
    margin-right: 2px;
}
.previewPostBlock a.removeMedia:hover{
    color: #4d4d4d;
}
.previewPostBlock .mediaPlay{
    background:url(http://www.gillmathias.com/wp-content/images/stream/playIcon.png);
    display: block;
    height: 100px;
    margin: -50px -50px 0 0;
    position: absolute;
    right: 50%;
    text-indent: -999em;
    top:50%;
    width:100px;
}
.previewPostBlock .audioPlayerBlock{
    border:1px solid #e6e6e6;
    clear: both;
    float: left;
    margin: 5px 0 0 0;
    padding: 20px;
    width: 497px;
}
.previewPostBlock .playAudio{
    background:url(http://www.gillmathias.com/wp-content/images/stream/playAudioIcon.jpg) no-repeat;
    float: left;
    height: 20px;
    margin-top: 6px;
    text-indent: -999em;
    width: 20px;
}
.previewPostBlock .audioDetailBlock{
    float: left;
    margin-left: 20px;
    width: 450px;
}

/*============================================================================
    The blog comment section
=============================================================================*/
.commentBlock{
    background: #e1e1e1;
    border:1px solid #c9c9c9;
}
#contentContainer .content .addCommentBlock{
    background: #e1e1e1;
    border-bottom: 1px solid #c9c9c9;
    font-size: .9em;
    overflow: hidden;
    padding: 15px 20px;
}
#contentContainer .content .addCommentBlock .profileImage {
    border: 1px solid #c9c9c9;
    float: left;
    margin: 0 20px 0 0;
    }
#contentContainer .commentArticle .commentWrapper{
    background:url(http://www.gillmathias.com/wp-content/images/stream/horizontalLine.jpg) repeat-x 100% 100%;
    background-color: #edeff4;
    color: #767575;
    overflow: hidden;
    position: relative;
}
#contentContainer .commentArticle .commentWrapper .commentDivider{
    background:url(http://www.gillmathias.com/wp-content/images/stream/horizontalLine.jpg) repeat-x 100% 100%;
    bottom: 0;
    display: block;
    height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
#contentContainer .commentArticle .commentWrapper.replyFirstDegree {
    background: url(http://www.gillmathias.com/wp-content/images/stream/replyIcon.png) no-repeat 25px 10px;
    padding-left: 35px;
}
#contentContainer .commentArticle .commentWrapper.replySecondDegree {
    background: url(http://www.gillmathias.com/wp-content/images/stream/replyIcon.png) no-repeat 60px 10px;
    padding-left: 70px;
}
#contentContainer .commentArticle .commentWrapper.replyThirdDegree {
    background: url(http://www.gillmathias.com/wp-content/images/stream/replyIcon.png) no-repeat 95px 10px;
    padding-left: 105px;
}
#contentContainer .content .commentArticle{
    font-size: 1em;
    position: relative;
}
#contentContainer .content .commentArticle .commentUser{
    float: left;
    margin:15px 0 0 20px;
}
#contentContainer .content .commentArticle .commentUser .profileImage{
    border: 1px solid #c9c9c9;
}
#contentContainer .content .commentArticle .commentBlock{
    background: none;
    border:none;
    font-size: .75em;
    padding: 15px 20px;
}
#contentContainer .content .commentArticle .commentBlock .comment{
    padding: 0 0 0 70px;
}
#contentContainer .content .commentArticle .commentBlock .comment .commentTxt{
    margin-bottom:10px;
    min-height: 25px;
}
/*#contentContainer .content .commentArticle .commentBlock .comment .commentText{
   color: #000;
}*/
#contentContainer .content .commentArticle .commentBlock .commentMeta{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#contentContainer .content .commentArticle .commentBlock .commentMeta li{
    background: url(http://www.gillmathias.com/wp-content/images/stream/likeIcon.png) no-repeat 0 -14px;
    float: left;
    padding: 0 0 0 12px;
}
#contentContainer .content .commentArticle .commentBlock .commentMeta li.badass{
    background: url(http://www.gillmathias.com/wp-content/images/stream/likeIcon.png) no-repeat 0 0;
    padding: 0 0 0 18px;
}
#contentContainer .content .commentArticle .commentBlock .commentMeta li.badass a{
    color: #767575;
    text-decoration: none;
}
#contentContainer .content .commentArticle .commentBlock .commentMeta li.badass a:hover{
    color: #2b2b2b;
}
#contentContainer .content .commentArticle .commentBlock .flagComment{
    display: none;
}
#contentContainer .content .commentArticle .commentBlock:hover .flagComment{
    background: url(http://www.gillmathias.com/wp-content/images/stream/icon_flag.png) no-repeat 4px 0;
    display: block;
    float: right;
    font-size: .85em;
    font-size: 1em !important;
    padding: 0 0 0 25px;
}
#contentContainer .content .commentArticle .commentBlock .postOwnerActions{
    background: url(http://www.gillmathias.com/wp-content/images/stream/dot.png) no-repeat 32px center;
    display: none;
    float:right;
    width: 80px;
}
#contentContainer .content .commentArticle .commentBlock:hover .postOwnerActions,
#contentContainer .content .commentArticle .commentBlock.hover .postOwnerActions{
    display: block;
}
#contentContainer .content .commentArticle .commentBlock .postOwnerActions .actions{
    color: #4182a6;
    float:right;
    padding: 0 6px 0 10px;
}
#contentContainer .content .commentArticle .commentBlock .postOwnerActions .actions.actionEdit{
    padding: 0 6px 0 0;
}
#contentContainer .content .commentArticle .commentBlock .postOwnerActions .actions:hover{
    color: #4d4d4d;
}
#contentContainer .content .addCommentBlock .txtareaInputContainer{
    font-size: 1em;
    overflow: hidden;
    position: relative;
}
#contentContainer .content .addCommentBlock .txtareaInputContainer .txtArea,
#contentContainer .content .replySameDegree .comment .txtareaInputContainer .txtArea,
#contentContainer .content .replyFirstDegree .comment .txtareaInputContainer .txtArea,
#contentContainer .content .replySecondDegree .comment .txtareaInputContainer .txtArea,
#contentContainer .content .replyThirdDegree .comment .txtareaInputContainer .txtArea{
    border:0;
    height: 16px;
    padding: 4px 5px 0 5px;
    resize:none;
}
#contentContainer .content .addCommentBlock label.error{
    font-size: .9em;
}
#contentContainer .content .addCommentBlock .txtareaInputContainer,
#contentContainer .content .addCommentBlock.commentreply .txtareaInputContainer,
#contentContainer .content .replySameDegree .comment .txtareaInputContainer{
    width: 460px;
}
#contentContainer .content .addCommentBlock .txtareaInputContainer .corners,
#contentContainer .content .addCommentBlock.commentreply .txtareaInputContainer .corners,
#contentContainer .content .replySameDegree .comment .txtareaInputContainer .corners{
    background:url(http://www.gillmathias.com/wp-content/images/stream/txtAreareply-topBtm.png);
    float: left;
    height: 5px;
    width:460px;
}
#contentContainer .content .addCommentBlock .txtareaInputContainer .corners.cornerTop,
#contentContainer .content .addCommentBlock.commentreply .txtareaInputContainer .corners.cornerTop,
#contentContainer .content .replySameDegree .comment .txtareaInputContainer .corners.cornerTop{
    background-position: 0 0;
}
#contentContainer .content .addCommentBlock .txtareaInputContainer .corners.cornerBtm,
#contentContainer .content .addCommentBlock.commentreply .txtareaInputContainer .corners.cornerBtm,
#contentContainer .content .replySameDegree .comment .txtareaInputContainer .corners.cornerBtm{
    background-position: 0 -5px;
}
#contentContainer .content .addCommentBlock .txtareaInputContainer .txtArea,
#contentContainer .content .addCommentBlock.commentreply .txtareaInputContainer .txtArea,
#contentContainer .content .replySameDegree .comment .txtareaInputContainer .txtArea{
    background: url(http://www.gillmathias.com/wp-content/images/stream/txtArea-reply-mid.png) repeat-y;
    width:450px;
    float:left;
}

#contentContainer .content .addCommentBlock.commentLevelOne{
    padding-left: 55px;
}
#contentContainer .content .addCommentBlock.commentLevelOne .txtareaInputContainer,
#contentContainer .content .replyFirstDegree .comment .txtareaInputContainer{
    width: 425px;
}
#contentContainer .content .addCommentBlock.commentLevelOne .txtareaInputContainer .corners,
#contentContainer .content .replyFirstDegree .comment .txtareaInputContainer .corners{
    background:url(http://www.gillmathias.com/wp-content/images/stream/txtAreareply-level1-topBtm.png) no-repeat;
    float: left;
    height: 5px;
    width:425px;
}
#contentContainer .content .addCommentBlock.commentLevelOne .txtareaInputContainer .corners.cornerTop,
#contentContainer .content .replyFirstDegree .comment .txtareaInputContainer .corners.cornerTop{
    background-position: 0 0;
}
#contentContainer .content .addCommentBlock.commentLevelOne .txtareaInputContainer .corners.cornerBtm,
#contentContainer .content .replyFirstDegree .comment .txtareaInputContainer .corners.cornerBtm{
    background-position: 0 -6px;
}
#contentContainer .content .addCommentBlock.commentLevelOne .txtareaInputContainer .txtArea,
#contentContainer .content .replyFirstDegree .comment .txtareaInputContainer .txtArea{
    background: url(http://www.gillmathias.com/wp-content/images/stream/txtArea-reply-level-1-mid.png) repeat-y;
    width:415px;
}
#contentContainer .content .addCommentBlock.commentLevelTwo{
    padding-left: 90px;
}
#contentContainer .content .addCommentBlock.commentLevelTwo .txtareaInputContainer,
#contentContainer .content .replySecondDegree .comment .txtareaInputContainer{
    width: 390px;
}
#contentContainer .content .addCommentBlock.commentLevelTwo .txtareaInputContainer .corners,
#contentContainer .content .replySecondDegree .comment .txtareaInputContainer .corners{
    background:url(http://www.gillmathias.com/wp-content/images/stream/txtAreareply-level2-topBtm.png) no-repeat;
    float: left;
    height: 5px;
    width:390px;
}
#contentContainer .content .addCommentBlock.commentLevelTwo .txtareaInputContainer .corners.cornerTop,
#contentContainer .content .replySecondDegree .comment .txtareaInputContainer .corners.cornerTop{
    background-position: 0 0;
}
#contentContainer .content .addCommentBlock.commentLevelTwo .txtareaInputContainer .corners.cornerBtm,
#contentContainer .content .replySecondDegree .comment .txtareaInputContainer .corners.cornerBtm{
    background-position: 0 -6px;
}
#contentContainer .content .addCommentBlock.commentLevelTwo .txtareaInputContainer .txtArea,
#contentContainer .content .replySecondDegree .comment .txtareaInputContainer .txtArea{
    background: url(http://www.gillmathias.com/wp-content/images/stream/txtArea-reply-level-2-mid.png) repeat-y;
    width:380px;
}
#contentContainer .content .addCommentBlock.commentLevelThree{
    padding-left: 125px;
}
#contentContainer .content .addCommentBlock.commentLevelThree .txtareaInputContainer,
#contentContainer .content .replyThirdDegree .comment .txtareaInputContainer{
    width: 355px;
}
#contentContainer .content .addCommentBlock.commentLevelThree .txtareaInputContainer .corners,
#contentContainer .content .replyThirdDegree .comment .txtareaInputContainer .corners{
    background:url(http://www.gillmathias.com/wp-content/images/stream/txtAreareply-level3-topBtm.png) no-repeat;
    float: left;
    height: 5px;
    width:355px;
}
#contentContainer .content .addCommentBlock.commentLevelThree .txtareaInputContainer .corners.cornerTop,
#contentContainer .content .replyThirdDegree .comment .txtareaInputContainer .corners.cornerTop{
    background-position: 0 0;
}
#contentContainer .content .addCommentBlock.commentLevelThree .txtareaInputContainer .corners.cornerBtm,
#contentContainer .content .replyThirdDegree .comment .txtareaInputContainer .corners.cornerBtm{
    background-position: 0 -6px;
}
#contentContainer .content .addCommentBlock.commentLevelThree .txtareaInputContainer .txtArea,
#contentContainer .content .replyThirdDegree .comment .txtareaInputContainer .txtArea{
    background: url(http://www.gillmathias.com/wp-content/images/stream/txtArea-reply-level-3-mid.png) repeat-y;
    width:345px;
}
.badassCounter{
    background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/likeCount.png);
    float: left;
    font-size: .9em;
    height:60px;
    margin:2px 5px 0 0;
    width: 51px;
}
.LikesCounter{
    background: url(../imgs/likesCount.png);
}
.badassCounter .count{
    display: block;
    padding-top: 7px;
    text-align: center;
}
.badassCounter .badassPost{
    display: block;
    height:20px;
    margin-top:13px;
    text-indent: -999em;
}
.customDropper,
.tickerCustomDropper{
    background: url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/editSwitch.png) no-repeat 0 0;
    cursor: pointer;
    height: 20px;
    left: -39px;
    position: absolute;
    top: 0;
    width: 21px;
}
.customDropper.active,
.tickerCustomDropper.active{
  background-position: 0 -20px;
}
.postInfo a{
    text-decoration: none;
}
.postBody .postActionBlockRgt{
    height: 102px;
    position: absolute;
    right: -50px;
    top: 0px;
    width: 50px;
}

.postBody .postActionBlockLft{
    height: 102px;
    position: absolute;
    left: -51px;
    top: 0px;
    width: 50px;
}

.postBody .postActionBlockLft a, .postBody .postActionBlockRgt a{
    display: block;
    width: 50px;
    height: 50px;
}

.postBody .badassBadge{
    background: #c9c9c9 url(http://www.gillmathias.com/wp-content/themes/green-machine/imgs/theme/6/likeBadge.png) no-repeat 3px -4px;
    margin-top: 2px;
}

.postBody .reblogBadge{
    background: url("http://www.gillmathias.com/wp-content/images/stream/reblogNlike.png") no-repeat scroll 0 0 #C9C9C9;
}
a.reblogBadge{text-decoration: none;}

/* cssFix footer fix*/
.footer .footerContents nav ul .menu-item {
  margin: 0;

}
.footer .footerContents nav ul .menu-item:last-child {
  padding-right: 0px;

}
@media all and (max-width: 1024px) {
    #header .header h1.logo a {
        height: auto;
    }
    .clearfix #header .header h1.logo {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    .clearfix #header .header h1.logo a > span {
        padding: 15px 0 15px 5px;
        display: inline-block;
    }
    .clearfix #header .header h1.logo a img {
        padding: 0px 60px;
        box-sizing: border-box;
    }
    .logo > a > span {
        float: none;
    }
    #header .header,
    .clearfix #header .header h1.logo {
        display: inline-block;
    }
    #header .header h1.logo a {
        width: auto;
        float: none;
    }
    #header .header h1.logo a > span {
        line-height: 34px;
    }
}
/* image alignmnents cssFix */
img.aligncenter {
  margin: 0 auto;
  display: block;
}
img.alignleft {
  float: left;
  margin-right: 10px;
}
img.alignright {
  float: right;
  margin-left: 10px;
}
/*Navigation - Sub navigation css */
@media all and (min-width: 600px) {
    .publicBlog .blogHeader nav {
        text-align: center;
    }
    .publicBlog .blogHeader nav ul ul {
        display: none;
    }
    .publicBlog .blogHeader nav ul li:hover > ul {
        display: block !important;
    }
    .publicBlog .blogHeader nav ul {
        list-style: none;
        position: relative;
        /*display: inline-table;*/
    }
    .publicBlog .blogHeader nav ul:after {
        content: ""; clear: both; display: block;
    }
    .publicBlog .blogHeader nav ul li {
        float: left;
    }
    .publicBlog .blogHeader nav ul li li{
        clear: left;
    }
    .publicBlog .blogHeader nav ul li:hover {

    }
    .publicBlog .blogHeader nav ul li:hover a {
        color: #fff;
    }
    .publicBlog .blogHeader nav ul li a {
        display: block;
        text-decoration: none;
        white-space: nowrap;
    }
    .publicBlog .blogHeader nav ul ul {
        padding: 0;
        position: absolute;
    }
    .publicBlog .blogHeader nav ul ul li {
        float: none;
    }
    .publicBlog .blogHeader nav ul ul li a {

    }
    .publicBlog .blogHeader nav ul ul li a:hover {

    }
    .publicBlog .blogHeader ul.blogNav li ul ul.blogSubnav {
        position: absolute;
        left: 100%;
        margin-top: -43px;
        top: auto;
        display: none;
    }
    .publicBlog .blogHeader ul.blogNav li ul li.menu-item-has-children:hover > ul.blogSubnav {
        display: block;
    }
    .publicBlog .blogHeader ul.blogNav li.menu-item-has-children > a:after {
        color: rgba(255,255,255,0.6);
   		content: ' ▾';
   		margin-left: 10px;
    }
}

/**************
* View site in full/mobile
**************/
.viewfull {
    text-align: center;
}
.viewasfull {
    visibility: hidden;
}
@media screen and (max-width: 980px)
{
    .viewasfull {
        visibility: visible;
        background-color: #FD4629;
        border : none;
        border-radius: 4px;
        padding: 5px 10px;
        color: #fff;
    }
}
/* responsivene fixes - cssFix */
#header .header {
    /*padding-top: 17px;*/
}
.viewasfull {
    display: none;
    margin: 0 auto;
    margin-bottom: 20px;
}
.footer .footerContents nav ul {
    margin-bottom: 20px;
}
@media all and (max-width: 1024px) {
    .clearfix #header .header h1.logo {
        min-height: 68px;
    }

    .publicBlog .blogHeader .blogBanner .progileImg a img {
        max-width: 100%;
        height: auto;
    }

    .publicBlog .blogHeader .blogBanner .progileImg {
        height: auto;
    }

    .footer .footerContents nav ul {
        width: 100%;
        float: left;
        display: block;
        text-align: center;
    }

    .footer .footerContents nav ul .menu-item {
        white-space: nowrap;
        float: none;
    }
}
@media all and (max-width: 980px) {

}
@media all and (max-width: 768px) {
    .publicBlog .blogHeader .blogBanner .progileImg {
        height: 100px;
        width: 100px;
    }
    #header {
        height: auto;
    }
    .logo > a > img {
        /*margin-left: 50px;*/
    }
    .blogPostHead .width20 {
        display: none;
    }
    .viewasfull {
        display: block;
    }
}
@media all and (max-width: 480px) {
    #header .header h1.logo a {
        margin-left: 0px;
    }
    .logo > a > img {
        max-width: 100%;
    }
    .footer .footerContents nav ul {
        display: inline-block;
    }
    .footer .footerContents nav ul .menu-item {
        width: 100%;
        float: left;
        padding: 0;
        border-top: 1px solid rgba(255,255,255,0.2);
    }
    .footer .footerContents nav ul .menu-item:first-child {
        border-top: 1px solid transparent;
    }
    .footer .footerContents nav ul .menu-item a {
        padding: 20px;
        display: block;
    }
    .footer .footerContents .footerNav ul li + li::before {
        display: none;
    }
    img.alignleft, img.alignright, img.aligncenter {
      float: none;
      display: block;
      margin: 20px auto;
    }
}
/* cssfix - header stuff */
#header .header {width: 100%;}
@media all and (max-width: 1024px) {
    #header .header h1.logo a {
        height: auto;
    }
    .clearfix #header .header h1.logo {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    .clearfix #header .header h1.logo a > span {
        padding: 20px 0 20px 5px;
        display: inline-block;
    }
    .clearfix #header .header h1.logo a img {
        padding: 0px 60px;
        box-sizing: border-box;
    }
    .logo > a > span {
        float: none;
    }
    #header .header,
    .clearfix #header .header h1.logo {
        display: inline-block;
    }
    #header .header h1.logo a {
        width: auto;
        float: none;
    }
    #header .header h1.logo a > span {
        line-height: 34px;
    }
}
#header .header {width: 100%;}
@media all and (max-width: 480px) {
    .clearfix #header .header > h1.logo a {
     	font-size: 16px !important;
    }
}