@charset "UTF-8";
/* CSS Document */

body {
width:100%;
overflow-x:hidden;
margin:20px;
font-family: "Times New Roman", Times, serif;
font-size: 11px;
color: orangered;
}

.line {
	text-decoration: none;
	color: orangered;
	}
	
.line:hover {
	text-decoration: underline;
	}
	
.line:after {
	content: attr(secret);
    position: relative;
    text-indent: 6px;
    font-size: 9px;
    display:none;
}	

.line:hover:after {display:inline-block;}

social {
    margin: 5px 0 15px;
    display: block;
}

social img {
width:14px;
margin:6px -4px -7px 5px;
}	

.no {text-decoration:none;}
.no:hover {text-decoration:none;}

.dots {
	text-decoration: none;
	border-bottom: 1px dotted orangered;
	color: orangered;
	}
	
.dots:hover {
	text-decoration: underline;
	}


.redbackground {
	font-family:"Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:orangered;
}


		
	
.style1 {
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	color:orangered;
}	

.side .style1 {
	font-weight:bold;
	letter-spacing:2px;
	animation: wiggle 1s ease-in infinite alternate;
}

.style1name, .style1shows {
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
	color:orangered;
	letter-spacing:2px;
}	

@keyframes wiggle {from {} to {letter-spacing:0px;}}
	
.style2 {
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	font-weight:normal;
	color:orangered;
}

.title {
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
	color:orangered;
	font-style:italic;
	
}
.white {
	text-decoration: none;
	color: #ffffff;
}

.redback {
color:#fff;
background-color:orangered;
padding:1px 3px;
}

.aboutwork, .aboutwork a {
display: inline-block;
margin: 20px 0 0;
text-transform: lowercase;
background: orangered;
color: white;
text-decoration:none;
padding: 3px 10px;
border:1px solid orangered;
cursor:pointer;
}
.aboutwork:hover {
background:white;
color:orangered;
}

.aboutwork:hover:after {
content: attr(secret);
position: absolute;
left: 0;
top: 177px;
color: white;
background: orangered;
padding: 10%;
line-height: 17px;
letter-spacing: 1px;
word-break:break-word;
white-space:pre-wrap;
}

.aboutwork:after:hover {
cursor:crosshair;
}

.poemcode, .poemcode.aboutwork {
background:#ffc107;
color:white;
border:1px solid #ffc107;
}

