/*
    Default Profile styles: Company & Member
*/

/* #profile.header .header_wrap{height:281px;} */ /* gm v 3.1 */

#profile.noheader .header_wrap{
  /*height:145px*/
  height: 45px; 
}
#profile header{
    /* height: 280px; */ /* gm v3.1 */
    max-height:280px;
    overflow: hidden;
    margin-bottom:-1px;
    padding: 0;
}
#profile header div.min {
  /*min-height:170px;*/  
}
#profile header div.min.boxcenter {
  display: block !important;
  background: transparent !important;
}

/*			#profile header img{float:left;} 	*/ /* gm v3.1 */
#profile header img {display:block;margin:0 auto; max-width: 100%}

#profile section.main{
    /*float: right;*/ 
    position: relative;
    width: 100%;
    max-width: 640px;
    min-height: 200px;
    /*@testingbackground: rgba(0, 0, 132, 0.1)*/
}

#profile section.side{
    float: left;
    min-height: 210px;
}

#profile section.side h3{color:#777; font-size: 19px;}
#profile section.side h3.name{color:#5a5a5a; font-size: 20px; font-weight:600;}
#profile section.side h5 { font-weight: 600; font-size: 13px; margin-bottom: 10px; }
#profile section.side h5 span{color:#606060; font-weight: 600;}

#profile section h4{color: #767676; font-size: 1em; margin-bottom: 1px; font-weight: 600; line-height: 1.4;}
#profile section h4 a{font-size: 1.077em; font-weight: 600;}
#profile section h4 a.coy_anchor {font-size: 1.017em; text-decoration: underline;}
#profile section h4 a.coy_anchor:hover {text-decoration: none;}

#profile section.side p {
    /* color: #767676; */
    color: #666;	/* gm v3.1 */
    padding:0; margin:0;}
/* .about p a {color:#777;} */
.about p a {color:#666;} /* gm v3.1 */

.gen div{
    padding: 0 20px;
}

a.message  span{position: absolute; right: 10px; top: 10px;}
a.follow span{margin-left: 10px;}

/* profile projects */
#profile section.main{padding: 0; padding: 0 10px;}

#profile .portfolio_projects{height: auto;}
/*#profile .portfolio_projects:only-child{width:100%; max-height: 300px;}*/

#profile .portfolio_projects img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

#profile .portfolio_projects .proj_info{opacity: 0;}
#profile .portfolio_projects .thumbnails{display: none;}
#profile .portfolio_projects .proj_info h2, #profile .portfolio_projects .proj_info p{cursor: pointer; color: #FFF;}
#profile .portfolio_projects:hover .proj_info{opacity: 1;}
#profile .portfolio_projects > a {
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#profile .portfolio_projects .tab_full {
    display: table;
    width: 100%;
    height: 100%;
}
#profile .portfolio_projects .tab_mid {
    display: table-cell;
    vertical-align: middle;
}

/* odd no. of projects */
#profile .portfolio_projects.expand_first{
    width: 100%;
}
#profile .portfolio_projects.expand_first img:first-child{width:100%; height: auto; margin-top: -30%;}
.portfolio_projects.expand_first h2, .portfolio_projects.expand_first p{
    width: 50%;
}

.portfolio_projects.expand_first .thumbnails{
    position: absolute;
    top: 10px; right: 10px;
    width: 300px;
}

.portfolio_projects.expand_first .thumbnails .portimg{
    margin:0 0 10px 10px;
    float: right;
}

.portfolio_projects.expand_first .thumbnails h6{display:none;}

/*profile main stats*/
.prof_stats{
    position: absolute;
    margin-top: -113px;
    right: 0;
    padding-left: 15px;
    /*border-left: 1px solid #F3F3F3;*/
    border-top: 1px solid rgba(238,233,233,0.3);
    background: #fff;
    font-size: 13px;
}

.prof_stats:before{
    content: " ";
    width: 11px; height: 81px;
    background: transparent url(/img/v3/ltop_shadow.png) no-repeat top left;
    float: left;
    margin-left: -26px;
}

.prof_stats span{
    text-align: right;
    float: right;
    display: inline-block;
    font-size: 15px;
}


/* .prof_stats li{width: 215px; padding: 10px 20px 9px 35px; font-weight: 600; color:#757575;} */

