@body-text-fontface: PFDin, sans-serif;
@primary-text-fontface: StTransmission, sans-serif;
@secondary-text-fontface: PFDin, sans-serif;

/*
@background-color: #7B8AA8; // mple ipotoniko
@background-color: #00ADD5; // galazioudi YES
@background-color: #E93C43; // cherry red YES
@background-color: #FC8383; // rozoudi YES
@background-color: #FF6F40; // kokkino-portokalloudi
@background-color: #18BB9C; // prasinoudi pros tirkouaz YES
@background-color: #A8C0A8; // prasino ipotoniko REMOVED
@background-color: #3BCD43; // prasino YES
@background-color: #906078; // mov ipotoniko
@background-color: #FFC300; // kitrinoudi adam
*/

/*
@all-background-colors: "#7B8AA8,#00ADD5,#E93C43,#FC8383,#FF6F40,#A8C0A8,#18BB9C,#906078,#FFC300,#3BCD43";
@background-color-1: %("%s", `@{all-background-colors}.split(',')[Math.floor(Math.random()*@{all-background-colors}.split(',').length)]`);
@background-color: color(~`@{background-color-1}`);
*/

//@background-color: color(~`window.backgroundColor`);

@all-background-colors: "#00ADD5,#E93C43,#FC8383,#FF6F40,#18BB9C,#FFC300,#3BCD43";
.generateBackgroundColor();


@shadow: none;
@shadow: -1px 1px 1px rgba(0, 0, 0, 0.6);
//@shadow: -2px 2px 3px rgba(0, 0, 0, 0.6);

@primary-text-color: #ffffff;
@secondary-text-color: rgba(51, 51, 51, 0.75);

@mq-breakpoint: ~"(max-width: 1140px)";

body {
	background-image: url(../imgs/bg2.png);
	background-color: @background-color;
	font-family: @body-text-fontface;
	color: white;
	min-height: 100%;
	margin: 0;
	padding-bottom: 50px;
}

h2, h3 {
	font-size: 48px;
	font-family: @primary-text-fontface;
	font-weight: normal;
	text-shadow: -1px 1px 1px hsla(0, 0%, 0%, 0.6);
	text-align: center;
}

h3 {
	font-size: 24px;
	text-align: left;
}

#logo {
	display: block;
	margin: 20px 20px 100px;
	text-decoration: none;
	width: 225px;
	
	#logo-40 {
		height: 44px; width: 44px; border-radius: 50%;
		background: @secondary-text-color;
		
		font-family: @primary-text-fontface;
		color: @background-color; font-size: 32px; line-height: 44px; text-align: center;
		
		margin-right: 5px;
		display: inline-block;
	}
	
	#logo-slogan {
		font-family: @secondary-text-fontface;
		color: @secondary-text-color;
		font-size: 22px; line-height: 24px;
		display: inline-block;
		position: relative; top: 8px;
	}
}

#post-content {
	margin: 0 10%;
	background-image: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 60%); /* FF3.6+ */
	background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.4)), color-stop(60%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 60%); /* Chrome10+,Safari5.1+ */
	background-image: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 60%); /* Opera 12+ */
	background-image: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 60%); /* IE10+ */
	background-image: radial-gradient(ellipse at center, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 60%); /* W3C */
	background-repeat: no-repeat;
	clear: both; //overflow: hidden;
}

#post-text {

	#primary-text, #secondary-text {
		font-size: 60px;
		text-shadow: @shadow;
		text-align: center; 
	}
	
	#primary-text {
		font-family: @primary-text-fontface;
		
		a {
			color: white;
		}
	}
	
	#secondary-text {
		font-family: @secondary-text-fontface;
		font-size: 32px; color: @secondary-text-color;
		text-shadow: none;
		
		a {
			color: @secondary-text-color;
		}
	}
	
	.image-poll-result {
		display: inline-block; width: 150px; height: 200px;
		padding: 5px; margin: 50px 10px 0; 
		background: no-repeat 5px 5px white;
		background-size: 150px 200px;
		box-shadow: @shadow; border-radius: 2px;
		text-align: right;
		
		span {
			display: inline-block; 
			margin: 150px 10px 0 0;
			font-size: 40px;
		}
		
		&.image-poll-type-top_album_covers {
			height: 150px;
			background-size: 150px 150px;
			
			span {
				margin-top: 100px;
			}
		}
	}

}

