/* 
    Document   : style_mobile
    Created on : 14-12-2012, 15:01:38
    Author     : ngoalongkt
    Description:
        Purpose of the stylesheet follows.
*/


@media only screen and (max-width: 1000px){
    #memberitem{
        width: 100%;
    }

    div#item-header div#item-header-content {
        float: left;
        margin-left: 30px;
        width: 500px;
    }

    div.activity_member {
        float: left;
        margin-bottom: 0;
        width: 100%;
    }

    div.m_login_inner .remember_me,div.m_login_inner span{
        float: left;
        margin-top: 10px;
    }

    .remember_me{
        clear: both;
    }

    .m_header_content .m_login .m_login_inner input[type="text"], .m_header_content .m_login .m_login_inner input[type="password"] {
        background: none repeat scroll 0 0 #EDE8D3;
        border: 1px solid #EDE8D3;
        clear: both;
        display: inline-block;
        float: left;
        height: 35px;
        padding: 0 0 0 5px;
        width: 210px;
        margin-top: 10px;
    }

    .m_header_content .m_login .m_login_inner input[type="submit"]{
        clear: both;
        float: left;
    }

    .main_content .what_new .new_txt{
        width: 100%
    }


    div#item-header-group div#item-header-content {
        float: left;
        margin-left: 35px;
        text-align: justify;
        width: 90%;
    }

    div#subnav.item-list-tabs{
        width: 100%
    }


    #group_list div#subnav.item-list-tabs ul li.last {
        float: left;
        padding: 22px 0;
    }

    div.activity_member ul {
        width: 100%;
    }

    div#subnav.item-list-tabs{
        border-bottom: 1px solid #DAD4BA;
    }
}

