/*
iPhone CSS for Kate's site
*/

body {
font-family: Verdana, Helvetica, sans-serif;
padding: 0;
margin: 0;
background-color: #FFFFFF;
text-align: center;
background-image: none;
}

#container {
background:none repeat scroll 0 0 #FFFFFF;
margin:0;
max-width:320px;
min-width:320px;
padding:0;
text-align:left;
width:320px;
}

/* 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;
}

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 { 
margin-left: 10px;
background-color: #FFFFFF;
color: #808080; 
text-align: center;
font-size: 70%;
padding: 3px;
}

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

hr {
color: #808080;
}

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

p.home {
color: #808080;
}

/* header
*/

#header {
margin: 0;
min-width:320px;
padding:0;
width:320px;
height: 68px;
background-image:url("gallery/styles/banner-small3.gif");
background-repeat:no-repeat;
}

#header a
{
display:block;
width:100%;
height:100%;
}


/*
 Navigation sidebar */

#navigation {
float: none;
height: 50px;
overflow: hidden;
}

#sidebar {
border-top:1px solid #006400;
float:none;
padding:10px 0 0;
text-align:left;
width: 100%;
}

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

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

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

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

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

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

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

#navigation li {
display:inline;
font-size:120%;
line-height:100%;
list-style-type:none;
padding:2px;
}

#navigation ul ul li {
display:inline;
font-size:100%;
line-height:180%;
margin: 0;
padding:0;
text-align:right;
}

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

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

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

.show {
display:inline;
}

.hide {
display:none;
}

/* picmotif */

#picmotif {
display: none;
}

/*  bodycontent */

#bodycontent {
padding: 1px;
margin: 0;
margin-top: -10px;
}

/*homepage photos */

#homephoto {
background-image:url("gallery/homepagephotos2.jpg");
background-repeat:no-repeat;
height:300px;
margin-left:8px;
margin-top: 10px;
width:300px;
}

/* */

.clear {
clear: both;
}

#footer {
width: 100%;
bottom: 1px;
}

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

/* Cuttings Gallery */

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

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

#gallery img {
display: block;
opacity: 1;
filter: alpha(opacity=100);
margin: 12px 3px 3px 3px;
padding: 0;
}

#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: 2px;
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: 280px;
}

form.contact textarea {
width: 98%;
}

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;
}