q.img-raised{box-shadow: 0 10px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)};
.red{color:red}

.section {
	padding: 40px 0 !important;
}
#admin-login h1{
	height: 0;
}

#unite-gallery{
	max-width: 100% !important;
}

img.padd-right-15{
	padding-right: 15px;
}

.back-up_40{
	top: -40px !important;
}
.bg_topleft{
	background: #ffffff url("../images/mai_sm.jpg") no-repeat left top;
	/*background-image: url(assets/images/mai.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
	background-size: cover;*/
}
.bg_bottomright{
	background: #ffffff url("../images/cungthanh.png") no-repeat right bottom 40%;
}

.shadow{
	//text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15);
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
		 0px 8px 13px rgba(0,0,0,0.1),
		 0px 18px 23px rgba(0,0,0,0.1);
}

.css-selector {
	color: red !important;
	font-family: 'Anton', sans-serif;
	font-size: 26px !important;
}

.css-selector span{
	color: black !important;
	font-size: 18px !important;
}

.motto{
	font-family: 'UTM Niagara', serif;
	font-size: 32px !important;
}

.year-motto{
	font-family: 'UTM Nokia', serif;
	font-size: 32px !important;
}

.contact .info{
	margin-top: 34px;
}
.contact-text{
	vertical-align: bottom !important;
}

.card-nav-tabs{
	//background: #ffffff url("../images/altar_full_1.jpg") no-repeat right;

	/*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8ffe8+0,e3f5ab+33,b7df2d+100;Green+3D+%234 */
	//background: #006e2e; /* Old browsers */
	//background: -moz-linear-gradient(top,  #006e2e 0%, #e3f5ab 33%, #FFF 100%); /* FF3.6-15 */
	//background: -webkit-linear-gradient(top,  #006e2e 0%,#e3f5ab 33%,#FFF 100%); /* Chrome10-25,Safari5.1-6 */
	//background: linear-gradient(to bottom,  #006e2e 0%,#e3f5ab 33%,#FFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	//filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffe8+0,d6dbbf+100;Wax+3D+%231 */
	background: #feffe8; /* Old browsers */
	background: -moz-linear-gradient(top,  #feffe8 0%, #d6dbbf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fff 0%,#d6dbbf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #feffe8 0%,#d6dbbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-9 */

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
	//background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	//background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	//background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	//filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}

.card-nav-tabs .card-header.bullentin{
	background: url('../images/cn.png') center center no-repeat #7b1fa2 !important;
	padding: .6rem 15px !important;
	height: 97px;
}

.mass-time{
	font-family: 'Racing Sans One','Roboto Slab', sans-serif;
}

.viet{
	font-family: 'Roboto Slab', sans-serif;
}

h3.title{
	font-family: 'UTM Mabella','Lalezar','Open Sans Condensed', sans-serif !important;
	font-size: 40px !important;
	font-weight: normal;
    font-style: normal;
}

#breadcrumbs {
    //height: 3rem;
    //line-height: 3rem;
	font-size: 12px;
    padding-left: 25px;
}

#breadcrumbs span {
    //display: inline-block;
    padding: 0;
}

#messages, #news{
	text-align:	left;
}

/* Rolling News */
.holder { 
  background-color:#ccc;
  width:300px;
  height:250px;
  overflow:hidden;
  padding:10px;
  font-family:Helvetica;
}
.holder .mask {
  position: relative;
  left: 0px;
  top: 10px;
  width:300px;
  height:240px;
  overflow: hidden;
}
.holder ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}
.holder ul li {
  padding:10px 0px;
}
.holder ul li a {
  color:darkred;
  text-decoration:none;
}


@media (max-width: 768px){
	h1{
		font-size: 2rem;
	}
	h4{
		font-size: 1rem;
	}
}

.profile-page .description {
    margin: 1.071rem auto 0;
    max-width: 100% !important;
	text-align: justify;
    text-justify: inter-word;
}


.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.grayscale img{
	filter: grayscale(100%);
	// Browser Specific
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
}