.prof_stats li{width: 215px; padding: 5px 20px 5px 35px; color:#757575;}
/* .prof_stats li+li{border-top: 1px solid #f3f3f3;} */ /* gm v3.1 */
.prof_stats li.sprite:before {
    content:" ";

	background: transparent url(/img/v3/icons/icons-small.png) no-repeat;
    position: absolute;
    left:20px;
    width:20px;
    height:20px;

}
.prof_stats li.title h5{ margin: 0;}
.prof_stats li.title {padding-left: 10px;}
.prof_stats li.con {background: transparent url(/img/v3/icons/icons-small.png) no-repeat 5px -162px}

.prof_stats li.view{background: transparent url(/img/v3/icons/icons-small.png) no-repeat 5px -386px}

.prof_stats li.connections:before {background-position: 0px -142px}

.prof_stats li.comment:before {background: transparent url(/img/v3/icons/icons-small.png) no-repeat -1px -553px; }
/*.prof_stats li.comment:hover:before {background-position: -36px -192px;  height:16px;}*/

.prof_stats li.like{background: transparent url(/img/v3/icons/icons-small.png) no-repeat 5px -450px}
.prof_stats li.pool{background: transparent url(/img/v3/icons/icons-small.png) no-repeat 5px -523px}

/*.prof_stats li:hover{color: #3d3d3d;}*/

@media
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (   min--moz-device-pixel-ratio: 2),
    only screen and (     -o-min-device-pixel-ratio: 2/1),
    only screen and (        min-device-pixel-ratio: 2),
    only screen and (                min-resolution: 192dpi),
    only screen and (                min-resolution: 2dppx) {

	.prof_stats li.sprite:before {background: transparent url(/img/v3/icons/icons-big.png) no-repeat;background-size: 100%; }
	.prof_stats li.con {background: transparent url(/img/v3/icons/icons-big.png) no-repeat 7px -155px; background-size: 22px;}
	.prof_stats li.connections:before {background-position: 2px -123px;}
	.prof_stats li.view{background: transparent url(/img/v3/icons/icons-big.png) no-repeat 7px -367px; background-size: 22px;}
	.prof_stats li.like{background: transparent url(/img/v3/icons/icons-big.png) no-repeat 7px -429px; background-size: 22px;}
	
	.prof_stats li.comment:before {background: transparent url(/img/v3/icons/icons-big.png) no-repeat 1px -524px;background-size: 22px; }
	.prof_stats li.pool{background: transparent url(/img/v3/icons/icons-big.png) no-repeat 6px -496px;background-size: 22px;}
}

/* Profile Project view */
#profile .projectItem_list div{padding-top: 0;}

#profile .projectItem_list h2, #profile .projectItem_list p{display: none;}

/* project tags */
.proj_tags.floatfixLJS{
    clear: both;
}

.proj_tags.floatfixLJS li,
.proj_tags.floatfixLJS ul{
    list-style-type: none;
}
.proj_tags.floatfixLJS a{
    text-decoration: none;
    padding-left: 10px;
    color: rgb(68, 68, 68);
    font-weight: normal;
}

.proj_tags{}

.proj_tags ul{
    margin-left: 10px;
}

.proj_tags li{
    float: left;
    border: 1px solid #c3c3c3; border-radius: 0 3px 3px 0;
    border-left: 0;
    margin:0 18px 7px 0; padding: 2px 6px 2px 0;
    position: relative;
    font-size: 12px;
    z-index: 11;
}

.proj_tags li:after{
    content: "";
    width: 5px;
    height: 5px;
    border-left: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    float: left;

    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    padding: 5px;
    margin-left: -8px;
    position: relative; z-index: -1;
}

.proj_tags li:hover, .proj_tags li:hover:after{background: #ebedf0;}

.proj_tags li a{z-index: 12; padding-left: 1px; margin-left: -7px;}
.proj_tags li a:hover{text-decoration: none;}

.proj_tags li span{z-index: 12; padding-left: 1px; margin-left: -7px;}
/* end projects */

/* Sidebar details */
section.side .details_wrap div:first-child{
    padding-top: 0;
}

/* member status pro/availible */
.name .status{
    font-weight: 600; font-size: 11px;
    background: #6dc9b3;
    border: 1px solid #65b5a3; border-radius: 2px;
    display: inline-block;
    padding: 0px 5px; margin-right: 5px;
    color: #fff;
    vertical-align: middle;
    line-height: 1.2;
}

.name .status.unavailable{background: #ccc; border-color: #bbb;}

/* download cv button */
.cv_dl a{
    background: transparent url(/img/v3/icons/cv.png) no-repeat 0px center;
    display: inline-block;
    padding: 16px 10px 16px 30px;
    width: 260px;
}

.cv_dl a:hover span.dl_btn {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f5f5), to(#fefefe));
    background: -moz-linear-gradient(top, #f6f5f5, #fefefe);
}

.cv_dl a .name{
    font-size: 14px;
    color: #777;
    font-weight: 400;
    width: 135px;
    display: inline-block;
    text-align: center;
}
.cv_dl a span.dl_btn{
    padding: 2px 10px;
    border: 1px solid #dbdbdb; border-radius: 3px;
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f6f5f5));
    background: -moz-linear-gradient(top, #fefefe, #f6f5f5);
}

section.side .details_wrap div, #mobile_clone_madeit .show_on_mobile div { padding:15px 10px 15px 20px; }
section.side .details_wrap div.clearfix._none { padding:7px; }

section.side .details_wrap div.proj_tags.clearfix{ float: left; }

section.side .details_wrap div.cv_dl{padding-top: 0;}

.user_info p{
    /*font-size: 16px; line-height: 24px;*/
}

.user_info p a{
    font-weight: 600; font-size: 12px; font-family: arial;
}

/* I made this */
section.side .details_wrap .md_this_wrap{
    background: #fefefe;
    margin:20px; padding-left: 10px;
    border-radius: 2px;
}

.md_this_wrap p{text-align: right;}
.md_this_wrap p span{
    margin-top: -10px;
    float: left;
    width: 155px;
    text-align: left;
}

a.md_this{
    padding:8px 15px 8px 35px;
    text-align: center;
    border: 1px solid #e3e3e3; border-radius: 3px;
    background:#fefefe;
    background: -webkit-linear-gradient(top, #fefefe, #f5f6f5);
    background: -moz-linear-gradient(top, #fefefe, #f5f6f5);
    text-decoration: none;
    font-weight: 600;
    color: #757575;
    position: relative;
}

a:hover.md_this{
    background: #f5f6f5;
    background: -webkit-linear-gradient(top, #f5f6f5, #fefefe);
    background: -moz-linear-gradient(top, #f5f6f5, #fefefe);
}
a.md_this:before{
    background: transparent url(/img/v3/icons/sprite_sheet.png) no-repeat -2px -601px;
    content: " ";
    position: absolute;
    left: 10px;
    width: 19px;
    height: 20px;
    margin-right: 5px;
}

/* 'who made this' project listing sidebar */
#whomadethis_proj{
    background-image: url(/img/v3/wmt_header.png), url(/img/v3/wmt_footer.png);
    background-position: 15px top, 13px bottom;
    background-repeat: no-repeat;
    min-height: 116px;
    padding: 30px 30px 30px 40px;
    float: left;
}

#whomadethis_proj h2{
    text-transform: uppercase;
    font-size: 19px; font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
    width: 229px;
}

#whomadethis_proj li{
    padding: 5px 0;
}

#whomadethis_proj li:last-child{}

#whomadethis_proj span{ width: 50%; display: inline-block; font-weight: 600;}
#whomadethis_proj span.left{text-align: right; color: #adadad;}

#whomadethis_proj .wmt_content{
    margin: 0 0 0 -19px;
    padding: 0;
    min-height: 55px;
    width: 272px;
    float: left;
    background: #fdfdfd;
    border-right: 1px solid #d7d6d5;
}

/* Company */
/* listing jobs - company profile page @todo add admin styles*/
ul.joblist{}

#profile ul.joblist li{
    padding: 10px 0;
    height: 95px;
    background: #ffffff;
    border-bottom: 1px solid #e4e0e5;
    border-right: 1px solid #e4e0e5;
    margin-bottom: 2px; padding: 0 0 0 15px;
}

#profile ul.joblist li:hover{background: #fbfbfb; text-decoration: none;}
#profile ul.joblist a:hover {text-decoration: none;}

#profile ul.joblist table{height: 100%;}
#profile ul.joblist table td{
    padding: 0;
    color: #6b6b6b;
    text-align: center;
    height: 100%;
}

#profile ul.joblist table td.title{width: 240px; text-align: left;}
#profile ul.joblist table td.title h5{
    font-size: 15px; font-weight: 600;
    margin-bottom: 10px;
    color: #4d4d4d;
}
#profile ul.joblist table td.location{ padding-left: 30px; width: 95px;}
#profile ul.joblist table td.role{padding-left: 15px; width: 85px;}
#profile ul.joblist table td.salary{padding-left: 15px; width: 130px;}
#profile ul.joblist table td.comp{padding-left: 15px;}
#profile ul.joblist table td.save{}

