/* This is the style sheet for the interior pages for James Dew. */

html {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
font-size: 1em;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
text-align: center;
background-image: url(images/background_nav_content.gif);
background-position: top center;
background-repeat: repeat-y;
color: #000;
background-color: #847a6c;
}

#container {
top: 0;
width: 770px; 
height: auto; 
margin: 0 auto 0;
text-align: left;
}

#logo {
position:absolute;
top: 0;
width: 770px; 
height: 122px;  
background-image: url(images/logo_interior.jpg);
background-position: top left;
background-repeat: no-repeat;
margin: 0 auto 0;
}

h1 {
position: absolute;
top: 75px;
left: 410px;
font-size: .75em;
text-align: center;
font-style: italic;
font-weight: 100;
padding-right: 60px;
color: #FFF;
background-color: #5c5142;
}

h2 {
font-size: 1.25em;
color: #5c5142;
}

h3 {
font-size: 1.15em;
color: #5c5142;
}

h4 {
font-size: 1em;
color: #5c5142;
padding-left: 10px;
} 

#content {
position: absolute;
top: 122px; 
width: 770px; 
height: inherit;
margin: 0 auto 0;
}

#navigation {
position: absolute; 
width: 179px;
font-size: .8em;
line-height: 1.25em;
left: 4px;
}

#copy {
position: absolute;
width: 400px;
height: auto;
left: 209px;
font-size: .75em;
text-align: justify;
}

#sidebar {
position: absolute; 
width: 150px; 
left: 609px;
font-size: .75em;
line-height: 1.25em;
}

ul {
list-style-image: url(images/bullet02.gif);
}

img {
border: 1px solid #000;
}

img.large {
margin-left: 10px;
}

img.no_border {
border: none;
}

p.item_name {
font-size: .95em;
width: 400px;
border-top: 1px dotted #5c5142;
}

p.small_text {
text-align: left;
font-size: 95%;
}

p.pagecount {
text-align: right;
font-weight: bold;
}

p.new_view {
text-align: center;
font-size: 120%;
font-weight: bold;
border: 1px dotted #5c5142;
width: 400px;
padding: 2px;
}

p.item_name_bedpost {
color: #5c5142;
font-size: .95em;
width: 400px;
border-top: 1px dotted #5c5142;
}

p.order {
font-size: 120%;
font-weight: bold;
}

p.left_justify {
text-align: left;
}


form {
width: 400px; 
}

form fieldset {
clear: both;
border: 1px solid #5c5142;
padding: 10px;        /* padding in fieldset support spotty in IE */
margin: 0;
}

form fieldset legend {
font-size: 1em; /* bump up legend font size, not too large or it'll overwrite border on left */
font-weight: bold;
}

form label { 
display: block;  /* block float the labels to left column, set a width */
float: left; 
width: 120px; 
padding: 0; 
margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: right; 
}

form input, form textarea {
width: auto;
margin: 5px 0 3px 10px;
}

form input#reset {
margin-left: 0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { 
overflow: auto; 
}

p.footer {
border-top: 1px solid #5c5142;
font-size: 95%;
float: none;
}

p.caption {
font-size: 80%;
text-align: right;
}

#navigation a:link {
color: #FFF;
display: block;
}

#navigation a:visited {
color: #d5d0c8;
display: block;
}

#navigation a:hover, #navigation a:active {
color: #ada69c;
display: block;
}

#sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active {
display: block;
}

a:link, a:visited, a:hover, a:active {
color: #5c5142;
text-decoration: none;
}