.blur a img{
	-webkit-webkit-transition:all 1s ease;
	-moz-webkit-transition:all 1s ease;
	-ms-webkit-transition:all 1s ease;
	-o-webkit-transition:all 1s ease;
}

.blur a:hover, .blur a img:hover{
   -webkit-filter:blur(2px);
}



.updates, .contact {
	padding: 120px 0 100px;
	text-align: center;
}

.img {
    position: relative;
}

.img img {
    width: 100%;
    display: block;
    max-width: 100%;
}

.img-fluid {
    width: 100%;
    height: auto;
}

.imgDescription2 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    color: rgb(255, 255, 255);
    width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    padding-top: 25%;
    cursor: pointer;
    background: rgba(237, 20, 91, 0.85);
    transition: all 0.5s;
}

.updates h2, .showmore{
	font-family: 'UTM Nokia','Lalezar','Open Sans Condensed', sans-serif !important;
	font-size: 24px !important;
	font-weight: normal;
    font-style: normal;
}

.content {
    padding: 0;
    margin-top: -15px;
    margin-bottom: 25px;
}

.content h3 a{
    font-family: 'UTM Mabella','Lalezar','Open Sans Condensed', sans-serif !important;
	font-size: 24px !important;
	font-weight: normal;
    font-style: normal;
}

#contact{
	padding-bottom: 45px;
}

#contact table{
	margin-top: -7px;
}
section #about{
	
}

.profile-content h2{
	padding: 20px;
	font-family: 'UTM Mabella','Lalezar','Open Sans Condensed', sans-serif !important;
	font-size: 40px !important;
	font-weight: normal;
    font-style: normal;
}

.profile-content #messbody{
	margin: 20px;
}

.profile-content a.btn{
	//margin-left: 20px;
	bottom: 10px;
}

.borderless, .borderless td, .borderless th {
    border: none;
}

.pagination a, .pagination span {
    display: inline-block;
    padding: 4px 15px;
}

/* sidebar */
#sidebar .p-name{
	font-family: 'UTM Mabella','Open Sans Condensed', sans-serif !important;
	font-size: 20px !important;
	font-weight: normal;
    font-style: normal;
}

#sidebar .p-name SUB{
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-size: 12px !important;
	font-weight: normal;
    font-style: normal;
}

.sidebar-content{
	font-size: 12px;
	margin-bottom: 25px;
	//margin-right: 20px;
}


.sidebar-content h4{
	font-family: 'Open Sans Condensed', sans-serif !important;
	font-size: 30px !important;
	font-weight: normal;
    font-style: normal;
}

.sidebar-content a{
    color: #1BB3E9;
}

.sidebar-content .archive-plus a {
    //color: #000;
	//top: -5px;
}

.sidebar-content a:hover, #sidebar .p-name:hover {
	color: #89229b;
}

.sidebar-content .button {
    background: #fff;
    color: #1BB3E9;
    border: 1px solid #1BB3E9;
    border-radius: 3px;
	display: inline-block;
    padding: 7px 20px;
}

.sidebar-content .button:hover, 
.tags a:hover, .list-item .list-blog-padding a:hover {
    background: #1BB3E9;
    color: #fff;
}

.tags a {
    display: inline-block;
    font-size: 0.8rem;
    border: 1px solid #1BB3E9;
    border-radius: 3px;
    padding: 0.1rem 0.4rem;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}



/* BLOG */
.blog{
	padding-bottom: 20px;
}

.blog-container {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    min-height: 0;
	padding: 0 40px;
}