#post-content.post-type-quote_text, #post-content.post-type-quote_video {
	
	#secondary-text {
		text-transform: uppercase;
	}
	
} 

#post-content.secondary-text-after {
	#secondary-text {
		margin-top: 20px;
	}
}

#post-content.media-type-video, #post-content.media-type-image {
	
	display: table; width: 80%;
	
	@media @mq-breakpoint {
		display: block; 
	}
	
	
	#post-text {
		display: table-cell; vertical-align: middle;
		
		@media @mq-breakpoint {
			display: block; 
		}
	}
	
	#post-media {
		display: table-cell; vertical-align: middle;
		text-align: right;
	}
}

#post-content.media-type-video {	

	#post-text {
		@media @mq-breakpoint {
			display: block; 
		}
	}
	
	#post-media {
		width: 380px;
		
		@media @mq-breakpoint {
			display: block; width: auto;
			text-align: center;
			margin-top: 90px;
		}
	}
}

#post-content.media-type-image {	
	#post-media {
		width: 380px;
		
		@media @mq-breakpoint {
			display: block; width: auto;
			text-align: center;
			margin-top: 90px;
		}
	}
}


#post-media {
	
	text-align: center;
	
	.post-media-wrapper {
		padding: 10px;
		box-shadow: @shadow; border-radius: 2px;
		margin: 0 auto 5px;
		display: inline-block;
		background: white center center no-repeat;
	}
	
	&.post-media-video {
			
		.post-media-wrapper {
			width: 320px; height: 240px;
			position: relative; 
			background-size: 320px 240px;
			cursor: pointer;
			
			&:before {
				content: " ";
				position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px;
				display: inline-block; width: 60px; height: 60px;
				background: white; box-shadow: @shadow; border-radius: 50%;
			}
			
			&:after {
				content: " ";
				position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -6px;
				display: inline-block; width: 0px; height: 0px;
				border-style: solid; border-width: 15px 20px; border-color: transparent transparent transparent @background-color;
				
			}
			
			&.youtube-on:before, &.youtube-on:after {
				display: none;
			}
		}
	}
	
	&.post-media-image {
			
		.post-media-wrapper {
			width: 320px; //height: 320px; 
		
			a {
				display: block; width: 100%; height: 100%;
				cursor: default;
				
				&[href] {
					cursor: pointer;
				}
				
				
				img {
					width: 100%; float: left;
				}
			}
		}
	}
}


#katsarida {
    position: fixed; bottom: 0; right: 0px;
    width: 120px; height: 140px;
	
	#katsarida-logo {
		position: absolute; bottom: -105px; right: -125px;
		width: 300px; height: 309px; 
		background: url('/specials/annavissi40years/imgs/katsarida_sprite.png') right bottom no-repeat;
		.transform(rotate(-15deg));
		
		.animation(katsarida_blink, 15s, step-start, 0s, infinite);
	}
	
	#katsarida-comment {
		background: white; padding: 30px; border-radius: 50% 50% 0; 
		color: @background-color; font-size: 24px; white-space: nowrap; text-align: center;
		position: absolute; bottom: 87px; right: 90px;
		box-shadow: @shadow;

		opacity: 0; .transform(scale(0));
		pointer-events: none;
		.animation(bounceInDelay, 10s, ease, 0s, infinite);		
		
		a {
			color: @background-color; text-decoration: underline;	
		}
		/*
		&:after {
			content: " ";
			display: block; width: 0; height: 0;
			border: 10px solid white; border-color: transparent transparent transparent white;
			position: absolute; right: -19px; top: 50%; margin-top: -10px;
		}*/
		
		
	}
	
	&:hover #katsarida-comment, #katsarida-comment:hover, &.hover-delay #katsarida-comment:hover {
		pointer-events: auto;
		.animation(bounceIn, 0.5s, ease, 0s, 1, normal, forwards);		
	}
	
	&.hover-delay #katsarida-comment {
		-moz-animation-name: none;
		-webkit-animation: none;
		-o-animation: none;
		-ms-animation: none;
		animation: none;
	}
}

