/* 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/newletter-tile.jpg);
background-position: top center;
background-repeat: repeat-x;
color: #000;
background-color: #ebe6e0;
}

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

#logo {
position: absolute;
top: 64px;
width: 770px;
height: 66px;
margin: 0 auto 0;
border-bottom: 1px solid #241e20;
}

#date {
position: absolute;
top: 136px;
width: 770px;
height: 20px;
margin: 0 auto 0;
border-bottom: 1px solid #241e20;
text-align: right;
font-family: "Times New Roman", Times, serif;
color: #241e20;
font-size: .85em;
font-weight: bold;
}

h1 {
font-size: 1.25em;
color: #241e20;
} 

h2 {
font-size: .9em;
color: #241e20;
} 

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

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

#copy {
position: absolute;
width: 400px;
height: auto;
left: 190px;
font-size: .75em;
text-align: justify;
border-left: 1px solid #241e20;
border-right: 1px solid #241e20;
padding-left: 10px;
padding-right: 10px;
}

#sidebar {
position: absolute; 
width: 160px; 
left: 620px;
font-size: .75em;
line-height: 1.25em;
padding-top: 10px;
}

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: #241e20;
display: block;
}

#navigation a:visited {
color: #5c5142;
display: block;
}

#navigation a:hover, #navigation a:active {
color: #241e20;
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;
}