/* default style sheet for idleloop.com pages */

HTML { height: 100% }
BODY { text-align: left; margin: 0; padding: 0; background: #feffed; color: #000000; height: 100% }
#container { position: relative; height: auto !important; height: 100%; min-height: 100% }

.headertable { width: 100%; margin: 0; border-spacing: 0; background: #007165; border-bottom: solid #3bb3a7 2px }
.headerlogo { text-align: center; padding: 1em 0 0.5em 0 }

.contenttable { width: 100%; margin: 0; border-spacing: 0; border: none }
.contentlayout { line-height: 1px; margin:0; padding:0 }
.contentwidth { width: 40em; padding: 0 1em }	/* 40 em col width, with 1em on sides (0 padding top/bottom) */
.content { width: 40em; text-align: left; padding: 0.5em 1em 2em 1em } /* extra at bottom for navbanner */

.content a:link, .content a:visited { color: #007165 }
.content a:hover { color: #3bb3a7 }
.content a[name]:hover { color: inherit }

.context { font-family: sans-serif; font-size: 80%; margin-top: 0 }

.footertable { width: 100%; margin: 0; position: absolute; bottom: 0;
	border-spacing: 0; background: #007165; border-top: solid #3bb3a7 2px;
	color: #e1e5d1; text-align: center; padding: 0.3em 0 0.3em 0; font-size: 80% }

#navbanner { width: 100%; margin: 0; position: absolute; bottom: 0;
	border-spacing: 0; background: #007165; border-top: solid #3bb3a7 2px }
.navtable { border-spacing: 0.25em; margin: 0.1em auto }
.nav { background: url(infinity.png) no-repeat center center; height: 26px; padding: 0.2em 1.5em; width: 25%;
	color: #e1e5d1; text-align: center;	font-size: 80%; font-family: sans-serif; font-weight: bold }

.nav a:link, .nav a:visited { color: #d1e5e3; text-decoration: none }
.nav a:hover { color: white; text-decoration: none }

/* for page title / updated text; use title on H1, updated on P */
.title { text-align: left; margin-bottom: 0.2em}
.updated { text-align: left; font-size: 90%; font-style: italic; margin-top: 0; margin-bottom: 1.5em }

HR { border: solid 1px #007165 }

@media handheld, screen and (max-device-width: 480px), screen and (min-resolution: 250dpi)
{
	.contentwidth, .content { width: 95% }
}