/* ~~~ style3.css; Use for Mini-Pages - xhtml Strict: August-2011 ~~~ */
/* ~~~ clear all ~~~ */
html, body, div, a, b, center, em, font, h6, img, li, p, strong, ul {
background:transparent; border:0px; font-weight:normal; list-style:none;
margin:0px; padding:0px; page-break-inside:avoid; text-decoration:none;
vertical-align:baseline; page-break-inside:avoid; }
/* ~~~ position main components ~~~ */
body {
background:#fdffc9; margin-top:40px; margin-left:auto; margin-right:auto;
overflow:-moz-scrollbars-vertical; font:1em Georgia,Verdana,sans-serif; color:#808000; }
/* ~~~ position head foot images ~~~ */
#container { border:black solid 0px; /* construction border - on/off */
width:804px; height:auto; margin-left:auto; margin-right:auto; padding-left:2px; }
#head {
position:relative; width:800px; height:70px; clear:both; }
#foot {
/* font sizes in "%-ages" ("body" shows elements) - [16px = 1em] */
p,ul {
font-size:97%; margin-top:5px; }
b {
padding:0px 8px; font-size:100%; font-weight:bold; color:#9f9f42;}
strong {
padding:0px 8px; font-size:100%; font-weight:bold; color:#009100; }
li {
line-height:105%; text-align:left; }
li.jello {
font-size:100%; text-align:left; list-style-image:url(../yello8.png); margin-top:2px; }
h1 {
font-size:130%; font-family:'Molengo',serif; text-align:center;
font-weight:normal; line-height:110%; text-shadow:1px 1px 5px #917400; }
h2 {
font-size:100%; text-align:left; font-weight:bold; }
/* ~~~ headings: 'http://code.google.com/webfonts/preview#font-family=Molengo' ~~~ */
h1 {
font:16px Georgia,Verdana,sans-serif; font-weight:bold;
line-height:24px; text-align:center; color:#917400; }
h6.shadow, .shadow1, .shadow2, .shadow3 {
font-family:'Molengo',serif; font-weight:400; text-shadow:1px 1px 5px #aaa;
text-decoration:none; font-style:regular; text-transform:none;
letter-spacing:0.005em; word-spacing:-0.038em; line-height:1.2em; text-align:center; }
.shadow { font-size:18px; color:#a65f5f; }
.shadow1 { font-size:20px; color:#a65f5f; }
.shadow2 { font-size:25px; color:#a65f5f; }
.shadow3 { font-size:30px; color:#a65f5f; }
/* ~~~ spacers: fixed heights ~~~ */
li.spv5 {
margin:0; list-style:none; height:5px; }
li.spv10 {
margin:0; list-style:none; height:10px; }
li.spv15 {
margin:0; list-style:none; height:15px; }
li.spv20 {
margin:0; list-style:none; height:20px; }
/* ~~~ common classes ~~~ */
.textcenter {
text-align:center; }
.textleft {
text-align:left; }
.textright {
text-align:right; }
.textjustify {
text-align:justify; }
.blockcenter {
display:block; margin-left:auto; margin-right:auto; }
/* ~~~ single colum - multibox placings ~~~ */
.box1,box2,box3 {
position:relative; width:796px; height:auto; text-align:justify; }
.box1 { position:relative; padding:2px; border:blue solid 1px; /* on/off */ }
.box2 { position:relative; padding-left:44px; border:blue solid 1px; /* on/off */ }
.box3 { position:relative; padding:5px; border:blue solid 1px; /* on/off */ }
/* ~~~ "Header title text" - Copy below between on page! ~~~ */
/*
.position {
position:relative; top:-130px; left:220px; width:500px; height:60px; z-index:1000; }
.title {
font:bold 24px 'Nobile'; font-weight:bold; letter-spacing:0.04em;
color:#ffe24e; text-shadow:1px 1px 3px #000; z-index:1000; }
*/
/* ~~~ END ( Extras not used below ) ~~~ */
/* Item-1
a:link,a:visited { font-size:108%; line-height:17px; font-weight:normal; color:#7b3173; }
a.mini { color:#9f9f42; }
a:link { -webkit-tap-highlight-color:#536371; }
a:hover { font-size:105%; color:#7ca8d3; }
hr { color:#7b3173; width:130px; height:2px; margin-left:30px; }
*/
/* Item-2
*/