body.ie #katsarida {

	#katsarida-comment {
	
		.transform(scale(1));
		pointer-events: auto;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		zoom: 1;
		
		&.ie-show {
			opacity: 1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		}
		
	}
	
	&:hover #katsarida-comment {
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

#share-btns {
	clear: both;
	margin: 0 auto; text-align: center; overflow: hidden; width: 205px; padding-top: 90px;
	
	a {
		display: inline-block; width: 40px; height: 40px;
		margin-left: 10px; background: url(../imgs/buttons_sprite.png) no-repeat;
		.transition(background-position, 0.1s)
	}
	
	a:first-child {
		margin-left: 0;
	}
	
	#share-fb {
		background-position: -64px -184px;
		&:hover {
			background-position: -64px -128px;	
		}
	}
	
	#share-twitter {
		background-position: -8px -184px;
		&:hover {
			background-position: -8px -128px;	
		}
	}
	
	#make-your-own-btn {
		background-position: -120px -184px;
		&:hover {
			background-position: -120px -128px;	
		}
	}
	
	#enter-fannatics {
		background-position: -176px -184px;
		&:hover {
			background-position: -176px -128px;	
		}
	}
}

#make-ur-own-wrapper {
	height: 115px;
	display: table-cell; vertical-align: middle;
	 
	a {
		color: white; font-size: 20px; text-decoration: none;
	}
}



