/* Global CSS Layout ~ monkeystyle.css */

/* basic page layout */
body
{
  width: 1150px;
  height: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  border: none;
  overflow: auto;
  font-size: 1em;
  font-weight: normal;
  word-spacing: normal;
  letter-spacing: normal;
  text-align: justify;
  font-family: Georgia, Sans-Serif;
  font-size-adjust: .48em;
  color: #DFFBC9;
  background: #E9E9E9;
}

/* type selectors */
a:link, a:visited
{
  text-decoration: none;
  /* color: #49610B; */
  color: #7C943E;
  background-color: transparent;
}

a:hover, a:active
{
  text-decoration: underline;
  color: #99FF00;
  background-color: transparent;
}

h3
{
  font-size: 97%;
  margin: 0px;
}

/* content */
#content_wrapper
{
  width: 900px;
  min-height: 50em;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 110px;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 35px;
  padding-right: 35px;
  border: none;
  text-align: justify;
  background-color: #70A339;
  background-repeat: repeat-y;
  background-position: center;
}

#tagline
{
  margin-bottom: 1.5em;
  padding: 0px;
  text-align: center;
  color: #ACE896;
  background-color: transparent;
}

#pup { /* links/construction.html page */
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  background-color: #777;
  color: white;
  font-size: 0.95em;
}

.foafsmiles
{
  width: 52px;
  height: 28px;
  border: none;
}

.boxline
{
  border: 1px solid #49610B;
  font-size: .2em;
}

#addr
{
  margin-top: -1.7em;
  margin-bottom: 1.5em;
  padding: 0px;
  text-align: center;
  color: #206E6D;
  background-color: transparent;
}

#gallery_binishells_wrapper /* binishells pix wrapper */
{
  width: 750px;
  height: 190px;
}

.gallery_binishells /* binishells pix */
{
  width: 750px;
  float: left;
}

#ytwrapper /* wrapper for ytplayer_div */
{
  width: 900px;
  height: 345px;
  /* background-image: url("sitecandy/housesketch.png"); */
}

#ytplayer_div /* youtube embedded viewer */
{
}

.ytplaylist /* youtube video playlist */
{
  width: 750px;
  height: 320px;
}

.ytthumbnails /* youtube container div for video thumbnails */
{
  width: 750px;
  height: 100px;
  padding: 0px;
}

.ytthumb /* youtube playlist item */
{
  width: 140px;
  height: 100px;
  padding: 0px;
  margin-right: 10px;
  float: left;
}

.yttitles /* youtube container div for video titles */
{
  width: 750px;
  height: 2.8em;
  padding-top: .2em;
  padding-bottom: .2em;
}

.yttitle /* video title */
{
  font-family: georgia, palatino, sans-serif;
  font-size: 0.8em;
  width: 140px;
  height: 2em;
  padding: 0px;
  margin-right: 10px;
  float: left;

}

.ytdescriptions /* video descriptions */
{
  width: 750px;
  height: 8em;
  padding: 0px;
}

.ytdescrip /* video description */
{
  font-family: georgia, palatino, sans-serif;
  font-size: 0.8em;
  width: 140px;
  margin-right: 10px;
  float: left;

}

/* old youtube stuff */
#youtube_wrapper /* wrapper for youtube videos */
{
  height: 715px;
}

.youtube_vid_left /* Youtube video float left */
{
  width: 425px;
  height: 359px;
  float: left;
}

.youtube_desc_left /* Youtube description float left */
{
  width: 315px;
  height: 359px;
  float: left;
  padding-left: 10px;
  vertical-align: middle;
}

.youtube_vid_right /* Youtube video float right */
{
  width: 425px;
  height: 359px;
  float: right;
}

.youtube_desc_right /* Youtube description float right */
{
  width: 315px;
  height: 359px;
  float: right;
  padding-right: 10px;
  vertical-align: middle;
}

#youtube_construction /* Links - construction */
{
  /* height: 1365px; */
  height: 605px;
}
#youtube_floorplans /* Links - floorplans */
{
  height: 0px;
}
#youtube_energy /* Links - energy */
{
  height: 400px;
}
#youtube_structures /* Links - structures */
{
  height: 445px;
}
#youtube_water /* Links - water */
{
  height: 0px;
}

.youtube_link /* For links page */
{
  width: 170px;
  height: 150px;
  float: left;
}

.youtube_link_desc /* Description for Youtube link */
{
  width: 570px;
  height: 150px;
  float: left;
  padding-left: 10px;
}

/* csksig */
#csksig
{
  float: right;
  width: 170px;
  border: none;
  padding: 0px;
}
/* website design by */
#wdb
{
  margin-left: 730px;
  font-size: 80%;
}

/* footer */
#footer
{
  padding-top: 20px;
  padding-bottom: 5px;
  background-image: url("sitecandy/footerbkgnd.png");
  text-align: left;
  line-height: 60%;
}