@media only screen and (max-width: 1000px) and  (min-width: 768px){
    body{
        background-color: white!important;
        background: #fff;
        background-image: none;
        margin: 0 auto;
        font-family: 'PTSansRegular';
        color: #222;
        font-size: 16px;
        width: 100%;
        min-width: 0;
        max-width: none;
        background-position: none;
        line-height: none;

    }


    #main,#group,.header_content {
        width: 100%;
    }

    .width_default{
        width: 100%; margin: 0px auto;border-bottom: 1px solid #DAD6BB;
    }
    .m_header_content_inner {
        margin: 0 auto;
        width: 100%;
    }

    .m_content ul li .m_content_inner{
        width: 100%;
        margin: 0 auto;
    }

    #cya_content .header_content_warp{padding: 56px 0 0 0;width: 100%;margin: 0 auto;}

    .main_content ul{list-style-type: none;padding: 0;margin: 0 auto;width: 100%;}

    #menu, #main,#member, div#content{
        width: 100%;
        margin: 0 auto;
    }
    #cya_footer .footer_inner{
        width: 100%;
        margin: 0 auto;
    }

    .slides{
        width: 100%;
        margin: 0 auto;
    }

    .m_header_content .m_login {
        background: none repeat scroll 0 0 white;
        min-height: 60px;
        margin: 30px auto 0;
        width: 100%;
        float: left;
        height: auto;
        clear: both;
    }

    .m_header_content .banner .wellcome {
        float: right;
        width: 550px;
    }


    .m_header_content {
        background: none repeat scroll 0 0 #F3F0E2;
        max-height: none;
        min-height: 415px;
        overflow: hidden;
        position: relative;
    }

    #cya_content .content_header .search{
        margin-left: 20px;
        float: left;
    }


    .activity-type-tabs select {
        float: left;
        list-style-type: none;
        margin: 7px 0 7px 20px;
    }

    #mobileMenu_menu-site-menu {
        margin-top: 10px;
    }

    .activity-type-tabs {
        float: left;
    }

    .main_content .post .post_detail{
        width: 600px;
    }


    .main_content .post .post_action {
        clear: both;
        float: left;
        margin-left: 0;
        margin-top: 20px;
    }

    div#subnav.item-list-tabs {
        background: none repeat scroll 0 0 transparent;
        border-bottom: 0 none;
        float: left;
        margin: 20px 0;
    }


    #banner {
        background-color: #F3EFE3;
        border-bottom: 1px solid #DAD6BB;
        height: auto;
    }
    #memberitem.flr{
        float: left;
    }

    #item-header #item-buttons {
        float: left;
        margin-top: 0;
    }

    header-content {
        float: left;
        margin-left: 30px;
        width: 500px;
    }

    div.header_user{
        width: 100%
    }



    div#subnav.item-list-tabs {
        background: none repeat scroll 0 0 transparent;
        border-bottom: none;
        float: left;
        margin: 10px;
        width: auto;
    }

    #memberlist {
        clear: both;
        float: left;
        margin-left: 0;
        margin-top: 11px;
    }


    .m_header_content .banner .wellcome {
        float: right;
        margin: 0 auto;
        width: 90%;
    }

    div.standard-form {
        float: left;
        width: 100%;
    }



}
@media only screen and (max-width: 767px) and  (min-width: 500px){
    body{
        background-color: white!important;
        background: #fff;
        background-image: none;
        margin: 0 auto;
        font-family: 'PTSansRegular';
        color: #222;
        font-size: 16px;
        width: 100%;
        min-width: 0;
        max-width: none;
        background-position: none;
        line-height: none;

    }



    #main,#group,.header_content {
        width: 100%;
    }

    .width_default{
        width: 100%; margin: 0px auto;border-bottom: 1px solid #DAD6BB;
    }
    .m_header_content_inner {
        margin: 0 auto;
        width: 100%;
    }

    .m_content ul li .m_content_inner{
        width: 100%;
        margin: 0 auto;
    }

    #cya_content .header_content_warp{padding: 56px 0 0 0;width: 100%;margin: 0 auto;}

    .main_content ul{list-style-type: none;padding: 0;margin: 0 auto;width: 100%;}

    #menu, #main,#member, div#content{
        width: 100%;
        margin: 0 auto;
    }
    #cya_footer .footer_inner{
        width: 100%;
        margin: 0 auto;
    }

    .slides{
        width: 100%;
        margin: 0 auto;
    }

    div.header_nav .avatar{display: none;}
    #mobileMenu_menu-site-menu{margin-top: 10px;}
    .activity-type-tabs{
        float: left;
    }
    #cya_content .content_header{
        min-height: 147px;
        height: auto;
        overflow: hidden;
    }
    .activity-type-tabs select{
        float: left;
        list-style-type: none;
        margin: 7px 0;
        margin-left: 20px;
    }


    #cya_content .content_header .search {
        float: left;
        margin-left: 20px;
    }

    div.activity-comments{
        padding: 0 0 0 50px;
    }

    .main_content .post .post_detail {
        margin-left: 30px;
        text-align: justify;
        width: 250px;
    }


    .main_content .post .post_action {
        clear: both;
        float: left;
        margin-left: 0;
        margin-top: 20px;
    }


    #groupinfo {
        clear: both;
    }

    #groupjoin {
        display: inline-block;
        float: left;
        font-size: 14px;
        width: 100px;
    }
    .flr{
        float: left;
    }

    .m_header_content .banner .wellcome {
        float: right;
        margin: 0 auto;
        width: 90%;
    }

    .m_header_content {
        background: none repeat scroll 0 0 #F3F0E2;
        min-height: 415px;
        max-height: none;
        overflow: hidden;
        position: relative;
    }

    /*change css */
    .m_content .post {
        float: left; 
        margin-left: 10%;
        margin-right: 0;
        margin-top: 55px;
        text-align: left; 
    }

    .m_header_content .m_login {
        background: none repeat scroll 0 0 white;
        min-height: 60px;
        margin: 30px auto 0;
        width: 100%;
        float: left;
        height: auto;
        clear: both;
    }
    div#subnav.item-list-tabs {
        background: none repeat scroll 0 0 transparent;
        border-bottom: 0 none;
        float: left;
        margin: 20px 0;
    }

    div.dir-search {
        float: left;
        margin: 20px 0 0 0;
    }


    #banner {
        background-color: #F3EFE3;
        border-bottom: 1px solid #DAD6BB;
        height: auto;
    }

    #membersearch, #group-dir-search {
        margin-left: 0;
    }

    #item-header #item-buttons {
        float: left;
        margin-top: 0;
    }

    header-content {
        float: left;
        margin-left: 10px;
        width: 100%;
    }

    #item-header-avatar {
        display: none;
    }

    div#subnav.item-list-tabs {
        background: none repeat scroll 0 0 transparent;
        border-bottom: 0 none;
        float: left;
        margin: 0;
    }

    #memberlist {
        clear: both;
        float: left;
        margin-left: 0;
        margin-top: 11px;
    }

    #membersearch, #group-dir-search {
        clear: both;
        float: left;
        margin-left: 0;
    }


    div#subnav.item-list-tabs {
        background: none repeat scroll 0 0 transparent;
        border-bottom: 0;
        clear: both;
        float: left;
        width: auto;
        margin: 10px 0;
    }

    #groupinfo {
        clear: both;
        width: 100%;
    }

    div.post-content {
        float: left;
        width: 100%;
    }

    div.standard-form {
        float: left;
        width: 100%;
    }



    div.m_login_inner .remember_me,div.m_login_inner span{
        float: left;
        margin-top: 10px;
    }
    div.m_login_inner input[type=text],div.m_login_inner input[type=password],div.m_login_inner input[type=submit]{
        float: left;
        margin-top: 10px;
    }


    .main_content .post .post_detail {
        margin-left: 0;
        text-align: justify;
        width: 100%;
    } 
    /*add more css*/
    ul.slides .wp-post-image {
        margin: 0 27px;
        width: 90%;
    }
    .m_header_content {
        padding-bottom: 20px;
    }
}