/* MAKE YOU OWN PAGE */
#make-your-own {

	#logo {
		margin-bottom: 50px;
	}

	#make-your-own-form {
		margin: 50px 0 0;
		text-align: right;
	}
	
	h3 {
		margin-bottom: 10px;
	}
	
	.chzn-container {
		color: #444;
		text-align: left;
	}
	
	.chzn-container .chzn-results li.highlighted {
		background-color: @background-color;
	}
	
	.chzn-container-single .chzn-single span {
		color: @background-color;
	}
	
	.chzn-container-single .chzn-default span {
		color: #999;
	}
	
	#make-your-own-cat-selector {
		margin: 0 auto 50px; width: 400px;
	}
	
	#make-your-own-top5-noimg {
		
		width: 400px; margin: 0 auto; 
		display: none;
		
		.make-your-own-top {
			
			text-align: left;
			
			label {
				font-family: @primary-text-fontface;
				font-size: 48px;
				text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.6);
				
				&.disabled {
					opacity: 0.5;
				}
			}
			
			.chzn-container {
				float: right;
				margin-top: 8px;
			}
		}
		
	}
	
	#make-your-own-top5-img {
		
		width: 720px; margin: 0 auto;
		display: none;
		overflow: hidden;
		
		.make-your-own-top {
			display: inline-block; width: 150px; height: 200px;
			padding: 5px; margin: 40px 10px;
			background: white;
			border-radius: 2px; box-shadow: @shadow;
			text-align: center;
			position: relative;
			
			float: left; // needed to fix chrome
			
			.transition(all, 0.1s, ease, 0.1s);
		}
		
		.image-poll-image {
			background-position: center center;
			background-size: cover;
			width: 150px; height: 200px;
		}
		
		.image-poll-title, .image-poll-ratings {
			opacity: 0;
			.transition(opacity, 0.1s, ease, 0s);
		}
		
		.image-poll-title {
			position: absolute; top: 8px; left: 0; right: 0;
			color: @secondary-text-color;
		}
		
		.image-poll-ratings {
			position: absolute; top: 242px; left: 0; right: 0;
			
			input[type="radio"] {
				display: none;
			}
			
			label {
				font-family: @primary-text-fontface; font-size: 18px; color: #ccc;
				margin: 0 4px;
				cursor: pointer;
			}
			
			input:checked + label {
				opacity: 1;
				color: @background-color;
			}
		}
		
		.image-rating {
			font-size: 32px;
			font-family: @primary-text-fontface; color: @primary-text-fontface;
			text-shadow: @shadow;
			position: absolute; bottom: 5px; right: 10px;
			.transition(all, 0.1s, ease, 0.1s);
		}
		
		.make-your-own-top:hover {
			padding: 35px 5px; margin: 10px;
			.transition(all, 0.1s, ease, 0s);
			
			.image-poll-title, .image-poll-ratings {
				opacity: 1;
				.transition(opacity, 0.2s, ease, 0.1s);
			}
			
			.image-rating {
				bottom: 35px;
				.transition(all, 0.1s, ease, 0s);
			}
		}
		
		input[type="submit"] {
			margin: 8px 10px 0;
			display: block; 
			clear: both; float: right;
		}
		
		&.poll-type-top_album_covers {
		
			.make-your-own-top, .image-poll-image {
				height: 150px;
			}
			
			.image-poll-ratings {
				top: 192px;	
			}
		}
	
	}
	
	input[type="submit"] {
		border: 0 none; border-radius: 2px;
		background-color: white;
		color: @background-color;
		font-family: @secondary-text-fontface; font-size: 24px;
		padding: 4px 20px; margin-top: 15px;
		box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
		cursor: pointer;
		-webkit-appearance: none;
		
		&:disabled {
			opacity: 0.5;
		}
	}
	
}




/* FACEBOOK SHARE PAGE */

.share-on {

	#share-on-facebook-wrapper {
		width: 463px; margin: 0 auto;	
	}
	
	form {
		overflow: hidden;
	}
	
	#profile-pic {
		float: left;
	}
	
	#profile-name, #message-textarea, #post-media {
		margin-left: 60px;
	}
	
	#profile-name {
		font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
		font-size: 13px; font-weight: bold; color: white;
	}
	
	#message-textarea textarea {
		font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
		font-size: 11px; color: #333;
		width: 100%; height: 53px; padding: 5px; .box-sizing();
		border: 1px solid #999;
		border: 0 none;
		margin-top: 5px;
		resize: none;
		border-radius: 2px;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
	}
	
	#twitter-message-chars {
		text-align: right;
		margin: -22px 5px 2px 0;
		color: #ccc;
	}
	
	#post-media {
		border: 1px solid transparent;
		margin-top: 5px; 
		
		img {
			width: 100%;
			.box-sizing();
			border: 2px solid white; border-radius: 2px;
		}
	}
	
	input[type="submit"] {
		border: 0 none; border-radius: 2px;
		background-color: white;
		color: @background-color;
		font-family: @secondary-text-fontface; font-size: 24px;
		padding: 4px 20px; margin-top: 15px;
		float: right;
		box-shadow: @shadow;
		-webkit-appearance: none;
		cursor: pointer;
		
		&[disabled] {
			opacity: 0.5;
		}
	}
	
	#fb-access-error {
		text-align: center; 
		
		#fb-access-request, #fb-access-promise {
			font-family: @secondary-text-fontface; color: @secondary-text-color;
		}
		
		#fb-access-request {
			font-size: 32px;
		}
		
		#fb-access-promise {
			font-size: 16px;
		}
		
		#fb-access-link {
			font-family: @primary-text-fontface; color: @primary-text-color;
			font-size: 40px; text-shadow: @shadow; 
			margin: 60px 0;
			
			a {
				color: @primary-text-color;
				text-decoration: none;
			}
		}
		
	}

	#fb-success {
		text-align: center; 
		
		#fb-success-viewmore {
			font-family: @secondary-text-fontface; 
			color: @secondary-text-color;
			font-size: 32px;
			
			a {
				color: @secondary-text-color;

			}

		}

		#fb-success-text {
			font-family: @primary-text-fontface; color: @primary-text-color;
			font-size: 40px; text-shadow: @shadow; 
			margin: 60px 0;
		}
		
	}

}