.poem:hover:after {color:#ffc107;}

.poemcode:hover {
background:white!important;
color:#ffc107;
border:1px solid #ffc107!important;
}

.poemcode:hover:after {background:#ffc107;}

/*
a[ongoing]:hover:after {
content: attr(ongoing);
position: absolute;
font-weight: bold;
text-decoration: none!important;
top: 290px;
left: 61px;
}
*/

.date {opacity:0.3;}

/* PAGES 

.post {
	width: 41%;
    display: block;
    margin: 130px auto;
    font-size: 10px;
    text-align: center;
}

.post img {
    display: block;
    width: 100%;
    margin: 30px auto;
    border: 1px solid;
}

*/


/* SPRITES */

/* http://www.piskelapp.com */

sprite {
	display:inline-block;
    background-repeat: no-repeat;
    width: 400px;
    height: 225px;
    margin:10px;
 }

/* 0.1625 per frame for 'no delay' speed in photoshop */

[frames16] {animation: sprite16 1.7s step-end infinite;}  
[frames20] {animation: sprite20 2.125s step-end infinite;}
[frames24] {animation: sprite24 2.55s step-end infinite;}
[frames28] {animation: sprite28 2.975s step-end infinite;}
[frames32] {animation: sprite32 3.4s step-end infinite;}
[frames40] {animation: sprite40 4.25s step-end infinite;}
[frames122] {animation: sprite122 13s step-end infinite;}
[frames142] {animation: sprite142 15.1s step-end infinite;}

@keyframes sprite16 {
	6.25% {background-position:-400px 0px;}
	12.5% {background-position:-800px 0px;}
	18.75% {background-position:-1200px 0px;}
	25% {background-position:0px 0px;}
	31.25% {background-position:-400px -225px;}
	37.5% {background-position:-800px -225px;}
	43.75% {background-position:-1200px -225px;}
	50% {background-position:0px -450px;}
	56.25% {background-position:-400px -450px;}
	62.5% {background-position:-800px -450px;}
	68.75% {background-position:-1200px -450px;}
	75% {background-position:0px -675px;}
	81.25% {background-position:-400px -675px;} 
	87.5% {background-position:-800px -675px;} 
	93.75% {background-position:-1200px -675px;}
	100% {background-position:0px -675px;}
}

@keyframes sprite20 {
	5% {background-position:-400px 0px;}
	10% {background-position:-800px 0px;}
	15% {background-position:-1200px 0px;}
	20% {background-position:0px 0px;}
	25% {background-position:-400px -225px;}
	30% {background-position:-800px -225px;}
	35% {background-position:-1200px -225px;}
	40% {background-position:0px -450px;}
	45% {background-position:-400px -450px;}
	50% {background-position:-800px -450px;}
	55% {background-position:-1200px -450px;}
	60% {background-position:0px -675px;}
	65% {background-position:-400px -675px;}
	70% {background-position:-800px -675px;}
	75% {background-position:-1200px -675px;}
	80% {background-position:0px -900px;}
	85% {background-position:-400px -900px;}
	90% {background-position:-800px -900px;}
	95% {background-position:-1200px -900px;}
}
 
@keyframes sprite24 {
	4.2% {background-position:-400px 0px;}
	8.4% {background-position:-800px 0px;}
	12.6% {background-position:-1200px 0px;}
	16.8% {background-position:0px -225px;}
	21% {background-position:-400px -225px;}
	25.2% {background-position:-800px -225px;}
	29.4% {background-position:-1200px -225px;}
	33.6% {background-position:0px -450px;}
	37.8% {background-position:-400px -450px;}
	42% {background-position:-800px -450px;}
	46.2% {background-position:-1200px -450px;}
	50.4% {background-position:0px -675px;}
	54.6% {background-position:-400px -675px;}
	58.8% {background-position:-800px -675px;}
	63% {background-position:-1200px -675px;}
	64.2% {background-position:0px -900px;}
	68.4% {background-position:-400px -900px;}
	72.6% {background-position:-800px -900px;}
	76.8% {background-position:-1200px -900px;}
	81% {background-position:0px -1125px;}
	85.2% {background-position:-400px -1125px;}
	89.4% {background-position:-800px -1125px;}
	93.6% {background-position:-1200px -1125px;}
}

@keyframes sprite28 {
	3.6% {background-position:-400px 0px;}
	7.2% {background-position:-800px 0px;}
	10.8% {background-position:-1200px 0px;}
	14.4% {background-position:0px -225px;}
	18% {background-position:-400px -225px;}
	21.6% {background-position:-800px -225px;}
	25.2% {background-position:-1200px -225px;}
	28.8% {background-position:0px -450px;}
	32.4% {background-position:-400px -450px;}
	36% {background-position:-800px -450px;}
	39.6% {background-position:-1200px -450px;}
	43.2% {background-position:0px -675px;}
	46.8% {background-position:-400px -675px;}
	50.4% {background-position:-800px -675px;}
	54% {background-position:-1200px -675px;}
	57.6% {background-position:0px -900px;}
	61.2% {background-position:-400px -900px;}
	64.8% {background-position:-800px -900px;}
	68.4% {background-position:-1200px -900px;}
	72% {background-position:0px -1125px;}
	75.6% {background-position:-400px -1125px;}
	79.2% {background-position:-800px -1125px;}
	82.8% {background-position:-1200px -1125px;}
	86.4% {background-position:0px -1350px;}
	90% {background-position:-400px -1350px;}
	93.6% {background-position:-800px -1350px;}
	97.2% {background-position:-1200px -1350px;}
}

@keyframes sprite32 {
	3.1% {background-position:-400px 0px;}
	6.2% {background-position:-800px 0px;}
	9.3% {background-position:-1200px 0px;}
	12.4% {background-position:0px -225px;}
	15.5% {background-position:-400px -225px;} 
	18.6% {background-position:-800px -225px;} 
	21.7% {background-position:-1200px -225px;} 
	24.8% {background-position:0px -450px;} 
	27.9% {background-position:-400px -450px;}  
	31% {background-position:-800px -450px;}  
	34.1% {background-position:-1200px -450px;}  
	37.2% {background-position:0px -675px;}
	40.3% {background-position:-400px -675px;} 
	43.4% {background-position:-800px -675px;} 
	46.5% {background-position:-1200px -675px;} 
	49.6% {background-position:0px -900px;}
	52.7% {background-position:-400px -900px;} 
	55.8% {background-position:-800px -900px;} 
	58.9% {background-position:-1200px -900px;} 
	61% {background-position:0px -1125px;} 
	64.1% {background-position:-400px -1125px;}  
	67.2% {background-position:-800px -1125px;}  
	70.3% {background-position:-1200px -1125px;}  
	73.4% {background-position:0px -1350px;} 
	76.5% {background-position:-400px -1350px;}  
	79.6% {background-position:-800px -1350px;}  
	82.7% {background-position:-1200px -1350px;}  
	85.8% {background-position:0px -1575px;}
	88.9% {background-position:-400px -1575px;} 
	91% {background-position:-800px -1575px;} 
	94% {background-position:-1200px -1575px;} 
}

@keyframes sprite40 {
	2.5% {background-position:-400px 0px;}
	5% {background-position:-800px 0px;}
	7.5% {background-position:-1200px 0px;}
	10% {background-position:0px -225px;}
	12.5% {background-position:-400px -225px;}
	15% {background-position:-800px -225px;}
	17.5% {background-position:-1200px -225px;}
	20% {background-position:0px -450px;}
	22.5% {background-position:-400px -450px;}
	25% {background-position:-800px -450px;}
	27.5% {background-position:-1200px -450px;}
	30% {background-position:0px -675px;}
	32.5% {background-position:-400px -675px;}
	35% {background-position:-800px -675px;}
	37.5% {background-position:-1200px -675px;}
	40% {background-position:0px -900px;}
	42.5% {background-position:-400px -900px;}
	45% {background-position:-800px -900px;}
	47.5% {background-position:-1200px -900px;}
	50% {background-position:0px -1125px;}
	52.5% {background-position:-400px -1125px;}
	55% {background-position:-800px -1125px;}
	57.5% {background-position:-1200px -1125px;}
	60% {background-position:0px -1350px;}
	62.5% {background-position:-400px -1350px;}
	65% {background-position:-800px -1350px;}
	67.5% {background-position:-1200px -1350px;}
	70% {background-position:0px -1575px;}
	72.5% {background-position:-400px -1575px;}
	75% {background-position:-800px -1575px;}
	77.5% {background-position:-1200px -1575px;}
	80% {background-position:0px -1800px;}
	82.5% {background-position:-400px -1800px;}
	85% {background-position:-800px -1800px;}
	87.5% {background-position:-1200px -1800px;}
	90% {background-position:0px -2025px;}
	92.5% {background-position:-400px -2025px;}
	95% {background-position:-800px -2025px;}
	97.5% {background-position:-1200px -2025px;}
}

@keyframes sprite122 {
	0.8% {background-position:-400px 0px;}
	1.6% {background-position:-800px 0px;}
	% {background-position:-1200px 0px;}
	% {background-position:0px -225px;}
	% {background-position:-400px -225px;}
	% {background-position:-800px -225px;}
	% {background-position:-1200px -225px;}
	% {background-position:0px -450px;}
	% {background-position:-400px -450px;}
	% {background-position:-800px -450px;}
	% {background-position:-1200px -450px;}
	% {background-position:0px -675px;}
	% {background-position:-400px -675px;}
	% {background-position:-800px -675px;}
	% {background-position:-1200px -675px;}
	% {background-position:0px -900px;}
	% {background-position:-400px -900px;}
	% {background-position:-800px -900px;}
	% {background-position:-1200px -900px;}
	% {background-position:0px -1125px;}
	% {background-position:-400px -1125px;}
	% {background-position:-800px -1125px;}
	% {background-position:-1200px -1125px;}
	% {background-position:0px -1350px;}
	% {background-position:-400px -1350px;}
	% {background-position:-800px -1350px;}
	% {background-position:-1200px -1350px;}
	% {background-position:0px -1575px;}
	% {background-position:-400px -1575px;}
	% {background-position:-800px -1575px;}
	% {background-position:-1200px -1575px;}
	% {background-position:0px -1800px;}
	% {background-position:-400px -1800px;}
	% {background-position:-800px -1800px;}
	% {background-position:-1200px -1800px;}
	% {background-position:0px -2025px;}
	% {background-position:-400px -2025px;}
	% {background-position:-800px -2025px;}
	% {background-position:-1200px -2025px;}
}

/* half full sprites */

[blue] {background-image: url(halffull/blue-32.png);}
[blue2] {background-image: url(halffull/blue2-20.png);}
[brown] {background-image: url(halffull/brown-20.png);}
[dkblue] {background-image: url(halffull/dkblue-24.png);}
[dkbrown] {background-image: url(halffull/dkbrown-20.png);}
[dkgrey] {background-image: url(halffull/dkgrey-20.png);}
[dkteal] {background-image: url(halffull/dkteal-20.png);}
[grey] {background-image: url(halffull/grey-28.png);}
[gryello] {background-image: url(halffull/gryello-28.png);}
[ltblue] {background-image: url(halffull/ltblue-20.png);}
[ltblue2] {background-image: url(halffull/ltblue2-20.png);}
[ltbrown] {background-image: url(halffull/ltbrown-20.png);}
[ltgrey] {background-image: url(halffull/ltgrey-20.png);}
[ltorange] {background-image: url(halffull/ltorange-20.png);}
[lttan] {background-image: url(halffull/lttan-24.png);}
[ltteal] {background-image: url(halffull/ltteal2-24.png);}
[ltteal2] {background-image: url(halffull/ltteal-24.png);}
[ltyello] {background-image: url(halffull/ltyello-16.png);}
[orange] {background-image: url(halffull/orange-24.png);}
[pink] {background-image: url(halffull/pink-24.png);}  
[red] {background-image: url(halffull/red-24.png);}
[tan] {background-image: url(halffull/tan-24.png);}
[taupe] {background-image: url(halffull/taupe-20.png);}
[teal] {background-image: url(halffull/teal-24.png);}
[white] {background-image: url(halffull/white-20.png);}
[yello] {background-image: url(halffull/yellow-40.png);}


/* nests sprites */

[bluenest] {background-image: url(nests/blue-122.png);}
[rednest] {background-image: url(nests/red-122.png);}
[greynest] {background-image: url(nests/grey-142.png);}
[yellownest] {background-image: url(nests/yellow-122.png);}


/* MAIL CHIMP */

textarea{
			font:12px;
			color:orangered;
		}
		.container{
			position:relative;
			border-width:0 !important;
			border-color:transparent !important;
			margin:0;
			text-align:left;
		}
		.tpl-image-content{
			padding-left:20px;
		}
		fieldset{
			padding:12px;
			background-color:#ddd;
			border:1px solid #ccc;
		}
		label{
			float:none;
			clear:both;
			display:block;
			width:auto;
			margin-top:8px;
			text-align:left;
			font-weight:bold;
			position:relative;
			line-height:100%;
			font-family:Times New Roman;
			font-size:10px;
			color:orangered;
		}
		.field-group{
			float:none;
			display:inline-block;
			width:75%;
			margin:3px 0;
			border-style:solid;
			background:-moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .25));
			background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255, 255, 255, 0)),color-stop(1, rgba(255, 255, 255, .25)));
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#3fffffff');
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#3fffffff')";
			background-color:#FFFFFF;
			border-width:1px;
			border-color:orangered;
		}
		.field-group input{
			display:block;
			margin:0;
			padding:5px;
			border:0;
			background:none;
			width:100%;
		}
		.radiogroup input,.phonearea input,.addressfield input,.datefield input,.groups input{
			width:auto;
		}
		.radio-group input,.checkbox-group input{
			width:auto;
			display:inline-block;
			margin-right:5px;
		}
		.field-group label{
			clear:none;
		}
		.field-group textarea{
			background:none;
			border:none;
			width:80%;
			height:150px;
			margin:0;
			overflow:auto;
		}
		.field-help{
			display:none;
			font-weight:normal;
			position:static;
			float:none;
			clear:both;
			margin:5px -5px -5px -5px;
			width:auto;
			padding:8px 10px;
			line-height:16px;
			font-size:12px;
			-moz-border-radius:0;
			border-radius:0;
			-webkit-border-radius:0;
			background-color:#FFFFFF;
			color:orangered;
		}
		.field-help .help{
			min-height:16px;
			text-decoration:none;
		}
		.field-group .feedback br{
			display:none;
		}
		.field-group .feedback div{
			margin:0 !important;
			padding:0 !important;
		}
		.addressfield .subfield{
			clear:left;
		}
		label .asterisk{
			position:absolute;
			top:36px;
			right:10px;
			font-size:30px;
		}
		.error,.errorText{
			margin:5px 0 0 0;
			padding:5px 10px;
			background-color:orangered;
			color:#ffffff;
		}
		.formstatus{
			margin-bottom:10px;
		}
		.alert{
			background:#e4f3d4;
			border:2px solid #5ca000;
			font-size:14px;
			color:#5ca000;
			margin:10px 0;
			padding:10px;
		}
		.alert a{
			color:#5ca000;
			text-decoration:underline;
		}
		.datefield,.phonefield-us{
			padding:5px;
		}
		.datefield input,.phonefield-us input{
			display:inline;
			width:60px;
			margin:0 2px;
			letter-spacing:1px;
			text-align:center;
			padding:5px 0 2px 0;
		}
		.datefield .small-meta{
			font-size:11px;
		}
		.phonefield-us .phonearea input,.phonefield-us .phonedetail1 input{
			width:40px;
		}
		.datefield .monthfield input,.datefield .dayfield input{
			width:30px;
		}
		.datefield label,.phonefield-us label{
			display:none;
		}
		.addressfield span{
			display:block;
			height:34px;
		}
		.addressfield input{
			float:right;
			width:56%;
			margin:0 9% 0 0;
			padding:8px 0 2px 0;
		}
		.addressfield label{
			float:left;
			font-weight:normal;
			text-align:right;
			width:33%;
		}
		.addressfield .countryfield{
			display:block;
			height:45px;
			position:relative;
		}
		.addressfield .countryfield select{
			margin:0;
			position:absolute;
			top:10px;
			left:35%;
		}
		.captcha{
			float:left;
			width:340px;
			height:170px;
		}
		.button,.button-small{
		display: inline-block;
		font-family: times new roman;
		width: auto;
		white-space: nowrap;
		height: 23px;
		margin: 3px 0;
		padding: 0 5px;
		text-decoration: none;
		text-align: center;
		font-size: 10px;
		line-height: 20px;
		cursor: pointer;
		border: none;
		-moz-border-radius: 23px;
		border-radius: 23px;
		-webkit-border-radius: 23px;
		vertical-align: top;
		}
		input{
			-webkit-appearance:none;
		}
		textarea:focus, input:focus{
    outline: 0;
}
		body,#bodyTable{
			background-color:#ffffff;
		}
		#templateContainer{
			background-color:none;
		}
		#templateBody{
			background-color:#ffffff;
		}
		.bodyContent{
			line-height:100%;
			font-family:Times New Roman;
			font-size:10px;
			color:orangered;
			padding:0px;
		}
		a:link,a:active,a:visited,a{
			color:orangered;
		}
		.button:link,.button:active,.button:visited,.button,.button span,.button-small:link,.button-small:active,.button-small:visited,.button-small{
			background-color:white;
			color:orangered;
		}
		.button:hover,.button-small:hover{
			background-color:orangered;
			color:#ffffff;
		}
		label{
			line-height:100%;
			font-family:Times New Roman;
			font-size:10px;
			color:orangered;
		}
		.field-group{
			background-color:#FFFFFF;
			border-width:1px;
			border-color:orangered;
		}
		.datefield input,.phonefield-us input,.addressfield input{
			border-bottom-width:1px;
			border-bottom-style:solid;
			border-color:orangered;
		}
		.field-group input,.field-group textarea{
			font-family:Times New Roman;
			font-size:10px;
			color:orangered;
		}
		.asterisk{
			color:orangered;
		}
		.field-help{
			background-color:#FFFFFF;
			color:orangered;
		}
		.error,.errorText{
			font-size:12px;
			color:#ffffff;
			background-color:orangered;
		}
		html[dir=rtl] .wrapper,html[dir=rtl] .container,html[dir=rtl] label{
			text-align:right !important;
		}
		html[dir=rtl] ul.interestgroup_field label{
			padding:0;
		}
		html[dir=rtl] ul.interestgroup_field input{
			margin-left:5px;
		}
		html[dir=rtl] label .asterisk{
			right:auto;
			left:10px;
		}
		
		::-webkit-input-placeholder { /* WebKit browsers */
    color:    orangered;
    border:none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    orangered;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    orangered;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    orangered;
}

