/* CSS Document */

body {
  font-family: ariel, sans-serif;
  font-size: small;
  background-image: url(images/bg/bg04.jpg)
  }
  
#container {
  width: 800px;
  background-image: url(images/bg/bg05.jpg);
  margin-left: auto;
  margin-right: auto;
  }
  
h1 {
  font-size: 140%;
  color: #440402;
  }
  
h2 {
  font-size: 120%;
  color: #440402;
  }
  
#header{
    }
  
#intro{
  width: 500px;
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  }
  
#content2 {
  width: 500px;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  }
  
#footer {
  width: 800px;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 50px;
  clear: both;
  font-size: 80%;
  }
  
#main {
  width: 500px;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  }
  
#siteinfo {
  width: 560px;
  margin: 30px 20px 20px 20px;
  }
  
#siteinfo img {
  float: left;
    }
  
#siteinfo ul {
  float: right;
  margin-right: 0px;
 }
 
ul { 
  line-height: 1.5;
  list-style-type: circle; 
  } 

#joinbtn {
  margin-top: 30px;
  margin-left: 50px;
  }

img {
  border: none;
  }
  
#joinbtn {
  text-align: center;
  }
  
#banner1 {
  float: right;
  margin-top: 80px;
  margin-right: 20px;
  width: 120px;
  }

#mainnav {
  text-align: right;
  float: right;
  margin-top: 45px;
  margin-right: 30px;
  }
  
#primesingles {
  width: 250px;
  float: right;
  clear: right;
  margin-top: 80px;
  }
  
#picjoin {
  text-align: left;
  }
  
#article{
  width: 450px;
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
  }