#profile ul.joblist table tr.job_mang{}

/* save job link*/
.joblist a.save_job {
    float: right;
    margin: 35px 35px 0 0;
    width: 20px; height: 20px;
    background: transparent url(/img/v3/icons/sprite_sheet.png) no-repeat -20px -25px;
}
.joblist a:hover.save_job {background-position: -42px -25px}

/* Profile Share (social_share)*/
.social_share *, #at3lb *{
    -moz-box-sizing:    content-box;   /* Firefox 1, probably can drop this */
    -webkit-box-sizing: content-box;   /* Safari 3-4, also probably droppable */
    box-sizing:        content-box;   /* Everything else */
}

.addthis_button_facebook_like.at300b{width: 70px; margin-right: 1px;}
.addthis_button_tweet.at300b{width: 80px; margin-right: 1px;}
.addthis_button_pinterest_pinit.at300b{width:50px; margin-right: 1px;}
.addthis_button_google_plusone.at300b{width:25px; margin-right:0}


section.side .details_wrap div.addthis_toolbox, section.side .details_wrap .atclear{padding: 0;}

/*Profile about*/
section.side .about p{
    margin-bottom: 30px;
}

.about a:hover{text-decoration: underline;}

section.side .about p:last-child{
    margin-bottom: 0px;
}

