/***************************************************
   Styles for rounded corners
 ***************************************************/

b.rtop, b.rbottom{display:block}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #888}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/***************************************************
   HTML Elements
 ***************************************************/

body {
  color: #FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: #666 url(../images/bg.gif);
  margin: 50px;
}

h1 {
  color: #666;
  font-size: 1.5em;
  margin: 10px 0 10px 0;
  padding: 0 0 10px 10px;
}

h1 b {
  color: #600;
}

h2 {
  color: #FFE;
  font-size: 1.3em;
  background: #888;
  padding: 5px;
}

h3 {
  color: #FFE;
  font-size: 1.1em;
  text-align: left;
  border-bottom: 1px dotted #FFE;
  padding: 0 0 2px 0;
}

p {
  margin-top: 0px;
}

a {
  color: #884540;
  text-decoration: none;
}

a:hover  {
  color: #333;
  background: #FFF;
  text-decoration: none; 
}

a: visited  {
color: #333;
text-decoration: none;
}

/***************************************************
   Containers
 ***************************************************/

#sitebox {
  width: 570px;
  color: #FFF;
  background: #999;
  border: 50px solid #888;
  margin-left: auto;
  margin-right: auto;
}

#banner, #banner2, #banner3, #banner4, #banner5, #banner6, #banner7, #banner8 {
  width: 570px;
  height: 200px;
  margin: 0px;
  padding: 0px;
}

#banner  {
  background: url(../images/regularrose.gif) no-repeat left top;
}

#banner2 {
  background: url(../images/bluerose.gif) no-repeat left top;
}

#banner3 {
  background: url(../images/blackrose.gif) no-repeat left top;
}

#banner4 {
  background: url(../images/darkrose.gif) no-repeat left top;
}

#banner5 {
  background: url(../images/bwrose.gif) no-repeat left top;
}

#banner6 {
  background: url(../images/peachrose.gif) no-repeat left top;
}

#banner7 {
  background: url(../images/rosebed.gif) no-repeat left top;
}

#banner8 {
  background: url(../images/lightpinkrose.gif) no-repeat left top;
}

#content {
  padding: 20px;
  font-size: 1em;
}

#block {
  background: #888;
  padding: 5px 10px 5px 10px;
  line-height: 16px;
}

.quote  {
	font-size: 0.9em;
	color: #FFF;
  	padding: 5px 10px 5px 10px;
	font-weight: bold;
}
#block {
  color: #FFE;
  background: #888;
  padding: 5px 10px 5px 10px;
  line-height: 16px;
}

.author  {
	text-align: right;
	font-size: 0.8em;
	font-weight: normal;
}

#menu {
  background: #333;
  padding: 10px;
  font-size: 0.9em;
}

#menu a {
  color: #FDC;
  padding: 10px;
  text-decoration: none;
  text-transform: lowercase;
}

#menu a:hover {
  color: #333;
  background: #FFF;
}

#block {
  color: #FFE;
  background: #888;
  padding: 5px 10px 5px 10px;
}

.unusual  {
	text-align: right;
	font-style: italic;
	font-size: 0.8em;
	padding: 3px;
	margin-left: 0;
	background: #888;
}

.links  {
	padding: 0;
	margin: auto;
	width: 480;
	text-align: center;
}

table#reviews  {
	font-size: 0.8em;
	margin: 5px 0 10px 0;
}

table#reviews td {
	padding-right: 10px;
	text-align: center;
	vertical-align: top;
}

#footer {
  border-top: 5px solid #888;
  padding: 10px 0 0 0;
  text-align: center;
  font-size: 0.7em;
}

#footer a {
  color: #FDC;
  border: 0px;
  font-weight: normal;
}