# 2009 sep 28 singers.css written by eWilliger.com
html, body {
	margin: 0;
	padding: 0;
	color: black;
	background: white;
	font: 100%;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	text-align: center;
}
a {
   color: #900;
}
a:link {
   color: #900;
}
a:visited {
   color: #600;
}
a:active	{
   color: #F00;
}
a:hover {
   color: #F00;
   text-decoration: none;
}
h1 {
	color: #000;
	line-height: 2em;
	margin: 0;8
	padding: 0;
}
h2 {
	color: #000;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
h3 {
	color: #000;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}
h4{
	color: #000;
	line-height: 1em;
	margin: 0;
	padding: 0;
}
hr {
   width: 95%;
	noshade ;
	color: #ccc;
	margin: .5em auto;
}
img {
   border: none;
}
ol, ul, li {
	font-size: 1.0em;
	padding: .5em;
   margin: 0;
   list-style-type: none;
}
p {
/*
	font-size: 1.0em;
	line-height: 1.2em;
   text-align: justify;
*/
	font-size: 80%;
	line-height: 120%;
	margin: 1.2em 0em;
}
strong, b {
	font-weight: bold;
}
table {
   margin: auto;
   border: none;
}
tr {
   text-align: center;
}
/* dimensions:
 Using the standard 960px width i took 20 away for "extras" leaving 940 for div "everything"
 Using the golden ratio that leaves 580 for div "between-the-columns", but minus 10 = 570.
 Taking 580 from 940 leaves 360 for the sides which is the standard @180 but i'm taking 5 from each side for spacing = 175.
 Again, taking the golden ratio for the mid-page-right-highlight means it is 220 - 5 = 215.
*/
#everything {
   margin: 0 auto;
   width: 99%;
	padding: .5em;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}
#header-part {
   margin: auto;
	text-align: center;
	padding: 0;
}
#left-column {
	float: left;
	margin: 0;
	width: 12em;
	text-align: left;
/*
	min-width: 170px;
*/
}
#main-right-column {
	float: right;
	margin: 0;
	text-align: left;
	width: 12em;
/*
	width: 171px;
	min-width: 170px;
*/
}
#between-side-columns {
	margin: 0 13em 0 13em;
/*
	min-width: 581px;
	margin: auto;
	padding: 1em 0;
	width: 580px;
*/
	text-align: center;
}
#right-side-results {
	margin: 0 0 0 13em;
	padding: 1em 0;
	/*
	text-align: center;
	*/
}
#right-side-results p {
	text-align: center;
}
#search-results {
	margin: 0 ;
	padding: 0 ;
}
#footer-part {
	clear: both;
	padding: .5em ;
	text-align: center;
}
.bigger-font {
	font-size: 110%;
}
.john-big-font {
	font-size: 105%;
	font-weight: bold;
}
.category-page-list {
   width: 884px;
   text-align: auto;
   padding: 1em;
   margin: auto;
}
.category-page-left-column {
   width: 300px;
   text-align: right;
   float: left;
   padding: 1% 1% 1% 5%;
}
.category-page-right-column {
   text-align: left;
   margin-left: 310px;
   width: 440px;
   padding: 1em;
}
.centerit {
   text-align: center;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearleftfloat {
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.five-in-a-row {
	width: 20%;
	float: left;
}
.five-in-a-row p {
	text-align: center;
	font-size: 50%;
}
.five-in-a-row-colored {
	width: 20%;
	float: left;
	background: #eee;
}
.five-in-a-row-colored p {
	font-size: 50%;
	text-align: center;
}
.footer-line {
   width: 600px;
	noshade ;
	color: #999;
	background-color: #999;
	margin: 0 auto;
/*
*/
	height: 1px;
	border: 0;
}
.itemtosell {
}
.itemtosellimg {
   float: left;
}
.leftit {
   text-align: left;
}
.lists{
   display: block;
   width: 80%;
   margin: 2em auto;
   text-align: left;
}
.lists ul {
   margin: 1em;
   padding: 0;
   list-style-type: none;
}
.lists ul li {
   margin: .25em 0;
   padding: 0 .1em;
}
.lists ul li a {
   padding: .1em 3em;
}
.lists a {
   color: #333;
   background-color: #fff;
}
.lists a:hover {
   background-color: #369;
   color: #FFF;
}
.mid-page-left-graphic {
	float: left;
	margin: 0 .5em 0 0;
}
.mid-page-text {
	text-align: left;
}
.mid-page-text h4 {
	margin:0 0 .3em 0;
	font-size: 75%;
}
.mid-page-text p {
	line-height: normal;
	font-size: 75%;
}
.mid-page-right-highlight {
	float: right;
	width: 215px;
	text-align: center;
	border: 1px solid black;
	margin: 0 0 0 .5em;
}
.mid-page-right-highlight p {
	text-align: center;
	font-size: 75%;
}
.rightit {
   text-align: right;
}
.search-results-left-column {
	float: left;
	width: 12em;
	text-align: center;
	padding: 0 0 0 2em;
}
.search-results-left-column img {
	margin: auto;
}
.search-results-left-column p {
	text-align: center;
	margin: 0;
	font-size: 66%;
}
.search-results-right-column {
	margin: 0 4em 0 17em ;
	font-size: 90%;
}
.search-results-left-column-160px {
	float: left;
	width: 160px;
	text-align: center;
	padding: 0 0 0 15px;
}
.search-results-left-column-220px {
	float: left;
	width: 220px;
	text-align: center;
	padding: 0 0 0 15px;
}
.search-results-left-column-220px img {
	margin: auto;
}
.search-results-left-column-220px p {
	text-align: center;
	margin: 0;
	font-size: 66%;
}
.search-results-right-column-220px {
	margin: 0 20px 0 250px ;
	font-size: 90%;
}
.search-results-left-column-groups {
	float: left;
	width: 460px;
	text-align: center;
	padding: 0 0 0 2em;
}
.search-results-left-column-groups img {
	margin: auto;
}
.search-results-left-column-groups p {
	text-align: center;
	margin: 0;
	font-size: 66%;
}
.search-results-right-column-groups {
	margin: 0 20px 0 500px ;
	font-size: 90%;
}
.search-results-left-column-340px {
	float: left;
	width: 345px;
	text-align: center;
	padding: 0 0 0 15px;
}
.search-results-left-column-340px img {
	margin: auto;
}
.search-results-left-column-340px p {
	text-align: center;
	margin: 0;
	font-size: 66%;
}
.search-results-right-column-340px {
	margin: 0 20px 0 370px ;
	font-size: 90%;
}

.smaller-font {
	font-size: 75%;
}
.table-individual-items {
   margin: auto;
   border: none;
   font-size: 62%;
   width: 90%;
}
.table-individual-items td, th {
   text-align: left;
   padding: 5px 0;
}