
  .circular {
	width: 64px;
	height: 64px;
	border-radius: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;

    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	}

.circular_24 {
	width: 24px;
	height: 24px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;

    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	}



   .circular {
	width: 64px;
	height: 64px;
	border-radius: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;

    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	}






 .circular_28 {
	width: 28px;
	height: 28px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;

    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	}


 .circular_32 {
	width: 32px;
	height: 32px;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;

    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
	}



  .circular_42 {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	-webkit-border-radius:50%;
	-moz-border-radius: 50%;

    box-shadow: 0 0 6px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .4);
	}


     .circular_48 {
	width: 42px;
	height: 42px;
	border-radius: 6px;
	-webkit-border-radius:6px;
	-moz-border-radius: 6px;

    box-shadow: 0 0 6px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .4);
	}


      .circular_50 {
	width: 50x;
	height: 50px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;

    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	}


   .circular_64 {
	width: 64px;
	height: 64px;
	border-radius: 64px;
	-webkit-border-radius:64px;
	-moz-border-radius: 64px;

    box-shadow: 0 0 6px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .4);
	}



   .circular_100 {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;

    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	}



    .circular_128 {
	width: 128px;
	height: 128px;
	border-radius: 64px;
	-webkit-border-radius: 64px;
	-moz-border-radius: 64px;

    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	}



   .round_square {
    display: block;
    cursor:pointer;
    cursor:-moz-zoom-in;
    cursor:-webkit-zoom-in;
    margin:10px;

     -webkit-border-radius: 6px;
    -webkit-border--radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;

}


.badge {
    background: radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background-color: red;
    border: 2px solid white;
    border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    box-shadow: 1px 1px 1px black;
    color: white;
    font: bold 15px/13px Helvetica, Verdana, Tahoma;
    height: 16px;
    min-width: 14px;
    padding: 4px 3px 0 3px;
    text-align: center;
}

   .round_pic {
    display: block;
    cursor:pointer;
    cursor:-moz-zoom-in;
    cursor:-webkit-zoom-in;
    margin:2px;

     -webkit-border-radius: 3px;
    -webkit-border--radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 63x;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}





  .shadow {

          box-shadow: 0 0 13px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 31px rgba(0, 0, 0, .3);


        }


   .shadow_bottom {

          box-shadow: 0 0 13px -13px; rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 13px -13px; rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 31px -13px; rgba(0, 0, 0, .3);
        }


   .center-block {
     display: block;
     margin-left: auto;
     margin-right: auto;
     float:none;
     }


     .col-centered{
    float: none;
    margin: 0 auto;
}





      /*  thumbnails */




       .thumb_small {
    	    width: 32px;
	        height: 32x;
            margin-top:4px;
            opacity : 0.9;
        }


       .thumb_medium {
    	    width: 64px;
	        height: 64px;
            margin-top:4px;
            opacity: 0.9;
        }


       .thumb_large {
    	    width: 128px;
	        height: 128px;
            margin-top:4px;
            opacity: 0.9;
        }


      .pic_rounded {
        margin-top:4px;
        border:1px;
	    border-radius: 3px;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;

        }



     .blocky {display:block;}



       .thumb_rounded {
        margin-top:4px;
        border:1px;
	    border-radius: 3px;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    opacity: 0.9;
	    width:100%;

        }


       .thumb_circle {
    	    width: 64px;
	        height: 64px;
            margin-top:4px;

	        border-radius: 32px;
	        -webkit-border-radius: 32px;
	        -moz-border-radius: 32px;

            box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	        opacity: 0.9;
	    }








