/* CSS Document */

.poetryfilm {
	font-style:italic;
	color:#aaaaaa;
}

.poetryfilm strong {
	font-style:normal;
	color: #4395c1;
}

.poetryfilm duration::before{
	content: '(';
}

.poetryfilm duration::after{
	content: ')';
}

.poetryfilm duration {
	color:#aaaaaa;
}

.sayswho {
	color: #4395c1;
	
}


a {
		color: orangered;
	}

		a:hover {
			color: orangered !important;
		}

blockquote:before {content: '“';}
blockquote:after {content: '”';}

/*
#4395c1 - bluey
#8AC8C9 / darkcyan - tealy
*/
blockquote {
	font-size: 0.75em;
	border-left: dotted medium #4395c1;
	quotes: "“" "”" "‘" "’";
}


.button:hover {
			border-color: #4395c1;
			color: #4395c1 !important;
		}

	#header {
				
				background-image: url("../../images/bg.jpg");
				background-size: auto,							cover;
}


input[type="submit"],
input[type="reset"],
input[type="button"],
.button {
	
	
	border: solid 3px #4395c1;
}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {
			border-color: #4395c1;
			background-color: #4395c1;
			color: #ffffff !important;
		}


.image:before {

			background-image:none;

		}


		.image.avatar {
			border-radius: 0%;
		}

			.image.avatar img {
				border-radius: 0%;
				width: 100%;
			}


.image.thumb:after {
				-moz-transition: opacity 0.2s ease-in-out;
				-webkit-transition: opacity 0.2s ease-in-out;
				-ms-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;
				border-radius: 0.35em;
				border: solid 3px #4395c1;
				color: #fff;
				content: 'View';
				display: inline-block;
				font-size: 0.8em;
				font-weight: 400;
				left: 50%;
				line-height: 2.25em;
				margin: -1.25em 0 0 -3em;
				opacity: 0;
				padding: 0 1.5em;
				position: absolute;
				text-align: center;
				text-decoration: none;
				top: 50%;
				white-space: nowrap;
			}