/* Arkitkt 01 - an open source xhtml/css website layout by Scott Benedict--arkitkt.com.
Free to use for any purpose as long as the proper credits are given to the original author.
Version: 1.0 (28 Jun 2006) */
/* @import url(global.css); */
/*global defaults*/
* {
padding: 0; /*Resets padding, margin, and borders to 0 for cross-browser consistency*/
margin: 0;
border: 0;
}
body {
font-size: 62.5%; /*Sets 1em=12px. Remember formula Childpx/Parentpx=Childem*/
background-color: transparent;
}
:link, :visited {
text-decoration: none; /*Removes underline from link/visited for readability*/
}
ul, ol {
list-style: none; /*Removes bullets from lists*/
}
a img, :link img, :visited img {
border: none; /*Removes border images*/
}
option {
min-width: 1.5em; /*Fixes mozilla problem with forms caused by universal reset*/
}
/* end global defaults */
body {
background-color: #ffffff;
margin: 0 auto;
font-size: .95em;
}
.style1 {
text-align:center;
}
#page {
margin: 0 auto;
width: 750px;
position: relative;
top: 10px;
}
#header {
background-image: url(images/header.jpg);
width: 750px;
height: 283px;
}
#navbar {
display: inline;
float: right;
position: relative;
top: +19px;
width: 100%;
left: -145px;
z-index: 1;
background-image:url(keenoheader.jpg);
}
#navbar a {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: .75em;
}
#navbar a:hover {
color: #650B14;
}
#home {
position: relative;
width: 75px;
left: 225px;
top: -2px;
}
#news {
position: relative;
left: 330px;
top: 54px;
width: 75px;
}
#links {
position: relative;
left: 460px;
top: 99px;
width: 75px;
}
#about {
position: relative;
top: 128px;
width: 75px;
left: 620px;
}
#contact {
position: relative;
left: 750px;
top:128px;
width: 75px;
}
#title {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: right;
position: relative;
right: 35px;
font-size: 2.5em;
top: -85px;
}
#slogan {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
font-size: 1em;
position: relative;
right: 40px;
top: -90px;
}
#wrapper {
background-image: url(images/bg.png);
background-repeat: repeat-y;
width: 750px;
float: left;
}
#content {
width: 451px;
position: relative;
float: left;
margin-left: 10px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 25px;
}
.entrytitle {
letter-spacing: 1px;
padding-bottom: 5px;
}
h1 {
color: #5D761B;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.15em;
padding-bottom: 20px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
color: #650b14;
font-size: .85em;
text-align: left;
padding-bottom: 6px;
padding-top: 6px;
border-bottom: dotted 3px #650b14;
text-transform: uppercase;
}
.entry {
font-family: Arial, Helvetica, sans-serif;
color: #552200;
text-align: left;
font-size: .90em;
padding-bottom: 10px;
}
.entry a {
color: #650b14;
}
.entry a:visited {
text-decoration: none;
}
.entry a:hover {
color: #ae7e0f;
text-decoration:underline;
}
#submenu {
width: 217px;
float: left;
position: relative;
height: 100%;
top: -150px;
z-index: 5;
}
#submenu h3 {
padding-top: 25px;
}
.menutitle {
font-family: Arial, Helvetica, sans-serif;
color: #650b14;
font-size: .80em;
text-decoration: underline overline;
text-align: center;
padding-bottom: 10px;
}
ul a {
font-family: Arial, Helvetica, sans-serif;
color: #ae7e0f;
font-size: .75em;
text-align: center;
display: block;
padding-bottom: 5px;
}
ul a:hover {
color: #ae7e0f;
font-weight: bold;
}
.menuactive {
color: #ae7e0f;
font-weight: bold;
}
.left {
padding-bottom: 5px;
padding-left: 5px;
padding-right: 10px;
padding-top: 5px;
}
.right {
padding-bottom: 5px;
padding-left: 5px;
padding-right: 10px;
padding-top: 5px;
}
div.img
{
margin: 2px;
border: 1px solid color: #5D761B;
height: auto;
width: 220px;
float: left;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
color: #552200;
font-size: .90em;
padding-bottom: 6px;
padding-top: 6px;
}
div.imgfull
{
margin: 2px;
border: 1px solid color: #5D761B;
height: auto;
width: 400px;
float: left;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
color: #552200;
font-size: .90em;
padding-bottom: 6px;
padding-top: 6px;
}
div.img img
{
display: inline;
margin: 3px;
border: 1px solid color: #5D761B;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
text-align: center;
font-weight: normal;
width: 216px;
margin: 2px;
}
li {}
a {
font-family: Arial, Helvetica, sans-serif;
color: #5D761B;
}
a:hover
a { text-decoration: underline;
}
#footer {
width: 750px;
height: 180px;
background-image: url(images/footer.png);
clear: both;
}
.copyright {
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: .50em;
position: relative;
top: 135px;
left: 20px;
}
.copyright a:link {
color: #ffffff;
}
.copyright a:hover {
text-decoration: underline;
}
.copyright a:visited {
color: #ffffff;
}
a:link {}
a:visited {}
a:hover {text-decoration: underline;}
a:active {}
/* *** ie hacks *** */
* html #navbar {
top: 7px; /*ie hack*/
}
* html #home {
top: 10px; /*ie hack*/
}
* html #news {
top: 59px; /*ie hack*/
}
* html #links {
top: 102px; /*ie hack*/
}
* html #about {
top: 126px; /*ie hack*/
}
* html #contact {
top: 122px;
}
* html #title {
top: -105px; /*ie hack*/
}
* html #slogan {
top: -110px; /*ie hack*/
}
* html #submenu ul a {
height: 15px;
}