@charset "utf-8";
/* Cetacean Research Technology - v3 - for kudos */
/* this styling was kinda brought over from v2 */

/* layer 0 - outer wrap for all */
.kudos0 {
}
/* layer 1 - 2nd outer layer */

.kudos1a, .kudos1b, .kudos1c {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.kudos1a {
	background-color: #ffefd5;
	border: 1px solid #FFCC99;
}
.kudos1b {
	background-color: #f5f5dc;
	border: 1px solid #CCCC99;
}
.kudos1c {
	background-color: #F0F8FF;
	border: 1px solid #CCCCFF;
}

/* layer 2 - interior */
/* has page curl in it if there is more to the kudo */

.kudos2, .kudos2a, .kudos2b, .kudos2c  {
	padding-left: 20px;
	font-style: italic;
	color: #000000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right bottom; 	
	background-image: url(../images/page-curl.jpg); 
}
	
.kudos2 {
	background-image: none;
}	
.kudos2a {
	background-image: url(../images/page-curla.jpg);
}

.kudos2b {
	background-image: url(../images/page-curlb.jpg);
}

.kudos2c {
	background-image: url(../images/page-curlc.jpg);
}
@media only screen and (min-width: 0px) and (max-width: 500px) {
.kudos1a, .kudos1b, .kudos1c {
	padding: 0;
}
}