ul.pers{
    margin-bottom: 0px;
}

ul.pers li{
    font-size: 13px;
    padding: 8px 0 8px 30px;
}

dl.pers {font-size: 13px; margin: 0; line-height: 1.5em;}

section.side .details_wrap div.meta{padding-top: 0;}

section.side .about dt, section.side .about dd {margin-bottom:10px;}
section.side .about dt:last-child, section.side .about dd:last-child{margin-bottom: 0;}
section.side .about dt { width:20px; text-indent:-10000px; height:19px; }
section.side .about dd { margin-left:25px;}
section.side .about .top_tags {	background: transparent url(/img/v3/icons/icons-small.png) no-repeat -2px -344px}
section.side .about .loc{background: transparent url(/img/v3/icons/icons-small.png)no-repeat -2px -369px;}
section.side .about .web {background: transparent url(/img/v3/icons/icons-small.png)no-repeat -2px -264px;}
section.side .about .twit{background: transparent url(/img/v3/icons/icons-small.png)no-repeat -2px -726px;}
section.side .about .linkedin{background: transparent url(/img/v3/icons/icons-small.png)no-repeat -2px -697px;}
section.side .about .facebook{background: transparent url(/img/v3/icons/icons-small.png)no-repeat -2px -753px;}
section.side .about .google{background: transparent url(/img/v3/icons/icons-small.png)no-repeat -2px -964px;}
section.side .about .languages{background: transparent url(/img/v3/icons/icons-small.png)no-repeat -2px -553px;}
section.side .about .education{background: transparent url(/img/v3/icons/icons-small.png)no-repeat -2px -910px;}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	section.side .about .top_tags {	background: transparent url(/img/v3/icons/icons-big.png) no-repeat -2px -326px;background-size: 22px;}
	section.side .about .loc{background: transparent url(/img/v3/icons/icons-big.png)no-repeat -2px -350px;background-size: 22px;}
	section.side .about .web {background: transparent url(/img/v3/icons/icons-big.png)no-repeat -2px -252px;background-size: 22px;}
	section.side .about .twit{background: transparent url(/img/v3/icons/icons-big.png)no-repeat -2px -713px;background-size: 22px;}
	section.side .about .linkedin{background: transparent url(/img/v3/icons/icons-big.png)no-repeat -2px -661px;background-size: 22px;}
	section.side .about .facebook{background: transparent url(/img/v3/icons/icons-big.png)no-repeat -2px -713px;background-size: 22px;}
	section.side .about .google{background: transparent url(/img/v3/icons/icons-big.png)no-repeat -2px -911px;background-size: 22px;}
	section.side .about .languages{background: transparent url(/img/v3/icons/icons-big.png)no-repeat -2px -524px;background-size: 22px;}
	section.side .about .education{background: transparent url(/img/v3/icons/icons-big.png)no-repeat -2px -861px;background-size: 22px;}
}


