body{


background-image: url(header.png);
background-repeat: no-repeat;
background-position: top right;
padding-top: 160px;
}

a:link
{
color: #E7850A;
}

a:visited
{
color: #A6964D;
}

a:active
{
color: red;
}

a:hover
{
color: orange;
}



div#site-title
{
position: absolute;
top: 0px;
right: 0px;

margin: 0px;
height: 136px;

text-align: right;
display:block;
}

div#site-title img, div#site-title h1 img
{

}

div#rightbar
{
position: absolute;
top:200px;
right: 0px;
width:200px;
display: block;
margin-top: 0em;

}



div#rightbar h2 
{
font-family:Georgia, Times, serif;

 margin: 0px;
 padding: 0em;
font-size: 1.2em;
font-weight: bolder;
}


/* homepage specific stuff starts  */
div#site-title h1
{
margin: 0px;
padding: 0px;
border: none;
text-align: right;
margin-left: 130px;
}
/* homepage specific stuff ends  */

div#content, div#topstrip h1, div#footer
{
margin-top: 0em;
margin-bottom: 0em;
margin-left: 30px;
margin-right: 250px;
padding-top: 0em;
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
padding-bottom: 0em;
}


div#topstrip h1
{
margin-top: 50px;
margin-bottom: 50px;
}

div#content
{

padding-top: 0emx;
padding-bottom: 2em;

}

h1
{
padding-top: 0em;
padding-bottom: 0em;

}






div#archiv
{
position: absolute;
top:140px;
right: 200px;
width:136px;
display: block;
margin-top: 2.526em;
background-color: #fff;
border-left: 1px solid #F7EFD1;
border-right: 1px solid #F7EFD1;
border-top: 1px solid white;
margin-left: 600px;
}






div#footer ul li
{
list-style: none;
display:inline;
}

h1
{
margin-top: 1.5em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
text-align: center;

}

#content a
{
text-decoration: underline;

}






div.entry, div.comment{

padding: 1em;
padding-left: 2em;
padding-right: 2em;
margin: 1em;
}

div.entry
{
background-image: url(entry-footer.png);
background-repeat: no-repeat;
background-position: bottom center;
padding-top: 50px;
padding-bottom: 130px;
}
div.entry h2
{
font-size: 1.4em;
}


div.comment{

border: 1px solid #eee;

}
div.entry img{

border: 1px solid #333;

}


div.comment{

padding: 0.5em;
margin: 0px;
margin-bottom: 0.5em;
font-size: 0.9em;

}

div.entry{



}

div#footer
{
color: #999;
text-align: center;
font-size: 0.9em;
margin-bottom: 36px;

line-height: 3.6em;

background-image: url(page-footer.png);
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom: 100px;
}

div#footer span#copyright
{
background-image: url(../images/small-circles.gif);
background-repeat: no-repeat;
background-position:  right;
padding: 50px;
}

div#rightbar h2#contact{
background-image: url(../images/mail-icon.gif);
background-repeat: no-repeat;
background-position:  5px 7px;
padding-left: 25px;
}

div#rightbar img#email{
margin-top: 5px;
text-align: right;
}

p.entryinfo
{
font-family: georgia, times, serif;

color: #777;
font-style: italic;
}

span.name{

font-weight: bold;

}

/* form stuff */

form input, form textarea
{
border: 1px solid  #999;
}

form textarea
{
display: block;
margin-bottom: 2em;
clear: both;
}

fieldset#contacts div 
{

text-align: right;
width: 28em;

}

/* form stuff ends */

/* style for using definition lists as inline labels (closest we can get to key:value pairing mark up)
*/


dl.inlinelabel, dl.inlinelabel dd
{
padding: 0.2em;
margin: 0.2em;

padding: 0em;
margin: 0em;
}

/*
dl.inlinelabel dt, dl.inlinelabel dd
{
display: inline;
}

*/
dl.inlinelabel dt

{
font-weight: bold;
}

div#rightbar h2
{

padding-left: 0.6em;
margin:0px;
margin-top: 30px;
}
div#rightbar img
{
border:none;
padding: 0px;
margin:0px;
}
div#rightbar
{
margin:none;
text-align: right;
margin-right: 30px;
}

div#rightbar img#onaut
{
margin: 0px;
padding: 0px;
border: 1px solid white;
}

div#flickr
{
margin-top: 0px;
}
div#flickr h2
{
margin-top: 0px;
}
/* subnav styling */

#rightbar   ul {
 
  margin: 0;  
  font-size: 0.9em;
}

#rightbar  ul li {

list-style: none;
margin: 0;
width: 100%;
}

#rightbar  ul li a, #rightbar  ul li span.selected { 
font-weight: bold;
padding: 0.256em;
display: block;
color: black;

  background-color:  #fff;
   color: #666;

border-right: 3px solid #f0edd9;
border-left: 15px solid #f0edd9;
border-top: 1px solid #f0edd9;
border-bottom: 1px solid #f0edd9;
padding: 0px;
margin-bottom: 3px;
padding-right: 5px;

}





div#rightbar ul li span.selected,  div#rightbar ul li span.selected a
 {

}
  
  
#rightbar   ul li a:hover, #rightbar   ul li a:focus,  #rightbar ul li a:active, #rightbar ul li span.selected {
color: black;
border-color: #d9d699;


}

/* style the homepage link to make the JB logo seem clickable */


div#rightbar ul li.nav-1 a
{
position: absolute;
 top: -310px;
 left: -80px;
color: white;
padding-left:  180px;
padding-bottom: 180px;
 border-style: none;
  background-color: transparent;

}

div#rightbar ul li.nav-1 span.selected
{
position: absolute;
 top: -3110px;
 left: -810px;


}



/* button style links */

div#content a.permalink, div#content a.button
{
padding: 0.2em;
padding-left: 0.4em;
padding-right: 0.4em;
border: 1px solid #999;
border-left: 3px solid #999;
border-right: 3px solid #999;

text-decoration:none;
background-color: #eee;
color: black;
}

div#content a.permalink:focus, div#content a.button:focus, 
 div#content a.permalink:hover, div#content a.button:hover
{
border-color: #666;
background-color: #fff;

}

dt{

font-weight: bold;

margin-top: 0.6em;
margin-bottom: 0.1em;
}
dd{
margin: 0px;
}

/* hide anything with the class 'hidden' */

.hidden{
position: absolute;
right: 80000px; 
}

#thankyou{
border: none;
}

.jbmessage{
color: #ca6;
font-weight: bold;
}

/* styles for the photo chronology stuff*/

div.year img
{
border: 10px solid #eee;
}