/* @override http://www.contextfreeart.org/site.css */ /* @group base */ * { margin:0; padding:0; } body { position: relative; font: 100%/1.5em Verdana, Arial, Helvetica, sans-serif; color: #444; } p, ul, ol { margin-bottom: 1.5em; } a, a:link, a:visited { color: #933; text-decoration: none; } a:hover { text-decoration: underline; } ul { list-style-type: square; } h1 { font-size: 2em; margin-bottom: 1em; margin-top: 0.5em; line-height: 1.25em; } h2 { font-size: 1.5em; margin-bottom: 0.5em; } h3, h4, h5, h6 { font-size: 1em; } hr { height: 0; border: 0; border-top: 1px solid #ccc; margin: .5em 0; } img { border: none; } fieldset { border-style: none; } /* @end */ /* @group header */ #CFAheader {border-bottom: 1px solid #827a5c; background: url(fern.jpg) no-repeat 0 10px; height: 10em; padding-left: 14.25em; } #CFAheader p { text-align: left; text-shadow: #999 0px 2px 3px; border: 0; position: absolute; font: bold 3.5em/170% "Lucida Grande", LucidaGrande, Lucida, "Trebuchet MS", Arial, sans-serif; } /* @end */ /* @group navbar */ #CFAnavbar { position: absolute; left: 14em; top: 5em; z-index: 4; } #CFAnavbar ul { font-size: 84%; /* 83.33%; */ list-style: none; display: inline; } #CFAnavbar ul li { display: inline; list-style: none; } #CFAnavbar a { color: #933; font-weight: bold; text-decoration: none; text-align: left; padding: 0.5em 1em; } #CFAnavbar a:link { color: #933; } #CFAnavbar a:visited { color: #933; } #CFAnavbar a:hover { text-decoration: underline; background-color: #f9f8e4; } /* @end */ /* @group title */ #CFAtitle { position: absolute; left: 14em; right: 0; padding: 0 .5em; border-bottom: 1px solid #d4d296; border-left: 1px solid #827a5c; height: 3em; top: 8.5em; background: #edebaa url(dots.jpg) repeat-x 0 0; } #CFAtitle h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 0; margin-top: 0.125em; line-height: 125%; } /* @end */ /* @group content */ #CFAcontent { margin-top: 3.5em; margin-left: 14em; padding: 0 .5em; } #CFAcontent p, #CFAcontent ul { padding-left: 3em; } #CFAphpBB3 { font-size: 10px; } /* @end */ /* @group column */ #CFAcolumn { width: 13em; left: 0; font-size: 92%; /* 91.67%; */ line-height: 1.5em; margin-right: 1em; margin-left: 1em; float: left; } @media (min-height: 650px) { #CFAcolumn { position: sticky; top: 10px; } } @media not (min-height: 650px) { #CFAcolumn { position: absolute; top: 12em; } } #CFAcolumn, #CFAcolumn input, #CFAcolumn a, #CFAcolumn a:link, #CFAcolumn a:visited { color: #988b5f; } #CFAcolumn input { font-size: 95%; } #CFAcolumn ul { list-style-type: none; list-style-image: none; margin-left: 1em; } .top { vertical-align: top; } #CFAcolumn h5 { margin-top: 2em; } /* @end */ /* @group footer */ #x-CFAfooter { display: none; } #CFAfooter { clear: both; border-left: 1px solid #827a5c; border-bottom: 1px solid #d4d296; margin: 1em 0 1em 14em; text-align: center; min-height: 47px; background: #edebaa url(grass.jpg) repeat-x; font-weight: bold; } #CFAfooter ul { font-size: 10px; margin: 0; } #CFAfooter li { margin: 0 1em; display: inline; white-space: nowrap; } #f-poweredbyico, #f-copyrightico { margin: 8px; } #f-poweredbyico { float: right; height: 1%; } #f-copyrightico { float: left; height: 1%; } /* @end */ /* @group book */ #CFAbook { position: absolute; top: 0; left: 0; width: 100%; } #CFAbook a { position: relative; display: block; width: 12em; /* width: 22.5em; /* */ height: 10em; margin-left: auto; padding-top: 1em; } #CFAbook a:hover { text-decoration: none; width: 22.5em; } #CFAbook img { position: absolute; top: 0.25em; left: 0; height: 10em; z-index: 2; } #CFAbook .CFAmessage { display: block; width: 9em; height: 4em; margin: 0.5em 1em 1em auto; padding: 1em 0; background: #eee; text-align: center; } #CFAbook .CFAleadin { font-size: 84%; line-height: 160%; } /* @end */