/* About info list */
ul.info li{padding: 0 0 20px;}

/* */
.proj_wrap{
    margin-bottom: 30px;
    padding-bottom: 30px;
}

/* contact form */
#mailform_cont label{}

#mailform_cont dl{margin: 0;}
#mailform_cont dt{width: 150px; text-align: right; padding-right: 15px; }

#mailform_cont dt, #mailform_cont dd{padding-bottom: 10px;}
#mailform_cont input[type=email], #mailform_cont input[type=text], #mailform_cont textarea{width: 60%;}

/* Private profile */
#profile section h4.pri_prof{
    border: 1px solid #f00; border-radius: 3px;
    padding: 8px 10px;
    margin:20px 0  20px 0;
    color: #f00;
    background: #fff;
    text-align: center;
}

/* Profiles -  News/updates/magazine article */
/*  main styles found here /css/magazine10.css */

#profile article.maga.full{border-color: #E6E6E6; padding: 20px 0;}

#profile .mag_listing h3{padding: 0; line-height: 1.3; font-style: normal;}
#profile article.maga.full .postbody{padding-top: 0; padding-right: 10px;}
#profile article.maga.full .postbody img{max-width: 100%; height: auto !important;}

#profile article.maga.small{float: left; width: 100%; margin:0; position: relative;}
#profile article.maga.small section.ar_img img{ /*display:none;*/ /*max-height: none; height: auto;*/}
#profile article.maga.small h4{margin-top: 0; padding-top: 0;}

#profile section.ar_img{  width: 100%; margin-bottom: 0; overflow: hidden;}
#profile .new_and_projects section.ar_img{background: transparent}
#profile section.ar_img img{margin: 0 auto; width: 100%;}
#profile section.ar_info{width: 100%; padding:  16px 20px 10px 12px}

#profile .social_wrap{
    display: none;
    padding: 10px 10px 5px;
    background: #fff;
    border: 1px solid #E6E6E6; border-radius: 2px;
    margin-top: -40px;
    float: right;
    width: 450px;
}

/* contact map */
.contact_add{
    font-weight: 600; font-size: 1.077em;
    position: absolute;
    top: 19px; left: 10px;
    border: 1px solid #E7E7E7; border-radius: 2px;
    padding: 20px 20px 10px;
    background: rgba(255, 255, 255, 0.9);
    z-index: 750;
    width: 180px;
}

#mapdiv{border: 3px solid #fdfdfd; border-radius: 2px;}


/*
Media queries

@todo seperate file


@media all and (max-width: 700px) {

	a.connect, a.contact{display:none;}

	#profile section.side{width: 100%; min-height: auto; padding: 0 10px;}
	#profile section.side > div.clearfix{float: left; max-width: 160px;}

	section.side .details_wrap{padding-top: 10px;}
	.prof_thumb{margin: 0 10px 0 0;}
	.prof_stats, section.side .details_wrap div.cv_dl, section.side .details_wrap div.about,
	section.side .details_wrap div.social_share, #mapdiv, #map_sta, section.side .details_wrap .md_this_wrap,
	#profile section.side > div.clearfix h5
	{display:none;}

	#profile section.main{width: auto; padding: 0 10px;}
	section.side .details_wrap div.user_info{padding: 10px; margin: 0; float: left; }

	.projectItem_list figure{margin-bottom: 5px;}
}

@media all and (max-width: 400px) {

	.portfolio_projects{width:100%;}
	.prof_thumb{width:90px; height: 90px; margin-top: 10px;}
	.prof_thumb img{max-width: 100%; height: auto;}
	.prof_img_wrap a{display: block; width: auto; height: auto;}
	.prof_img_wrap{width: auto; height: auto; display: block;}
	section.side .details_wrap div{float: left; padding: 0; margin: 0;}

	#profile article.maga.small{width:100%; height: auto; min-height: auto;}

}
*/