.blog-header {
  padding-top: 2rem;
  padding-bottom: 2rem; }
  .blog-header.blog-header-image {
    background-size: cover;
    background-position: center; }
    .blog-header.blog-header-image h1, .blog-header.blog-header-image h2 {
      color: #FFFFFF; }
  .blog-header h1 {
    font-size: 4rem;
    margin-top: 0; }
    @media only all and (min-width: 48em) and (max-width: 59.938em) {
      .blog-header h1 {
        font-size: 3rem; } }
    @media only all and (max-width: 47.938em) {
      .blog-header h1 {
        font-size: 2.5rem;
        line-height: 1.2;
        margin-bottom: 2.5rem; } }
  .blog-header + .blog-content {
    padding-top: 3rem; }

.list-item {
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 3rem; }
  .list-item:last-child {
    border-bottom: 0; }
  .list-item .list-blog-header {
    position: relative; }
    .list-item .list-blog-header h4 {
      margin-bottom: 0.5rem; }
.list-item .list-blog-header h4{
    color: #444;
	font-family: 'UTM Mabella','Lalezar','Open Sans Condensed', sans-serif !important;
	font-size: 30px !important;
	font-weight: normal;
    font-style: normal;
}
        .list-item .list-blog-header h4 a:hover {
          color: #1BB3E9; }
    .list-item .list-blog-header img {
      display: block;
      margin-top: 1rem;
      border-radius: 3px; }
  .list-item .list-blog-date {
    float: right;
    text-align: center; }
    .list-item .list-blog-date span {
      display: block;
      font-size: 1.75rem;
      font-weight: 600;
      line-height: 110%; }
.list-item .list-blog-date em {
      display: block;
      border-top: 1px solid #EEEEEE;
      font-style: normal;
      text-transform: uppercase; 
}
	  
.list-item .list-blog-padding{
	padding: 1em 0;
}

.list-item .list-blog-padding a {
    color: #1BB3E9;
	font-size: 1.2rem;
    text-decoration: none;
}

.button {
    background: #fff;
    color: #1BB3E9;
    border: 1px solid #1BB3E9;
    border-radius: 3px;
	display: inline-block;
    padding: 7px 20px;
}

.prev-next {
    margin-top: 5rem;
    text-align: center;
}

.profile-page .gallery {
	margin: 3px;
    //margin: 20px 3px;
    padding-bottom: 3px;
}
.profile-page .gallery-top{
	padding: 2px;
}

.profile-page .gallery-top h4{
	font-family: 'UTM Mabella','Lalezar','Open Sans Condensed', sans-serif !important;
	font-size: 30px !important;
	font-weight: normal;
    font-style: normal;
}

img {
    border: 0;
    max-width: 100%;
}

.blog-content-item .list-blog-padding > p:nth-child(2) {
    font-size: 1.2rem; 
}

.tags a {
  display: inline-block;
  font-size: 12px;
  border: 1px solid #1BB3E9;
  border-radius: 3px;
  padding: 0.1rem 0.4rem;
  margin-bottom: 0.2rem;
  text-transform: uppercase; 
}

.archives {
    padding: 0;
    list-style: none;
}
.archives, .related-pages {
  padding: 0;
  list-style: none; }
  .archives li, .related-pages li {
    border-bottom: 1px solid #EEEEEE;
    line-height: 2rem; }
.archives li:last-child, .related-pages li:last-child {
    border-bottom: 0; 
}

.related-pages li a {
  display: block; }
.related-pages .score {
  display: block;
  float: right;
  color: #999;
  font-size: 85%; }

.syndicate a {
  margin-bottom: 1rem; }


.label {
    vertical-align: middle;
    background: #1BB3E9;
    border-radius: 100%;
    color: #fff;
    height: 1rem;
    min-width: 1rem;
    line-height: 1rem;
    display: inline-block;
    text-align: center;
    font-size: 0.7rem;
    font-family: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    margin-right: 0.75rem;
}

.archive-plus input, .archive-plus li ul {
    //display: none;
}

.archive-plus li {
    border-bottom: 0;
    line-height: 2em;
    /* line-height: 2rem; */
}

/* footer */
footer {
	//padding: 0;
    padding-bottom: 15px;
}

footer .copyright{
	padding: 0;
}

/* This stylesheet generated by Transfonter (https://transfonter.org) on February 14, 2018 5:19 AM */

@font-face {
    font-family: 'UTM Nokia';
    src: url('fonts/UTMNokia.woff2') format('woff2'),
        url('fonts/UTMNokia.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UTM Mabella';
    src: url('fonts/UTMMabella.woff2') format('woff2'),
        url('fonts/UTMMabella.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UTM Niagara';
    src: url('fonts/UTMNiagara.woff2') format('woff2'),
        url('fonts/UTMNiagara.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UTM Zirkon';
    src: url('fonts/UTMNiagara.woff2') format('woff2'),
        url('fonts/UTMNiagara.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UTM Pierre';
    src: url('fonts/UTMPierre.woff2') format('woff2'),
        url('fonts/UTMPierre.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} 

.wrapper {
	width: 100%;
} 

.lichpv {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-column-gap: 15px;
  -webkit-column-gap: 5px;
  column-gap: 15px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
}

.lichpv a, #sidebar a {
  color: #1BB3E9;
  -moz-transition: all .25s ease-in-out;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.lichpv .brick{
	margin-bottom: 15px;
	//-webkit-backface-visibility: hidden;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
	//padding: 1px;
}

#sidebar .brick{
	border-radius: 6px;
	box-shadow: 2px 5px 12px 0 rgba(0, 0, 0, .8), 2px 5px 24px #e9b81b; //#1BB3E9;
}

.lichpv .brick img {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.lichpv .brick:hover img, #sidebar .brick:hover img {
	opacity: .75;
}

.lichpv.bordered {
  -moz-column-gap: 15px;
  -webkit-column-gap: 15px;
  column-gap: 15px;
}

.lichpv.bordered .brick {
	border-radius: 6px;
	box-shadow:2px 5px 12px black;
    //box-shadow: 0 7px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 4px rgba(0, 0, 0, 0.19);
}

.lichpv.gutterless {
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
}

.lichpv.gutterless .brick {
  margin-bottom: 0;
}

 

.span {
  -moz-column-span: all;
  -webkit-column-span: all;
  column-span: all;
  *margin: 30px 0;
}

.lichpv .title{
  color: #f3ffe6; //#e6ffcc; //#e5e5b7;
  padding: 10px;
  margin-top: 0;
  text-shadow: 1px 1px 2px #000;
}
#sidebar .title {
  color: #f3ffe6; //#e6ffcc; //#e5e5b7;
  padding: 6px 5px 5px 8px;
  margin-top: 0;
  text-shadow: 1px 1px 2px #000;
}

.lichpv .title.red, #sidebar .title.red {
	background-color: red;
}

.lichpv .title.green, #sidebar .title.green {
	background-color: green;
}
.lichpv .title.purple , #sidebar .title.purple{
	background-color: purple;
}
.lichpv .title.yellow, .lichpv .title.white, #sidebar .title.yellow, #sidebar .title.white {
	background-color: #FFC;
}

.lichpv .title h3, #sidebar .title h3{
	margin-top: 3px;
	font-family: 'UTM Mabella','Lalezar','Open Sans Condensed', sans-serif !important;
	font-size: 1.3em;
	//color: #5b7083;
	margin: 0;
}

.lichpv .title .date{
	//color: #5b7083;
	font-size: .8em;
	margin-top: -10px;
	font-weight: lighter;
}

#sidebar .title .date{
	font-size: .8em;
	margin-top: -8px;
	font-weight: lighter;
}

