/*
CSS for Robert Hamlin
*/
body {
   font-family; Verdana, Helvetica, Arial, sans-serif;
   background-color: gray;
   line-height: 125%;
   padding: 0;
   margin: 0;
}
p { 
  font-size: large;
  color: white;
}
#tagline p {
  font-style: italic;
  font-family: Georgia, Times, serif;
  font-size: large;
  color: white;
  background-color: black;
  border-top: 3px solid #800000;
  border-bottom: 3px solid #800000;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .8em;
  margin: 0;
}
em {
 text-transform: uppercase;
 color: white;
 }
h2, h3 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}
h1 {
   font-size: 35px;
   background-color: #800000;
   color: white;
   padding-top: 2em;
   padding-bottom: .2em;
   padding-left: .8em;
   margin: 0;
   font-family: Palatino, Garamond, Bookman, sans-serif;
}
h2{
   color: white;
   font-size: 175%;
   font-weight: normal;
   padding-top: 15px;
}
h3{
   color: white;
   font-weight: italics;
}
ul{
   margin-top: 30px;
   font-size: large;
   color: white;
}

h2{
  margin-top: 40px;
}

.fun {
  color: #800000;
  font-family: Georgia, Times, serif;
  letter-spacing: 0.05em;
}
#navigation {
   width: 500px;
}
#header{
   border-top: 3px solid black;
}

/*
This section deals with the position of items on the screen.  It uses absolute positioning - fixed x and y coordinates measured from the top-left corner of the browser's content display.
*/
#navigation, #bodycontent, #header, #twitter, #bodycontent1{
   position: absolute;
}
#twitter{
  top: 350px;
}
#navigation, #bodycontent{
   top: 134px;
}
#bodycontent{
   left: 250px;
}
#bodycontent1{
   left: 700px;
   margin-right: 10px;
   margin-top: 300px;
}
#header{
   width: 100%
}
.feature{
   float: center;
   margin: 10px;
}
.feature1{
   float: right;
   margin: 10px;
}
.feature2{
   float: right;
   margin: 10px;
}


.listinginfo{
   float: right;
   margin-right: 85px;
}
.picture img{
  border:5px solid silver;
  float: right;
}

.galleryphoto img{
   border: 10px solid silver;
}

.galleryphoto p {
   font-size: 65%
   font-weight: bold;
   margin-top: 0;
   width: 430px;
   line-height: 1.4em;
}

.photocredit {
   font-weight: normal;
   color: gray;
}

.galleryphoto {
  padding-bottom: 20px;
  border-bottom: 1px solid navy;
  margin-bottom: 10px;
}

.boxout{
  color: white;
  }


.sexypanels{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* width of menu */
}

.sexypanels li{
border-bottom: 2px solid white; /* white border beneath each menu item */
}

.sexypanels li a{
background: #333 url(media/sexypanelright.gif) no-repeat right top; /*color of menu by default*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.sexypanels li a:visited, .sexypanels li a:active{
color: white;
}

.sexypanels li a:hover{
background-color: #800000; /*color of menu onMouseover*/
color: white;
border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}


</style>

<!--[if IE]>
<style type="text/css">
.sexypanels li a{ /* Menu link width value for IE */
width: 100%;
}
</style>
<![endif]-->