body#profile section.side span.social_link {
    float: left;
    margin-top: -70px;
    text-transform: uppercase;
    font-size: 87.5%;
    color: white;
    background: #aaa;
    padding: 2px 5px;
    text-shadow: -1px -1px 1px #999;
    border-radius: 2px 2px;
}

/* Admin links */
.prof_img_wrapdiv .itemAdminLinks{position: absolute;}

h2.name{margin-bottom: 10px}

ul#co_sub_nav{padding: 0 20px;}
ul#co_sub_nav li{float: left;}
ul#co_sub_nav li a{float: left; margin: 0 2px 2px 0; padding: 3px 6px !important; line-height: 1.4 !important }

#profile .identity .usr_core{display: none;}

/* feedback */

.feedbackItem{width:680px}
section.side .details_wrap div.feedbackItem,
section.side .details_wrap div.feedbackItem div.text{
    width: auto;
    margin: 0;
    padding: 0;
}

section.side .details_wrap div.feedbackItem {
    padding: 10px 0;
}

.side a.expand_span,
.side a.collapse_span {
    color:#67B59F;
    display: none;
}

body.bTabprojects #sn_projects,
body.bTabconnections #sn_connections,
body.bTabcontacts #sn_connections,
body.bTabfollowers #sn_followers,
body.bTabfollowing #sn_following,
body.bTabinspiration #sn_inspiration,
body.bTabarticles #sn_articles,
body.bTabnews #sn_articles,
body.bTabemployees #sn_employees {
    border-color:#67B59F;
}


/*
 #profile_left_buttons {
        position:absolute;
        left:180px;
        top:-30px;
        height:100px;
        width:210px;
}
#profile_left_buttons br {line-height:3.4em;}
#profile_left_buttons a+a {clear:left; }
*/


/* .prof_thumb{
	margin: -111px 10px 0 20px;
	float: left;
	border: 1px solid #f1f1f1;
	background: #fff;
	padding: 5px 6px;
	width: 152px; height: 150px; overflow: hidden;
}
.prof_thumb img{display: block; max-width: 138px; height: auto; margin: 0 auto;}

.prof_img_wrap{width:138px; height:138px; overflow: hidden; display: table;}
.prof_img_wrap a{display: table-cell; vertical-align: middle; width: 138px; height: 138px;}
*/


#pcard {
  position:relative; width:275px;
  /*height:160px;*/
  margin-top:-20px; 
  left:20px;
  /*float:left;*/
  /*margin-bottom:30px;*/
  /*max-height:150px;*/
}
#pcard .prof_img_wrap {
    /*position:absolute;*/
    bottom:0; left:0; width:150px;
    /* max-height:150px; overflow: hidden; */ /* gm not required as this goes up by itself */
}
#pcard .prof_img_wrap a {
    min-height: 150px;
    display: block;
    line-height: 150px;
    background:white;
    border:1px solid #eee;
    text-align:center;
}
#pcard .prof_img_wrap img {
    padding:4px;  background: #fff;
    vertical-align: middle;
    margin: 0;
    line-height:150px;
    max-width: 140px;
    max-height: 140px;
    width: auto; height: auto;	/* http://stackoverflow.com/questions/12991351/css-force-image-resize-and-keep-aspect-ratio */
}
#pcard #profile_left_buttons {
    position:absolute;
    bottom:-2px; left: 160px; right:0; padding-bottom:0; margin-bottom:0;
    margin-top: 20px;}
#pcard ul, #pcard ul li {line-height:3.1em;}
#pcard ul {border-bottom:0; padding-bottom:0;margin-bottom:0;width:240px;}
#pcard ul li {float:none;margin-right:0;}

.bUserprofile #whomadethis_proj,
.bUserprofile .prof_stats,
.bUserprofile .proj_tags { display: none; }