.lichpv .title .subtitle, #sidebar .title .subtitle{
	font-family: 'UTM Pierre','Lalezar','Open Sans Condensed', sans-serif !important;
	font-weight: lighter;
	margin-top: -6px;
	color: orange;
	font-size: 1em;
}

.lichpv .title .subtype, #sidebar .title .subtype{
	margin-top: -8px;
	margin-bottom: 3px;
	color: red;
	font-weight: lighter;
	font-size: .8em;
}

.lichpv .title .weekday{
	font-weight: bold;
	margin-right: 10px;
}

.project .title{
  background-color: #607D8B;
}

.blog .title{
  background-color: #ff9800;
}

.photo .title{
  background-color: #f44336;
}

.lichpv .desc{
  padding-left: 1px;
  padding-right: 1px;
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
}

.lichpv .desc img{
	max-width: 100%;
	vertical-align: bottom;
	margin-top: 1px;
}

.lichpv .desc p, #sidebar .desc p{
  padding: 10px;
}

.lichpv ul.pvtc{
	flex-wrap: wrap;
	display: flex;
	font-size: small;
	padding: 10px;
	line-height: 1.5em;
	list-style: none;
	list-style-position: inside;
}

#sidebar ul.pvtc{
	flex-wrap: wrap;
	display: flex;
	font-size: x-small;
	padding: 10px;
	line-height: 1.5em;
	list-style: none;
	list-style-position: inside;
}

