/* Normalizes margin, padding */

body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}


ol,ul {
  list-style-type: none;
  font-size: medium;
  font-style: bold;
}


#allcontent {
  width: 780px;
  background-color: #fafafa;
  background-position: 325px 800px;
  background-image: url(imgmain/backring.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
  border:  solid 1px silver;
}

body {
	font-size: medium;
	margin: 0px;
	background-color: #eee;
	background-image: url(imgmain/bodyj.png);
  	background-repeat: no-repeat;
  	background-position: bottom right;
}

#header {
  height: 150px;
  background-image: url(imgmain/canaryhead.png);
  background-position: top center;
  background-repeat: no-repeat;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: Helvetica, sans-serif;
  padding: 0px 0px;
  color: #777777;
  margin-top: 10px;
  margin-bottom: 5px;
  background-image: url(imgmain/hback.png);
  text-shadow: 2px 2px white;
}

p {
  font-size: 15px;
  font-family: Helvetica, sans-serif;
  line-height: 1.6;
  padding: 5px 0px 10px;
  text-align: center;
  color: #555555;
}

h1 {
  font-family: Helvetica, sans-serif;
  font-size: 180%;
  border-bottom: 1px solid #91c477;
  padding: 0px 0 0 5px;
}

h2 {
  font-size: 180%;
  border-bottom: 1px solid #91c477;
  padding: 0px 0 0 5px;
  text-shadow: 2px 2px white;
}


h3 {
  font-size: 120%;
}

h4 {
  text-align: center;
}

em {
  color: #555;
}

#copyright {
  color: #999;
}

#main blockquote q{
  font-style: italic;
}

a#debeers {
  text-shadow: 2px 2px white;
  color: #777777;
}

/*----------- links--------*/
a {
  color: #555;
  text-decoration: underline;
}

a:hover {
  color: silver;
}

a:active {
  color: silver;
}


/*------------- Main Content --------------*/

#main {
  font-size: small;
  margin: 30px 0px 20px 50px;
  padding: 0px;
  width: 61%;
  float: left;
  background-image: url(imgmain/finalmain.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

#main p {
  font-size: 15px;
  font-family: Helvetica;
  line-height: 1.6;
  padding: 5px 0px 10px;
  text-align: left;
  color: #555555;
}

#creativity p {
  color: #555;
  margin: 440px 50px 0px 570px;
  font-style: italic;
  font-size: 16px;
  line-height: 1.6em;
  text-align: left;
  border-left: 1px solid #ddd;
  padding: 10px 0px 10px 18px;
}

#main img {
  border: 1px solid silver;
  float: left;
  margin: 10px 10px 0px 0px;
  padding: 1px;
}

#main #jackson {
  float: right;
  margin-left: 10px;
}

/*----------------cite---------------- */ 

.cite, cite {
  font-family: Geneva, san-serif;
  font-style: normal;
  text-align: right;
  line-height: 1.3em;
  color: #555;
  margin-bottom: 14px;
}

.cite span {
  color: #555;
  font-size: 1.15em;
}

#creativity cite{
 margin-left: 70px;
}

/*------------------------- navbar --------------------------*/

#navbar {
  width: 30%;
  float: right;
  margin-top: 80px;
  margin-right: 0px;
  text-align: center;
  font-family: Helvetica, sans-serif;
}

#navbar ol {
  margin: 10px;
}

#navbar li {
  margin: 10px;
}

#navbar a{
  color: #555;
  font-size: 160%;
  text-decoration: none;
  padding: 15px 10px 15px 10px;
  margin: 10px;
  line-height: 1.5em;
  text-shadow: 3px 3px silver;
}

#navbar a:hover {
  color: silver;
  margin: 10px;
}

#navbar a:active {
  color: silver;
  text-decoration: none;
}

/*---------  footer  ----------*/
  
#footer {
	background-image: url(imgmain/canaryfoot.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	font-size: 90%;
	margin: 0px auto 0px auto; 
	padding: 0px;
	height: 100px;
	clear: both;
}

#footer p {
  text-align: center;
  margin: 5px 5px 0 5px;
}

#footer img {
  margin: 0 0px 0 0px;
}

/*-------------------gallery rules ----------------------*/

#topnav {
 font-family: Helvetica;
 text-align: center;
 padding: 8px 0px 20px 0px;
 margin-bottom: 0px;
}

#topnav li{
  list-style-type: none;
  display: inline;
  letter-spacing: 1px;
}

#topnav a{
  font-size: 120%;
  color: #333;
  text-decoration: none;
}

#topnav a:hover{
  color: silver;
}

#topnav a:active{
  color: white;
}

/*---------------------- gallery nav ----------------------------*/

#photonav {
  font-family: Helvetica, sans-serif;
  color: black;
  text-align: center;
  margin: 10px 0px 10px 0px;
  background-image: url(imgmain/hback.png);
}

#photonav a {
  color: black;
  font-size: 130%;
  text-decoration: none;
}

#photonav a:hover {
  color: silver;
  text-decoration: none;
}

#photonav a:active {
  color: white;
}

/*---------------------------gallery----------------------------*/
#photos p  {
 text-align: center;
}

#photos p img {
  border: 1px solid black;
  padding: 1px;
  margin-top: 0px
}

#gallery {
  text-align: center;
}

#gallery h2 {
  margin-top: 5px;
}

#gallery p{
  text-align: center;
}


#gallery a img {
  border: outset;
  margin: 12px;
  padding: 1px;
}

#gallery a:hover img{
 border: outset #91c477;
}

#gallery a:active img{
  border: inset;
}

#contact {
  width: 300px;
  margin: 0px 0px 0px 60px;
}

#contact h2 {
   text-align: center;
}

#contact h3 {
   text-align: left;
   margin-top: 15px;
}

#contact p {
  text-align: left;
}

#main img.right {
	float: right;
	margin-left: 10px;
}

/*---------------------------- galleries menu -----------------*/

#gallery li p {
font-weight: ;
font-size: 20px;
}

#gallery ol #ring {
float: left;
margin: 0px 0px 80px 70px;
}

#gallery ol #pendant {
margin: 70px 0px 90px 10px;
}

blockquote {
margin: 15px 0 0 0;
}