@media only screen  and  (max-width: 500px){
    body{
        background-color: white!important;
        background: #fff;
        background-image: none;
        margin: 0 auto;
        font-family: 'PTSansRegular';
        color: #222;
        font-size: 16px;
        width: 100%;
        min-width: 0;
        max-width: none;
        background-position: none;
        line-height: none;

    }

.sitename{padding-left:0;}


    #main,#group,.header_content {
        width: 100%;
    }

    .width_default{
        width: 100%; margin: 0px auto;border-bottom: 1px solid #DAD6BB;
    }
    .m_header_content_inner {
        margin: 0 auto;
        width: 100%;
    }

    .m_content ul li .m_content_inner{
        width: 100%;
        margin: 0 auto;
    }

    #cya_content .header_content_warp{padding: 56px 0 0 0;width: 100%;margin: 0 auto;}

    .main_content ul{list-style-type: none;padding: 0;margin: 0 auto;width: 100%;}

    #menu, #main,#member, div#content{
        width: 100%;
        margin: 0 auto;
    }
    #cya_footer .footer_inner{
        width: 100%;
        margin: 0 auto;
    }

    .slides{
        width: 100%;
        margin: 0 auto;
    }

    div.header_nav .avatar{display: none;}
    #mobileMenu_menu-site-menu{margin-top: 10px;}
    .activity-type-tabs{
        float: left;
    }
    #cya_content .content_header{
        min-height: 147px;
        height: auto;
        overflow: hidden;
    }
    .activity-type-tabs select{
        float: left;
        list-style-type: none;
        margin: 7px 0;
        margin-left: 20px;
    }


    #cya_content .content_header .search {
        float: left;
        margin-left: 20px;
    }

    div.activity-comments{
        padding: 0 0 0 50px;
    }

    .main_content .post .post_detail {
        margin-left: 30px;
        text-align: justify;
        width: 250px;
    }


    .main_content .post .post_action {
        clear: both;
        float: left;
        margin-left: 0;
        margin-top: 20px;
    }


    #groupinfo {
        clear: both;
    }

    #groupjoin {
        display: inline-block;
        float: left;
        font-size: 14px;
        width: 100px;
    }
    .flr{
        float: left;
    }

    .m_header_content .banner .wellcome {
        float: right;
        margin: 0 auto;
        width: 90%;
    }

    .m_header_content {
        background: none repeat scroll 0 0 #F3F0E2;
        min-height: 415px;
        max-height: none;
        overflow: hidden;
        position: relative;
    }
    /*change css */
    .m_content .post {
        float: left; 
        margin-left: 10%;
        margin-right: 0;
        margin-top: 55px;
        text-align: left; 
    }

    .m_header_content .m_login {
        background: none repeat scroll 0 0 white;
        min-height: 60px;
        margin: 30px auto 0;
        width: 100%;
        float: left;
        height: auto;
        clear: both;
    }
    div#subnav.item-list-tabs {
        background: none repeat scroll 0 0 transparent;
        border-bottom: 0 none;
        float: left;
        margin: 20px 0;
    }

    div.dir-search {
        float: left;
        margin: 20px 0 0 0;
    }


    #banner {
        background-color: #F3EFE3;
        border-bottom: 1px solid #DAD6BB;
        height: auto;
    }

    #membersearch, #group-dir-search {
        margin-left: 0;
    }

    #item-header #item-buttons {
        float: left;
        margin-top: 0;
    }

    header-content {
        float: left;
        margin-left: 10px;
        width: 100%;
    }

    #item-header-avatar {
        display: none;
    }

    div#subnav.item-list-tabs {
        background: none repeat scroll 0 0 transparent;
        border-bottom: 0 none;
        float: left;
        margin: 0;
    }

    #memberlist {
        clear: both;
        float: left;
        margin-left: 0;
        margin-top: 11px;
    }

    #membersearch, #group-dir-search {
        clear: both;
        float: left;
        margin-left: 0;
    }


    div#subnav.item-list-tabs {
        background: none repeat scroll 0 0 transparent;
        border-bottom: 1px solid #DAD4BA;
        clear: both;
        float: left;
        margin: 10px 0;
    }


    div.item-list-tabs ul li.last select {
        display: block;
        margin: 10px 8px;
    }



    #groupinfo {
        clear: both;
        width: 100%;
    }

    div.m_login_inner .remember_me,div.m_login_inner span{
        float: left;
        margin-top: 10px;
    }
    div.m_login_inner input[type=text],div.m_login_inner input[type=password],div.m_login_inner input[type=submit]{
        float: left;
        margin-top: 10px;
    }

    div.standard-form {
        float: left;
        width: 100%;
    }

    #memberitem #memberavata{
        display: none;
    }

    .main_content .post .post_detail {
        margin-left: 0;
        text-align: justify;
        width: 100%;
    }

    ul#blogs-list .item{
        display: inline-block;
    }


    ul.item-list li div.action {
        padding-left: 0;
    }

    /*add more css*/
    ul.slides .wp-post-image {
        margin: 0 27px;
        width: 90%;
    }
    .m_header_content {
        padding-bottom: 20px;
    }
}