/*
CSS for Kate's site
*/

body {
font-family: Verdana, Helvetica, sans-serif;
padding: 0;
margin: 2% 2% 0% 2%;
background-color: #FFFFFF;
text-align: center;
background-image: url('gallery/gradient6.jpg');
background-repeat: repeat-x;
background-attachment: fixed;
}

#container {
background: #FFFFFF;
min-width: 670px;
max-width: 910px;
width: 80%;
margin: 0 auto;
padding: 0;
text-align: left;
}

/* IE6 Fix */

* html #container {
width: 700px;
}

#cutcontainer {
background: #FFFFFF;
width: 1002px;
margin: 0px auto;
padding: 0;
text-align: left;
}

#cut {
padding: 0px;
position: relative;
top: 10px;
}

/* cut navigation */

#cutnavigation {
position: relative;
margin-top: 20px;
padding: 0px;
bottom: 80px;
left: 830px;
height: 52px;
width: 160px;
}

#leftarrow {
}

#pageno {
position: absolute;
left: 44px;
top: 16px;
color: #006400;
}

#rightarrow {
position: relative;
top: -49px;
left: 130px;
}

.transparent {
opacity: 0.4;
filter: alpha(opacity=40);
}

h1 {
color: #FFFFFF; 
text-align: left;
font-size: x-large;
padding-top: 40px;
padding-left: 10px;
padding-bottom: 5px;
margin: 1px;
}

h2 {
color: #006400;
text-align: left;
font-size: small;
padding: 0px;
margin: 0;
}

h3 { 
left: 10px;
background-color: #FFFFFF;
color: #808080; 
text-align: center;
font-size: xx-small;
padding: 3px;
margin: 1px;
}

h4 {
font-size: small;
text-align: center;
color: #006400;
margin: 0;
padding: 0;
}

hr {
color: #808080;
}

p {
color: #808080;
line-height: 150%;
font-size: small;
margin-bottom: 20px;
} 

p.home {
color: #808080;
}

/* header
*/

#header {
left: 20px;
background: #FFFFFF;
height: 80px;
width: 460px;
min-width: 460px;
background-image:url("gallery/styles/banner2.gif");
background-repeat:no-repeat;
}

#header a /* allows empty div to be a link */
{
display:block;
width:100%;
height:100%;
}

/*
 Navigation sidebar */

#navigation {
height: 19em;
}

#sidebar {
text-align: left;
width: 130px;
float: left;
padding-top: 20px;
padding-left: 15px;
}

#sidebar li{
text-decoration:none; 
color: #808080;
}

#sidebar a:link {
text-decoration: none; 
color: #808080;
display: block;
}

#sidebar a:visited {
text-decoration:none; 
color: #808080;
display: block;
}

#sidebar a:hover {
color: #006400;
}

#sidebar a:active {
color: #808080;
}

#sidebar a.currentpage {
font-weight: bold;
color: #006400;
}

#sidebar ul {
margin: 0;
padding: 0;
}

#navigation li {
line-height: 250%;
list-style-type: none;
font-size: large;
}

#navigation ul ul li {
font-size: 80%;
line-height: 200%;
margin-left: 30px;
}

#navigation ul ul a:link, #navigation ul ul a:visited {
text-decoration: none; 
color: #808080;
display: block;
}

#sidebar ul ul a:hover {
color: #006400;
}

#sidebar ul ul a.currentpage {
font-weight: bold;
color: #006400;
}

.show {
display:inline;
}

.hide {
display:none;
}

.portfolio {
cursor: pointer;
}

/* picmotif */

#picmotif {
margin-top: 20px;
position: relative;
}

/*  bodycontent */

#bodycontent {
padding: 10px 26px 20px 0px;
margin: 0px 0px 0px 174px;
}

/*homepage photos */

#homephoto {
height: 456px;
background-image: url('gallery/homepagephotos.jpg');
background-repeat: no-repeat;
}

#photo2, #photo3, #photo4 {
}

#photo2 {
margin-left: 236px;
margin-top: -222px;
}

#photo3 {
margin-top: 16px;
}

#photo4 {
margin-left: 236px;
margin-top: -224px;
}

/* */

.clear {
clear: both;
}

#footer {
width: 100%;
position: relative;
bottom: 1px;
padding-top: 2px;
}

.katepic {
float: left;
margin-right: 20px;
margin-bottom: 10px;
border: 1px solid #006400;
padding: 1px;
}

/* Cuttings Gallery */

#gallery {
list-style-type: none;
margin-left: -10px;
padding: 0;
min-width: 300px;
text-align: center;
}

#gallery li {
float: left;
text-align: center;
padding: 0.4em;
font-size: 70%;
}

#gallery img {
display: block;
margin: 5px;
}

#gallery a:link, a:visited {
text-decoration: none; 
color: #808080;
display: block;
}

#gallery a:hover {
color: #006400;
}

/* description */

div.desc {
font-family: verdana, helvetica, sans-serif;
text-align: center;
font-size: 70%;
font-weight: normal;
width: 120px;
margin: 2px;
height: 26px;
color: #808080;
}

.title {
font-weight: bold;
}

img {
border: 1px #FFFFFF;
}

/* Form */

#contactform {
padding-left: 20px;
margin: 0;
}

form.contact {
padding: 10px;
margin: 0;
}

form.contact legend {
font-size: small;
color: #006400;
padding: 4px;
margin: 0;
}

form.contact fieldset {
padding: 3px;
width: 95%;
margin: 0;
min-width: 200px;
}

form.contact textarea {
width: 50%;
}

form.contact label {
line-height: 150%;
font-size: small;
color: #808080;
padding: 2px;
margin-left: 5px;
}

form.contact label.fixedwidth {
display: block;
width: 150px;
float: left;
margin: 0;
padding: 0;
}

#buttons {
margin: 4px 0 0 150px;
}

#buttons input {
margin: 0;
padding: 0;
background: #006400;
color: white;
font-family: verdana, helvetica, sans-serif;
border: 1px solid #808080;
display: inline;
}

.btn {
padding: 0;
margin: 0;
}