section.side .details_wrap div.identity-more { padding:0; margin: 15px 0 0 0;}
div.identity-more ul.info {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
}
#view-full-identity { text-align: center;}
#view-full-identity a {
    background: #8cc9ba;
    color: white;
    padding: 8px 35px !important;
}
div.identity-more { display: none}
#mobile_clones {
    position: absolute;
    bottom: 40px;
    left: 160px;
    top: 40px;
    width: 135px;
    height: 80px;
    overflow: hidden;
}
#mobile_clones h1 {font-size: 1.462em;margin-bottom:0;line-height:1}
#profile_name {
    font-size: 1.875em;
    margin: 20px 0;
}
#mobile_clones { display: table; }
#mobile_clones_w { display: table-cell; vertical-align: middle;}


@media screen and (max-width: 320px){
    #pcard #profile_left_buttons {
        position: absolute;
        bottom: 10px;
        left: 160px;
        right: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #pcard ul { width: auto}

    #mobile_clones {display:none}
    #profile_name, #currently_working_at { display:block}
    div.identity-more ul.info {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }
    section.side .details_wrap{
        padding-top: 10px;
    }
    ul.info li { width: 295px }
}

@media screen and (min-width: 360px){
    .color-syntax-fix-for-editor{}

    #mobile_clones {
        width: 180px;
    }

}
@media screen and (min-width: 400px){
    .color-syntax-fix-for-editor{}

    #mobile_clones {
        width: 200px;
    }

}
@media screen and (min-width: 480px){
    .color-syntax-fix-for-editor{}

    #pcard {
        height:160px;
        max-height:150px;
    }
    #pcard .prof_img_wrap {
        position:absolute;
    }
    #pcard #profile_left_buttons {
        position:absolute;
        margin-top: 0;
    }
    #mobile_clones {
        top: auto;
    }


}
#cms__body__tip_featured_identity a { font-size: 11px }
#profile section.side p.description.maindesc { margin-top: 25px; }



/* new madeit box - sidebar on project */
#pcrdt {
    background: #fff;
    width: 100%;
    max-width: 275px;
    height: auto;
    padding: 5px 5px 0 5px;
    margin: 0 auto;
}

#pcrdt h2 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    padding: 15px 20px 20px 20px
}

#pcrdt .list .l img {
    max-width: 40px;
    max-height: 40px;
    display: block;
}

#pcrdt .list .l {
    width: 50px;
    height: 50px;
    text-align: center;
}
#pcrdt .list { padding: 0 20px; }

#pcrdt .name,
#pcrdt .desc {
    display: block;
    clear: both;
}

#pcrdt .name {
    font-weight: bold;
    font-size: 14px;
}

#pcrdt .sep {
    display: block;
    width: 100%;
    background-color: #f0f0f0;
    height: 1px;
    margin: 10px 0;
}

#pcrdt li {
    padding: 3px 0;
}

#pcrdt a.tool {
    font-weight: 600;
    font-size: 18px;
    clear: both;
    position: relative;
}

#pcrdt a.tool:before {
    content: '';
    display: block;
    background: url(/img/v3/icons/madeit-new-tool.png) no-repeat transparent 0 0;
    background-size: contain;
    width: 26px;
    height: 26px;
    position: absolute;
    left: -35px;
    top: 0;
}

#pcrdt a.tool-sub {
    font-size: 13px;
    text-decoration: underline;
    clear: both;
    display: block;
    padding: 15px 0 10px 0;
}
#pcrdt .lnk:hover a.tool-sub {
    text-decoration: none;
}
#pcrdt .lnk {
    text-align: center;
    padding-top: 5px;
}
#pcrdt .lnk .extra-space {
    padding: 5px;
}

#pcrdt table {
    width: 100%;
}
#pcrdt table td {
    padding: 0;
}

/* end of new madeit box */

@media screen and (max-height: 768px) {
    #overlay10div {
        position: absolute !important;
    }

    #modaldiv.opened_mod.contributormodal {
        position: relative !important;
        margin-top: auto !important;
        top: 0 !important;
    }
}


.not_shown_on_mobile {
    display: none;
}

.show_on_mobile {
    display: block;
}

#mobile_clone_madeit {
    margin-top: 30px;
}

#description-txt { font-size: 15px }