.generateBackgroundColor() { 
	@background-color: color(~`@{all-background-colors}.split(',')[Math.floor(Math.random()*@{all-background-colors}.split(',').length)]`);
}

.box-sizing(@sizing: border-box) {
	-moz-box-sizing: @sizing; -webkit-box-sizing: @sizing; -o-box-sizing: @sizing; -ms-box-sizing: @sizing; box-sizing: @sizing;
}

.transform(@transform) {
	-moz-transform: @transform; -webkit-transform: @transform; -o-transform: @transform; -ms-transform: @transform; transform: @transform;
}

.transition(@property: all, @duration: 1s, @timingfunction: linear, @delay: 0s) {
	-webkit-transition: @property @duration @timingfunction @delay;
	-moz-transition: @property @duration @timingfunction @delay;
	-o-transition: @property @duration @timingfunction @delay;
	-ms-transition: @property @duration @timingfunction @delay;
	transition: @property @duration @timingfunction @delay;
}

.animation(@name: whatever, @duration: 1s, @timingfunction, @delay: 0, @iterationcount: 1, @direction: normal, @fillmode: none) {
	-moz-animation: @name @duration @timingfunction @delay @iterationcount @direction @fillmode;
	-webkit-animation: @name @duration @timingfunction @delay @iterationcount @direction @fillmode;
	-o-animation: @name @duration @delay @timingfunction @iterationcount @direction @fillmode;
	-ms-animation: @name @duration @delay @timingfunction @iterationcount @direction @fillmode;
	animation: @name @duration @delay @timingfunction @iterationcount @direction @fillmode;
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@-webkit-keyframes bounceInDelay {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	

	5% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	7.5% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	8.5% {
		-webkit-transform: scale(.9);
	}
	
	10% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
	
	30% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
	
	31% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
}

@-moz-keyframes bounceInDelay {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	5% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	7.5% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	8.5% {
		-moz-transform: scale(.9);
	}
	
	10% {
		opacity: 1;
		-moz-transform: scale(1);
	}
	
	30% {
		opacity: 1;
		-moz-transform: scale(1);
	}

	31% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
}

@-o-keyframes bounceInDelay {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	5% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	7.5% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	8.5% {
		-o-transform: scale(.9);
	}
	
	10% {
		opacity: 1;
		-o-transform: scale(1);
	}
	
	30% {
		opacity: 1;
		-o-transform: scale(1);
	}
	
	31% {
		opacity: 0;
		-o-transform: scale(.3);
	}

}

@keyframes bounceInDelay {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	5% {
		opacity: 0;
		transform: scale(.3);
	}
	
	7.5% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	8.5% {
		transform: scale(.9);
	}
	
	10% {
		opacity: 1;
		transform: scale(1);
	}
	
	30% {
		opacity: 1;
		transform: scale(1);
	}
	
	31% {
		opacity: 0;
		transform: scale(.3);
	}


}


@-webkit-keyframes katsarida_blink {
	0%			{ background-position:  0px 0; }
	32%			{ background-position:  0px 0; }
	32.5%			{ background-position: -318px 0; }
	33%			{ background-position:  0px 0; }
	33.5%			{ background-position: -318px 0; }
	34%			{ background-position:  0px 0; }
	65%			{ background-position:  0px 0; }
	66%			{ background-position: -636px 0; }
	67%			{ background-position:  0px 0; }
	95%			{ background-position:  0px 0; }
	96%			{ background-position: -955px 0; }	
	99%			{ background-position: -955px 0; }
	100%		{ background-position:  0px 0; }
}


@-moz-keyframes katsarida_blink {
	0%			{ background-position:  0px 0; }
	32%			{ background-position:  0px 0; }
	32.5%			{ background-position: -318px 0; }
	33%			{ background-position:  0px 0; }
	33.5%			{ background-position: -318px 0; }
	34%			{ background-position:  0px 0; }
	65%			{ background-position:  0px 0; }
	66%			{ background-position: -636px 0; }
	67%			{ background-position:  0px 0; }
	95%			{ background-position:  0px 0; }
	96%			{ background-position: -955px 0; }	
	99%			{ background-position: -955px 0; }
	100%		{ background-position:  0px 0; }
}


@-o-keyframes katsarida_blink {
	0%			{ background-position:  0px 0; }
	32%			{ background-position:  0px 0; }
	32.5%			{ background-position: -318px 0; }
	33%			{ background-position:  0px 0; }
	33.5%			{ background-position: -318px 0; }
	34%			{ background-position:  0px 0; }
	65%			{ background-position:  0px 0; }
	66%			{ background-position: -636px 0; }
	67%			{ background-position:  0px 0; }
	95%			{ background-position:  0px 0; }
	96%			{ background-position: -955px 0; }	
	99%			{ background-position: -955px 0; }
	100%		{ background-position:  0px 0; }
}


@keyframes katsarida_blink {
	0%			{ background-position:  0px 0; }
	32%			{ background-position:  0px 0; }
	32.5%			{ background-position: -318px 0; }
	33%			{ background-position:  0px 0; }
	33.5%			{ background-position: -318px 0; }
	34%			{ background-position:  0px 0; }
	65%			{ background-position:  0px 0; }
	66%			{ background-position: -636px 0; }
	67%			{ background-position:  0px 0; }
	95%			{ background-position:  0px 0; }
	96%			{ background-position: -955px 0; }	
	99%			{ background-position: -955px 0; }
	100%		{ background-position:  0px 0; }
}


@font-face {
    font-family: 'StTransmission';
    src: url('/specials/annavissi40years/fonts/sttransmission-800-extrabold-2.eot');
    src: url('/specials/annavissi40years/fonts/sttransmission-800-extrabold-2.eot?#iefix') format('embedded-opentype'),
         url('/specials/annavissi40years/fonts/sttransmission-800-extrabold-2.woff') format('woff'),
         url('/specials/annavissi40years/fonts/sttransmission-800-extrabold-2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'PFDin';
    src: url('/specials/annavissi40years/fonts/pfdintextcomppro-regular.eot');
    src: url('/specials/annavissi40years/fonts/pfdintextcomppro-regular.eot?#iefix') format('embedded-opentype'),
         url('/specials/annavissi40years/fonts/pfdintextcomppro-regular.woff') format('woff'),
         url('/specials/annavissi40years/fonts/pfdintextcomppro-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'IDHandwritten';
    src: url('/specials/annavissi40years/fonts/idhandwritten.eot');
    src: url('/specials/annavissi40years/fonts/idhandwritten.eot?#iefix') format('embedded-opentype'),
         url('/specials/annavissi40years/fonts/idhandwritten.woff') format('woff'),
         url('/specials/annavissi40years/fonts/idhandwritten.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Alabama';
    src: url('/specials/annavissi40years/fonts/alabama.eot');
    src: url('/specials/annavissi40years/fonts/alabama.eot?#iefix') format('embedded-opentype'),
         url('/specials/annavissi40years/fonts/alabama.woff') format('woff'),
         url('/specials/annavissi40years/fonts/alabama.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/