.email {
-webkit-appearance: none;
border: 1px solid orangered;
font-size: 9px;
padding: 4px 0 5px 10px;
margin-top: 3px;
color:orangered;
width:80px;
}

.question {
padding: 0px 8px;
line-height: 23px;
font-size: 13px;
display: inline-block;
}

.question:hover {background-color: pink;}

.do {
border-radius: 0px;
border: 1px solid orangered;
height: 22px;
}

</style>
<!-- END CHIMP -->

/* MOBILE */

@media screen 
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {


body {
font-size:60px;
height:100%;
color:orangered;
background-color:#fff;
}

img {width:100%;}

iframe {
    height: 500vh;
    width: 77vw;
    border: 1px solid orangered;
    padding: 20px;
}

.style1 a {
display:inline-block;
text-decoration:none;
}

.line:hover {background-color:orangered;color:white;text-decoration:none;}

.style1,.style2,.style3,.title {
font-size:60px !important;
color:orangered;
}

.style3 {font-weight:bold;}

#navigation {
z-index:99;
display:block;
position:fixed;
top:0;left:0;
width:79.5%;
height:110px;
line-height:110px;
font-weight:bold;
background-color:orangered;
color:#fff;
font-size:20px;
}

.headie {
position:absolute;
display:inline-block;
font-size:40px;
font-style:italic;
top:0;
right:30px;
}

#navigation img {
width:50px !important;
height:auto !important;
padding:50px;
}

.max {display:none;margin-top:-20px;}

#leftFrame {
z-index:0;
position:relative;
display:block;
left:-5px;
top:97px;
width:80%;
border-right:4px solid orangered;
border-bottom:4px solid orangered;
text-align:center;
background-color:orangered;
}

p img {height:30px !important;width:auto !important;}

td img {width:100% !important;height:auto !important;}

#mainFrame {
z-index:-50;
position:absolute;
display:block;
top:150px;
left:2.5%;
width:95%;
background-color:white;
}

}