/* Handcrafted for the handheld */

/*

------------------------------------------------------
Copyright Andrew Krespanis, http://leftjustified.net/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.

Notes

1. This style sheet is optimised for use on handheld devices.
You'll need to make sure that the <style> element in the HTML
document which links to it includes the code media="handheld".
------------------------------------------------------

*/

* {
padding:0;
margin:0;
}

body {
background:#F4F2E6 url(img/side.gif) repeat-y right top;
font:70%/1.3em verdana, tahoma, arial, sans-serif;
color:#1E1E1E;
border-left:3px solid #A82B18;
border-bottom:3px solid #A82B18;
}

#banner {
background:transparent url(img/top.gif) repeat-x left top;
padding:8px 0 0 3px;
}

#container {
padding:0 7px 3px 3px;
}

#content {
border-bottom:1px solid #A31914;
margin-bottom:6px;
}

#info-site {
margin:0 7px 2px 2px;
font-size:.9em;
text-align:center;
}

/* TYPOGRAPHY */

h1, h2, h3 {
color:#A31914;
font-family:Georgia, Garamond, Times, serif;
font-variant:small-caps;
margin:6px 0 4px;
}

h1 {
font-size:1.5em;padding-left:3px;
}

h2 {
font-size:1.3em;padding-left:6px;
}

h3 {
font-size:1.2em;padding-left:8px;
}

li {
letter-spacing:1px;
}

p {
background:#FAF9F4;padding:2px;margin:2px;
}

#banner p {
background:transparent url(img/bonsai.gif)no-repeat right center;
min-height:23px;
padding:4px 0 0 0;
margin:0 13px 0 4px;
}

/* LINKS */

a {
color:#4088A0;
}

#banner a {
display:block;
width:75%;
color:#A31914;
background:#F4F2E6;
font:1.6em/.8em Georgia, Garamond, Times, serif;
font-weight:bold;
font-variant:small-caps;
text-decoration:underline;
border:none;
}

ul a {
text-decoration:none; color:#4088A0;
}

a.top {
display:block;
background:#FAF9F4;
padding:2px;margin:2px;
text-decoration:underline;
}

/*HOVER*/

a:hover {
color:#A31914;
}

#banner a:hover {
color:#4088A0;
}

ul a:hover {
text-decoration:underline;
color:#A31914;
}

/* NAV */

#nav-toplevel {
background:transparent url(img/top.gif) repeat-x left bottom;
padding:8px;
}

#nav-toplevel ul:before, #nav-subs ul:before {
content:attr(title);
font-size:1.1em;
letter-spacing:1px;
font-variant:small-caps;
}

#nav-toplevel a, #nav-subs a {
text-transform:capitalize;
}

#nav-toplevel ul, #nav-subs ul {
margin:0 0 5px 0;
list-style:none;
}

#nav-toplevel li, #nav-subs li {
line-height:1.4em;
padding-left:10px;
margin:1px 2px;
background:#FAF9F4 url(img/bullet.gif) no-repeat left center;
border-bottom:1px solid #DCD4C2;
}

#nav-toplevel li.current, #nav-subs li.youarehere {
border-right:5px double #A31914;
border-bottom:1px solid #A31914;
}

li.current a, li.youarehere a {
color:#A31914;
font-weight:bold;
}

/* FORM */

form {
border:none;
}

fieldset {
border:1px solid #DCD4C2;
background:#FAF9F4;
padding:2px;
text-align:center;
margin:1px 1px 3px;
}

label {
text-align:left;
display:block;
padding-left:10px;
margin-top:3px;
}

label span {
color:#A31914;
}

input.btn {
margin:5px 0;
font-weight:bold;
}