/* This is the CSS screen media stylesheet for twilight dawn design */

/* Import styling that doesn't depend on colors or images */

@import "common_screen.css";


/* Set formatting of predefined HTML tags */

body { 
  /* background-color: #FFD5AA; */
  background-color: #E4BAA4;
  color: #444;
}
   
blockquote { color: #C16939; }


/* Define the main container space for all elements */

#container {
  background-color: white;
  color: #444;
  border-color: #666;
}


/* Style the masthead image */

#masthead {
  background-image: url(../images/calphalon_copper_3qt_144px.jpg);
  background-repeat: no-repeat;
  border-color: #666;
}


/* The main box contains other content boxs. It provides a place for */
/* the border image that expands with the longest of the content boxes */

#mainbox {
  background-image: url(../images/spoons_cups_36c.jpg);
}


/* Define the navigation section */

#nav ul li a {
  background-color: #666;
  color: #efefef;
  border-color: #CCC;
}

#nav ul li a:hover {
  background-color: #E4BAA4;
  color: #444;
  border-color: #000;
}


/* Define the main content section */

#content {
  border-left-color:  #999;
  border-right-color: #999;
}


/* Define the credits presentation */

#credits {
  border-color: #666;
}


/* Classes for floating images */

.pixleft {
  background-color: #fff;
  border-color: #666;
}

.pixright {
  background-color: #fff;
  border-color: #666;
}


/* Inline Quote */

.inlinequote {
  color: #6E206E;
}

@media print {
body { background-color: white }
}