.lichpv ul.pvtc li:nth-child(odd), #sidebar ul.pvtc li:nth-child(odd) {
   width:15%;
}
.lichpv ul.pvtc li:nth-child(even), #sidebar ul.pvtc li:nth-child(even) {
   width:85%;
}

.lichpv ul.pvtc li .phanle, #sidebar ul.pvtc li .phanle{
	color : #5b7083;
	font-weight: bolder;
}

.lichpv ul.pvtc li .sach, #sidebar ul.pvtc li .sach{
	color: #1BB3E9;
	font-weight: bolder;
	float: right;
}

@media only screen and (max-width: 768px){
	#tctt{
		display: block !important;
	}
	
    .lichpv {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
	
	audio{
		width: 98%;
		max-width:  600px;
	}
	
	.song.blog-container{
		padding: 0 1px;
	}
	
	.song .list-blog-header{
		padding: 0 10px;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1023px){
    .lichpv {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1499px){
	//.lichpv .brick {width: 90%;}
    .lichpv {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 1500px) {
    .lichpv {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

.lichpv ul.pvtc li .tooltiptext, #sidebar ul.pvtc li .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
	
	left: 130px;
}

.lichpv ul.pvtc li .sach:hover .tooltiptext, #sidebar ul.pvtc li .sach:hover .tooltiptext {
    visibility: visible;
}

audio:hover, audio:focus, audio:active{
-webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}


audio, .weeklyaudio img {
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px #006773;
-webkit-box-shadow:  2px 2px 4px 0px #006773;
box-shadow: 2px 2px 4px 0px #006773;
-moz-border-radius:7px 7px 7px 7px ;
-webkit-border-radius:7px 7px 7px 7px ;
border-radius:7px 7px 7px 7px ;
}

audio {
    filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(99%);
    width: 200px;
    height: 35px;
}

.weeklyaudio {
	border: 0 !important;	
    width: fit-content;
    margin: 0;
	width: 300px;
}
.weeklyaudio img {
	/*box-shadow: 2px 2px 4px 0px #F1F1F1;*/
}
.weeklyaudio td{	
	border: 0;
	padding-bottom: 0
}
.weeklyaudio td.player{	
	padding-top: 6px;
}

.pv-header-vongchay{
	background: linear-gradient(60deg, #9d4bfb, #5104a8) !important;
}

.pv-header-phucsinh{
	background: linear-gradient(60deg, #c7c104, #f3eb06) !important;
}
.pv-header-thuongnien{
	background: linear-gradient(60deg, #003b00, #008800) !important;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@keyframes blink {
to { color: red; }
}

.red-blue {
	color: blue;
	animation: blink 1s steps(2, start) infinite;
}

.color_me {
	-webkit-animation-direction: normal;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: colours;
	-webkit-animation-timing-function: ease;
}

@-webkit-keyframes colours {
	  0% {color: #39f;}
	 15% {color: #8bc5d1;}
	 30% {color: #f8cb4a;} 
	 45% {color: #95b850;}
	 60% {color: #944893;}
	 75% {color: #c71f00;}
	 90% {color: #bdb280;}
	100% {color: #39f;}
}
.center { display: block; margin: 0 auto; }

/*add classes for image location*/
img.float-left {display:inline; float:left; margin: 5px 15px 5px 0; max-width: 47%;}
img.float-right {float:right; margin:5px 0 5px 15px; max-width: 47%;}
img.aligncenter {display:block; margin:10px auto;}
img.border {background:#ccc; border:4px solid #f0f0f0; color:#333; padding:1px;}