/* a few resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, figcaption, figure, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;} body {line-height:1; text-align:left; font-style:normal; font-weight:normal;} article, aside, figure, footer, header, hgroup, nav, section {display:block;}

/*
 *, div				{outline:#ff00ff solid 1px;} 
*/
body 				{line-height:1.5; font-size:62.5% /* 1em=10px */; font-family:Arial, sans-serif; color:#999999; background:#444444;} 

a					{border-bottom:1px solid #e6e6e6; text-decoration:none; color:#ffffff;}

#contentbox			{width:100%; background:#e8bc07}
#content			{max-width:550px; overflow:hidden; margin:0 auto;}
#footerbox			{width:100%; background:#444444;}
footer				{max-width:550px; margin:0 auto; text-align:center; color:#999999; background:#444444;}

.onecolumn			{position:relative; max-width:550px; overflow:hidden; margin:80px 0 80px 0;}

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

footer p			{margin:80px 0;}

.buttonlink			{padding:10px 15px 9px 15px; border:none; border-radius:5px; font-family:Georgia, serif; font-size:14px; text-align:center; text-decoration:none; text-transform:uppercase; letter-spacing:.25em; color:#ffffff; background:#f26a54;}
.buttonlink:hover	{background:#e8bc07;}
.buttonlink:active	{background:#acaf15;}

.mailto a			{border:0; text-decoration:none; text-shadow:1px 1px 1px #333333; font-family:Courier, monospace; font-size:130%; letter-spacing:.1em; color:#888888;}


/* 1024 to 600 */
@media (max-width:1024px) and (min-width:600px) {
}


/* 599 or narrower */
@media (max-width:599px) {
	#content		{max-width:290px;}
	.onecolumn		{max-width:290px; margin:50px 0 50px 0;}
	footer			{max-width:290px;}
	button			{margin:50px 0;}
}


/* color fade */
@keyframes bgcolor {
    20%				{background-color:#f26a54}
    40%				{background-color:#6d91cb}
    60% 			{background-color:#00bbbc}
    80% 			{background-color:#acaf15}
    100% 			{background-color:#e8bc07}
}

#contentbox {-webkit-animation: bgcolor 40s infinite; animation: bgcolor 40s infinite; /*-webkit-animation-direction: alternate; animation-direction: alternate;*/}